:root { --bg: #0a0e16; --s1: #101624; --s2: #172033; --s3: #1f2a42; --line: rgba(170, 190, 230, .1); --line2: rgba(170, 190, 230, .2); --text: #eef2fa; --muted: rgba(220, 228, 245, .58); --acc: #5b86ff; --on-acc: #04112e; --accbg: rgba(91, 134, 255, .14); --accdim: #3f5fb8; --focus: rgba(91, 134, 255, .6); --inbg: #0a0e16; --up: #3ce3ab; --down: #f23674;
  --head: "Onest", Inter, Arial, sans-serif; --font: "Onest", Inter, Arial, sans-serif; --mono: "JetBrains Mono", ui-monospace, monospace; --r: 12px; --rb: 10px; --ri: 10px; --h1w: 600; --barbg: rgba(10, 14, 22, .9); --appw: 1300px }
.layout { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 14px; padding: 14px max(14px, calc((100vw - 1300px) / 2)); align-items: start }
.side { padding: 14px; position: sticky; top: 76px } .sh { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px } .sh b { font-size: 16px }
#list a { display: block; padding: 12px; border-radius: 10px; border: 1px solid transparent } #list a:hover { background: var(--s2) } #list a.on { background: var(--s2); border-color: var(--line2) }
#list b { display: block } #list small { color: var(--muted); font: 12px var(--mono) }
.side .open { margin-top: 18px } .side .in { height: 44px } .side .in input { font-size: 15px }
.vh { display: flex; justify-content: space-between; align-items: end; gap: 16px; flex-wrap: wrap } .vh .t { font-size: 30px } .vh small { color: var(--muted); font: 13px var(--mono) }
.grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 14px }
.bals { display: grid; gap: 8px; margin-top: 10px } .bals div { display: flex; justify-content: space-between; align-items: center; padding: 10px 12px; border-radius: 10px; background: var(--bg); border: 1px solid var(--line) } .bals b { font: 500 15px var(--mono) }
.owners { margin-top: 10px; display: grid; gap: 6px } .owners div { display: flex; justify-content: space-between; font: 13px var(--mono); color: var(--muted) } .owners .me { color: var(--text) }
.props { margin-top: 14px; display: grid; gap: 10px }
.prop { padding: 16px; border-radius: 12px; background: var(--s1); border: 1px solid var(--line); display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 16px; align-items: center }
.prop .amt { font: 500 22px var(--mono); letter-spacing: -.02em } .prop .to { color: var(--muted); font: 13px var(--mono) } .prop .nt { grid-column: 1 / -1; color: var(--muted) }
.prop .sig { grid-column: 1 / -1; display: flex; gap: 6px; align-items: center; font: 12px var(--mono); color: var(--muted) } .prop .sig i { width: 18px; height: 6px; border-radius: 3px; background: var(--s3) } .prop .sig i.on { background: var(--acc) }
.prop .act { display: flex; gap: 6px }
.newv { max-width: 620px; margin: 0 auto; padding: 40px 20px 80px } .hint { margin-top: 8px; color: var(--muted); font-size: 13px }
h3.t { font: 600 16px var(--head); margin-top: 22px }
@media (max-width: 960px) { .layout { grid-template-columns: 1fr } .side { position: static } .grid2 { grid-template-columns: 1fr } }