:root{--ease-out: cubic-bezier(.23, 1, .32, 1);--ink: #ededed;--muted: #b8b8b8;--muted-2: #8a8a8a;--canvas: #0d0d0d;--surface: #1a1a1a;--surface-2: #212121;--surface-3: #2a2a2a;--line: #3a3a3a;--active-pill: #3a3a3a;--green: #84d24c;--gold: #ffd75e;--danger: #ff7f86;--success: #8ce7b0;--orange: #ff9a4d;--radius: 24px;color:var(--ink);background:var(--canvas);font-family:Work Sans,SF Pro Rounded,ui-rounded,Segoe UI,system-ui,-apple-system,sans-serif}@font-face{font-family:Gravity;src:url(/fonts/ABCGravity-Black.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:var(--canvas)}body{min-height:100vh}button{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--ink);outline-offset:2px}::-webkit-scrollbar{width:0;height:0}a{color:inherit}.muted{color:var(--muted)}.small{font-size:12px}.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}.up{color:var(--success)}.down{color:var(--danger)}.gold{color:var(--gold)}.warn{color:var(--orange)}.app{display:flex;flex-direction:column;min-height:100vh}.topbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 24px;background:#0d0d0d8c;-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);position:sticky;top:0;z-index:40}.brand{display:inline-flex;align-items:center;gap:10px;background:none;border:0;color:var(--ink);padding:0;text-decoration:none}.brand-logo{width:30px;height:30px;flex:none;display:block}.brand-copy{display:grid;gap:1px;text-align:left}.brand-copy strong{font-family:Gravity,Work Sans,sans-serif;font-weight:900;font-size:22px;letter-spacing:.02em}.brand-copy small{color:var(--muted-2);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.wallet{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:8px 8px 8px 16px;color:var(--ink);font-size:12px;justify-self:end}.wallet strong{background:var(--ink);color:#0d0d0d;border-radius:999px;padding:6px 12px;font-size:12px}.chain-dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex-shrink:0}.body{display:grid;grid-template-columns:232px minmax(0,1fr);align-items:start;max-width:1560px;margin:0 auto;width:100%}.rail{position:sticky;top:65px;height:calc(100vh - 65px);display:flex;flex-direction:column;justify-content:space-between;padding:20px 12px;overflow-y:auto}.rail-groups{display:grid;gap:22px;align-content:start}.rail-group{display:grid;gap:4px}.rail-title{padding:0 14px 6px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}.rbtn{position:relative;display:flex;align-items:center;gap:12px;padding:12px 14px;background:none;border:0;border-radius:14px;color:var(--muted);cursor:pointer;font-size:15px;font-weight:600;text-align:left;width:100%;text-decoration:none;transition:background-color .16s ease,color .16s ease}.rbtn svg{width:20px;height:20px;flex-shrink:0}.rbtn:hover{color:var(--ink)}.rbtn.active{background:var(--active-pill);color:var(--ink)}.rail-foot{display:grid;gap:10px;padding:12px 4px 0}.rail-profile{display:flex;align-items:center;gap:10px;width:100%;background:var(--surface);border:0;border-radius:16px;padding:10px 12px;color:var(--ink);text-align:left}.rail-profile-info{display:grid;gap:1px;min-width:0}.rail-profile-info strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-profile-info small{color:var(--muted-2);font-size:12px}.rail-avatar{width:36px;height:36px;border-radius:50%;background:var(--surface-3);display:grid;place-items:center;font-weight:800;flex:none}.main{min-width:0;width:100%;padding:20px 24px 60px}.screen{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;align-content:start}.page-head{display:flex;justify-content:space-between;align-items:end;gap:12px;flex-wrap:wrap}.page-head h1{margin:0;font-size:clamp(28px,3.6vw,42px);letter-spacing:-.02em}.page-head .small{color:var(--muted-2)}.list-heading{display:flex;align-items:center;gap:6px;font-size:16px;font-weight:700;padding-top:6px}.info{display:inline-grid;place-items:center;width:22px;height:22px;background:none;border:0;color:var(--muted-2);cursor:help;padding:0;vertical-align:middle}.info svg{width:15px;height:15px}.info:hover{color:var(--ink)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:8px}.stat-grid>div{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px 14px;display:grid;gap:4px;min-width:0}.stat-grid span.lbl{display:flex;align-items:center;justify-content:space-between;color:var(--muted-2);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.stat-grid strong{font-size:20px;font-variant-numeric:tabular-nums;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis}.stat-grid>div.up strong{color:var(--success)}.stat-grid>div.down strong{color:var(--danger)}.stat-grid>div.warn strong{color:var(--orange)}.slot-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px;display:grid;gap:10px;min-width:0;align-content:start}.slot-line{display:flex;justify-content:space-between;gap:12px;font-size:13px}.slot-line strong{color:var(--ink);font-variant-numeric:tabular-nums}.slot-line span:first-child{color:var(--muted)}.promo{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:14px 16px}.promo strong{font-size:16px}.promo p{margin:4px 0 0;color:var(--muted);font-size:13px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}@media(max-width:1100px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:860px){.grid-2,.grid-3,.body{grid-template-columns:1fr}.rail{position:static;height:auto}.rail-groups{grid-auto-flow:column;overflow-x:auto}}.h-tablewrap{overflow-x:auto}.h-table{width:100%;border-collapse:collapse;font-size:13px}.h-table th{text-align:left;padding:8px 10px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);border-bottom:1px solid var(--line);white-space:nowrap}.h-table td{padding:9px 10px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;white-space:nowrap;vertical-align:top}.h-table tr:last-child td{border-bottom:0}.h-table.clickable tbody tr{cursor:pointer;transition:background-color .12s ease}.h-table.clickable tbody tr:hover td{background:var(--surface-2)}.tier-badge{display:inline-block;padding:2px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.tier-badge.up{color:var(--success);border-color:var(--success)}.tier-badge.down{color:var(--danger);border-color:var(--danger)}.tier-badge.warn{color:var(--orange);border-color:var(--orange)}.tier-badge.gold{color:var(--gold);border-color:var(--gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 16px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font-weight:700;font-size:13px;cursor:pointer;transition:transform .14s var(--ease-out),background-color .16s ease}.btn.primary{background:var(--ink);border-color:var(--ink);color:#0d0d0d}.btn.danger{border-color:#7a2e2e;color:#f08a8a}.btn.sm{min-height:34px;padding:0 12px;font-size:12px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:active:not(:disabled){transform:scale(.97)}label{display:grid;gap:6px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2)}input,select{height:42px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--ink);font:inherit;font-size:14px}input::placeholder{color:var(--muted-2)}.search{max-width:420px;width:100%}.search input{width:100%;height:40px;border-radius:999px;padding:0 18px}.row{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.row label{flex:1 1 160px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.chart{display:grid;gap:6px;min-width:0}.chart svg{display:block}.chart-title{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:var(--muted)}.chart-title span{color:var(--muted-2);font-weight:500}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.login form{width:min(400px,100%);display:grid;gap:14px;padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.login .brand{margin-bottom:6px}.error{color:var(--danger);font-size:13px;min-height:1em}.drawer-back{position:fixed;inset:0;z-index:49;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.drawer{position:fixed;inset:0 0 0 auto;width:min(800px,100%);z-index:50;background:var(--surface-2);border-left:1px solid var(--line);overflow:auto;padding:22px;display:grid;gap:14px;align-content:start}.drawer h2{margin:0;font-size:20px}.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:13px}.kv span:nth-child(odd){color:var(--muted-2)}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:60;padding:10px 16px;border-radius:12px;background:var(--ink);color:#0d0d0d;font-weight:600}.toast.err{background:var(--danger)}