:root{--bg-page:#f0f2f5;--bg-card:#fff;--bg-sidebar:#fff;--bg-hover:#6366f10f;--bg-active:#6366f11f;--color-primary:#6366f1;--color-primary-dark:#4f46e5;--color-primary-light:#eef2ff;--color-primary-glare:#6366f114;--color-success:#10b981;--color-success-dark:#059669;--color-warning:#f59e0b;--color-warning-dark:#d97706;--color-danger:#ef4444;--color-danger-dark:#dc2626;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--text-on-primary:#fff;--border-color:#e2e8f0;--border-radius-sm:6px;--border-radius-md:10px;--border-radius-lg:14px;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 14px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-color:0 4px 14px #6366f140;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-spring:.35s cubic-bezier(.34, 1.56, .64, 1);--text-2xs:10px;--text-xs:11px;--text-sm:12px;--text-base:14px;--text-md:15px;--text-lg:16px;--text-xl:18px;--text-2xl:20px;--text-3xl:24px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:var(--text-base);line-height:1.6;padding:0!important}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.35s cubic-bezier(.4,0,.2,1) both fadeSlideUp}.fade-in-delay-1{animation-delay:50ms}.fade-in-delay-2{animation-delay:.1s}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.card{background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-accent{background:var(--bg-card);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal)}.card-accent:hover{box-shadow:var(--shadow-md)}.sidebar{color:#c7c4e0;background:linear-gradient(#0f0e24 0%,#1a1740 100%);flex-direction:column;display:flex;box-shadow:2px 0 24px #0000002e}.sidebar-header{letter-spacing:.5px;color:#e8e6f5;border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:24px 18px 20px;font-size:15px;font-weight:700;display:flex}.sidebar-logo{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.nav-section{flex:1;padding:8px 10px;overflow-y:auto}.nav-label{text-transform:uppercase;letter-spacing:1px;color:#c7c4e066;padding:16px 14px 6px;font-size:10px;font-weight:600}.nav-item{cursor:pointer;color:#9d9abb;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);border-left:3px solid #0000;border-radius:10px;align-items:center;gap:10px;margin-bottom:2px;padding:10px 14px;font-size:14px;display:flex}.nav-item:hover{color:#e8e6f5;background:#ffffff0f}.nav-item.active{color:#a5b4fc;background:#6366f126;border-left-color:#6366f1;font-weight:600}.nav-icon{width:24px;height:24px;transition:background var(--transition-fast);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:flex}.nav-item:hover .nav-icon{background:#ffffff14}.nav-item.active .nav-icon{background:#6366f133}.topbar{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;align-items:center;padding:8px 16px;display:flex}.topbar-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;width:32px;height:32px;transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast);background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex}.topbar-btn:hover{background:var(--bg-hover);border-color:var(--color-primary);color:var(--color-primary)}