:root{color-scheme:dark;--bg:#0c1017;--panel:#121822;--line:#242d3b;--text:#e7edf7;--muted:#8693a8;--green:#4bdbab;--red:#f27c89;--blue:#7ba9ff;--gold:#e4bc76}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit;background:#171f2c;border:1px solid var(--line);border-radius:7px}button,select{cursor:pointer}button{padding:9px 13px}button:hover{border-color:#6d829f}button:disabled{opacity:.5;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}aside{width:220px;position:fixed;inset:0 auto 0 0;border-right:1px solid var(--line);padding:32px 19px;background:#0e131c;display:flex;flex-direction:column}.brand{font-size:23px;font-weight:750;letter-spacing:2px;display:flex;align-items:center;gap:10px}.brand-icon{background:var(--green);color:#10251f;border-radius:8px;padding:4px 9px;font-size:24px;font-weight:900}.brand-dot{color:var(--green);margin-left:-10px}.workspace{font-size:10px;letter-spacing:1.8px;color:#63728a;margin:45px 12px 17px}nav{display:grid;gap:8px}nav a{padding:12px 13px;color:var(--muted);border:1px solid transparent;border-radius:7px;display:flex;gap:13px;align-items:center}nav a span{font-size:19px;width:20px}nav a:hover,nav a.active{background:#182b29;border-color:#22463d;color:var(--green)}nav small{margin-left:auto;background:#263a39;padding:2px 6px;border-radius:4px}.sidebar-bottom{margin-top:auto;padding:18px 10px 0;font-size:10px;letter-spacing:1px;color:#a6b1c2}.sidebar-bottom p{line-height:1.9;letter-spacing:0;color:var(--muted);font-size:11px}.sidebar-bottom small{letter-spacing:0;color:#63728a}.local-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:5px}.shell{margin-left:220px}header{height:77px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 34px}.crumb{font-size:12px;color:var(--muted)}.crumb span{margin:0 12px;color:#3a485c}.crumb b{font-weight:500;color:#d6deeb}.header-controls{display:flex;gap:12px;align-items:center}.mode-label{font-size:11px;color:var(--muted)}select{padding:8px 10px;margin-left:8px;font-size:12px}.ticker{height:45px;display:flex;overflow:hidden;border-bottom:1px solid var(--line);background:#101620}.tick{white-space:nowrap;font-size:11px;padding:14px 22px;border-right:1px solid var(--line);display:flex;gap:12px}.tick b{letter-spacing:.4px}.tick span{color:#aab7cb}.tick .up,.up{color:var(--green)!important}.tick .down,.down{color:var(--red)!important}.neutral{color:var(--muted)}main{padding:31px 34px;min-height:calc(100vh - 170px);max-width:1900px;margin:auto}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--green);font-weight:600;margin-bottom:9px}h1{font-size:30px;letter-spacing:-.9px;margin:0 0 9px;font-weight:650}h2{font-size:15px;margin:0;font-weight:600}h3{font-size:12px;font-weight:500;color:var(--muted);margin:0}.subtitle{color:var(--muted);font-size:12px;line-height:1.7;margin:0}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px;gap:15px}.badge{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:var(--gold);background:#2b251c;border:1px solid #4a3e2a;padding:6px 9px;border-radius:5px}.badge.live{background:#142e29;color:var(--green);border-color:#265047}.badge.unavailable{color:var(--muted);background:#202736;border-color:var(--line)}.statusbox{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:11px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:22px}.stat,.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px}.stat{padding:21px 21px 17px;position:relative}.stat-value{font-size:27px;font-weight:600;letter-spacing:-.7px;margin:13px 0 9px;font-variant-numeric:tabular-nums}.stat-value small{font-size:12px;color:var(--muted);margin-left:5px;letter-spacing:0;font-weight:400}.stat-note{font-size:11px;color:var(--muted)}.stat .number-label{position:absolute;right:18px;top:18px;color:#43546c;font-size:18px}.grid-main{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(280px,1fr);gap:20px;margin-bottom:22px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:22px}.panel{min-width:0;overflow:hidden}.panel-head{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #202a38;gap:12px}.panel-head small{font-size:10px;color:var(--muted)}.panel-body{padding:20px 22px}.big-price{font-size:29px;font-weight:600;letter-spacing:-.8px}.chart-head{display:flex;gap:14px;align-items:center;margin-bottom:7px}.chart{width:100%;height:225px;display:block}.chart text{fill:#74839a;font:10px 'Segoe UI',sans-serif}.chart-grid{stroke:#253041;stroke-width:1;stroke-dasharray:3 5}.chart-meta{font-size:10px;color:var(--muted);display:flex;justify-content:space-between;margin-top:8px}.mini{width:100px;height:30px;display:block}.breadth{display:flex;height:9px;border-radius:4px;overflow:hidden;margin:25px 0}.breadth span{min-width:2px}.breadth-legend{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.breadth-legend b{display:block;color:var(--text);font-size:20px;margin-bottom:7px;font-weight:500}.list-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 0;border-bottom:1px solid #222c3a}.list-row:last-child{border:0}.list-row small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.list-row b{font-weight:550;font-size:12px}.list-row .right{text-align:right}.list-row:hover .stock-symbol{color:var(--green)}.symbol-icon{width:32px;height:32px;border-radius:7px;background:#223044;color:#a3c1e9;display:grid;place-items:center;font-size:10px;font-weight:650;flex-shrink:0}.list-name{display:flex;gap:11px;align-items:center;min-width:0}.list-name small{max-width:165px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link{color:var(--green);font-size:11px}.toolbar{display:flex;gap:10px;align-items:center;padding:16px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.search{padding:10px 13px;width:270px;max-width:100%;background:#0e141e}.tabs{display:flex;gap:4px}.tabs button{background:transparent;border-color:transparent;color:var(--muted);font-size:11px}.tabs button.selected{background:#24323d;color:var(--text);border-color:#37485b}.spacer{flex:1}.table-wrap{overflow:auto;max-height:680px}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th{position:sticky;top:0;background:#151d29;text-align:right;color:#8998ae;font-weight:500;font-size:10px;letter-spacing:.3px;border-bottom:1px solid var(--line);z-index:1}th button{border:0;background:none;padding:14px 13px;font-size:10px;color:inherit;border-radius:0;width:100%;text-align:inherit}td{padding:14px 13px;text-align:right;border-bottom:1px solid #202a37;font-variant-numeric:tabular-nums}td:first-child,th:first-child{text-align:left}td.name-cell{min-width:240px;text-align:left}td.name-cell a{display:flex;gap:11px;align-items:center}.name-cell b{font-size:12px}.name-cell small{display:block;color:var(--muted);font-size:10px;margin-top:4px}tbody tr:hover{background:#182230}td .star{background:none;border:0;padding:5px;color:#6f819a;font-size:18px}.star.saved{color:var(--gold)}.table-foot{padding:13px 20px;color:var(--muted);font-size:10px;border-top:1px solid var(--line)}.change{font-size:11px;white-space:nowrap}.change.pill{padding:4px 7px;border-radius:4px;background:#15332b}.change.pill.down{background:#33212b}.notice{border:1px solid #4a3e2a;background:#251f19;color:#cdb88f;border-radius:7px;padding:12px 15px;font-size:11px;line-height:1.7;margin-bottom:20px}.empty{padding:35px 24px;text-align:center;color:var(--muted);font-size:12px;line-height:1.9}.loading{padding:80px 20px;text-align:center;color:var(--muted)}.detail-top{display:flex;align-items:center;gap:16px}.detail-top .symbol-icon{width:50px;height:50px;font-size:15px}.back{display:inline-block;color:var(--muted);font-size:11px;margin-bottom:22px}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 22px}.detail-field{padding:13px 0;border-bottom:1px solid var(--line);min-width:0}.detail-field small{color:var(--muted);font-size:10px;display:block;margin-bottom:7px}.detail-field span{font-size:12px;overflow-wrap:anywhere}.book-table td{position:relative;padding:10px 12px}.book-table td span{position:relative;z-index:0}.depth{position:absolute;inset:2px 0 2px auto;background:#1a3d32;opacity:.7}.depth.ask{background:#412631;left:0;right:auto}.book-table th{padding:13px 12px}.book-table td:nth-child(3){border-right:1px solid var(--line)}.book-summary{display:flex;justify-content:space-between;padding:15px 20px;font-size:11px;color:var(--muted);border-bottom:1px solid var(--line)}pre{white-space:pre-wrap;word-break:break-word;padding:20px;margin:0;max-height:550px;overflow:auto;font-size:11px;color:#afc4df;line-height:1.7}.source-info{padding:20px;color:var(--muted);font-size:12px;line-height:1.9}.source-info strong{color:var(--text)}footer{border-top:1px solid var(--line);padding:16px 34px;display:flex;justify-content:space-between;font-size:9px;color:#65758d;letter-spacing:.4px}footer i{margin:0 10px;color:#354257}#toast{position:fixed;bottom:25px;right:25px;background:#21382f;color:var(--green);padding:13px 20px;border:1px solid #3a6354;border-radius:8px;font-size:12px;display:none;z-index:10}@media(min-width:1500px){.chart{height:280px}.stat-value{font-size:32px}}@media(max-width:1100px){aside{width:180px;padding:28px 10px}.shell{margin-left:180px}main{padding:25px 22px}header{padding:0 22px}.stats{gap:10px}.stat{padding:17px 14px}.stat-value{font-size:23px}.grid-main{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr)}}@media(max-width:800px){aside{width:65px;padding:22px 9px}.brand{font-size:0;gap:0}.brand-dot,.workspace,.sidebar-bottom{display:none}nav{margin-top:35px}nav a{font-size:0;padding:10px}nav a span{font-size:20px}nav small{display:none}.shell{margin-left:65px}header{padding:0 16px}.crumb{display:none}.header-controls{width:100%;justify-content:space-between}.mode-label{font-size:0}select{margin:0}.stats{grid-template-columns:1fr 1fr}.grid-main,.grid-two{grid-template-columns:1fr}.page-heading{align-items:flex-start}h1{font-size:25px}main{padding:24px 16px}.details-grid{grid-template-columns:1fr 1fr}footer{padding:16px;gap:10px}footer span:last-child{display:none}}@media(prefers-reduced-motion:no-preference){.panel,.stat{animation:appear .25s ease}@keyframes appear{from{opacity:.5;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}}
