:root{--font-family:"Satoshi",sans-serif;--topbar-bg:#fff;--search-bg:#f8f9fa;--dropdown-bg:#fff;--button-bg:#f1f5f9;--button-hover-bg:#e2e8f0;--text-primary:#1f2937;--text-secondary:#6b7280;--border-color:#e5e7eb;--border-light:#f3f4f6;--hover-bg:#f8f9fa;--primary-color:#3b82f6;--primary-color-alpha:rgba(59,130,246,.1);--box-shadow:0 0 10px 0 rgba(0,0,0,.15);--sidebar-bg:#fff;--sidebar-text:#374151;--sidebar-hover:#f8f9fa;--sidebar-border:#e5e7eb;--sidebar-shadow:0 0 10px rgba(0,0,0,.1);--page-bg:#f8fafc;--content-bg:#fff;--purple:#8200ff;--orange:#fd4302;--gradient:linear-gradient(90deg,#8200ff 0%,#ff4200 80%)}:root,[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f7f7f7;--bg-tertiary:#f0f0f0;--text-primary:#202329;--text-secondary:#2b3138;--text-muted:#6b7280;--surface-primary:#fff;--surface-secondary:#f9fafb;--surface-tertiary:#f3f4f6;--border-primary:#e5e7eb;--border-secondary:#d1d5db;--accent-purple-light:rgba(130,0,255,.1);--accent-purple-medium:rgba(130,0,255,.2);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1)}[data-theme=dark]{--topbar-bg:#1f2937;--search-bg:#374151;--dropdown-bg:#1f2937;--button-bg:#374151;--button-hover-bg:#4b5563;--text-primary:#f9fafb;--text-secondary:#d1d5db;--border-color:#374151;--border-light:#4b5563;--hover-bg:#374151;--primary-color:#60a5fa;--primary-color-alpha:rgba(96,165,250,.1);--sidebar-bg:#111827;--sidebar-text:#f9fafb;--sidebar-hover:#1f2937;--sidebar-border:#374151;--sidebar-shadow:0 0 20px rgba(0,0,0,.3);--page-bg:#0f172a;--content-bg:#1e293b}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-satoshi),sans-serif;background:var(--bg-primary);color:var(--text-primary);scroll-behavior:smooth;max-width:100vw;height:auto;transition:background-color .3s,color .3s;position:relative}a{color:inherit;text-decoration:none;transition:color .3s;display:flex}button{font-family:var(--font-family),sans-serif;cursor:pointer;background:0 0;border:none;transition:background-color .3s,color .3s}.theme-toggle{background:var(--surface-secondary);border:1px solid var(--border-primary);color:var(--text-primary);cursor:pointer;border-radius:.5rem;padding:.5rem 1rem;transition:all .3s}.theme-toggle:hover{background:var(--surface-tertiary);border-color:var(--border-secondary)}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.bg-tertiary{background:var(--bg-tertiary)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.surface-primary{background:var(--surface-primary)}.surface-secondary{background:var(--surface-secondary)}.surface-tertiary{background:var(--surface-tertiary)}.border-primary{border-color:var(--border-primary)}.border-secondary{border-color:var(--border-secondary)}.gradient-bg{background:var(--gradient)}.purple-accent{color:var(--purple)}.orange-accent{color:var(--orange)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-primary:#0f1419;--bg-secondary:#1a1f29;--bg-tertiary:#202329;--text-primary:#fff;--text-secondary:#e5e7eb;--text-muted:#9ca3af;--surface-primary:#1a1f29;--surface-secondary:#202329;--surface-tertiary:#2b3138;--border-primary:#374151;--border-secondary:#4b5563;--accent-purple-light:rgba(130,0,255,.15);--accent-purple-medium:rgba(130,0,255,.25);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.5)}}