@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-page: #f0f4f8;--bg-surface: #ffffff;--bg-elevated: #f8fafc;--bg-overlay: rgba(255,255,255,.65);--bg-glass-border:rgba(0,0,0,.08);--bg-input: #f1f5f9;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #94a3b8;--text-inverse: #ffffff;--text-on-accent: #ffffff;--accent: #06b6d4;--accent-dim: rgba(6,182,212,.12);--accent-border: rgba(6,182,212,.3);--accent-hover: #0891b2;--secondary: #8b5cf6;--secondary-dim: rgba(139,92,246,.12);--success: #10b981;--success-dim: rgba(16,185,129,.12);--warning: #f59e0b;--warning-dim: rgba(245,158,11,.12);--error: #ef4444;--error-dim: rgba(239,68,68,.12);--online: #22c55e;--offline: #64748b;--border: rgba(0,0,0,.08);--border-strong: rgba(0,0,0,.15);--shadow-sm: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 12px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 30px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);--shadow-glow: 0 0 20px rgba(6,182,212,.25);--gradient-brand: linear-gradient(135deg, #06b6d4 0%, #8b5cf6 100%);--gradient-page: linear-gradient(180deg, #f0f4f8 0%, #e8edf5 100%);--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;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Courier New", Courier, monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg-page: #060b14;--bg-surface: #0f172a;--bg-elevated: #1e293b;--bg-overlay: rgba(15,23,42,.55);--bg-glass-border:rgba(255,255,255,.1);--bg-input: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #475569;--border: rgba(255,255,255,.08);--border-strong: rgba(255,255,255,.15);--shadow-sm: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 12px rgba(0,0,0,.4), 0 2px 4px rgba(0,0,0,.2);--shadow-lg: 0 10px 30px rgba(0,0,0,.5), 0 4px 8px rgba(0,0,0,.25);--gradient-page: linear-gradient(180deg, #060b14 0%, #0a1120 100%)}}:root[data-theme=dark]{--bg-page: #060b14;--bg-surface: #0f172a;--bg-elevated: #1e293b;--bg-overlay: rgba(15,23,42,.55);--bg-glass-border:rgba(255,255,255,.1);--bg-input: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #475569;--border: rgba(255,255,255,.08);--border-strong: rgba(255,255,255,.15);--shadow-sm: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 12px rgba(0,0,0,.4), 0 2px 4px rgba(0,0,0,.2);--shadow-lg: 0 10px 30px rgba(0,0,0,.5), 0 4px 8px rgba(0,0,0,.25);--gradient-page: linear-gradient(180deg, #060b14 0%, #0a1120 100%)}:root[data-theme=light]{--bg-page: #f0f4f8;--bg-surface: #ffffff;--bg-elevated: #f8fafc;--bg-overlay: rgba(255,255,255,.65);--bg-glass-border:rgba(0,0,0,.08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-sans);background:var(--bg-page);color:var(--text-primary);line-height:1.5;min-height:100vh}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}.glass{background:var(--bg-overlay);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--bg-glass-border)}@supports not (backdrop-filter: blur(1px)){.glass{background:var(--bg-surface)}}.gradient-text{background:var(--gradient-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}