:root{color:#182230;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--surface:#fff;--surface-strong:#f0f5ef;--ink:#182230;--muted:#667085;--line:#d7ded5;--green:#157f54;--green-strong:#0e6b45;--amber:#b76e00;--red:#b42318;--blue:#2563eb;--shadow:0 20px 50px #15291f1a;background:#f6f7f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.7}.app-shell{min-height:100vh}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6f7f4f0;border-bottom:1px solid #d7ded5d1;justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:0 32px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:max-content;display:inline-flex}.brand-mark{background:var(--ink);color:#fff;border-radius:8px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.brand strong,.brand small{display:block}.brand small{color:var(--muted);margin-top:2px;font-size:12px}.nav-tabs{gap:6px;display:flex;overflow-x:auto}.topbar-actions{align-items:center;gap:12px;min-width:0;display:flex}.nav-tab{min-height:38px;color:var(--muted);white-space:nowrap;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:0 12px;font-size:14px;display:inline-flex}.nav-tab.active{border-color:var(--line);color:var(--ink);background:#fff;box-shadow:0 8px 22px #1822300f}.auth-action{border:1px solid var(--line);min-width:82px;min-height:38px;color:var(--ink);white-space:nowrap;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 8px 22px #1822300d}.auth-action:hover,.auth-action.active{background:var(--surface-strong);border-color:#b6c4b4}.icon-action{border:1px solid var(--line);width:34px;height:34px;color:var(--ink);background:#fff;border-radius:8px;place-items:center;display:inline-grid}.icon-action:hover{background:var(--surface-strong)}main{width:100%}.page-stack,.content-page{width:min(1180px,100vw - 40px);margin:0 auto;padding:32px 0 56px}.content-page.narrow{width:min(560px,100vw - 40px)}.dialog-backdrop{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#18223075;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.login-dialog{background:#fff;border:1px solid #d7ded5eb;border-radius:8px;width:min(480px,100%);position:relative;box-shadow:0 24px 70px #18223038}.login-form{padding:28px}.login-form h1{letter-spacing:0;margin:6px 0 18px;font-size:28px;line-height:1.18}.dialog-close{position:absolute;top:14px;right:14px}.login-tabs{border:1px solid var(--line);background:#f7faf6;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:18px;padding:4px;display:grid}.login-tabs button{min-height:38px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:7px;font-weight:800;display:inline-flex}.login-tabs button.active{border-color:var(--line);color:var(--ink);background:#fff;box-shadow:0 8px 20px #1822300f}.code-row{grid-template-columns:minmax(0,1fr) 104px;gap:8px;display:grid}.code-row button{border:1px solid var(--line);min-height:44px;color:var(--green);background:#fff;border-radius:8px;font-weight:800}.code-row button:hover:not(:disabled){background:var(--surface-strong)}.field-hint{color:var(--green);font-size:12px;font-weight:700}.field-hint.danger{color:var(--red)}.hero-section{grid-template-columns:minmax(0,1.03fr) minmax(340px,.72fr);align-items:center;gap:36px;min-height:calc(100vh - 118px);padding:52px 0;display:grid}.hero-copy h1{letter-spacing:0;margin:10px 0 16px;font-size:clamp(42px,8vw,86px);line-height:.96}.hero-lead{color:#475467;width:min(620px,100%);margin:0;font-size:20px;line-height:1.6}.eyebrow{color:var(--green);letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero-actions.centered{justify-content:center}.primary-action,.secondary-action{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:700;display:inline-flex}.primary-action{background:var(--green);color:#fff;box-shadow:0 14px 30px #157f542e}.primary-action:hover{background:var(--green-strong)}.secondary-action{border-color:var(--line);color:var(--ink);background:#fff}.full-width{width:100%}.hero-visual{min-height:430px;box-shadow:var(--shadow);background:linear-gradient(#fffffff5,#ebf4e8f0),#fff;border:1px solid #cbd8ca;border-radius:8px;padding:24px}.visual-topline,.visual-row,.panel-footer,.section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.visual-topline span,.visual-row span,.panel-footer span,.section-heading span{color:var(--muted);font-size:13px}.visual-topline strong{color:var(--green);font-size:13px}.visual-balance{color:var(--ink);align-items:center;gap:12px;margin:44px 0 26px;display:flex}.visual-balance span{font-size:38px;font-weight:850}.visual-bars{border:1px solid var(--line);background:#fbfcfa;border-radius:8px;grid-template-columns:repeat(6,1fr);align-items:end;gap:12px;height:190px;padding:18px;display:grid}.visual-bars span{background:linear-gradient(#53b783,#157f54);border-radius:6px 6px 2px 2px;display:block}.visual-row{margin-top:22px}.visual-row span,.panel-footer span{align-items:center;gap:6px;display:inline-flex}.dashboard-grid,.split-layout{grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);align-items:start;gap:20px;display:grid}.balance-panel,.chart-panel,.form-panel,.summary-panel,.loading-panel,.detail-item{border:1px solid var(--line);background:var(--surface);border-radius:8px;box-shadow:0 10px 26px #1822300d}.balance-panel,.chart-panel,.form-panel,.summary-panel{padding:22px}.balance-panel h2,.chart-panel h2,.form-panel h2,.summary-panel h2,.content-page h1{letter-spacing:0;margin:6px 0 0}.balance-amount{margin:24px 0}.balance-amount span{font-size:clamp(34px,7vw,56px);font-weight:850;line-height:1.05;display:block}.balance-amount small{color:var(--muted)}.metric-grid,.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.metric,.detail-item{background:#fbfcfa;padding:14px}.metric span,.detail-item span{color:var(--muted);font-size:13px;display:block}.metric strong,.detail-item strong{margin-top:8px;font-size:20px;display:block}.panel-footer{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.section-heading{margin-bottom:18px}.section-heading h1,.section-heading h2{margin:4px 0 0}.usage-bars{grid-template-columns:repeat(7,minmax(58px,1fr));gap:12px;padding-top:18px;display:grid;overflow-x:auto}.usage-bar-cell{justify-items:center;gap:7px;min-width:58px;display:grid}.usage-bar-track{background:#eef4ed;border-radius:8px;align-items:end;width:100%;height:170px;padding:6px;display:flex}.usage-bar-track span{background:#2563eb;border-radius:6px;width:100%;display:block}.usage-bar-cell strong{font-size:12px}.usage-bar-cell small{color:var(--muted);font-size:12px}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px;display:grid}.quick-actions a{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:86px;padding:18px;display:grid}.quick-actions strong,.quick-actions small{display:block}.quick-actions small{color:var(--muted);margin-top:4px}.amount-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0;display:grid}.amount-option{border:1px solid var(--line);min-height:94px;color:var(--ink);text-align:left;background:#fbfcfa;border-radius:8px;gap:6px;padding:16px;display:grid;position:relative}.amount-option.selected{border-color:var(--green);background:#edf8f1}.amount-option span{font-size:22px;font-weight:800}.amount-option small{color:var(--muted)}.amount-option svg{color:var(--green);position:absolute;top:12px;right:12px}.field{gap:7px;margin:16px 0;display:grid}.field span{color:var(--muted);font-size:13px;font-weight:700}.field input,.field select{border:1px solid var(--line);width:100%;min-height:44px;color:var(--ink);background:#fff;border-radius:8px;padding:0 12px}.summary-panel dl{gap:12px;margin:22px 0;display:grid}.summary-panel dl div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding-bottom:12px;display:flex}.summary-panel dt{color:var(--muted)}.summary-panel dd{margin:0;font-weight:800}.secure-note,.notice-line{color:#184d86;background:#eef7ff;border-radius:8px;align-items:flex-start;gap:8px;padding:12px;font-size:13px;display:flex}.notice-line{margin-top:14px}.notice-line.danger{color:var(--red);background:#fff0ee}.detail-grid{margin-bottom:20px}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:8px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:760px}.data-table th,.data-table td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:14px 16px}.data-table th{color:var(--muted);font-size:13px;font-weight:800}.data-table tr:last-child td{border-bottom:0}.status-pill{border-radius:8px;align-items:center;min-height:26px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.status-pill.paid{color:var(--green);background:#eaf8ee}.status-pill.pending{color:var(--amber);background:#fff6df}.status-pill.failed,.status-pill.closed{color:var(--red);background:#fff0ee}.loading-panel{color:var(--muted);padding:28px}.result-page{text-align:center;justify-items:center;width:min(620px,100vw - 40px);margin:0 auto;padding:84px 0;display:grid}.result-icon{border-radius:8px;place-items:center;width:72px;height:72px;margin-bottom:18px;display:grid}.result-icon.success{color:var(--green);background:#eaf8ee}.result-icon.failed{color:var(--red);background:#fff0ee}.result-icon.pending{color:var(--amber);background:#fff6df}.result-page h1{margin:0}.result-page p{color:var(--muted);margin:12px 0 0}@media (width<=860px){.topbar{flex-direction:column;align-items:flex-start;padding:14px 20px}.nav-tabs{width:100%}.topbar-actions{flex-direction:column-reverse;align-items:stretch;width:100%}.auth-action{width:100%}.hero-section,.dashboard-grid,.split-layout,.quick-actions{grid-template-columns:1fr}.hero-section{min-height:auto;padding:34px 0}.hero-visual{min-height:340px}.metric-grid,.detail-grid,.amount-grid{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:flex-start}}