:root{--bg: #0e1116;--bg-elev: #161b22;--bg-elev-2: #1c232c;--border: #2a313c;--text: #e6edf3;--text-dim: #a3adb8;--accent: #3b82f6;--accent-dark: #2563eb;--ok: #3fb950;--bad: #f85149;--radius: 10px;--sidebar-w: 232px}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}h1{font-size:20px;margin:0;font-weight:650}.ok{color:var(--ok)}.bad{color:var(--bad)}.dim,.muted{color:var(--text-dim)}.muted{font-size:13px;margin-top:24px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--bg-elev-2);color:var(--text);padding:8px 14px;border-radius:8px;font-size:13px;font-weight:550;cursor:pointer;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.btn:hover{border-color:#3a434f;background:#232b35}.btn:disabled{opacity:.55;cursor:default}.btn--primary{background:var(--accent);border-color:var(--accent);color:#fff;width:100%;padding:10px}.btn--primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.btn--ghost{background:transparent}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field>span{font-size:12px;color:var(--text-dim)}.field input{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 12px;font-size:14px;outline:none}.field input:focus{border-color:var(--accent)}.login{min-height:100%;display:grid;place-items:center;padding:24px}.login__card{width:100%;max-width:360px;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.login__brand{font-size:20px;font-weight:700;margin-bottom:22px}.login__brand span{color:var(--accent)}.login__error{color:var(--bad);font-size:13px;margin:0 0 12px}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100%}.sidebar{background:var(--bg-elev);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:18px 14px}.sidebar__brand{font-size:16px;font-weight:700;padding:6px 8px 18px}.sidebar__brand span{color:var(--accent)}.sidebar__nav{display:flex;flex-direction:column;gap:2px;flex:1}.navlink{padding:9px 10px;border-radius:8px;color:var(--text-dim);font-weight:550}.navlink:hover{background:var(--bg-elev-2);color:var(--text)}.navlink.router-link-active{background:var(--accent);color:#fff}.navlink--home.router-link-active:not(.router-link-exact-active){background:transparent;color:var(--text-dim)}.sidebar__foot{color:var(--text-dim);font-size:12px;padding:8px}.shell__main{display:flex;flex-direction:column;min-width:0}.topbar{height:56px;border-bottom:1px solid var(--border);background:var(--bg-elev);display:flex;align-items:center;padding:0 20px}.topbar__spacer{flex:1}.topbar__user{display:flex;align-items:center;gap:12px}.topbar__name{font-weight:600}.badge{font-size:11px;color:var(--text-dim);border:1px solid var(--border);border-radius:999px;padding:2px 8px;text-transform:uppercase;letter-spacing:.04em}.relayer{display:flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--border);border-radius:999px;background:var(--bg-elev-2)}.relayer__star{color:#facc15;font-size:20px;line-height:1}.relayer__amount{font-size:20px;font-weight:750;letter-spacing:.01em;color:var(--text)}.relayer__label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.relayer__refresh{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--text-dim);cursor:pointer;font-size:14px;padding:2px 4px;border-radius:6px}.relayer__refresh:hover{color:var(--text);background:var(--bg)}.relayer--ok .relayer__amount{color:#facc15}.relayer--disconnected,.relayer--error{opacity:.8}.relayer--error .relayer__amount,.relayer--disconnected .relayer__amount{color:var(--text-dim)}.content{padding:24px;overflow:auto}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.stat{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.stat__label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.stat__value{font-size:24px;font-weight:700;margin-top:6px}.stat__sub{font-size:12px;color:var(--text-dim);margin-top:2px}.section{margin-top:24px}.section__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section__title{font-size:15px;font-weight:650}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);overflow:auto;background:var(--bg-elev)}table.tbl{width:100%;border-collapse:collapse;font-size:13px}table.tbl th{text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);background:var(--bg-elev-2);padding:9px 12px;white-space:nowrap;position:sticky;top:0}table.tbl td{padding:9px 12px;border-top:1px solid var(--border);white-space:nowrap;max-width:360px;overflow:hidden;text-overflow:ellipsis}table.tbl tr:hover td{background:var(--bg-elev-2)}.table-empty{padding:22px;text-align:center;color:var(--text-dim)}.sbadge{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--border);text-transform:capitalize}.sbadge--success{color:var(--ok);border-color:#3fb95066}.sbadge--pending{color:#d29922;border-color:#d2992266}.sbadge--cancel{color:var(--bad);border-color:#f8514966}.toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px}.toolbar .field{margin-bottom:0}.select,.input{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:8px 10px;font-size:13px;outline:none}.select:focus,.input:focus{border-color:var(--accent)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px}.tab{padding:8px 14px;font-size:13px;color:var(--text-dim);cursor:pointer;border:none;background:transparent;border-bottom:2px solid transparent}.tab:hover{color:var(--text)}.tab--active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.kv{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px 18px}.kv__row{display:flex;flex-direction:column;gap:2px;min-width:0}.kv__k{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em}.kv__v{font-size:13px;word-break:break-word}.danger-text{color:var(--bad)}.error-banner{background:#f851491a;border:1px solid rgba(248,81,73,.4);color:var(--bad);padding:10px 14px;border-radius:8px;font-size:13px}.page__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.card__label{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.card__value{font-size:22px;font-weight:650;margin:8px 0 4px}.card__sub{font-size:12px;color:var(--text-dim)}.btn:focus-visible,.navlink:focus-visible,.field input:focus-visible,.input:focus-visible,.select:focus-visible,.tab:focus-visible,.linkbtn:focus-visible,.relayer__refresh:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.linkbtn{background:none;border:none;color:var(--accent);cursor:pointer;padding:0;font:inherit}.linkbtn:hover{text-decoration:underline}table.tbl tbody tr:nth-child(2n) td{background:#ffffff05}@media (max-width: 900px){.shell{grid-template-columns:1fr}.sidebar{flex-direction:row;align-items:center;gap:8px;padding:10px 12px;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border)}.sidebar__brand{padding:0 8px 0 0;white-space:nowrap}.sidebar__nav{flex-direction:row;flex:0 0 auto;gap:4px}.sidebar__foot{display:none}.content{padding:16px}.topbar{padding:0 12px}.relayer__label{display:none}}