@import "https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";@font-face{font-family:Avenir Next LT Pro;src:url(/fonts/AvenirNextLTPro-Regular.ttf)format("truetype");font-weight:400 500;font-style:normal;font-display:swap}@font-face{font-family:Avenir Next LT Pro;src:url(/fonts/AvenirNextLTPro-Bold.ttf)format("truetype");font-weight:600 800;font-style:normal;font-display:swap}:root{--brand-red-1:#ef4450;--brand-red-2:#c41d29;--brand-red-3:#991219;--brand-red-4:#6a0b10;--brand-gradient:linear-gradient(135deg, var(--brand-red-1) 0%, var(--brand-red-2) 45%, var(--brand-red-4) 100%);--brand-gradient-btn:linear-gradient(135deg, var(--brand-red-2) 0%, var(--brand-red-3) 50%, var(--brand-red-4) 100%);--brand-login-bg:linear-gradient(145deg, #1a0608 0%, #0d0306 35%, #120408 65%, #0a0204 100%);--surface-page:#060609;--surface-card:#0d0d12;--surface-well:#12121a;--surface-raised:#14141c;--surface-glass:#171717cc;--surface-overlay:#0a0a10f5;--accent:#00e676;--accent-deep:#00c853;--danger:#ff1744;--danger-deep:#dc2626;--warning:#f59e0b;--info:#38bdf8;--purple:#a78bfa;--cyan:#26c6da;--on-accent:#060609;--on-danger:#fff;--text-primary:#f5f5f5;--text-bright:#fff;--text-secondary:#ffffff80;--text-muted:#ffffff40;--text-faint:#ffffff1a;--border-subtle:#ffffff0a;--border-default:#ffffff0f;--border-hover:#ffffff1f;--border-strong:#ffffff2e;--fill-1:#ffffff08;--fill-2:#ffffff0f;--fill-3:#ffffff14;--shadow-card:0 4px 20px #0000004d;--shadow-tooltip:0 8px 32px #00000080;--shadow-dropdown:0 12px 48px #0000008c, 0 2px 8px #0000004d;--shadow-glow:0 12px 40px #0006, 0 2px 8px #0003;--radius-md:8px;--radius-pill:9999px;--radius-badge-card:11px 0 8px 0;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--grid-row:10px;--grid-gap:12px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--dur-fast:.12s;--dur-med:.18s;--dur-slow:.3s;--z-base:1;--z-card:10;--z-dropdown:100;--z-tooltip:200;--z-modal:500;--z-toast:800;--font-ui:"Avenir Next LT Pro", "Avenir Next", "Avenir", -apple-system, BlinkMacSystemFont, sans-serif;--font-logo:"Outfit", "Avenir Next LT Pro", sans-serif;--font-mono:"JetBrains Mono", "SF Mono", "Menlo", ui-monospace, monospace;--fs-h1:30px;--fs-h2:22px;--fs-h3:16px;--fs-body-lg:14px;--fs-body-md:13px;--fs-body-sm:12px;--fs-label:11px;--fs-label-xs:9px;--fw-reg:400;--fw-med:500;--fw-semi:600;--fw-bold:700;--fw-black:800;--ls-tight:-.3px;--ls-wide:.8px;--ls-xwide:1.5px;--primary:var(--surface-page);--secondary:var(--surface-card);--neutral:var(--surface-well);--elevated:var(--surface-raised);--card-bg:var(--surface-glass);--tooltip-bg:var(--surface-overlay);--tertiary:var(--accent);--bullish:var(--accent);--bullish-med:var(--accent-deep);--bearish:var(--danger);--bearish-med:var(--danger-deep);--error:var(--danger);--on-tertiary:var(--on-accent);--fill-hover-1:var(--fill-1);--fill-hover-2:var(--fill-2);--fill-hover-3:var(--fill-3)}body{background:var(--surface-page);color:var(--text-primary);font-family:var(--font-ui);font-size:var(--fs-body-md);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1{font:var(--fw-bold) var(--fs-h1)/1.15 var(--font-ui);letter-spacing:var(--ls-tight);color:var(--text-primary);margin:0}h2{font:var(--fw-bold) var(--fs-h2)/1.2 var(--font-ui);color:var(--text-primary);margin:0}h3{font:var(--fw-bold) var(--fs-h3)/1.3 var(--font-ui);color:var(--text-primary);margin:0}hr{background:var(--border-default);border:0;height:1px;margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.logo-wordmark{font-family:var(--font-logo);font-weight:var(--fw-bold);letter-spacing:-.05em;color:#fff;line-height:1}.logo-wordmark .accent{background:var(--brand-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tt-mark{font-family:var(--font-logo);font-weight:var(--fw-black);color:#fff;line-height:1;display:inline-block;position:relative}.tt-mark:after{content:"";background:var(--brand-red-2);border-radius:50%;width:.3125em;height:.3125em;position:absolute;top:-.03em;right:-.13em}.label-xs{font-size:var(--fs-label-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-xwide);color:var(--text-muted);text-transform:uppercase}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.pnl-pos{color:var(--accent)}.pnl-neg{color:var(--danger)}.card{background:var(--surface-glass);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-xl);box-sizing:border-box;position:relative;overflow:hidden}.card--compact{padding:14px}.card-title-badge{align-items:center;gap:var(--space-sm);border-radius:var(--radius-badge-card);background:linear-gradient(135deg, var(--accent) 0%, #00e676cc 50%, #00e67688 100%);font-size:var(--fs-label-xs);font-weight:var(--fw-bold);letter-spacing:var(--ls-xwide);color:#ffffffeb;text-transform:uppercase;text-shadow:0 1px 2px #00000040;padding:6px 14px 6px 10px;display:inline-flex;position:absolute;top:0;left:0;box-shadow:0 4px 16px #00e6762e,inset 0 1px #fff3}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-ui);cursor:pointer;border-radius:var(--radius-md);transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), filter var(--dur-fast) var(--ease-out);border:none;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--on-accent);font-size:var(--fs-body-md);font-weight:var(--fw-semi);padding:8px 18px}.btn--primary:hover:not(:disabled){filter:brightness(1.08)}.btn--brand{background:var(--brand-gradient-btn);color:#fff;font-size:var(--fs-body-lg);font-weight:var(--fw-bold);padding:14px 16px}.btn--brand:hover:not(:disabled){filter:brightness(1.06)}.btn--ghost{color:var(--text-muted);font-size:var(--fs-body-sm);font-weight:var(--fw-med);background:0 0;padding:6px 12px}.btn--ghost:hover:not(:disabled){color:var(--text-primary);background:var(--fill-1)}.btn--header{border:1px solid var(--border-default);color:var(--text-primary);height:38px;font-size:var(--fs-body-md);font-weight:var(--fw-med);background:#171717cc;padding:0 14px}.btn--header:hover:not(:disabled){border-color:var(--border-hover);background:#1f1f1fe6}.input{background:var(--surface-well);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font:var(--fw-med) var(--fs-body-md)/1 var(--font-ui);box-sizing:border-box;width:100%;transition:border-color var(--dur-fast) var(--ease-out);padding:10px 12px}.input::placeholder{color:var(--text-muted)}.input:hover{border-color:var(--border-hover)}.input:focus{border-color:var(--accent);outline:none}.chip{border-radius:var(--radius-md);background:var(--fill-2);border:1px solid var(--border-default);font-size:var(--fs-label-xs);font-weight:var(--fw-semi);letter-spacing:var(--ls-wide);color:var(--text-secondary);text-transform:uppercase;align-items:center;gap:6px;padding:3px 8px;display:inline-flex}.chip--bullish{background:color-mix(in srgb, var(--accent) 10%, transparent);border-color:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent)}.chip--bearish{background:color-mix(in srgb, var(--danger) 10%, transparent);border-color:color-mix(in srgb, var(--danger) 20%, transparent);color:var(--danger)}.chip--purple{background:color-mix(in srgb, var(--purple) 10%, transparent);border-color:color-mix(in srgb, var(--purple) 22%, transparent);color:var(--purple)}.chip--warning{background:color-mix(in srgb, var(--warning) 10%, transparent);border-color:color-mix(in srgb, var(--warning) 20%, transparent);color:var(--warning)}.pill{border-radius:var(--radius-pill);background:var(--fill-1);border:1px solid var(--border-default);font-size:var(--fs-body-sm);font-weight:var(--fw-med);color:var(--text-secondary);align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.pill--active{background:var(--fill-3);border-color:var(--border-hover);color:var(--text-primary)}
