:root{--bg:#0d0e12;--bg-secondary:#12141a;--surface:#15171d;--surface-hover:#1b1e26;--border:#272a33;--border-soft:#1e2129;--text-primary:#e7e9ee;--text-secondary:#8f96a3;--text-muted:#646b76;--accent:#2962ff;--positive:#26a69a;--negative:#ef5350;--warning:#f0b90b;--mono:SFMono-Regular,Consolas,Liberation Mono,monospace;--sans:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif}
*{box-sizing:border-box}html{background:var(--bg);color:var(--text-primary);font-family:var(--sans)}body{margin:0;min-height:100vh;background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}code{font-family:var(--mono)}
.topbar{min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--border);background:var(--bg-secondary);gap:18px}.topbar h1{font-size:20px;margin:0 0 3px}.topbar p{margin:0;color:var(--text-secondary);font-size:13px}.wallet-tools{display:flex;align-items:center;gap:10px;min-width:0}.wallet-tools code{color:var(--text-secondary);font-size:13px}
.icon-btn,.toolbar button,.pager button,.tabs button{border:1px solid var(--border);background:transparent;color:var(--text-secondary);border-radius:4px;min-height:32px;padding:0 10px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.icon-btn{width:32px;padding:0}.icon-btn:hover,.toolbar button:hover,.pager button:hover,.tabs button:hover{background:var(--surface-hover);color:var(--text-primary)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.live-state{font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--text-secondary);display:flex;align-items:center;gap:7px}.live-state span{width:7px;height:7px;border-radius:50%;background:var(--warning)}.live-state.live span{background:var(--positive)}.live-state.offline span{background:var(--negative)}
main{padding:0 22px 24px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid var(--border);background:var(--bg);overflow:auto}.metrics div{padding:18px 18px 16px 0;border-right:1px solid var(--border-soft);min-width:150px}.metrics div+div{padding-left:18px}.metrics span{display:block;color:var(--text-muted);font-size:11px;font-weight:700}.metrics strong{display:block;margin-top:7px;font-size:18px;font-weight:600;white-space:nowrap}
.toolbar{height:58px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);overflow:auto}.tabs{display:flex;border:1px solid var(--border);border-radius:4px}.tabs button{border:0;border-right:1px solid var(--border);border-radius:0}.tabs button:last-child{border-right:0}.tabs .active{background:var(--surface);color:var(--text-primary)}select,input{height:32px;background:var(--surface);border:1px solid var(--border);color:var(--text-primary);border-radius:4px;padding:0 10px}input[type=search]{width:260px}.spacer{flex:1}.sync-line{height:34px;display:flex;align-items:center;color:var(--text-muted);font-size:12px;border-bottom:1px solid var(--border-soft)}
.table-shell{position:relative;overflow:auto;border-bottom:1px solid var(--border)}table{width:100%;border-collapse:collapse;min-width:980px}th{text-align:left;color:var(--text-muted);font-size:11px;font-weight:700;height:34px;border-bottom:1px solid var(--border);white-space:nowrap}th button{all:unset;cursor:pointer}td{height:52px;border-bottom:1px solid var(--border-soft);font-size:13px;color:var(--text-secondary);vertical-align:middle}tr:hover td{background:var(--surface-hover)}tr.flash td{animation:flash 1.5s ease}.primary{color:var(--text-primary);font-weight:600}.muted{color:var(--text-muted);font-size:12px}.mono{font-family:var(--mono)}.amount.in{color:var(--positive)}.amount.out{color:var(--negative)}.status{font-size:12px}.status.confirmed{color:var(--positive)}.status.pending{color:var(--warning)}.status.failed{color:var(--negative)}.row-actions{display:flex;align-items:center;gap:7px}.tiny{width:24px;height:24px;min-height:24px;font-size:12px}.empty{text-align:center;color:var(--text-secondary);padding:56px}.empty span{color:var(--text-muted)}
.pager{height:52px;display:flex;align-items:center;justify-content:flex-end;gap:12px;color:var(--text-secondary);font-size:13px}.drawer{position:fixed;top:0;right:0;width:420px;max-width:100%;height:100vh;background:var(--bg-secondary);border-left:1px solid var(--border);transform:translateX(100%);transition:transform .18s ease;z-index:10;display:flex;flex-direction:column}.drawer.open{transform:translateX(0)}.drawer-head{height:60px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.drawer-head h2{margin:0;font-size:18px}.drawer-content{padding:8px 18px 22px;overflow:auto}.detail-row{padding:14px 0;border-bottom:1px solid var(--border-soft)}.detail-row span{display:block;color:var(--text-muted);font-size:11px;font-weight:700;margin-bottom:6px}.detail-row strong,.detail-row code{color:var(--text-primary);overflow-wrap:anywhere}.toast{position:fixed;right:18px;bottom:18px;background:var(--surface);border:1px solid var(--border);color:var(--text-primary);padding:10px 12px;border-radius:6px;z-index:20}
@keyframes flash{0%{background:rgba(41,98,255,.16)}100%{background:transparent}}
@media (max-width:992px){.metrics{grid-template-columns:repeat(3,1fr)}.topbar{align-items:flex-start;flex-direction:column;padding:14px 16px}main{padding:0 16px 20px}.spacer{display:none}input[type=search]{width:220px}}
@media (max-width:768px){.metrics{grid-template-columns:repeat(2,1fr)}table{min-width:680px}th:nth-child(5),td:nth-child(5),th:nth-child(7),td:nth-child(7){display:none}.toolbar{height:auto;padding:12px 0;align-items:stretch}.drawer{width:100%}}
@media (max-width:480px){main{padding:0 10px 18px}.metrics div{min-width:130px}.wallet-tools{flex-wrap:wrap}.pager{justify-content:flex-start;overflow:auto}}