:root{--color-primary:#2f82ff;--color-secondary:#9572ff;--color-accent:#0f4;--color-dark:#1d1d1f;--color-gray-900:#1d1d1f;--color-gray-800:#2e2e32;--color-gray-700:#48484d;--color-gray-600:#64646b;--color-gray-500:#86868b;--color-gray-400:#a1a1a6;--color-gray-300:#c7c7cc;--color-gray-200:#e5e5e7;--color-gray-100:#f5f5f7;--color-white:#ffffff;--font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,"Helvetica Neue","Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px}.dashboard-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:280px;background:var(--color-white);border-right:1px solid var(--color-gray-200);display:flex;flex-direction:column}.sidebar-header{padding:var(--space-6);border-bottom:1px solid var(--color-gray-200)}.sidebar-logo{font-size:24px;font-weight:700;color:var(--color-dark);text-decoration:none}.sidebar-nav{flex:1;padding:var(--space-4) 0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);color:var(--color-gray-700);text-decoration:none;font-size:15px;font-weight:500;transition:all .2s ease;position:relative}.nav-item:hover{color:var(--color-dark);background:var(--color-gray-100)}.nav-item.active{color:var(--color-primary);background:rgba(47,130,255,.08)}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-primary)}.nav-icon{width:20px;height:20px;opacity:.8}.sidebar-footer{padding:var(--space-6);border-top:1px solid var(--color-gray-200)}.points-card{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);color:var(--color-white);padding:var(--space-5);border-radius:var(--radius-lg)}.points-label{font-size:14px;opacity:.9;margin-bottom:var(--space-1)}.points-value{font-size:28px;font-weight:700;margin-bottom:var(--space-3)}.points-button{display:block;width:100%;padding:var(--space-2) var(--space-4);background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);color:var(--color-white);border-radius:var(--radius-sm);font-size:14px;font-weight:600;text-align:center;text-decoration:none;transition:all .2s ease;cursor:pointer}.points-button:hover{background:rgba(255,255,255,.3)}.logout-item{margin-bottom:var(--space-4);color:var(--color-gray-600);border-radius:var(--radius-md);transition:all .2s ease}.logout-item:hover{background:var(--color-gray-100);color:var(--color-error,#dc2626)}.mobile-menu-btn{display:none;background:#2f82ff;color:white;border:none;padding:10px 15px;cursor:pointer;border-radius:8px;font-size:18px;font-weight:700;position:fixed;top:20px;left:20px;z-index:1001}.mobile-menu-btn:hover{background:#1968e6}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:998}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.main-header{background:var(--color-white);border-bottom:1px solid var(--color-gray-200);padding:var(--space-5) var(--space-8);display:flex;justify-content:space-between;align-items:center}.page-title{font-size:24px;font-weight:700;color:var(--color-dark)}.header-actions{display:flex;align-items:center;gap:var(--space-4)}.notification-btn{padding:var(--space-2) var(--space-4);height:40px;border-radius:var(--radius-full);border:1px solid var(--color-gray-200);background:var(--color-white);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:14px;font-weight:600}.notification-btn:hover{background:var(--color-gray-100)}.user-profile{gap:var(--space-3)}.user-avatar,.user-profile{display:flex;align-items:center}.user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-primary);justify-content:center;color:var(--color-white);font-weight:600}.user-email{font-size:14px;color:var(--color-gray-600)}.dashboard-content{flex:1;padding:var(--space-8);overflow-y:auto}.welcome-banner{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);color:var(--color-white);padding:var(--space-12);border-radius:var(--radius-xl);margin-bottom:var(--space-8);position:relative;overflow:hidden}.welcome-banner:before{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:rgba(255,255,255,.1);border-radius:50%}.welcome-content{position:relative;z-index:1}.welcome-title{font-size:32px;font-weight:700;margin-bottom:var(--space-2)}.welcome-text{font-size:18px;opacity:.9;margin-bottom:var(--space-6)}.welcome-btn{display:inline-block;background:var(--color-white);color:var(--color-primary);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-weight:600;text-decoration:none;transition:all .2s ease}.welcome-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.stat-card{background:var(--color-white);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:0 2px 8px rgba(0,0,0,.04);transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.08)}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.stat-label{font-size:14px;color:var(--color-gray-600)}.stat-icon{width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.stat-icon.blue{background:rgba(47,130,255,.1);color:var(--color-primary)}.stat-icon.purple{background:rgba(149,114,255,.1);color:var(--color-secondary)}.stat-icon.green{background:rgba(0,255,68,.1);color:var(--color-accent)}.stat-icon.orange{background:rgba(255,163,0,.1);color:#FFA300}.stat-value{font-size:32px;font-weight:700;color:var(--color-dark);line-height:1}.stat-change{font-size:14px;color:var(--color-gray-500);margin-top:var(--space-2)}.section-title{font-size:20px;font-weight:700;color:var(--color-dark);margin-bottom:var(--space-6)}.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.service-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;cursor:pointer;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-secondary) 100%);transform:scaleX(0);transition:transform .3s ease}.service-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1);border-color:var(--color-gray-200)}.service-card:hover:before{transform:scaleX(1)}.service-icon{width:64px;height:64px;margin:0 auto var(--space-4);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:var(--color-white)}.service-icon.blue{background:linear-gradient(135deg,#2f82ff,#1e5fcc)}.service-icon.purple{background:linear-gradient(135deg,#9572ff,#7350e0)}.service-icon.green{background:linear-gradient(135deg,#0f4,#00cc33)}.service-icon.pink{background:linear-gradient(135deg,#ff5757,#e04040)}.service-icon.orange{background:linear-gradient(135deg,#ff9500,#ff7300)}.service-name{font-size:18px;font-weight:600;color:var(--color-dark);margin-bottom:var(--space-2)}.service-desc{font-size:14px;color:var(--color-gray-600);margin-bottom:var(--space-4);line-height:1.5}.service-price{font-size:16px;font-weight:600;color:var(--color-primary)}.activity-card{background:var(--color-white);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:0 2px 8px rgba(0,0,0,.04)}.empty-state{text-align:center;padding:var(--space-12) var(--space-8)}.empty-icon{width:80px;height:80px;margin:0 auto var(--space-4);opacity:.3}.empty-title{font-size:18px;font-weight:600;color:var(--color-gray-700);margin-bottom:var(--space-2)}.empty-text{font-size:14px;color:var(--color-gray-500);margin-bottom:var(--space-6)}.empty-btn{display:inline-block;background:var(--color-primary);color:var(--color-white);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-weight:600;text-decoration:none;transition:all .2s ease}.empty-btn:hover{background:#1e5fcc;transform:translateY(-1px)}.admin-only{display:none!important}@media (max-width:768px){.mobile-menu-btn{display:block!important}.sidebar{position:fixed!important;top:0;left:-280px;width:280px;height:100vh;z-index:999;transition:left .3s ease;box-shadow:0 0 20px rgba(0,0,0,.3);background:white}.dashboard-container{display:block;height:auto;overflow:visible}.main-content{width:100%;margin-left:0;height:auto;overflow:visible}.main-header{padding-top:80px}.dashboard-content{padding:var(--space-4)}.service-grid,.stats-grid{grid-template-columns:1fr}.welcome-banner{padding:var(--space-8)}.welcome-title{font-size:24px}}