.appui{--bg:#08090b;--surface:#0e1013;--elev:#16191f;--bd:#1e222a;--bd-strong:#2a2f38;--fg:#f2f4f6;--muted:#9aa1ab;--faint:#6b727d;--green:#34e3a0;--danger:#ff6b6b;--rad:4px;--rad-badge:8px;--sans:"Inter Variable", system-ui, sans-serif;--display:"Space Grotesk Variable", "Inter Variable", sans-serif;--mono:"JetBrains Mono Variable", ui-monospace, monospace;background:var(--bg);color:var(--fg);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}.appui a{color:inherit;text-decoration:none}.appui .app{background:var(--bg);grid-template-columns:244px 1fr;min-height:100vh;display:grid}.appui .side{border-right:1px solid var(--bd);flex-direction:column;height:100vh;padding:16px 12px 12px;display:flex;position:sticky;top:0}.appui .side .brand{align-items:center;gap:10px;padding:6px 12px 18px;font-size:16px;font-weight:600;display:flex}.appui .nav{flex-direction:column;gap:2px;display:flex}.appui .nav-item{border-radius:var(--rad);width:100%;color:var(--muted);cursor:pointer;align-items:center;gap:12px;padding:9px 12px;font-size:14px;display:flex}.appui .nav-item svg{opacity:.85;flex:none;width:18px;height:18px}.appui .nav-item .ext{opacity:.6;width:13px;height:13px;margin-left:auto}.appui .nav-item:hover{background:var(--elev);color:var(--fg)}.appui .nav-item.active{background:var(--elev);color:var(--fg);box-shadow:inset 0 0 0 1px var(--bd-strong);font-weight:500}.appui .nav-item.active svg{opacity:1}.appui .side-foot{margin-top:auto}.appui .side-foot .divider{background:var(--bd);height:1px;margin:0 -12px 12px}.appui .account{border-radius:var(--rad);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 12px;display:flex}.appui .account:hover{background:var(--elev)}.appui .account .who{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12.5px;overflow:hidden}.appui .account .chev{width:14px;height:14px;color:var(--faint);flex:none}.appui .avatar{background:var(--elev);border:1px solid var(--bd-strong);width:28px;height:28px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:12px;display:grid}.appui .main{flex-direction:column;min-width:0;display:flex}.appui .topbar{border-bottom:1px solid var(--bd);background:var(--bg);z-index:5;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;display:flex;position:sticky;top:0}.appui .topbar .crumb{font-family:var(--display);font-size:17px;font-weight:600}.appui .balgroup{border:1px solid var(--bd-strong);border-radius:var(--rad);align-items:stretch;display:inline-flex;overflow:hidden}.appui .balgroup .bal-read{font-family:var(--mono);color:var(--muted);background:var(--bg);border-right:1px solid var(--bd-strong);align-items:center;gap:8px;padding:7px 14px;font-size:13px;display:flex}.appui .balgroup .bal-read .amt{color:var(--fg)}.appui .balgroup .bal-add{font-family:var(--sans);color:var(--fg);background:var(--elev);cursor:pointer;border:none;align-items:center;gap:7px;padding:7px 14px;font-size:13px;font-weight:500;transition:background .12s;display:inline-flex}.appui .balgroup .bal-add svg{width:15px;height:15px}.appui .balgroup .bal-add:hover{background:#1c2027}.appui .body{flex-direction:column;gap:18px;padding:22px;display:flex}.appui .grid3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.appui .grid2{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.appui .stat .v{font-family:var(--display);font-size:26px;font-weight:600}.appui .stat .l{color:var(--faint);margin-top:5px;font-size:12px}.appui .pane{background:var(--surface);border:1px solid var(--bd);border-radius:var(--rad)}.appui .pane-pad{padding:18px}.appui .pane-h{font-family:var(--display);color:var(--fg);margin:0 0 16px;font-size:16px;font-weight:600}.appui .pane-sub{color:var(--muted);margin:-10px 0 16px;font-size:13px}.appui .page-lead{color:var(--muted);margin:0;font-size:14px}.appui .row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.appui .stack{flex-direction:column;gap:12px;display:flex}.appui .between{justify-content:space-between;align-items:center;gap:12px;display:flex}.appui .btn{font-family:var(--sans);border-radius:var(--rad);cursor:pointer;border:1px solid #0000;align-items:center;gap:8px;padding:9px 15px;font-size:13.5px;font-weight:500;line-height:1.4;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.appui .btn:disabled{opacity:.55;cursor:not-allowed}.appui .btn svg{width:16px;height:16px}.appui .btn-primary{background:var(--fg);color:#0a0a0a}.appui .btn-primary:hover:not(:disabled){background:#e3e6ea}.appui .btn-secondary{background:var(--elev);border-color:var(--bd-strong);color:var(--fg)}.appui .btn-secondary:hover:not(:disabled){background:#1c2027}.appui .btn-ghost{color:var(--muted)}.appui .btn-ghost:hover:not(:disabled){color:var(--fg);background:var(--elev)}.appui .btn-danger{color:var(--danger);border-color:var(--bd-strong);background:0 0}.appui .btn-danger:hover:not(:disabled){background:#ff6b6b14}.appui .btn-green{background:var(--green);color:#04140d}.appui .btn-sm{padding:6px 11px;font-size:12.5px}.appui .btn-lg{padding:11px 18px;font-size:14.5px}.appui .credit-picks{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.appui .chip{min-width:54px;font-family:var(--sans);background:var(--elev);border:1px solid var(--bd-strong);border-radius:var(--rad);color:var(--fg);cursor:pointer;justify-content:center;align-items:center;padding:9px 16px;font-size:13.5px;font-weight:500;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.appui .chip:hover:not(:disabled){background:#1c2027}.appui .chip.selected{border-color:var(--green);color:var(--green);background:color-mix(in oklab, var(--green) 12%, transparent)}.appui .chip:disabled{opacity:.55;cursor:not-allowed}.appui .amount-field{align-items:center;display:inline-flex;position:relative}.appui .amount-field .prefix{color:var(--faint);font-family:var(--mono);pointer-events:none;font-size:13.5px;position:absolute;left:12px}.appui .amount-field .input{width:150px;padding-left:26px}.appui .amount-field.selected .input{border-color:var(--green)}.appui .topup-summary{flex-direction:column;gap:7px;max-width:300px;margin-top:16px;display:flex}.appui .topup-summary .trow{color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.appui .topup-summary .trow .num{font-family:var(--mono);color:var(--fg)}.appui .topup-summary .trow.total{border-top:1px solid var(--bd);color:var(--fg);margin-top:3px;padding-top:9px;font-weight:600}.appui .verify-banner{border:1px solid color-mix(in oklab, #f5b14b 38%, var(--bd-strong));border-radius:var(--rad);color:var(--fg);background:oklab(80.6519% .0382661 .134831/.11);align-items:center;gap:10px;margin-bottom:18px;padding:11px 14px;font-size:13.5px;display:flex}.appui .verify-banner .vb-icon{color:#f5b14b;flex:none;width:16px;height:16px}.appui .verify-banner .vb-text{flex:1}.appui .verify-banner .vb-action{font-family:var(--sans);color:var(--fg);border:1px solid var(--bd-strong);cursor:pointer;background:0 0;border-radius:7px;flex:none;padding:5px 11px;font-size:12.5px;font-weight:500;transition:background .12s}.appui .verify-banner .vb-action:hover:not(:disabled){background:var(--elev)}.appui .verify-banner .vb-action:disabled{cursor:default;color:var(--muted)}.appui .verify-banner .vb-close{color:var(--muted);cursor:pointer;background:0 0;border:none;flex:none;padding:2px;display:flex}.appui .verify-banner .vb-close:hover{color:var(--fg)}.appui .verify-banner .vb-close svg{width:15px;height:15px}.appui .seg{border:1px solid var(--bd-strong);border-radius:8px;display:inline-flex;overflow:hidden}.appui .seg button{font-family:var(--sans);color:var(--muted);cursor:pointer;background:0 0;border:none;padding:5px 11px;font-size:12.5px;transition:background .12s,color .12s}.appui .seg button.on{background:var(--elev);color:var(--fg)}.appui .uchart{align-items:flex-end;gap:6px;height:180px;margin-top:16px;display:flex}.appui .ucol{flex-direction:column;flex:1;height:100%;display:flex}.appui .ubar{background:var(--elev);border-radius:3px;flex-direction:column-reverse;flex:1;min-height:2px;display:flex;overflow:hidden}.appui .ubar>div{flex:none;width:100%}.appui .uday{text-align:center;font-family:var(--mono);color:var(--faint);margin-top:6px;font-size:10px}.appui .ulegend{flex-wrap:wrap;gap:14px;margin-top:16px;display:flex}.appui .ulegend span{font-family:var(--mono);color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.appui .ulegend i{border-radius:2px;width:9px;height:9px;display:inline-block}.appui label.lbl{color:var(--muted);margin-bottom:6px;font-size:12.5px;display:block}.appui .input,.appui .select{background:var(--elev);border:1px solid var(--bd-strong);border-radius:var(--rad);width:100%;color:var(--fg);font-family:var(--sans);padding:9px 12px;font-size:13.5px;line-height:1.4}.appui .select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239aa1ab' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.appui .input::placeholder{color:var(--faint)}.appui .input:focus,.appui .select:focus{border-color:#3a4150;outline:none}.appui textarea.input{resize:vertical;min-height:90px;font-family:var(--mono)}.appui .badge{font-family:var(--mono);border-radius:var(--rad-badge);background:var(--elev);color:var(--muted);border:none;align-items:center;gap:7px;padding:4px 11px;font-size:11.5px;display:inline-flex}.appui .badge.green{background:color-mix(in oklab, var(--green) 15%, transparent);color:var(--green)}.appui .badge.danger{background:color-mix(in oklab, var(--danger) 16%, transparent);color:var(--danger)}.appui .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.appui table.tbl{border-collapse:collapse;width:100%;font-size:13px}.appui table.tbl th{text-align:left;color:var(--faint);font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;padding:10px 16px;font-size:10.5px;font-weight:500}.appui table.tbl td{color:var(--muted);border-top:1px solid var(--bd);padding:12px 16px}.appui table.tbl th:first-child,.appui table.tbl td:first-child{padding-left:0}.appui table.tbl th:last-child,.appui table.tbl td:last-child{padding-right:0}.appui table.tbl td.n,.appui table.tbl th.n{font-family:var(--mono);color:var(--fg);text-align:right}.appui .code{background:var(--elev);border:1px solid var(--bd);border-radius:var(--rad);font-family:var(--mono);color:var(--muted);white-space:pre;padding:14px 16px;font-size:12px;overflow-x:auto}.appui .code .k{color:var(--fg)}.appui .code .c{color:var(--faint)}.appui .banner{background:color-mix(in oklab, var(--green) 12%, transparent);border-radius:var(--rad);align-items:center;gap:12px;padding:13px 16px;font-size:13.5px;display:flex}.appui .banner .t{color:var(--fg)}.appui .banner .m{color:var(--muted)}.appui .keyrow{align-items:center;gap:14px;display:flex}.appui .keyrow .meta{min-width:0;font-family:var(--mono);flex:1;align-items:center;gap:10px;font-size:13px;display:flex}.appui .keyrow .meta .nm{color:var(--faint);flex:none}.appui .keyrow .meta .key{color:var(--fg);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.appui .keyrow .acts{flex:none;gap:8px;display:flex}.appui .modal-overlay{z-index:50;background:#000a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.appui .modal{background:var(--surface);border:1px solid var(--bd-strong);border-radius:var(--rad);width:100%;max-width:420px;padding:20px;box-shadow:0 24px 60px -20px #000}.appui .modal h4{font-family:var(--display);color:var(--fg);margin:0 0 14px;font-size:16px;font-weight:600}.appui .toast-wrap{z-index:60;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.appui .toast{background:var(--elev);border:1px solid var(--bd);border-radius:var(--rad);align-items:center;gap:10px;min-width:240px;padding:11px 14px;font-size:13px;display:flex}.appui .toast .ic{flex:none;width:16px;height:16px}.appui .toast.success .ic{color:var(--green)}.appui .toast.error .ic{color:var(--danger)}.appui .toast.info .ic{color:var(--muted)}.appui .empty{text-align:center;color:var(--faint);border:1px dashed var(--bd-strong);border-radius:var(--rad);padding:30px}