:root{--primary:#6366f1;--primary-hover:#4f46e5;--secondary:#ec4899;--accent:#10b981;--bg-dark:#0f172a;--card-bg:#1e293bb3;--sidebar-bg:#0f172acc;--text-main:#f1f5f9;--text-dim:#94a3b8;--border:#ffffff1a;--glass-blur:blur(12px)}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);background:radial-gradient(circle at 100% 0,#1e1b4b,#0f172a);min-height:100vh;font-family:Inter,Pretendard,sans-serif;overflow-x:hidden}#app{min-height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);width:280px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-right:1px solid var(--border);z-index:100;flex-direction:column;height:100vh;padding:2rem 0;display:flex;position:fixed}.logo-container{margin-bottom:3rem;padding:0 2rem}.logo-text{background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;letter-spacing:-.05em;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.nav-menu{padding:0 1rem;list-style:none}.nav-item{margin-bottom:.5rem}.nav-link{color:var(--text-dim);border-radius:12px;align-items:center;padding:.875rem 1rem;text-decoration:none;transition:all .3s;display:flex}.nav-link:hover,.nav-link.active{color:var(--text-main);background:#6366f11a}.nav-link.active{background:var(--primary);box-shadow:0 4px 20px #6366f166}.main-content{flex:1;margin-left:280px;padding:3rem}header{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}h1{font-size:2rem;font-weight:700}.user-info{align-items:center;gap:1rem;display:flex}.app-badge{background:var(--primary);border-radius:20px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.card{background:var(--card-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:24px;padding:1.5rem;transition:transform .3s,border-color .3s}.card:hover{border-color:#6366f166;transform:translateY(-5px)}.card-title{color:var(--text-dim);justify-content:space-between;margin-bottom:1rem;font-size:.875rem;display:flex}.card-value{margin-bottom:.5rem;font-size:2rem;font-weight:700}.card-footer{align-items:center;gap:.5rem;font-size:.875rem;display:flex}.trend-up{color:var(--accent)}.trend-down{color:var(--secondary)}.chart-section{grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:3rem;display:grid}.chart-card{height:400px}.task-list{flex-direction:column;gap:1rem;display:flex}.task-item{border:1px solid var(--border);background:#ffffff08;border-radius:16px;justify-content:space-between;align-items:center;padding:1rem;display:flex}.progress-bar{background:#ffffff1a;border-radius:4px;width:100%;height:8px;margin:10px 0;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--primary), var(--secondary));border-radius:4px;height:100%;transition:width 1s ease-out}.login-overlay{background:var(--bg-dark);z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-card{background:var(--card-bg);border:1px solid var(--border);text-align:center;border-radius:32px;width:100%;max-width:400px;padding:3rem}.login-input{border:1px solid var(--border);color:#fff;background:#ffffff0d;border-radius:12px;width:100%;margin-bottom:1rem;padding:1rem;font-size:1rem}.login-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:1rem;font-weight:700;transition:transform .2s}.login-btn:hover{background:var(--primary-hover);transform:scale(1.02)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade{animation:.6s ease-out forwards fadeIn}@media (width<=1024px){.sidebar{width:80px}.logo-text,.nav-link span{display:none}.main-content{margin-left:80px}.chart-section{grid-template-columns:1fr}}