:root{--bg: #0f1419;--panel: #1a2029;--panel-2: #222b36;--border: #2c3744;--text: #e6edf3;--muted: #8b98a5;--green: #26a65b;--green-dim: #1a3a28;--red: #e5484d;--red-dim: #3a1c1e;--amber: #e2a53b;--amber-dim: #3a2f18;--blue: #3b82f6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px}.app{max-width:1280px;margin:0 auto;padding:16px}h1{font-size:20px;margin:0}h2{font-size:15px;margin:0 0 10px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.statusbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:10px 14px;background:var(--panel);border:1px solid var(--border);border-radius:8px;margin-bottom:16px}.statusbar .spacer{flex:1}.pill{padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.pill.open{background:var(--green-dim);color:var(--green)}.pill.closed{background:var(--panel-2);color:var(--muted)}.grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}@media (max-width: 980px){.grid{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:14px;margin-bottom:16px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600;font-size:12px}tr.clickable:hover{background:var(--panel-2);cursor:pointer}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.rank{color:var(--muted)}.top10 td:first-child{border-left:3px solid var(--green)}.delta-up{color:var(--green)}.delta-down{color:var(--red)}.pos{color:var(--green)}.neg{color:var(--red)}button{background:var(--blue);color:#fff;border:none;border-radius:6px;padding:5px 10px;font-size:12px;cursor:pointer;font-weight:600}button.ghost{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}button.danger{background:var(--red)}button:hover{filter:brightness(1.1)}button:disabled{opacity:.5;cursor:default}.tag{font-size:11px;padding:1px 6px;border-radius:4px;font-weight:600;margin-left:6px}.tag.extended{background:var(--amber-dim);color:var(--amber)}.tag.buyable,.tag.surge{background:var(--green-dim);color:var(--green)}.tag.thin{background:var(--amber-dim);color:var(--amber)}.action{font-size:11px;padding:2px 8px;border-radius:4px;font-weight:700;white-space:nowrap}.action.buy{background:var(--green-dim);color:var(--green)}.action.hold{background:var(--panel-2);color:var(--muted)}.action.trim{background:var(--amber-dim);color:var(--amber)}.action.sell{background:var(--red-dim);color:var(--red)}.tabs{display:flex;gap:8px;margin-bottom:16px}.tab{background:var(--panel);color:var(--muted);border:1px solid var(--border);border-radius:6px;padding:6px 16px;font-weight:600}.tab:hover{color:var(--text)}.tab.active{background:var(--panel-2);color:var(--text);border-color:var(--blue)}.banner{border-radius:8px;padding:10px 14px;margin-bottom:10px;display:flex;align-items:center;gap:12px}.banner.EXIT{background:var(--red-dim);border:1px solid var(--red)}.banner.ENTRY{background:var(--green-dim);border:1px solid var(--green)}.banner.WARNING{background:var(--amber-dim);border:1px solid var(--amber)}.banner .btype{font-weight:700}.banner .spacer{flex:1}.sig-badge{font-weight:700;font-size:11px;padding:1px 6px;border-radius:4px}.sig-badge.EXIT{background:var(--red-dim);color:var(--red)}.sig-badge.ENTRY{background:var(--green-dim);color:var(--green)}.sig-badge.WARNING{background:var(--amber-dim);color:var(--amber)}.muted{color:var(--muted)}.small{font-size:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:20px;width:360px}.modal input{width:100%;padding:7px;margin:4px 0 12px;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;color:var(--text)}.modal label{font-size:12px;color:var(--muted)}.row{display:flex;gap:8px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40}.drawer{position:fixed;top:0;right:0;height:100%;width:640px;max-width:92vw;background:var(--panel);border-left:1px solid var(--border);z-index:41;padding:18px;overflow-y:auto}.chart{width:100%;height:340px}.components{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}.comp{font-size:11px;background:var(--panel-2);padding:1px 6px;border-radius:4px;color:var(--muted)}
