:root{--bg:#0b0e12;--panel:#12171e;--panel2:#171e27;--line:#28313c;--text:#eef3f8;--muted:#8795a6;--green:#29d398;--red:#ff6577;--amber:#f6c85f;--blue:#6ea8fe;--radius:10px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px Inter,ui-sans-serif,system-ui,sans-serif}header{height:76px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#0e1217}h1,h2{margin:2px 0;font-weight:650}h1{font-size:22px}h2{font-size:17px}.eyebrow{font-size:10px;letter-spacing:.14em;color:var(--muted)}.headerActions{display:flex;align-items:center;justify-content:flex-end;gap:8px;max-width:72vw;overflow-x:auto}.pageLink{flex:0 0 auto;color:var(--blue);text-decoration:none;border:1px solid var(--line);border-radius:6px;padding:8px 10px;font-size:12px}.pageLink:hover{border-color:#526174}main{padding:16px 24px 40px;display:grid;gap:12px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.testbar,.timeline{display:flex;gap:12px;align-items:end}.testbar>div,.timeline>div{min-width:150px}.testbar>div:nth-child(2){flex:1}.timeline .nav{display:flex;gap:6px}.timeline strong{margin-left:auto;align-self:center;color:var(--blue)}label{display:block;color:var(--muted);font-size:11px;margin:0 0 5px}input,select,textarea,button{font:inherit;color:var(--text);background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:9px 10px}input,select{width:100%}button{cursor:pointer;white-space:nowrap}button:hover{border-color:#526174}button:disabled{opacity:.4;cursor:not-allowed}.primary{background:var(--green);color:#07120e;border-color:var(--green);font-weight:700}.badge,.status{border:1px solid var(--line);border-radius:20px;padding:7px 10px;font-size:11px;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.metrics article{padding:14px 16px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.metrics span{display:block;color:var(--muted);font-size:11px}.metrics b{display:block;font-size:20px;margin-top:6px;font-variant-numeric:tabular-nums}.metrics .total{border-color:#376854}.grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px}.sectionHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.filters{display:flex;gap:8px;width:50%}.tableWrap{overflow:auto;max-height:430px}table{width:100%;border-collapse:collapse;font-size:12px}th{position:sticky;top:0;background:var(--panel);z-index:1;color:var(--muted);text-align:right;font-weight:500;padding:9px 7px;border-bottom:1px solid var(--line)}td{text-align:right;padding:8px 7px;border-bottom:1px solid #202832;white-space:nowrap;font-variant-numeric:tabular-nums}th:first-child,td:first-child{text-align:left}.buy{color:var(--green)}.sell{color:var(--red)}.empty{color:var(--muted)!important;text-align:center!important;padding:30px!important}.actions{display:flex;gap:4px}.actions button{padding:4px 7px;font-size:10px}.ticket label{margin-top:12px}.ticket .primary{width:100%;margin-top:15px}.quote{margin:14px 0;padding:14px;background:#0d1218;border-radius:7px;display:flex;justify-content:space-between}.lower{display:grid;grid-template-columns:1fr 1fr;gap:12px}.journal{max-height:260px;overflow:auto}.entry{display:grid;grid-template-columns:42px 1fr auto;gap:8px;padding:9px 0;border-bottom:1px solid var(--line)}.entry small{color:var(--muted)}svg{width:100%;height:180px;background:#0d1218;border-radius:6px}.error{background:#3c1720;border:1px solid #7e3040;color:#ffc2ca;padding:12px;border-radius:7px}.hidden{display:none}.positive{color:var(--green)}.negative{color:var(--red)}@media(max-width:850px){header{padding:0 12px}header>div:first-child{min-width:155px}.headerActions{max-width:54vw}.headerActions .status{display:none}main{padding:12px}.testbar,.timeline{flex-wrap:wrap}.testbar>div,.timeline>div{flex:1;min-width:130px}.timeline .nav{order:4;width:100%;overflow:auto}.timeline strong{margin-left:0}.metrics{grid-template-columns:repeat(2,1fr)}.metrics .total{grid-column:span 2}.grid,.lower{grid-template-columns:1fr}.ticket{order:-1}.filters{width:100%;margin-top:8px}.sectionHead{display:block}}
