@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-main:#010b11;--bg-sidebar:#03121a;--bg-card:#061822;--bg-elevated:#0a2230;--bg-hover:#0e2b3a;--bg-active:#12364a;--border-subtle:#0d2531;--border-medium:#143341;--border-strong:#1d4657;--border-accent:rgba(var(--gold-rgb), .45);--brand-rgb:0, 242, 254;--brand:rgb(var(--brand-rgb));--brand-strong:#00c8d8;--brand-soft:#7af8ff;--brand-bg:rgba(var(--brand-rgb), .1);--on-brand:#01131a;--gold-rgb:3, 248, 197;--gold:rgb(var(--gold-rgb));--gold-bg:rgba(var(--gold-rgb), .1);--gold-border:rgba(var(--gold-rgb), .3);--gold-hover:#3ffbd4;--gold-soft:#a7fde9;--on-gold:#01231b;--amber-rgb:3, 248, 197;--amber-accent:rgb(var(--amber-rgb));--amber-strong:#02c9a0;--indigo-rgb:0, 242, 254;--indigo-accent:rgb(var(--indigo-rgb));--logo-gold-1:#a7fde9;--logo-gold-2:#03f8c5;--logo-gold-3:#00b8c4;--logo-ink:#01231b;--cyan-primary:var(--brand);--cyan-glow:rgba(var(--brand-rgb), .28);--bullish-rgb:3, 230, 160;--bullish:rgb(var(--bullish-rgb));--bullish-hover:#2af0b4;--bullish-strong:#02b07c;--bullish-bg:rgba(var(--bullish-rgb), .12);--bullish-border:rgba(var(--bullish-rgb), .28);--bullish-glow:rgba(var(--bullish-rgb), .32);--bearish-rgb:246, 70, 93;--bearish:rgb(var(--bearish-rgb));--bearish-hover:#ff5864;--bearish-strong:#c82a37;--bearish-bg:rgba(var(--bearish-rgb), .12);--bearish-border:rgba(var(--bearish-rgb), .28);--bearish-glow:rgba(var(--bearish-rgb), .32);--on-accent:#01131a;--fg-rgb:255, 255, 255;--text-primary:#e8e9ea;--text-secondary:#9ca3af;--text-muted:#6b7a86;--text-subtle:#46555f;--bg-glass:#010b11d1;--overlay:#00060ac7;--shadow-subtle:0 4px 16px #00000059;--shadow-elevated:0 18px 44px #0000008c, 0 0 0 1px rgba(var(--gold-rgb), .06);--shadow-strong:0 24px 56px #000000a6;--shadow-neon-cyan:0 0 24px rgba(var(--brand-rgb), .28);--shadow-glow:0 0 28px rgba(var(--gold-rgb), .35);--shadow-neon-green:0 0 24px rgba(var(--bullish-rgb), .28);--shadow-neon-red:0 0 24px rgba(var(--bearish-rgb), .28);--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--radius-pill:9999px;--font-sans:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--ease-out:cubic-bezier(.16, 1, .3, 1);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.25s var(--ease-out)}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-main:#f8fafc;--bg-sidebar:#fff;--bg-card:#fff;--bg-elevated:#f1f5f9;--bg-hover:#e2e8f0;--bg-active:#cbd5e1;--bg-glass:#ffffffeb;--border-subtle:#e2e8f0;--border-medium:#cbd5e1;--border-strong:#94a3b8;--brand-rgb:0, 150, 168;--brand:rgb(var(--brand-rgb));--brand-strong:#007c8a;--brand-soft:#22b8c8;--brand-bg:rgba(var(--brand-rgb), .08);--on-brand:#fff;--gold-rgb:0, 168, 132;--gold:rgb(var(--gold-rgb));--gold-bg:rgba(var(--gold-rgb), .1);--gold-border:rgba(var(--gold-rgb), .32);--gold-hover:#008f70;--gold-soft:#ccf7ec;--on-gold:#fff;--on-accent:#fff;--amber-rgb:0, 168, 132;--logo-gold-1:#3ff0c8;--logo-gold-2:#00b894;--logo-gold-3:#008a9a;--bullish-rgb:5, 150, 105;--bullish:rgb(var(--bullish-rgb));--bullish-hover:#04a874;--bullish-strong:#047857;--bullish-bg:rgba(var(--bullish-rgb), .1);--bullish-border:rgba(var(--bullish-rgb), .3);--bearish-rgb:220, 38, 54;--bearish:rgb(var(--bearish-rgb));--bearish-hover:#e63946;--bearish-strong:#b91c2c;--bearish-bg:rgba(var(--bearish-rgb), .09);--bearish-border:rgba(var(--bearish-rgb), .3);--fg-rgb:15, 23, 42;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-subtle:#94a3b8;--overlay:#0f172a61;--shadow-subtle:0 2px 8px #0f172a0f;--shadow-elevated:0 12px 32px #0f172a1f;--shadow-strong:0 16px 40px #0f172a29;--shadow-neon-cyan:0 6px 18px rgba(var(--brand-rgb), .18);--shadow-neon-green:0 6px 18px rgba(var(--bullish-rgb), .2);--shadow-neon-red:0 6px 18px rgba(var(--bearish-rgb), .2)}html.theme-transition,html.theme-transition *,html.theme-transition :before,html.theme-transition :after{transition:background-color .3s,border-color .3s,color .3s,fill .3s!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);overflow-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;min-height:100%;font-size:13px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}html{-webkit-tap-highlight-color:transparent}button,a,[role=tab],[role=switch]{touch-action:manipulation}nav,header,[role=tablist]{-webkit-user-select:none;user-select:none}:focus-visible{outline:2px solid var(--cyan-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.num,.font-mono,[data-mono=true]{font-family:var(--font-mono);font-feature-settings:"tnum" on, "lnum" on, "zero" on}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:4px}@keyframes flashGreen{0%{background-color:rgba(var(--bullish-rgb), .3)}to{background-color:#0000}}@keyframes flashRed{0%{background-color:rgba(var(--bearish-rgb), .3)}to{background-color:#0000}}@keyframes pulseGlow{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes liveDot{0%{box-shadow:0 0 0 0 rgba(var(--bullish-rgb), .7);transform:scale(.95)}70%{box-shadow:0 0 0 6px rgba(var(--bullish-rgb), 0);transform:scale(1)}to{box-shadow:0 0 0 0 rgba(var(--bullish-rgb), 0);transform:scale(.95)}}.flash-up{animation:.6s ease-out flashGreen}.flash-down{animation:.6s ease-out flashRed}.glass-panel{background:color-mix(in srgb, var(--bg-card) 85%, transparent);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle)}.glass-modal{background:color-mix(in srgb, var(--bg-sidebar) 95%, transparent);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-medium);box-shadow:var(--shadow-elevated)}.text-bullish{color:var(--bullish)!important}.text-bearish{color:var(--bearish)!important}.text-cyan{color:var(--cyan-primary)!important}.text-amber{color:var(--amber-accent)!important}.badge{text-transform:uppercase;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-flex}.badge-bullish{background:var(--bullish-bg);color:var(--bullish);border:1px solid rgba(var(--bullish-rgb), .3)}.badge-bearish{background:var(--bearish-bg);color:var(--bearish);border:1px solid rgba(var(--bearish-rgb), .3)}.badge-cyan{background:rgba(var(--brand-rgb), .1);color:var(--cyan-primary);border:1px solid rgba(var(--brand-rgb), .25)}.live-pulse{background-color:var(--bullish);border-radius:50%;width:7px;height:7px;animation:1.8s infinite liveDot;display:inline-block}button{cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;outline:none;font-family:inherit}button:active{transform:scale(.97)}a:active{opacity:.85}button:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}input,select,textarea{font-family:inherit}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}@supports (overflow:clip){html,body{overflow-x:clip}}img,video{max-width:100%}@media (max-width:900px) and (pointer:coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 0 0 rgba(var(--gold-rgb), 0), 0 0 18px rgba(var(--gold-rgb), .25)}50%{box-shadow:0 0 0 6px rgba(var(--gold-rgb), .08), 0 0 32px rgba(var(--gold-rgb), .45)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-in{animation:fadeInUp .4s var(--ease-out) backwards}.stagger>*{animation:fadeInUp .45s var(--ease-out) backwards}.stagger>:nth-child(2){animation-delay:50ms}.stagger>:nth-child(3){animation-delay:.1s}.stagger>:nth-child(4){animation-delay:.15s}.stagger>:nth-child(5){animation-delay:.2s}.stagger>:nth-child(6){animation-delay:.25s}.stagger>:nth-child(n+7){animation-delay:.3s}.reveal{opacity:0;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);transform:translateY(18px)}.reveal.is-visible{opacity:1;transform:none}.lift{transition:transform var(--transition-smooth), box-shadow var(--transition-smooth), border-color var(--transition-fast)}.lift:hover{border-color:var(--gold-border);box-shadow:var(--shadow-elevated), 0 0 32px rgba(var(--gold-rgb), .12);transform:translateY(-4px)}[class*=modalContent]{animation:scaleIn .22s var(--ease-out) both}[class*=modalOverlay],[class*=drawerOverlay]{animation:.18s ease-out both fadeIn}.text-gold{color:var(--gold)!important}.brand-gold-text{background:linear-gradient(180deg, var(--logo-gold-1) 0%, var(--logo-gold-2) 55%, var(--logo-gold-3) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}:root:not([data-theme=light]) body{background:radial-gradient(1200px 600px at 85% -10%, rgba(var(--gold-rgb), .07), transparent 60%), radial-gradient(900px 500px at -10% 10%, rgba(var(--brand-rgb), .05), transparent 60%), var(--bg-main);background-attachment:fixed}h1,h2,h3,h4{letter-spacing:-.01em;color:var(--text-primary);font-weight:600}::selection{background:rgba(var(--gold-rgb), .28);color:var(--text-primary)}::-webkit-scrollbar-thumb{background:rgba(var(--gold-rgb), .22)}::-webkit-scrollbar-thumb:hover{background:rgba(var(--gold-rgb), .45)}.accent-text{background:linear-gradient(90deg, var(--gold) 0%, var(--brand) 100%);color:#0000;-webkit-background-clip:text;background-clip:text}.glow-cta,[class*=goldBtn],[class*=primaryBtn],[class*=btnPrimaryGold],[class*=btnPrimaryGreen],[class*=couponTradeBtn]{border-radius:var(--radius-pill)!important;transition:transform var(--transition-smooth), box-shadow var(--transition-smooth), filter var(--transition-fast)!important}.glow-cta:hover,[class*=goldBtn]:hover,[class*=primaryBtn]:hover,[class*=btnPrimaryGold]:hover,[class*=btnPrimaryGreen]:hover,[class*=couponTradeBtn]:hover{filter:brightness(1.06);box-shadow:0 0 0 1px rgba(var(--gold-rgb), .35), 0 10px 30px rgba(var(--gold-rgb), .28);transform:translateY(-1px)}.glow-pulse{animation:2.6s ease-in-out infinite glowPulse}.float-y{animation:5s ease-in-out infinite floatY}[class*=metricCard],[class*=statusCard],[class*=subMetricCard],[class*=contentCard],[class*=tableCard],[class*=balanceCard],[class*=kpi],[class*=featureCard],[class*=panel]{transition:border-color var(--transition-fast), box-shadow var(--transition-smooth), transform var(--transition-smooth)}[class*=metricCard]:hover,[class*=statusCard]:hover,[class*=subMetricCard]:hover,[class*=featureCard]:hover{box-shadow:0 0 0 1px rgba(var(--gold-rgb), .08), 0 14px 36px #0006, 0 0 28px rgba(var(--gold-rgb), .08);border-color:var(--gold-border)!important}
