*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--mono: "IBM Plex Mono", monospace;--sans: "DM Sans", system-ui, sans-serif;--bg: #f8f9fb;--fg: #1a1a2e;--muted: #666;--faint: #999;--border: #dde1df;--card: #fff;--accent: #3d6b5e;--accent-hover: #345a50;--danger: #d44}body{font-family:var(--sans);background:var(--bg);color:var(--fg);line-height:1.7;-webkit-font-smoothing:antialiased;background-image:linear-gradient(90deg,#e8eaed 1px,transparent 1px),linear-gradient(180deg,#e8eaed 1px,transparent 1px),linear-gradient(90deg,#eff0f2 1px,transparent 1px),linear-gradient(180deg,#eff0f2 1px,transparent 1px);background-size:120px 120px,120px 120px,24px 24px,24px 24px}.app{min-height:100vh}.page{max-width:720px;margin:0 auto;background:#fff;border-left:1px solid var(--border);border-right:1px solid var(--border);min-height:100vh}.wrap{padding:0 32px}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh}.spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}button{cursor:pointer;font-family:var(--sans)}input,select,textarea{font-family:var(--sans)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.page-narrow[data-v-0dbcea75]{max-width:480px;min-height:auto;background:transparent;border:none;display:flex;align-items:center;justify-content:center;height:100vh}.login-center[data-v-0dbcea75]{background:#fff;border:1px solid var(--border);padding:40px 32px;width:100%}.login-inner[data-v-0dbcea75]{width:100%}.logo[data-v-0dbcea75]{display:flex;align-items:center;margin-bottom:40px}.sep[data-v-0dbcea75]{font-family:var(--mono);font-size:12px;color:#bbb;margin-bottom:16px;-webkit-user-select:none;user-select:none}h2[data-v-0dbcea75]{font-family:var(--mono);font-size:20px;font-weight:600;letter-spacing:-.01em;margin-bottom:6px;color:var(--fg)}.subtitle[data-v-0dbcea75]{font-size:14px;color:var(--muted);margin-bottom:24px}label[data-v-0dbcea75]{display:block;font-family:var(--mono);font-size:12px;font-weight:500;margin-bottom:6px;color:var(--muted)}input[type=email][data-v-0dbcea75]{width:100%;padding:10px 12px;border:1px solid var(--border);font-size:15px;outline:none;transition:border-color .2s;margin-bottom:16px}input[data-v-0dbcea75]:focus{border-color:var(--accent)}.code-inputs[data-v-0dbcea75]{display:flex;gap:8px;margin-bottom:16px}.code-digit[data-v-0dbcea75]{width:44px;height:52px;text-align:center;font-size:22px;font-weight:600;font-family:var(--mono);border:1px solid var(--border);outline:none;transition:border-color .2s}.code-digit[data-v-0dbcea75]:focus{border-color:var(--accent)}.cta[data-v-0dbcea75]{display:block;width:100%;padding:10px 24px;background:var(--fg);color:#fff;border:none;font-family:var(--mono);font-size:13px;font-weight:500;transition:background .2s}.cta[data-v-0dbcea75]:hover:not(:disabled){background:#2d2d4a}.cta[data-v-0dbcea75]:disabled{opacity:.6;cursor:default}.btn-back[data-v-0dbcea75]{background:none;border:none;font-family:var(--mono);font-size:12px;color:var(--faint);margin-top:12px;text-decoration:underline}.btn-back[data-v-0dbcea75]:hover{color:var(--muted)}.error[data-v-0dbcea75]{color:var(--danger);font-size:13px;margin-top:8px}header[data-v-f10cb87b]{padding:32px 0 0}.header-inner[data-v-f10cb87b]{display:flex;justify-content:space-between;align-items:center}.logo[data-v-f10cb87b]{display:flex;align-items:center;text-decoration:none}nav[data-v-f10cb87b]{display:flex;align-items:center;gap:16px}.nav-email[data-v-f10cb87b]{font-family:var(--mono);font-size:12px;color:var(--muted)}.btn-logout[data-v-f10cb87b]{font-family:var(--mono);font-size:12px;color:var(--faint);background:none;border:1px solid var(--border);padding:3px 10px;transition:color .2s,border-color .2s}.btn-logout[data-v-f10cb87b]:hover{color:var(--muted);border-color:var(--muted)}.tab-content[data-v-21596b5b]{padding:24px 0}.tab-header[data-v-21596b5b]{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.sep[data-v-21596b5b]{font-family:var(--mono);font-size:12px;color:#bbb;margin-bottom:8px;-webkit-user-select:none;user-select:none}h2[data-v-21596b5b]{font-family:var(--mono);font-size:18px;font-weight:600;letter-spacing:-.01em;color:var(--fg)}.modal-overlay[data-v-21596b5b]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.modal[data-v-21596b5b]{background:#fff;border:1px solid var(--border);padding:24px;width:100%;max-width:440px}.modal-header[data-v-21596b5b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3[data-v-21596b5b]{font-family:var(--mono);font-size:15px;font-weight:600;color:var(--fg)}.btn-close[data-v-21596b5b]{background:none;border:none;font-size:20px;color:var(--muted);line-height:1}.btn-close[data-v-21596b5b]:hover{color:var(--fg)}.modal label[data-v-21596b5b]{display:block;font-family:var(--mono);font-size:12px;font-weight:500;color:var(--muted);margin-bottom:6px}.modal input[type=text][data-v-21596b5b]{width:100%;padding:8px 12px;border:1px solid var(--border);font-size:14px;outline:none}.modal input[type=text][data-v-21596b5b]:focus{border-color:var(--accent)}.modal-actions[data-v-21596b5b]{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.new-key-label[data-v-21596b5b]{font-family:var(--mono);font-size:12px;color:var(--muted);margin-bottom:8px}.new-key-row[data-v-21596b5b]{display:flex;align-items:center;gap:8px}.new-key-value[data-v-21596b5b]{font-family:var(--mono);font-size:12px;background:#f6f7f9;padding:6px 10px;border:1px solid var(--border);word-break:break-all;flex:1}.keys-table[data-v-21596b5b]{width:100%;border-collapse:collapse;font-size:13px}.keys-table th[data-v-21596b5b]{text-align:left;font-family:var(--mono);font-size:11px;font-weight:500;color:var(--faint);text-transform:uppercase;letter-spacing:.05em;padding:8px 10px;border-bottom:1px solid var(--border)}.keys-table td[data-v-21596b5b]{padding:10px;border-bottom:1px solid var(--border);font-size:13px}.key-name[data-v-21596b5b]{font-weight:500}.key-masked[data-v-21596b5b]{font-family:var(--mono);font-size:11px;color:var(--muted)}.mono[data-v-21596b5b]{font-family:var(--mono);font-size:12px}.status-dot[data-v-21596b5b]{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:6px}.status-dot.active[data-v-21596b5b]{background:var(--accent)}.status-dot.inactive[data-v-21596b5b]{background:var(--faint)}.actions[data-v-21596b5b]{display:flex;gap:4px}.cta[data-v-21596b5b]{display:inline-block;padding:8px 18px;background:var(--fg);color:#fff;border:none;font-family:var(--mono);font-size:12px;font-weight:500;transition:background .2s}.cta[data-v-21596b5b]:hover:not(:disabled){background:#2d2d4a}.cta[data-v-21596b5b]:disabled{opacity:.6;cursor:default}.cta-sm[data-v-21596b5b]{padding:6px 14px}.btn-ghost[data-v-21596b5b]{background:none;border:1px solid var(--border);padding:4px 10px;font-family:var(--mono);font-size:11px;color:var(--muted);transition:color .2s,border-color .2s}.btn-ghost[data-v-21596b5b]:hover{border-color:var(--fg);color:var(--fg)}.btn-danger[data-v-21596b5b]{color:var(--danger);border-color:transparent}.btn-danger[data-v-21596b5b]:hover{border-color:var(--danger);color:var(--danger)}.btn-link[data-v-21596b5b]{background:none;border:none;font-family:var(--mono);font-size:11px;color:var(--faint);text-decoration:underline}.loading[data-v-21596b5b],.empty[data-v-21596b5b]{text-align:center;color:var(--muted);padding:40px 0;font-size:14px}.tab-content[data-v-575c3fea]{padding:24px 0}.sep[data-v-575c3fea]{font-family:var(--mono);font-size:12px;color:#bbb;margin-bottom:8px;-webkit-user-select:none;user-select:none}h2[data-v-575c3fea]{font-family:var(--mono);font-size:18px;font-weight:600;letter-spacing:-.01em;color:var(--fg);margin-bottom:20px}h3[data-v-575c3fea]{font-family:var(--mono);font-size:14px;font-weight:600;margin-bottom:12px}.card[data-v-575c3fea]{padding:14px 16px;border:1px solid var(--border);background:var(--card);margin-bottom:12px}.balance-card[data-v-575c3fea]{background:#f6f7f9}.balance-row[data-v-575c3fea]{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.balance-label[data-v-575c3fea]{font-family:var(--mono);font-size:12px;color:var(--muted);margin-bottom:2px}.balance-value[data-v-575c3fea]{font-size:28px;font-weight:700;font-family:var(--mono);color:var(--fg)}.balance-meta[data-v-575c3fea]{font-family:var(--mono);font-size:12px;color:var(--faint);display:flex;gap:8px}.topup-card[data-v-575c3fea]{border-color:var(--accent)}.topup-amounts[data-v-575c3fea]{display:flex;gap:6px;margin-bottom:12px}.amount-btn[data-v-575c3fea]{padding:6px 16px;border:1px solid var(--border);background:var(--card);font-family:var(--mono);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.amount-btn.selected[data-v-575c3fea]{background:var(--fg);color:#fff;border-color:var(--fg)}.topup-card label[data-v-575c3fea]{display:block;font-family:var(--mono);font-size:12px;color:var(--muted);margin-bottom:4px}.topup-card input[type=number][data-v-575c3fea]{width:120px;padding:6px 10px;border:1px solid var(--border);font-family:var(--mono);font-size:14px;outline:none;margin-bottom:12px}.topup-actions[data-v-575c3fea]{display:flex;gap:8px}.card-info[data-v-575c3fea]{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:13px}.card-brand[data-v-575c3fea]{text-transform:capitalize;font-weight:500}.card-number[data-v-575c3fea]{color:var(--muted)}.no-card[data-v-575c3fea]{font-size:13px;color:var(--muted);margin-bottom:12px}.modal-overlay[data-v-575c3fea]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.modal[data-v-575c3fea]{background:#fff;border:1px solid var(--border);padding:24px;width:100%;max-width:440px}.modal-header[data-v-575c3fea]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3[data-v-575c3fea]{font-family:var(--mono);font-size:15px;font-weight:600;color:var(--fg);margin-bottom:0}.btn-close[data-v-575c3fea]{background:none;border:none;font-size:20px;color:var(--muted);line-height:1}.btn-close[data-v-575c3fea]:hover{color:var(--fg)}.modal-actions[data-v-575c3fea]{display:flex;justify-content:flex-end;gap:8px}.stripe-element[data-v-575c3fea]{padding:12px;border:1px solid var(--border);margin-bottom:16px}.field-desc[data-v-575c3fea]{font-size:13px;color:var(--muted);margin-bottom:12px}.toggle-row[data-v-575c3fea]{display:flex;align-items:center;gap:10px;margin-bottom:12px}.toggle-label[data-v-575c3fea]{font-family:var(--mono);font-size:13px;color:var(--muted)}.toggle[data-v-575c3fea]{position:relative;width:44px;height:24px;cursor:pointer}.toggle input[data-v-575c3fea]{opacity:0;width:0;height:0}.toggle-slider[data-v-575c3fea]{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:12px;transition:background .2s}.toggle-slider[data-v-575c3fea]:before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .2s}.toggle input:checked+.toggle-slider[data-v-575c3fea]{background:var(--accent)}.toggle input:checked+.toggle-slider[data-v-575c3fea]:before{transform:translate(20px)}.auto-topup-fields[data-v-575c3fea]{display:flex;gap:16px}.input-with-unit[data-v-575c3fea]{display:flex;align-items:center;gap:4px;font-family:var(--mono);font-size:14px;color:var(--muted)}.input-with-unit input[data-v-575c3fea]{width:80px;padding:6px 8px;border:1px solid var(--border);font-family:var(--mono);font-size:14px;outline:none}.form-grid[data-v-575c3fea]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field[data-v-575c3fea]{display:flex;flex-direction:column;gap:4px}.field.full[data-v-575c3fea]{grid-column:1 / -1}.field label[data-v-575c3fea]{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--muted)}.field input[data-v-575c3fea],.field select[data-v-575c3fea]{padding:8px 10px;border:1px solid var(--border);font-size:14px;outline:none}.field input[data-v-575c3fea]:focus,.field select[data-v-575c3fea]:focus{border-color:var(--accent)}.radio-group[data-v-575c3fea]{display:flex;gap:20px}.radio[data-v-575c3fea]{display:flex;align-items:center;gap:6px;font-size:14px;cursor:pointer}.txn-table[data-v-575c3fea]{width:100%;border-collapse:collapse;font-size:12px}.txn-table th[data-v-575c3fea]{text-align:left;font-family:var(--mono);font-size:11px;font-weight:500;color:var(--faint);text-transform:uppercase;letter-spacing:.05em;padding:6px 10px;border-bottom:1px solid var(--border)}.txn-table td[data-v-575c3fea]{padding:8px 10px;border-bottom:1px solid var(--border)}.mono[data-v-575c3fea]{font-family:var(--mono)}.positive[data-v-575c3fea]{color:var(--accent)}.negative[data-v-575c3fea]{color:var(--danger)}.type-badge[data-v-575c3fea]{display:inline-block;padding:1px 6px;font-family:var(--mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.type-badge.topup[data-v-575c3fea]{background:#f6f7f9;color:var(--accent)}.type-badge.usage[data-v-575c3fea]{background:#f6f7f9;color:var(--muted)}.type-badge.refund[data-v-575c3fea]{background:#f6f7f9;color:#1565c0}.info-box[data-v-575c3fea]{background:#f6f7f9;padding:10px 14px;font-size:13px;margin-top:8px}.cta[data-v-575c3fea]{display:inline-block;padding:8px 18px;background:var(--fg);color:#fff;border:none;font-family:var(--mono);font-size:12px;font-weight:500;transition:background .2s}.cta[data-v-575c3fea]:hover:not(:disabled){background:#2d2d4a}.cta[data-v-575c3fea]:disabled{opacity:.6;cursor:default}.cta-sm[data-v-575c3fea]{padding:6px 14px}.btn-ghost[data-v-575c3fea]{background:none;border:1px solid var(--border);padding:4px 10px;font-family:var(--mono);font-size:11px;color:var(--muted);transition:color .2s,border-color .2s}.btn-ghost[data-v-575c3fea]:hover{border-color:var(--fg);color:var(--fg)}.btn-link[data-v-575c3fea]{background:none;border:none;font-family:var(--mono);font-size:11px;color:var(--faint);text-decoration:underline;cursor:pointer}.btn-link[data-v-575c3fea]:hover{color:var(--muted)}.error[data-v-575c3fea]{color:var(--danger);font-size:13px;margin-top:8px}.success[data-v-575c3fea]{color:var(--accent);font-size:13px;margin-top:8px}.loading[data-v-575c3fea],.empty[data-v-575c3fea]{text-align:center;color:var(--muted);padding:20px;font-size:14px}.page[data-v-993ee6ec]{display:flex;flex-direction:column}.wrap[data-v-993ee6ec]{flex:1}footer[data-v-993ee6ec]{margin-top:auto}.tabs[data-v-993ee6ec]{display:flex;gap:0;border-bottom:1px solid var(--border);margin-top:32px;margin-bottom:8px}.tab[data-v-993ee6ec]{padding:10px 0;margin-right:24px;background:none;border:none;border-bottom:2px solid transparent;font-family:var(--mono);font-size:13px;font-weight:500;color:var(--muted);transition:color .2s}.tab[data-v-993ee6ec]:hover{color:var(--fg)}.tab.active[data-v-993ee6ec]{color:var(--fg);border-bottom-color:var(--fg)}footer[data-v-993ee6ec]{padding:16px 0;border-top:1px solid var(--border);margin-top:48px}footer .wrap[data-v-993ee6ec]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}footer .left[data-v-993ee6ec]{font-family:var(--mono);font-size:11px;color:var(--faint)}footer .links[data-v-993ee6ec]{display:flex;gap:20px;list-style:none}footer .links a[data-v-993ee6ec]{font-family:var(--mono);font-size:11px;color:var(--faint);text-decoration:none}footer .links a[data-v-993ee6ec]:hover{color:var(--muted)}