:root{--bg:#080d13;--card:#0e1620;--line:rgba(255,255,255,.10);--tx:#eef3f8;--mu:#8b9bab;--gold:#fbbf24;--g:#4ade80;--r:#f87171;--b:#93c5fd}
*{box-sizing:border-box}body{margin:0;font-family:'Space Grotesk',system-ui,sans-serif;color:var(--tx);background:radial-gradient(900px 420px at 90% -8%,rgba(245,158,11,.12),transparent 60%),var(--bg);min-height:100vh}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}
.mono{font-family:'IBM Plex Mono',ui-monospace,monospace}
.top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;border-bottom:1px solid var(--line);background:rgba(14,22,32,.9)}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:3px;color:#f5b94a;font-size:18px}
nav{display:flex;gap:6px;flex-wrap:wrap}nav a{padding:8px 16px;border-radius:999px;color:#a0aebc;font-weight:600;font-size:15px}nav a.on{background:rgba(245,158,11,.16);color:var(--gold)}
.chip{font-size:13px;font-weight:600;padding:6px 14px;border-radius:999px;color:var(--gold);background:rgba(245,158,11,.14);border:1px solid rgba(245,158,11,.4)}
.wrap{max-width:1280px;margin:0 auto;padding:22px 20px 40px;display:flex;flex-direction:column;gap:16px}
h1{margin:0;font-size:28px}h2{margin:0;font-size:20px;color:var(--gold)}p{margin:0}.mu{color:var(--mu)}.sm{font-size:13px}
.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px}
.btn{height:46px;padding:0 22px;border:0;border-radius:12px;font-weight:700;font-size:16px;color:#1a1200;background:linear-gradient(135deg,#fbbf24,#f59e0b)}
.btn.o{background:none;color:#c9d4de;border:1px solid rgba(255,255,255,.2);height:34px;font-size:13px;padding:0 12px;border-radius:8px;font-weight:600}.btn.o.d{color:var(--r);border-color:rgba(239,68,68,.45)}
input{height:48px;width:100%;padding:0 16px;font:inherit;font-size:18px;color:var(--tx);background:var(--bg);border:1px solid rgba(255,255,255,.18);border-radius:12px;outline:0}
.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.box{width:100%;max-width:440px;display:flex;flex-direction:column;gap:18px}
.err{color:var(--r);font-size:14px}.pill{display:inline-block;font-size:12px;font-weight:700;padding:2px 9px;border-radius:5px;color:#fff}.L{background:#16a34a}.S{background:#dc2626}
.filters{display:flex;flex-wrap:wrap;gap:8px}.fl{font-size:14px;font-weight:600;padding:7px 14px;border-radius:999px;color:#a0aebc;border:1px solid rgba(255,255,255,.14);background:none}.fl.on{background:rgba(245,158,11,.16);color:var(--gold);border-color:rgba(245,158,11,.4)}
.cols{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}.list{flex:1 1 560px;min-width:0;max-height:780px;overflow-y:auto}.side{flex:1 1 340px;min-width:0;position:sticky;top:12px}
.gh{font-size:14px;font-weight:700;color:var(--gold);padding:10px 4px 8px}
.row{border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:10px 12px;margin-bottom:8px;cursor:pointer;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row:hover{border-color:rgba(245,158,11,.5)}.row.sel{border-color:var(--gold);background:rgba(245,158,11,.06)}
.row .main{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:5px}.tag{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px}
.lv{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px}.baru{background:var(--gold);color:#1a1200}.telat{color:#fcd34d;border:1px solid rgba(245,158,11,.5)}
.btc{border:1px solid rgba(245,158,11,.45);background:linear-gradient(135deg,rgba(245,158,11,.14),rgba(245,158,11,.03));border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.btc .r{display:flex;flex-wrap:wrap;gap:10px}.btc .c{flex:1 1 380px;background:#0b121a;border:1px solid rgba(255,255,255,.14);border-left:4px solid;border-radius:10px;padding:10px 14px;display:flex;flex-direction:column;gap:6px;cursor:pointer}
.rate{display:flex;flex-wrap:wrap;gap:14px}.rate>div{flex:1 1 200px}.big{font-size:38px;font-weight:700}.bar{height:8px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.bar>i{display:block;height:100%}
table{width:100%;border-collapse:collapse;font-size:14px;min-width:760px}th{text-align:left;font-size:12px;letter-spacing:1px;color:#7f8fa0;padding:12px 16px;border-bottom:1px solid var(--line)}td{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05)}.ov{overflow-x:auto}
.stat{border-radius:16px;padding:22px;border:1px solid;display:flex;flex-direction:column;gap:10px;max-width:520px}
.cat{border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px}.g2{display:flex;flex-wrap:wrap;gap:12px}.g2>*{flex:1 1 380px}
ul,ol{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.5;color:#c9d4de}
svg text{font-family:'IBM Plex Mono',monospace}

.bw{display:flex;flex-direction:column;gap:2px}
.handle{font-size:12px;letter-spacing:1px;color:#7f8fa0;font-weight:400}
.rcol{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:16px}.rcol .side{flex:none;position:static}.wl{max-height:420px;overflow-y:auto}