:root{--bg:#080c12;--sidebar:#0b1119;--surface:#101720;--surface-2:#141e29;--line:#202c39;--text:#e8eef4;--muted:#8493a3;--teal:#45c7b7;--blue:#5596f6;--amber:#e6ad57;--red:#ef6c75;--purple:#9b87f5;--radius:12px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font:13px Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,select{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:220px;padding:22px 14px;background:var(--sidebar);border-right:1px solid var(--line);z-index:20}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 24px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;color:#071411;background:var(--teal);font-weight:800}.brand strong,.brand small{display:block}.brand small{color:var(--muted);font-size:10px;margin-top:2px;letter-spacing:.04em}.sidebar nav{display:grid;gap:4px}.sidebar nav button{border:0;background:transparent;color:var(--muted);text-align:left;padding:10px 12px;border-radius:8px;cursor:pointer}.sidebar nav button:hover{color:var(--text);background:#121b25}.sidebar nav button.active{color:var(--text);background:#17232e;box-shadow:inset 3px 0 var(--teal)}.readonly{position:absolute;bottom:20px;left:22px;color:var(--muted);font-size:11px}.readonly span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);margin-right:7px}.workspace{margin-left:220px;min-width:0}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:#0a0f16e8;backdrop-filter:blur(10px);position:sticky;top:0;z-index:15}.topbar h1{font-size:20px;margin:0 0 3px;letter-spacing:-.02em}.topbar p{margin:0;color:var(--muted);font-size:11px}.asof{text-align:right}.asof span,.asof strong{display:block}.asof span{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.asof strong{font-size:12px;margin-top:3px}.controls{height:56px;display:flex;align-items:center;gap:10px;padding:0 28px;border-bottom:1px solid var(--line);background:#0c121a}.segmented{display:flex;background:#080c12;border:1px solid var(--line);border-radius:8px;padding:2px}.segmented button,.icon-button{border:0;background:transparent;color:var(--muted);padding:6px 10px;border-radius:6px;cursor:pointer}.segmented button.active{background:var(--surface-2);color:var(--text)}select{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:7px 28px 7px 10px}.icon-button{font-size:18px;margin-left:auto}main{padding:22px 28px 40px;max-width:1700px;margin:auto}.section-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.11em;margin:22px 0 10px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.metric-card{min-height:88px;background:linear-gradient(145deg,var(--surface),#0d141d);border:1px solid var(--line);border-radius:var(--radius);padding:13px}.metric-card small{color:var(--muted);display:flex;align-items:center;gap:5px}.metric-card strong{display:block;font-size:21px;margin-top:9px;letter-spacing:-.03em}.metric-card em{display:block;color:var(--muted);font-style:normal;font-size:10px;margin-top:4px}.metric-card.health strong{color:var(--teal)}.metric-card.warning strong{color:var(--amber)}.metric-card.danger strong{color:var(--red)}.chart-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;margin-top:12px}.panel{grid-column:span 6;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0;overflow:hidden}.panel.wide{grid-column:span 12}.panel.third{grid-column:span 4}.panel-head{padding:14px 16px 0;display:flex;align-items:start;justify-content:space-between}.panel-head h2{font-size:13px;margin:0}.panel-head p{font-size:10px;color:var(--muted);margin:4px 0 0}.chart{height:310px}.chart.tall{height:470px}.empty{height:220px;display:grid;place-items:center;color:var(--muted)}.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;padding:18px}.flow-stage{position:relative;background:var(--surface-2);border-radius:9px;padding:12px;min-width:0}.flow-stage:not(:last-child):after{content:'›';position:absolute;right:-14px;top:30px;color:var(--muted);font-size:20px}.flow-stage b{display:flex;align-items:center;gap:7px}.dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.dot.healthy,.dot.fresh{background:var(--teal)}.dot.degraded,.dot.stale,.dot.unavailable{background:var(--amber)}.dot.error,.dot.failed{background:var(--red)}.flow-stage small{display:block;color:var(--muted);margin-top:7px}.status-pair{display:flex;justify-content:space-between;margin-top:5px;font-size:10px}.activity,.trade-list{padding:7px 16px 13px}.activity-row,.trade-row{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}.activity-row:last-child,.trade-row:last-child{border:0}.badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 7px;border-radius:99px;background:#1a2632;color:var(--muted);font-size:10px}.badge.yes,.badge.success{color:var(--teal);background:#14302e}.badge.no,.badge.failed{color:var(--red);background:#341d23}.badge.warning{color:var(--amber);background:#33291b}.table-wrap{overflow:auto;max-height:500px}table{border-collapse:collapse;width:100%;font-size:11px}th,td{text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);white-space:nowrap}th{position:sticky;top:0;background:var(--surface);color:var(--muted);font-weight:500;text-transform:uppercase;font-size:9px;letter-spacing:.05em}tr[data-trade]{cursor:pointer}tr[data-trade]:hover{background:var(--surface-2)}.notice{padding:11px 13px;border-radius:8px;background:#2d2618;color:var(--amber);border:1px solid #4a3b21;margin:0 0 12px}.mode-tabs{display:flex;gap:5px;margin-bottom:12px}.mode-tabs button{border:1px solid var(--line);background:var(--surface);color:var(--muted);padding:7px 14px;border-radius:8px;cursor:pointer}.mode-tabs button.active{border-color:var(--teal);color:var(--teal)}.loading{height:55vh;display:grid;place-items:center;color:var(--muted)}.loading span{width:24px;height:24px;border:2px solid var(--line);border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite}.error-state{padding:40px;text-align:center;color:var(--red)}@keyframes spin{to{transform:rotate(360deg)}}.drawer-backdrop{position:fixed;inset:0;background:#0008;z-index:30}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(610px,94vw);background:#0d141d;border-left:1px solid var(--line);z-index:31;padding:22px;overflow:auto}.drawer h2{margin:0}.drawer-close{float:right;border:0;background:transparent;color:var(--muted);font-size:24px;cursor:pointer}.lineage{display:grid;gap:8px;margin-top:18px}.lineage-step{background:var(--surface-2);padding:12px;border-radius:8px;border-left:3px solid var(--blue)}.lineage-step:after{content:'↓';display:block;color:var(--muted);margin:8px 0 -21px 8px}.lineage-step:last-child:after{display:none}.kv{display:grid;grid-template-columns:1fr 1fr;gap:6px 15px;margin-top:10px}.kv div{border-bottom:1px solid var(--line);padding:7px 0}.kv small{display:block;color:var(--muted)}.kv strong{font-size:11px}.tooltip{border-bottom:1px dotted var(--muted);cursor:help}@media(max-width:950px){.sidebar{position:static;width:auto;height:auto;padding:12px}.brand,.readonly{display:none}.sidebar nav{display:flex;overflow:auto}.sidebar nav button{white-space:nowrap}.workspace{margin:0}.topbar{position:static;padding:0 16px}.controls{padding:0 16px;overflow:auto}.chart-grid{grid-template-columns:1fr}.panel,.panel.third,.panel.wide{grid-column:1}.flow{grid-template-columns:1fr}.flow-stage:not(:last-child):after{content:'↓';right:50%;top:auto;bottom:-18px}.asof{max-width:45%}main{padding:16px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}