:root{--sidebar-width:260px;--topbar-height:56px;--brand:#533afd;--brand-tint:#ededff;--text-primary:#061b31;--text-secondary:#273951;--text-tertiary:#64748d;--text-disabled:#9ba8b8;--surface-page:#f6f9fc;--surface-card:#fff;--surface-subtle:#f6f9fc;--surface-muted:#e5edf5;--color-success:#15be53;--color-danger:#ea2261;--color-warning:#9b6829;--color-info:#2874ad;--chart-1:#533afd;--chart-2:#15be53;--chart-3:#ea2261;--chart-4:#f96bee;--chart-5:#9b6829;--border-color:#e5edf5;--shadow-card:rgba(50,50,93,.25) 0px 2px 5px -1px,rgba(0,0,0,.1) 0px 1px 3px -1px;--shadow-card-hover:rgba(50,50,93,.25) 0px 6px 12px -2px,rgba(0,0,0,.1) 0px 3px 7px -3px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-card:16px;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.4s ease}html.dark{--brand:#7c6aff;--brand-tint:rgba(83,58,253,.15);--text-primary:#e8ecf1;--text-secondary:#b8c4d0;--text-tertiary:#8896a6;--text-disabled:#5a6776;--surface-page:#0f1419;--surface-card:#1a2028;--surface-subtle:#1f2830;--surface-muted:#2a3540;--border-color:#2a3540;--shadow-card:0 2px 5px -1px rgba(0,0,0,.4),0 1px 3px -1px rgba(0,0,0,.3);--shadow-card-hover:0 6px 12px -2px rgba(0,0,0,.5),0 3px 7px -3px rgba(0,0,0,.4);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--surface-page)!important;text-rendering:optimizeLegibility}#__nuxt{background:transparent}body{background:var(--surface-page);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background .3s ease,color .3s ease}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-muted);border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:#533afd4d}*{scrollbar-color:var(--surface-muted) transparent;scrollbar-width:thin}.page-enter-active,.page-leave-active{transition:opacity .25s ease,transform .25s ease}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-4px)}.app-layout{display:flex;min-height:100vh}.app-sidebar{background:var(--surface-card);border-right:1px solid var(--border-color);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:0;width:var(--sidebar-width);z-index:100}.sidebar-header{border-bottom:1px solid var(--border-color);padding:20px 24px;position:relative}.sidebar-header:after{background:linear-gradient(90deg,var(--brand),rgba(83,58,253,.2));border-radius:1px;bottom:-1px;content:"";height:2px;left:24px;position:absolute;right:24px}.sidebar-header h1{color:var(--brand);font-size:1.25rem;font-weight:700}.sidebar-header .brand-link{display:inline-block;line-height:1;text-decoration:none}.brand-logo-img{display:block;height:36px;max-width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:auto}.sidebar-header p{color:var(--text-tertiary);font-size:.75rem;margin-top:2px}.sidebar-nav{flex:1;padding:12px}.sidebar-nav a{align-items:center;border-radius:8px;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:500;gap:10px;padding:10px 12px;position:relative;text-decoration:none;transition:color .2s ease,background .2s ease}.sidebar-nav a :deep(svg){transition:color .2s ease,transform .2s ease}.sidebar-nav a:hover{background:var(--brand-tint);color:var(--brand)}.sidebar-nav a:hover :deep(svg){color:var(--brand);transform:scale(1.08)}.sidebar-nav a.router-link-active,.sidebar-nav a.router-link-exact-active{background:var(--brand-tint);color:var(--brand);font-weight:600}.sidebar-nav a.router-link-active:before,.sidebar-nav a.router-link-exact-active:before{background:var(--brand);border-radius:0 2px 2px 0;bottom:8px;content:"";left:-12px;position:absolute;top:8px;width:3px}.app-main{flex:1;margin-left:var(--sidebar-width);min-height:100vh;padding:32px}.page-title{color:var(--text-primary);font-size:24px;font-weight:700;line-height:1.35;margin-bottom:8px}.page-subtitle{color:var(--text-tertiary);font-size:13px;line-height:1.6;margin-bottom:24px}.section-card{background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:20px}.section-title{color:var(--text-primary);font-size:18px;font-weight:700;line-height:1.35;margin-bottom:16px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes rowFlash{0%{background:var(--brand-tint)}to{background:transparent}}@keyframes scaleReveal{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes progressGrow{0%{width:0}}@keyframes countUp{0%{opacity:.4}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #533afd00}50%{box-shadow:0 0 0 4px #533afd14}}html.dark .sidebar-header:after{background:linear-gradient(90deg,var(--brand),rgba(124,106,255,.2))}html.dark ::-webkit-scrollbar-thumb:hover{background:#7c6aff66}html.dark ::-moz-selection{background:#7c6aff40}html.dark ::selection{background:#7c6aff40}::-moz-selection{background:#533afd26;color:var(--text-primary)}::selection{background:#533afd26;color:var(--text-primary)}@media(max-width:768px){.app-sidebar{border-right:none;border-top:1px solid var(--border-color);box-shadow:0 -2px 8px #0000000f;flex-direction:row;height:auto;inset:auto 0 0;position:fixed;width:100%;z-index:200}.sidebar-header{display:none}.sidebar-nav{display:flex;justify-content:space-around;overflow-x:auto;padding:6px 4px;width:100%}.sidebar-nav a{flex-direction:column;font-size:11px;gap:2px;min-height:44px;min-width:0;padding:8px 12px;text-align:center}.app-main{margin-left:0;padding:20px 16px 80px}}