:root{color-scheme:dark;--ink:#f4f6f7;--muted:#94a2ad;--bg:#0b1014;--panel:#151d23;--line:#2a3740;--accent:#f3c342;--green:#37d39b;--red:#ff7c87;--orange:#f3a84c;--radius:8px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{margin:0;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.brand-line,.login-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px}.brand-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;background:var(--accent);color:#111;font-weight:900}.brand-tag{padding:3px 6px;border:1px solid var(--line);border-radius:4px;color:var(--muted);font-size:9px;letter-spacing:.08em}
.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#0b1014}.login-card{width:min(380px,100%);padding:28px 24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.login-brand{justify-content:center;margin-bottom:24px}.login-card h2{margin:0;text-align:center;font-size:21px}.login-card>.muted{margin:5px 0 26px;text-align:center}.login-card label{display:block;margin:15px 0 7px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.password-field{position:relative}.password-field input{padding-right:42px}.password-toggle{position:absolute;right:4px;top:4px;width:36px;height:36px;padding:0;border:0;background:transparent;color:var(--muted)}.remember{display:flex!important;align-items:center;gap:8px;margin:17px 0 8px!important;letter-spacing:.04em!important}.remember input{width:15px;height:15px;accent-color:var(--accent)}.remember small{font-size:10px;color:var(--muted)}
input,select{width:100%;border:1px solid var(--line);border-radius:6px;background:#0d1419;color:var(--ink);padding:11px 12px;outline:none}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #f3c34233}.primary,.secondary,.text-button,.icon-button{border:0;border-radius:6px;padding:11px 16px;font-weight:800}.primary{background:var(--accent);color:#111}.secondary{background:#26333c;color:var(--ink)}.wide{width:100%;margin-top:8px}.message{min-height:20px;margin-top:10px;font-size:13px}.message.error{color:var(--red)}.message.success{color:var(--green)}
.app{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;padding:22px 14px;border-right:1px solid var(--line);background:#121a20}.sidebar-caption{margin:8px 10px 34px;color:var(--muted);font-size:12px}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:11px;border:0;border-radius:6px;padding:11px 10px;background:transparent;color:var(--muted);text-align:left}.nav-item span{width:18px;color:var(--accent);font-size:18px;text-align:center}.nav-item.active{background:#2c2b1c;color:var(--ink)}.sidebar-foot{margin-top:auto;padding:14px 10px;border-top:1px solid var(--line);color:var(--green);font-size:12px}.sidebar-foot .muted{display:inline-block;margin-top:4px;font-size:11px}.status-dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:var(--green)}
.workspace{min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;height:58px;padding:0 28px;border-bottom:1px solid var(--line);color:var(--muted)}.topbar-title{color:var(--ink);font-weight:800}.topbar-divider{margin:0 10px;color:var(--line)}.text-button{padding:6px 0;background:transparent;color:var(--muted)}.text-button:hover{color:var(--ink)}.content{max-width:1180px;padding:34px 28px 60px}.page-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:28px}.page-heading h1{margin:7px 0 6px;font-size:28px;letter-spacing:-.02em}.page-heading .muted{margin:0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}.section-heading h2{margin:0 0 4px;font-size:18px}.section-heading p{margin:0}.history-search{width:220px}
.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.summary-card{display:grid;gap:4px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--radius);background:#121a20}.summary-card span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.summary-card strong{font-size:19px;color:var(--green)}.balance-grid{display:grid;grid-template-columns:minmax(0,640px);gap:14px}.balance-card{min-height:180px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.card-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.card-kicker{display:block;margin-bottom:4px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.balance-card h3{margin:0;font-size:15px}.account-row{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #263139;color:var(--muted)}.account-row strong{color:var(--green);white-space:nowrap}.empty-card,.card-meta{color:var(--muted);font-size:12px}.card-meta{margin:14px 0 0}
.pill,.type-badge,.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#26333c;color:var(--muted);font-size:11px;font-weight:800}.pill.success,.status-badge{background:#12352b;color:var(--green)}.pill.warning{background:#3b3016;color:var(--orange)}.payment-layout{max-width:640px;padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin:-22px -22px 22px;padding:12px 22px 0}.tab{border:0;border-bottom:2px solid transparent;padding:10px 2px 12px;background:transparent;color:var(--muted);font-weight:800}.tab+.tab{margin-left:18px}.tab.active{border-color:var(--accent);color:var(--ink)}.payment-form{display:grid;gap:8px}.payment-form label{margin-top:8px;color:var(--muted);font-size:12px;font-weight:700}.small-button{padding:8px 10px;font-size:12px}.field-note{margin:0;color:var(--muted);font-size:11px}
.message.pending{color:var(--orange)}.status-badge.failed{background:#3d2026;color:var(--red)}.status-badge.submitted,.status-badge.unconfirmed{background:#3b3016;color:var(--orange)}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:13px 14px;border-bottom:1px solid var(--line);text-align:left;font-size:12px}th{color:var(--muted);font-size:10px;letter-spacing:.08em;text-transform:uppercase}td{color:#dce2e5}.empty{text-align:center;color:var(--muted);padding:32px}.status-badge{font-size:10px;text-transform:capitalize}.type-badge{background:#26333c;color:var(--ink);font-size:10px}
@media(max-width:850px){.app{grid-template-columns:1fr}.sidebar{display:block;padding:8px 12px;border-right:0;border-bottom:1px solid var(--line)}.sidebar .brand-line,.sidebar-caption,.sidebar-foot{display:none}.sidebar nav{display:flex;gap:4px}.nav-item{flex:1;justify-content:center;gap:5px;padding:9px 4px;white-space:nowrap}.nav-item span{font-size:15px}.topbar{padding:0 16px}.content{padding:24px 16px}.page-heading{align-items:flex-start;flex-direction:column}.summary-grid{grid-template-columns:1fr}.balance-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.history-search{width:100%}}