:root{--bg: #0b0e11;--p1: #14181d;--p2: #1a1f26;--p3: #1f252d;--bd: #232a33;--bd2: #2c333d;--tx: #e8edf2;--tm: #7c8896;--tl: #566069;--blue: #7e8cf8;--green: #34d399;--good: #34d399;--warn: #fbbf24;--bad: #f2716b;--rh: 36px;--rpy: 8px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--tx);font-family:Saira,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}#root{height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit}.tbtnum{font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#2c333d;border-radius:5px}::-webkit-scrollbar-track{background:transparent}@keyframes tbpulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes growbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes spin{to{transform:rotate(360deg)}}.panel{background:var(--p1);border:1px solid var(--bd);border-radius:13px}.panel-title{font-size:13.5px;font-weight:700}.muted{color:var(--tm)}.dim{color:var(--tl)}.seg{display:inline-flex;gap:4px;background:var(--p1);border:1px solid var(--bd);border-radius:10px;padding:3px}.seg button{border:none;background:transparent;color:var(--tm);font-size:12.5px;font-weight:600;padding:6px 13px;border-radius:8px;cursor:pointer;transition:background .12s,color .12s}.seg button:hover{color:var(--tx)}.seg button.active{background:var(--p3);color:var(--tx)}.hbtn{border:1px solid var(--bd);background:var(--p1);color:var(--tx);border-radius:9px;font-size:12.5px;font-weight:600;padding:7px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.hbtn:hover{border-color:var(--bd2)}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--tl);font-weight:600;padding:0 12px 10px;border-bottom:1px solid var(--bd);white-space:nowrap}.tbl th.num,.tbl td.num{text-align:right}.tbl td{padding:var(--rpy) 12px;font-size:13px;border-bottom:1px solid var(--bd);height:var(--rh)}.tbl tbody tr:hover td{background:#ffffff05}.tbl th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.tbl th.sortable:hover{color:var(--tm)}.i2d{display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-weight:600;font-size:12.5px}.i2d .dot{width:7px;height:7px;border-radius:50%}.field{width:100%;background:var(--p2);border:1px solid var(--bd);border-radius:9px;color:var(--tx);font-family:inherit;font-size:13.5px;padding:10px 12px;outline:none}.field:focus{border-color:var(--blue)}
