:root{--bg-app: #020C1B;--bg-surface: #0A192F;--bg-surface-hover: #112240;--bg-glass-panel: rgba(10, 25, 47, .7);--border-subtle: rgba(255, 255, 255, .05);--border-active: #64FFDA;--text-main: #FFFFFF;--text-muted: #8892B0;--text-body: #CCD6F6;--text-secondary: #a8b2d1;--accent-primary: #64FFDA;--accent-primary-alpha: rgba(100, 255, 218, .15);--accent-glow: rgba(100, 255, 218, .1);--bg-magic-assist: rgba(100, 255, 218, .05);--bg-sidebar-active: rgba(100, 255, 218, .1);--text-active: var(--accent-primary);--bg-btn-primary: var(--accent-primary);--text-btn-primary: #0A192F;--border-btn-primary: 1px solid transparent;--color-error: #ef4444;--color-error-soft: rgba(239, 68, 68, .12);--color-warning: #f59e0b;--color-warning-soft: rgba(245, 158, 11, .12);--color-success: #10b981;--color-success-soft: rgba(16, 185, 129, .12);--color-info: #3b82f6;--color-info-soft: rgba(59, 130, 246, .12);--color-cat-blue: #3b82f6;--color-cat-green: #10b981;--color-cat-pink: #ec4899;--color-cat-orange: #f97316;--color-cat-purple: #8b5cf6;--color-cat-amber: #f59e0b;--space-xs: 4px;--space-sm: 8px;--space-3: 12px;--space-md: 16px;--space-5: 20px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 4px;--radius-md: 16px;--radius-lg: 24px;--font-display: "Poppins", sans-serif;--font-sans: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .85rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.65;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 100;--z-sticky: 500;--z-modal-backdrop: 900;--z-modal: 1000;--z-toast: 9999;--z-tooltip: 10000;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 10px 30px -10px rgba(2, 12, 27, .7);--shadow-lg: 0 20px 40px -15px rgba(2, 12, 27, .8);--shadow-glow: 0 0 20px var(--accent-glow)}[data-theme=light]{--bg-app: #f8fafc;--bg-surface: #ffffff;--bg-surface-hover: #f1f5f9;--bg-glass-panel: rgba(255, 255, 255, .9);--border-subtle: #e2e8f0;--border-active: #0d9488;--text-main: #0f172a;--text-muted: #64748b;--text-body: #334155;--text-secondary: #475569;--accent-primary: #0d9488;--accent-primary-alpha: rgba(13, 148, 136, .15);--accent-glow: rgba(13, 148, 136, .15);--bg-sidebar-active: rgba(13, 148, 136, .1);--text-active: var(--accent-primary);--bg-btn-primary: #64FFDA;--text-btn-primary: #0A192F;--border-btn-primary: 2px solid #0A192F;--color-error: #dc2626;--color-error-soft: rgba(220, 38, 38, .08);--color-success: #059669;--color-success-soft: rgba(5, 150, 105, .08);--color-warning: #d97706;--color-warning-soft: rgba(217, 119, 6, .08);--color-info: #2563eb;--color-info-soft: rgba(37, 99, 235, .08);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 10px 30px -10px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 40px -15px rgba(0, 0, 0, .15);--shadow-glow: 0 0 20px var(--accent-glow)}*{box-sizing:border-box}html,body,#root{height:100%}body{background-color:var(--bg-app);color:var(--text-body);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--leading-normal);margin:0;-webkit-font-smoothing:antialiased;transition:background-color var(--transition-slow),color var(--transition-slow)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-main);font-weight:var(--font-weight-bold);line-height:var(--leading-tight)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}code,pre{font-family:var(--font-mono)}input,button,textarea,select{font-family:inherit;font-size:inherit}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.glass-panel{background:var(--bg-glass-panel);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.btn-primary{background:var(--bg-btn-primary);color:var(--text-btn-primary);border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-sm);font-family:var(--font-sans);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);letter-spacing:.5px}.btn-primary:hover{filter:brightness(1.1);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base),border-color var(--transition-base)!important}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);background:var(--bg-surface-hover)!important;border-color:var(--accent-primary)!important}.mobile-toolbar{display:contents}.mobile-menu-btn{display:none;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-subtle);color:var(--text-main);cursor:pointer;padding:8px;border-radius:var(--radius-sm);flex-shrink:0}.theme-toggle{position:absolute;top:40px;right:32px;z-index:100}.sidebar-overlay{display:none}@media (max-width: 768px){.mobile-toolbar{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:var(--space-sm) var(--space-xs)}.mobile-menu-btn{display:flex}.theme-toggle{position:static!important;top:auto!important;right:auto!important}.sidebar-container{display:none}.sidebar-container.mobile-open{display:flex;position:fixed;top:0;left:0;bottom:0;z-index:var(--z-modal);padding:var(--space-md);width:260px;background:transparent;pointer-events:none}.sidebar-container.mobile-open .glass-panel{pointer-events:auto}.sidebar-overlay.mobile-open{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:calc(var(--z-modal) - 1)}.main-content{padding:var(--space-sm)!important}.responsive-grid{grid-template-columns:1fr!important}}@media (max-width: 576px){h1{font-size:1.2rem}h2{font-size:1.1rem}h3{font-size:1rem}.main-content{padding:var(--space-xs)!important}}