:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e8edf7;background:#060913}*{box-sizing:border-box}body{margin:0;background:#060913}button,input,select{font:inherit}.page{width:min(1720px,calc(100vw - 28px));margin:0 auto;padding:24px 0 60px}.top{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:22px 0 18px;border-bottom:1px solid rgba(148,163,184,.18)}.eyebrow{margin:0 0 8px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#60a5fa}h1,h2,h3,p{margin-top:0}h1{margin-bottom:8px;font-size:clamp(34px,4vw,58px);line-height:.95;letter-spacing:-.04em}h2{margin-bottom:8px;font-size:18px}h3{margin:18px 0 8px;font-size:12px;color:#93c5fd;text-transform:uppercase;letter-spacing:.12em}.sub{max-width:840px;margin-bottom:0;color:#98a2b3}.status{min-width:90px;text-align:right;color:#93c5fd;font-size:13px}.toolbar{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 160px;gap:10px;padding:18px 0 12px;border-bottom:1px solid rgba(148,163,184,.14)}label{display:grid;gap:5px;font-size:12px;color:#98a2b3}input,select{height:40px;border:1px solid rgba(148,163,184,.2);background:#090e1c;color:#f8fafc;border-radius:8px;padding:0 10px}button{height:40px;align-self:end;border:0;border-radius:8px;background:#2563eb;color:#fff;cursor:pointer;font-weight:700}button.mini{height:28px;padding:0 9px;font-size:12px;background:#111827;color:#dbeafe;border:1px solid rgba(96,165,250,.25)}.notice{padding:10px 0;color:#fbbf24;font-size:13px;border-bottom:1px solid rgba(148,163,184,.14)}.metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border-bottom:1px solid rgba(148,163,184,.14)}.metrics div{padding:16px 18px 16px 0}.metrics span{display:block;margin-bottom:6px;color:#98a2b3;font-size:12px}.metrics strong{font-size:25px;letter-spacing:-.03em}.workspace{display:grid;grid-template-columns:345px 1fr;gap:22px;padding:22px 0;border-bottom:1px solid rgba(148,163,184,.14)}.tracePanel{padding-right:16px;border-right:1px solid rgba(148,163,184,.14)}.traceHeader{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.traceHeader h2{width:100%}.traceRow{display:grid;grid-template-columns:18px 1fr 34px;align-items:center;gap:8px;margin:7px 0;color:#dbeafe;font-size:13px}.traceRow span{cursor:pointer}.traceRow input[type=checkbox]{width:15px;height:15px;padding:0;cursor:pointer}.colorPicker{width:28px;height:24px;padding:0;border-radius:6px;cursor:pointer;background:transparent}.chartShell{min-width:0}.chartTitle{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:8px}.chartTitle p{max-width:660px;color:#98a2b3;font-size:13px}.chart{height:620px}.explain{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:22px 0;border-bottom:1px solid rgba(148,163,184,.14)}.explain p{color:#98a2b3;line-height:1.5}.tableShell{padding-top:22px}.tableWrap{overflow:auto;max-height:700px;background:#080d19}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:9px 10px;border-bottom:1px solid rgba(148,163,184,.11);text-align:right;white-space:nowrap}th{position:sticky;top:0;z-index:1;color:#bfdbfe;background:#0c1324;font-weight:700}td:nth-child(2),td:nth-child(3),th:nth-child(2),th:nth-child(3){text-align:left}tr.positive{background:#14b8a614}tr.negative{background:#f43f5e14}.recharts-default-tooltip{background:#060913!important;border:1px solid rgba(148,163,184,.3)!important;color:#f8fafc!important}@media(max-width:1200px){.toolbar{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:repeat(3,1fr)}.workspace{grid-template-columns:1fr}.tracePanel{border-right:0;padding-right:0}.explain{grid-template-columns:1fr}}