@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #0f0c29;--bg-surface: rgba(30, 27, 75, .45);--bg-surface-2: rgba(17, 14, 45, .4);--bg-surface-3: rgba(30, 27, 75, .3);--bg-overlay: rgba(0, 0, 0, .5);--bg-input: rgba(255, 255, 255, .04);--text-primary: #f1f0ff;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--text-dimmed: #64748b;--text-faint: rgba(255, 255, 255, .3);--accent: #6366f1;--accent-light: #818cf8;--accent-lighter: #a5b4fc;--accent-soft: #a78bfa;--accent-glow: rgba(99, 102, 241, .15);--accent-border: rgba(99, 102, 241, .12);--accent-border-hover: rgba(99, 102, 241, .3);--accent-border-subtle: rgba(99, 102, 241, .08);--success: #34d399;--success-bg: rgba(52, 211, 153, .1);--success-border: rgba(52, 211, 153, .3);--error: #f87171;--error-bg: rgba(248, 113, 113, .08);--error-border: rgba(248, 113, 113, .3);--warning: #fbbf24;--warning-bg: rgba(251, 191, 36, .1);--warning-border: rgba(251, 191, 36, .3);--info: #60a5fa;--info-bg: rgba(96, 165, 250, .1);--info-border: rgba(96, 165, 250, .3);--gradient-accent: linear-gradient(135deg, #6366f1, #8b5cf6);--gradient-purple: linear-gradient(135deg, #7c3aed, #a78bfa);--gradient-blue: linear-gradient(135deg, #2563eb, #60a5fa);--gradient-cyan: linear-gradient(135deg, #0891b2, #22d3ee);--gradient-green: linear-gradient(135deg, #059669, #34d399);--gradient-yellow: linear-gradient(135deg, #d97706, #fbbf24);--gradient-red: linear-gradient(135deg, #dc2626, #f87171);--gradient-pink: linear-gradient(135deg, #c026d3, #e879f9);--gradient-teal: linear-gradient(135deg, #0d9488, #5eead4);--gradient-amber: linear-gradient(135deg, #b45309, #fbbf24);--gradient-gray: linear-gradient(135deg, #475569, #94a3b8);--sidebar-width: 260px;--sidebar-collapsed: 72px;--topbar-height: 64px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .4);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--sidebar-bg: rgba(15, 12, 41, .95);--sidebar-border: var(--accent-border);--topbar-bg: rgba(15, 12, 41, .8);--topbar-border: var(--accent-border-subtle)}html.light-theme{--bg-primary: #f8f9fc;--bg-surface: rgba(255, 255, 255, .85);--bg-surface-2: rgba(241, 243, 249, .8);--bg-surface-3: rgba(248, 249, 252, .9);--bg-overlay: rgba(0, 0, 0, .3);--bg-input: rgba(0, 0, 0, .03);--text-primary: #1e1b4b;--text-secondary: #334155;--text-muted: #64748b;--text-dimmed: #94a3b8;--text-faint: rgba(0, 0, 0, .25);--accent-glow: rgba(99, 102, 241, .08);--accent-border: rgba(99, 102, 241, .15);--accent-border-hover: rgba(99, 102, 241, .35);--accent-border-subtle: rgba(99, 102, 241, .1);--success-bg: rgba(52, 211, 153, .08);--error-bg: rgba(248, 113, 113, .06);--warning-bg: rgba(251, 191, 36, .08);--info-bg: rgba(96, 165, 250, .08);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .12);--sidebar-bg: rgba(255, 255, 255, .95);--sidebar-border: rgba(99, 102, 241, .1);--topbar-bg: rgba(255, 255, 255, .85);--topbar-border: rgba(0, 0, 0, .06)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-secondary);overflow-x:hidden;transition:background var(--transition-smooth),color var(--transition-smooth)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6366f133;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6366f166}::selection{background:#6366f14d;color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.5}}.skeleton{background:linear-gradient(90deg,var(--bg-surface) 25%,var(--accent-border) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.spinner{width:20px;height:20px;border:2px solid var(--accent-border);border-top-color:var(--accent-soft);border-radius:50%;animation:spin .7s linear infinite}a,button{transition:all var(--transition-normal)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}