*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{font-family:Outfit,system-ui,-apple-system,sans-serif;background-color:#0a0f1e;color:#f1f5f9;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#060c18}::-webkit-scrollbar-thumb{background:#152343;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}:root{--sp-cyan: #06b6d4;--sp-cyan-light: #22d3ee;--sp-cyan-dark: #0891b2;--sp-glow: rgba(6, 182, 212, .15);--norwest-green: #22c55e;--norwest-dark: #4B632D;--norwest-light: #9DC14B;--navy-950: #060c18;--navy-900: #0a0f1e;--navy-800: #0d1629;--navy-700: #111d35;--navy-600: #152343;--accent: #06b6d4;--accent-glow: rgba(6, 182, 212, .25);--accent-soft: rgba(6, 182, 212, .15);--accent-faint: rgba(6, 182, 212, .05);--accent-border: rgba(6, 182, 212, .08);--bg-primary: #0a0f1e;--bg-sidebar: #0d1629;--bg-card: rgba(17, 29, 53, .8)}[data-theme=white]{--accent: #2563eb;--accent-glow: rgba(37, 99, 235, .18);--accent-soft: rgba(37, 99, 235, .1);--accent-faint: rgba(37, 99, 235, .04);--accent-border: rgba(37, 99, 235, .18);--bg-primary: #f1f5f9;--bg-sidebar: #ffffff;--bg-card: rgba(255, 255, 255, .95);background-color:#f1f5f9!important;color:#0f172a!important}[data-theme=white] .bg-navy-950{background-color:#e2e8f0!important}[data-theme=white] .bg-navy-950\/80{background-color:#e2e8f0d9!important}[data-theme=white] .bg-navy-900{background-color:#f1f5f9!important}[data-theme=white] .bg-navy-900\/60{background-color:#f8fafce6!important}[data-theme=white] .bg-navy-900\/80{background-color:#f1f5f9cc!important}[data-theme=white] .bg-navy-800{background-color:#fff!important}[data-theme=white] .bg-navy-750{background-color:#f8fafc!important}[data-theme=white] .bg-navy-700{background-color:#f1f5f9!important}[data-theme=white] .bg-navy-700\/30{background-color:#e2e8f080!important}[data-theme=white] .bg-navy-700\/40{background-color:#e2e8f099!important}[data-theme=white] .bg-navy-700\/50{background-color:#e2e8f0b3!important}[data-theme=white] .bg-navy-700\/60{background-color:#e2e8f0cc!important}[data-theme=white] .bg-navy-600{background-color:#e2e8f0!important}[data-theme=white] .hover\:bg-navy-700:hover{background-color:#f1f5f9!important}[data-theme=white] .hover\:bg-navy-700\/60:hover{background-color:#e2e8f0b3!important}[data-theme=white] .hover\:bg-navy-700\/40:hover{background-color:#e2e8f099!important}[data-theme=white] .hover\:bg-navy-700\/30:hover{background-color:#e2e8f080!important}[data-theme=white] .hover\:bg-navy-600:hover{background-color:#e2e8f0!important}[data-theme=white] .bg-slate-600\/30{background-color:#64748b1a!important}[data-theme=white] .bg-slate-700\/30{background-color:#47556914!important}[data-theme=white] .demo-badge{background-color:#e2e8f0!important;color:#64748b!important;border-color:#cbd5e1!important}[data-theme=white] .bg-black\/75{background-color:#0f172a73!important}[data-theme=white] .text-white,[data-theme=white] .text-slate-100{color:#0f172a!important}[data-theme=white] .text-slate-200{color:#1e293b!important}[data-theme=white] .text-slate-300{color:#334155!important}[data-theme=white] .text-slate-400{color:#475569!important}[data-theme=white] .text-slate-500{color:#64748b!important}[data-theme=white] .text-slate-600{color:#94a3b8!important}[data-theme=white] .border-white\/5{border-color:#0f172a12!important}[data-theme=white] .border-white\/8{border-color:#0f172a17!important}[data-theme=white] .border-white\/10{border-color:#0f172a1a!important}[data-theme=white] .border-white\/15{border-color:#0f172a1f!important}[data-theme=white] .border-white\/20{border-color:#0f172a26!important}[data-theme=white] .border-white\/25{border-color:#0f172a2e!important}[data-theme=white] .border-white\/30{border-color:#0f172a38!important}[data-theme=white] .hover\:border-white\/15:hover{border-color:#0f172a24!important}[data-theme=white] .bg-white\/\[0\.025\]{background-color:#0f172a08!important}[data-theme=white] .bg-white\/\[0\.03\]{background-color:#0f172a0a!important}[data-theme=white] .bg-white\/\[0\.04\]{background-color:#0f172a0d!important}[data-theme=white] .bg-white\/5{background-color:#0f172a0a!important}[data-theme=white] .bg-white\/10{background-color:#0f172a0f!important}[data-theme=white] .hover\:bg-white\/\[0\.025\]:hover{background-color:#0f172a08!important}[data-theme=white] .hover\:bg-white\/\[0\.03\]:hover{background-color:#0f172a0a!important}[data-theme=white] .text-sp{color:#2563eb!important}[data-theme=white] .bg-sp{background-color:#2563eb!important}[data-theme=white] .border-sp{border-color:#2563eb!important}[data-theme=white] .bg-sp\/5{background-color:#2563eb0d!important}[data-theme=white] .bg-sp\/10{background-color:#2563eb14!important}[data-theme=white] .bg-sp\/15{background-color:#2563eb1f!important}[data-theme=white] .bg-sp\/20{background-color:#2563eb26!important}[data-theme=white] .bg-sp\/25{background-color:#2563eb2e!important}[data-theme=white] .border-sp\/20{border-color:#2563eb33!important}[data-theme=white] .border-sp\/30{border-color:#2563eb4d!important}[data-theme=white] .border-sp\/50{border-color:#2563eb80!important}[data-theme=white] .hover\:text-sp:hover{color:#2563eb!important}[data-theme=white] .hover\:bg-sp\/20:hover{background-color:#2563eb26!important}[data-theme=white] .hover\:border-sp\/20:hover{border-color:#2563eb33!important}[data-theme=white] .group:hover .group-hover\:text-sp{color:#2563eb!important}[data-theme=white] .focus\:border-sp\/40:focus{border-color:#2563eb66!important}[data-theme=white] .focus\:border-sp\/50:focus{border-color:#2563eb80!important}[data-theme=white] input::placeholder,[data-theme=white] textarea::placeholder{color:#94a3b8!important}[data-theme=white] .glass-card{backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 1px 3px #00000012,0 1px 2px #0000000d}[data-theme=white] ::-webkit-scrollbar-track{background:#f1f5f9}[data-theme=white] ::-webkit-scrollbar-thumb{background:#cbd5e1}[data-theme=white] .shimmer{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0,#f1f5f9 75%)}[data-theme=white] .text-amber-400{color:#b45309!important}[data-theme=white] .text-amber-300{color:#d97706!important}[data-theme=white] .text-amber-500{color:#92400e!important}[data-theme=white] .text-amber-600{color:#78350f!important}[data-theme=white] .bg-amber-500\/15{background-color:#b453091a!important}[data-theme=white] .bg-amber-500\/10{background-color:#b4530912!important}[data-theme=white] .bg-amber-500\/5{background-color:#b453090a!important}[data-theme=white] .bg-amber-500\/25,[data-theme=white] .hover\:bg-amber-500\/25:hover{background-color:#b4530926!important}[data-theme=white] .border-amber-500\/25{border-color:#b4530940!important}[data-theme=white] .border-amber-500\/30{border-color:#b453094d!important}[data-theme=white] .border-amber-500\/40{border-color:#b4530966!important}[data-theme=white] .hover\:text-amber-200:hover{color:#d97706!important}.glow-cyan{box-shadow:0 0 24px var(--accent-glow)}.glow-green{box-shadow:0 0 24px #22c55e40}.glass-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--accent-border);border-radius:1rem}.gradient-text{background:linear-gradient(135deg,#22d3ee,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-active{background:linear-gradient(90deg,var(--accent-soft) 0%,var(--accent-faint) 100%);border-left:2px solid var(--accent)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.pulse-dot{animation:pulse-dot 2s ease-in-out infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#111d35 25%,#152343,#111d35 75%);background-size:200% 100%;animation:shimmer 1.6s infinite}