:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f7f9;--surface:#fff;--text:#15181d;--muted:#667085;--line:#e3e6eb;--accent:#2456d6;--accent-text:#fff;--gain:#12805c;--loss:#c8372d;--warn-bg:#fff6de;--warn-text:#7a5600;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#111418;--surface:#1a1e24;--text:#e8eaee;--muted:#98a2b3;--line:#2b313a;--accent:#6d94f5;--accent-text:#0b1020;--gain:#3fbf93;--loss:#f0766c;--warn-bg:#3a2f10;--warn-text:#f1d48a}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{margin:.5rem 0 1rem;font-size:1.5rem}h2{margin:1.75rem 0 .6rem;font-size:1.1rem}.card h2{margin-top:0}main{max-width:1200px;margin:0 auto;padding:1rem 1.25rem 3rem}footer{max-width:1200px;margin:0 auto;padding:0 1.25rem 2rem;font-size:.85rem}.topbar{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:1.25rem;padding:.7rem 1.25rem;display:flex}.topbar nav{gap:1rem;display:flex}.topbar nav a{color:var(--muted);font-weight:500}.topbar nav a.active{color:var(--text)}.brand{font-weight:700}.spacer,.grow{flex:1}.muted{color:var(--muted)}.pad{padding:2rem}.error{color:var(--loss)}.gain,td.buy{color:var(--gain)}.loss,td.sell{color:var(--loss)}.notice{background:var(--warn-bg);color:var(--warn-text);border-radius:8px;margin:.6rem 0;padding:.6rem .8rem}.notice a{color:inherit;text-decoration:underline}.card{background:var(--surface);border:1px solid var(--line);border-radius:10px;min-width:0;margin:1rem 0;padding:1rem}.row{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.row.between{justify-content:space-between;align-items:center}.row .wide{flex-basis:100%;margin:0}.stack{flex-direction:column;gap:.75rem;display:flex}.stack p{margin:0}label{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.85rem;display:flex}input,select,button{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:.45rem .65rem}input:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}button.primary.buy{background:var(--gain);border-color:var(--gain);color:#fff}button.primary.sell,button.danger{background:var(--loss);border-color:var(--loss);color:#fff}button.link{color:var(--accent);background:0 0;border:none;padding:0}button.link.danger{color:var(--loss);background:0 0}form.inline{align-items:center;gap:.5rem;display:flex}.tabs{border-bottom:1px solid var(--line);gap:.25rem;margin:1.5rem 0 1rem;display:flex}.tabs button{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:.5rem .9rem}.tabs button.active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.tabs.small{border-bottom:none;margin:0}.segmented{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.segmented button.active.buy{background:var(--gain);border-color:var(--gain);color:#fff}.segmented button.active.sell{background:var(--loss);border-color:var(--loss);color:#fff}table{border-collapse:collapse;background:var(--surface);border:1px solid var(--line);border-radius:10px;width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.5rem .7rem}th{color:var(--muted);font-size:.8rem;font-weight:600}tbody tr:last-child td{border-bottom:none}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}td.actions{text-align:right;white-space:nowrap}td.actions>*+*{margin-left:.75rem}td.source{max-width:22rem;font-size:.85rem}tr.dim td{opacity:.6}tr.confirm td,tr.expanded td{background:var(--bg)}.card table{margin-top:.75rem}.badge{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:999px;margin-right:.3rem;padding:.05rem .45rem;font-size:.72rem;font-weight:600;display:inline-block}.badge.stale,.badge.delayed,.badge.open{background:var(--warn-bg);color:var(--warn-text);border-color:#0000}.badge.unavailable,.badge.rejected{color:var(--loss);border-color:var(--loss)}.badge.fresh,.badge.filled{color:var(--gain);border-color:var(--gain)}td .badge.stale{margin-left:.4rem}.stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;margin:1rem 0;display:grid}.stats>div{background:var(--surface);border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:.15rem;padding:.7rem .9rem;font-size:.85rem;display:flex}.stats strong{font-variant-numeric:tabular-nums;font-size:1.05rem}.split{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:1rem;display:grid}@media (width<=900px){.split{grid-template-columns:minmax(0,1fr)}}.chart{width:100%;height:340px}dl.preview,dl.detail{grid-template-columns:auto 1fr;gap:.3rem 1rem;margin:0;font-size:.9rem;display:grid}dl.preview{background:var(--bg);border-radius:8px;padding:.7rem}dl dt{color:var(--muted)}dl dd{font-variant-numeric:tabular-nums;margin:0}dl.preview dd{text-align:right}ul.plain{margin:0;padding:0;list-style:none}.auth{background:var(--surface);border:1px solid var(--line);border-radius:12px;max-width:380px;margin:8vh auto;padding:1.5rem}.auth h1{margin-top:0}.chart table,.chart td{background:0 0;border:none;border-radius:0;width:auto;margin:0;padding:0}td select,td button:not(.link){padding:.2rem .5rem}
