:root{--bg:#000;--bg-elevated:#0d0d0d;--bg-card:#111;--bg-hover:#1a1a1a;--border:#ffffff14;--border-hover:#ffffff24;--text:#f0f0f0;--text-dim:#666;--text-muted:#444;--accent:#3b82f6;--accent-hover:#2563eb;--accent-glow:#3b82f640;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--glass-bg:#ffffff0a;--glass-border:#ffffff14;--glass-blur:blur(16px);--nav-bg:#000000d9;--sidebar-bg:#000000d9;--border-color:#ffffff0f;--surface-subtle:#ffffff08;--surface-hover:#ffffff12;--input-bg:#ffffff0d;--scrollbar-thumb:#ffffff1a}[data-theme=midnight]{--accent:#3b82f6;--accent-hover:#2563eb;--accent-glow:#3b82f640}[data-theme=inferno]{--accent:#f97316;--accent-hover:#ea580c;--accent-glow:#f9731640}[data-theme=neon]{--accent:#06b6d4;--accent-hover:#0891b2;--accent-glow:#06b6d440}[data-theme=crimson]{--accent:#dc2626;--accent-hover:#b91c1c;--accent-glow:#dc262640}[data-theme=sunset]{--accent:#f97316;--accent-hover:#ea580c;--accent-glow:#f973164d;--accent-gradient:linear-gradient(135deg, #f97316 0%, #ec4899 100%);--accent-gradient-hover:linear-gradient(135deg, #ea580c 0%, #db2777 100%)}[data-theme=ocean]{--accent:#3b82f6;--accent-hover:#2563eb;--accent-glow:#3b82f64d;--accent-gradient:linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);--accent-gradient-hover:linear-gradient(135deg, #2563eb 0%, #0891b2 100%)}[data-theme=aurora]{--accent:#10b981;--accent-hover:#059669;--accent-glow:#10b9814d;--accent-gradient:linear-gradient(135deg, #10b981 0%, #06b6d4 100%);--accent-gradient-hover:linear-gradient(135deg, #059669 0%, #0891b2 100%)}[data-theme=nebula]{--accent:#8b5cf6;--accent-hover:#7c3aed;--accent-glow:#8b5cf64d;--accent-gradient:linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);--accent-gradient-hover:linear-gradient(135deg, #7c3aed 0%, #db2777 100%)}[data-theme=light]{--bg:#f0f2f5;--bg-elevated:#fff;--bg-card:#fff;--bg-hover:#e4e8ed;--border:#00000014;--border-hover:#00000024;--text:#0a0a0a;--text-dim:#555;--text-muted:#999;--accent:#3b82f6;--accent-hover:#2563eb;--accent-glow:#3b82f633;--glass-bg:#00000008;--glass-border:#00000012;--nav-bg:#ffffffeb;--sidebar-bg:#fffffff7;--border-color:#00000012;--surface-subtle:#00000005;--surface-hover:#0000000d;--input-bg:#0000000a;--scrollbar-thumb:#0000001f}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}button{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:8px}::-webkit-scrollbar-track{background:0 0}.scrollbar-none{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-none::-webkit-scrollbar{display:none}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;padding:24px;transition:border-color .2s,transform .2s,box-shadow .2s}.glass-card:hover{border-color:var(--border-hover);box-shadow:0 0 40px var(--accent-glow)}.glass-nav{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);background:#000000b3}.card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px;padding:20px}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent-gradient,var(--accent));color:#fff;box-shadow:0 0 20px var(--accent-glow);border-color:#0000}.btn-primary:hover{background:var(--accent-gradient-hover,var(--accent-hover));box-shadow:0 0 30px var(--accent-glow);border-color:#0000;transform:translateY(-1px)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{color:var(--text);border-color:var(--glass-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff17}.btn-ghost{color:var(--text-dim);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--text);background:#ffffff0d}.btn-danger{color:var(--danger);background:#ef44441a;border-color:#ef444440}.btn-danger:hover{background:#ef444433}.btn-success{color:var(--success);background:#22c55e1a;border-color:#22c55e40}.btn-success:hover{background:#22c55e33}.input{border:1px solid var(--glass-border);width:100%;color:var(--text);background:#ffffff0a;border-radius:10px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.badge{border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-success{color:var(--success);background:#22c55e1f;border-color:#22c55e33}.badge-danger{color:var(--danger);background:#ef44441f;border-color:#ef444433}.badge-warning{color:var(--warning);background:#f59e0b1f;border-color:#f59e0b33}.badge-neutral{color:var(--text-dim);border-color:var(--glass-border);background:#ffffff0f}.badge-accent{background:var(--accent-glow);color:var(--accent);border-color:#ffffff1a}.toggle{cursor:pointer;background:#ffffff1a;border:none;border-radius:999px;flex-shrink:0;width:40px;height:22px;transition:background .15s;position:relative}.toggle.on{background:var(--accent-gradient,var(--accent));box-shadow:0 0 12px var(--accent-glow)}.toggle .dot{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 4px #0006}.toggle.on .dot{transform:translate(18px)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--glass-border);background:#111;border-radius:18px;width:100%;max-width:480px;max-height:90vh;padding:28px;overflow-y:auto;box-shadow:0 25px 60px #0009}.alert{border:1px solid #0000;border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:14px;font-weight:500}.alert-success{color:var(--success);background:#22c55e1a;border-color:#22c55e33}.alert-error{color:var(--danger);background:#ef44441a;border-color:#ef444433}code,pre,textarea.code{font-family:JetBrains Mono,Fira Code,monospace}textarea.code{border:1px solid var(--glass-border);color:#c9e6ff;resize:vertical;background:#060606;border-radius:10px;outline:none;width:100%;min-height:260px;padding:14px;font-size:13px;line-height:1.6;transition:border-color .15s}textarea.code:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.glow-line{background:var(--accent);width:80px;height:2px;box-shadow:0 0 12px var(--accent);border-radius:999px;margin:0 auto}.gradient-text{background:linear-gradient(135deg, var(--text) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sidebar-hamburger,.sidebar-close-btn{display:none}@media (max-width:768px){.dashboard-sidebar{height:100vh;transition:left .25s cubic-bezier(.4,0,.2,1);top:0;left:-260px;z-index:100!important;width:240px!important;position:fixed!important}.dashboard-sidebar.sidebar-open{left:0;box-shadow:4px 0 40px #000000b3}.sidebar-hamburger,.sidebar-close-btn{display:inline-flex}.topbar-upgrade-text,.topbar-plan-text{display:none}.dashboard-main-pad{padding:16px}.analytics-stats-grid{grid-template-columns:repeat(2,1fr)!important}.analytics-bottom-grid,.responsive-form-3{grid-template-columns:1fr!important}.modal{padding:20px 16px!important}.public-nav-links{display:none}.public-nav-mobile-menu{display:flex}.features-grid,.security-grid{grid-template-columns:1fr!important}.footer-grid{grid-template-columns:1fr 1fr!important}.why-grid,.pricing-grid{grid-template-columns:1fr!important}}@media (max-width:480px){.analytics-stats-grid{grid-template-columns:1fr 1fr!important}}.public-nav-mobile-menu{display:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}[data-theme=light] .btn-secondary{color:var(--text);background:#0000000d;border-color:#0000001a}[data-theme=light] .btn-secondary:hover{background:#00000017;border-color:#00000029}[data-theme=light] .btn-ghost{color:var(--text-dim)}[data-theme=light] .btn-ghost:hover{color:var(--text);background:#0000000f}[data-theme=light] .input{color:var(--text);background:#0000000a;border-color:#0000001a}[data-theme=light] .input:focus{border-color:var(--accent);background:#00000008}[data-theme=light] .input::placeholder{color:#0000004d}[data-theme=light] .select{color:var(--text);background:#0000000a;border-color:#0000001a}[data-theme=light] .glass{background:#00000008;border-color:#00000012}[data-theme=light] .glass-card{background:#ffffffd9;border-color:#00000014}[data-theme=light] .card{background:#ffffffe6;border-color:#00000014}[data-theme=light] .modal{background:#fff;border-color:#0000001a}[data-theme=light] .modal-overlay{background:#0000004d}[data-theme=light] .badge-neutral{color:var(--text-dim);background:#00000012}[data-theme=light] .badge-success{background:#22c55e1f}[data-theme=light] .badge-accent{color:var(--accent);background:#3b82f61a;border-color:#3b82f633}[data-theme=light] .toggle{background:#0000001f}[data-theme=light] .label{color:var(--text-dim)}[data-theme=light] .code{color:var(--text);background:#0000000d;border-color:#00000014}[data-theme=light] .glass-nav{background:#ffffffe6;border-color:#00000012}[data-theme=light] .sidebar-overlay{background:#00000040}[data-theme=light] .dashboard-sidebar{box-shadow:2px 0 16px #0000000f}[data-theme=light] .topbar-plan-badge{background:#22c55e1a}[data-theme=light] .alert-success{background:#22c55e1a;border-color:#22c55e33}[data-theme=light] .alert-error{background:#ef444414;border-color:#ef444433}
