@media(min-width:920px){body{background:#050507;min-height:100vh}.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh;background:radial-gradient(800px 500px at 12% 0%,var(--accent-soft),transparent 60%),radial-gradient(700px 500px at 100% 100%,var(--gain-soft),transparent 60%),#050507}.sidebar{border-right:1px solid var(--line);background:#0f0f1799;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);display:flex;flex-direction:column;padding:22px 16px 18px;gap:18px;position:sticky;top:0;height:100vh;overflow-y:auto}.sb-brand{display:flex;align-items:center;gap:10px;padding:4px 8px}.sb-brand .mark{width:30px;height:30px;border-radius:8px;background:radial-gradient(circle at 30% 25%,oklch(.78 .18 245),var(--accent));display:flex;align-items:center;justify-content:center;color:#051126;font-family:var(--f-display);font-weight:700;font-size:15px;box-shadow:0 0 18px -4px var(--accent-glow)}.sb-brand .name{font-family:var(--f-display);font-weight:700;font-size:17px;letter-spacing:-.01em}.sb-brand .tag{font-family:var(--f-mono);font-size:9px;color:var(--fg-dimmer);letter-spacing:.12em;text-transform:uppercase;margin-top:1px}.sb-nav{display:flex;flex-direction:column;gap:2px;margin-top:6px}.sb-nav .group{font-family:var(--f-mono);font-size:9px;color:var(--fg-dimmer);letter-spacing:.14em;text-transform:uppercase;padding:12px 12px 6px}.sb-item{all:unset;display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:9px;color:var(--fg-dim);font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,color .15s;position:relative}.sb-item:hover{background:#ffffff0a;color:var(--fg)}.sb-item.active{background:var(--accent-soft);color:var(--accent)}.sb-item.active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;background:var(--accent);border-radius:2px;box-shadow:0 0 8px var(--accent-glow)}.sb-item .badge{margin-left:auto;font-family:var(--f-mono);font-size:10px;font-weight:600;padding:1px 6px;border-radius:8px;background:var(--loss);color:#0a0a0c}.sb-scan{margin:8px 4px;padding:12px 14px;border-radius:10px;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,var(--accent),oklch(.62 .17 245));color:#05121f;cursor:pointer;font-family:var(--f-display);font-weight:700;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;border:none;box-shadow:0 0 24px -6px var(--accent-glow),0 6px 18px -6px #00000080}.sb-scan:hover{filter:brightness(1.08)}.sb-scan kbd{margin-left:auto;font-family:var(--f-mono);font-size:10px;background:#0000002e;padding:2px 6px;border-radius:4px}.sb-spacer{flex:1}.sb-profile{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;border:1px solid var(--line);background:var(--bg-2)}.sb-profile .avatar{width:32px;height:32px;border-radius:16px;background:linear-gradient(135deg,var(--accent),oklch(.6 .17 245));color:#051126;display:flex;align-items:center;justify-content:center;font-family:var(--f-display);font-weight:700;font-size:13px}.sb-profile .who{font-size:12.5px;font-weight:600}.sb-profile .who .role{font-family:var(--f-mono);font-size:9px;color:var(--accent);letter-spacing:.1em;text-transform:uppercase}.main{min-width:0;padding:0 32px 56px}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:16px;padding:18px 0 14px;background:linear-gradient(to bottom,rgba(5,5,7,.95) 75%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.topbar .crumb{font-family:var(--f-mono);font-size:10.5px;color:var(--fg-dimmer);letter-spacing:.1em;text-transform:uppercase}.topbar .crumb b{color:var(--fg);font-weight:600}.topbar .search{flex:1;max-width:420px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--bg-2);color:var(--fg-dim);display:flex;align-items:center;gap:10px;padding:0 12px;font-size:13px}.topbar .search kbd{margin-left:auto;font-family:var(--f-mono);font-size:10px;background:var(--bg-4);padding:2px 6px;border-radius:4px;color:var(--fg-dimmer)}.topbar .icon-btn{width:38px;height:38px;border-radius:10px;border:1px solid var(--line);background:var(--bg-2);color:var(--fg-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative}.topbar .icon-btn .dot{position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:4px;background:var(--loss);box-shadow:0 0 8px var(--loss-glow)}.topbar .pill{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:var(--bg-2);color:var(--fg-dim);font-family:var(--f-mono);font-size:12px}.page-header{padding:28px 0 20px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.page-header h1{margin:0;font-family:var(--f-display);font-size:28px;font-weight:600;letter-spacing:-.015em}.page-header .sub{margin-top:4px;font-size:13px;color:var(--fg-dim)}.panel{background:var(--bg-2);border:1px solid var(--line);border-radius:16px;padding:18px 20px}.panel h3{margin:0 0 14px;font-family:var(--f-display);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-dim);display:flex;align-items:center;justify-content:space-between}table.dt{width:100%;border-collapse:collapse}table.dt th{text-align:left;font-family:var(--f-mono);font-size:9.5px;color:var(--fg-dimmer);font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:8px 12px;border-bottom:1px solid var(--line)}table.dt td{padding:12px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}table.dt tr:last-child td{border-bottom:none}table.dt tr.row{transition:background .12s}table.dt tr.row:hover{background:#ffffff06;cursor:pointer}table.dt th.num,table.dt td.num{text-align:right}.hero{display:grid;grid-template-columns:360px 1fr;gap:24px;background:radial-gradient(420px 280px at 0% 0%,var(--accent-soft),transparent 60%),linear-gradient(135deg,var(--bg-3),var(--bg-2));border:1px solid var(--line-2);border-radius:18px;padding:28px;position:relative;overflow:hidden}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.alert-card{background:var(--bg-2);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:border-color .15s,transform .12s}.alert-card:hover{border-color:var(--line-2);transform:translateY(-1px)}.alert-card.featured{box-shadow:0 0 0 1px var(--gain-soft),0 0 32px -10px var(--gain-glow)}.settings-grid{display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start}.set-side{position:sticky;top:80px}.set-link{display:block;padding:9px 12px;border-radius:8px;font-size:13px;color:var(--fg-dim);cursor:pointer}.set-link:hover{background:#ffffff0a}.set-link.active{background:var(--accent-soft);color:var(--accent)}.kbd-group{display:inline-flex;gap:3px}.kbd-group kbd{font-family:var(--f-mono);font-size:10px;background:var(--bg-4);padding:2px 6px;border-radius:4px;color:var(--fg-dim);border:1px solid var(--line)}.scan-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000b3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center}.scan-modal{width:720px;max-width:92vw;background:#0f0f17eb;border:1px solid var(--line-2);border-radius:20px;padding:24px;box-shadow:0 30px 80px -20px #000000b3}.chip{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 10px;border-radius:999px;font-family:var(--f-body);font-size:11px;font-weight:600;letter-spacing:.02em;border:1px solid var(--line);background:var(--bg-3);color:var(--fg-dim);white-space:nowrap}.chip.active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-soft)}.badge-buy{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;background:var(--gain);color:#051108;font-family:var(--f-display);font-weight:700;font-size:11px;letter-spacing:.08em;box-shadow:0 0 18px -4px var(--gain-glow)}.trend-arrow{width:0;height:0;display:inline-block;vertical-align:middle}.trend-arrow.up{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:6px solid var(--gain)}.trend-arrow.down{border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid var(--loss)}}:root{--bg-0: #08080c;--bg-1: #0f0f17;--bg-2: #14141f;--bg-3: #1a1a2b;--bg-4: #222236;--line: rgba(255, 255, 255, .06);--line-2: rgba(255, 255, 255, .1);--fg: #f2f3f7;--fg-dim: #9ba0b4;--fg-dimmer: #5d6275;--accent: oklch(.72 .17 245);--accent-soft: oklch(.72 .17 245 / .14);--accent-glow: oklch(.72 .17 245 / .35);--gain: oklch(.8 .2 148);--gain-soft: oklch(.8 .2 148 / .14);--gain-glow: oklch(.8 .2 148 / .35);--loss: oklch(.7 .22 22);--loss-soft: oklch(.7 .22 22 / .14);--loss-glow: oklch(.7 .22 22 / .3);--warn: oklch(.82 .17 82);--f-display: "Space Grotesk", system-ui, sans-serif;--f-body: "Inter", system-ui, sans-serif;--f-mono: "JetBrains Mono", ui-monospace, monospace}body[data-theme=light]{--bg-0: #f5f6fa;--bg-1: #ffffff;--bg-2: #f5f6fa;--bg-3: #eceef5;--bg-4: #dee1ec;--line: rgba(0, 0, 0, .07);--line-2: rgba(0, 0, 0, .12);--fg: #1a1d2a;--fg-dim: #5d6275;--fg-dimmer: #9ba0b4;--accent: oklch(.55 .18 245);--accent-soft: oklch(.55 .18 245 / .1);--accent-glow: oklch(.55 .18 245 / .25);--gain: oklch(.55 .2 148);--gain-soft: oklch(.55 .2 148 / .1);--gain-glow: oklch(.55 .2 148 / .25);--loss: oklch(.55 .22 22);--loss-soft: oklch(.55 .22 22 / .1);--loss-glow: oklch(.55 .22 22 / .2);--warn: oklch(.62 .17 82)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}body{background:var(--bg-0);font-family:var(--f-body);color:var(--fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.num{font-family:var(--f-display);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.hair{background:var(--line);height:1px;width:100%}.tap{transition:transform .12s ease,background .15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.tap:active{transform:scale(.985)}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.screen-enter{animation:fadeUp .24s ease both}@keyframes drawLine{from {stroke-dashoffset: 400;} to {stroke-dashoffset: 0;} @keyframes slideInRight {from {transform: translateX(28px); opacity: 0;} to {transform: translateX(0); opacity: 1;}} @keyframes fadeIn {from {opacity: 0;} to {opacity: 1;}} @keyframes modalIn {from {transform: translateY(12px) scale(.985); opacity: 0;} to {transform: translateY(0) scale(1); opacity: 1;}} @keyframes pulseGain {0%,100% {box-shadow: 0 0 0 0 rgba(0,0,0,0),inset 0 0 0 1px var(--line);} 50% {box-shadow: 0 0 18px -2px var(--gain-glow),inset 0 0 0 1px var(--gain-soft);}} @keyframes pulseLoss {0%,100% {box-shadow: 0 0 0 0 rgba(0,0,0,0),inset 0 0 0 1px var(--line);} 50% {box-shadow: 0 0 18px -2px var(--loss-glow),inset 0 0 0 1px var(--loss-soft);}} @keyframes scanSweep {0% {transform: translateY(0); opacity: 0;} 10% {opacity: .9;} 90% {opacity: .9;} 100% {transform: translateY(260px); opacity: 0;}} .noscroll::-webkit-scrollbar {display: none;} .noscroll {scrollbar-width: none;}}