/* Transfer commercial product system. Component layouts remain shared. */
:root{color-scheme:light;--bg:#f6f7f9;--surface:#fff;--surface-raised:#f0f3f6;--field:#fbfcfd;--line:#e2e7ed;--text:#192735;--muted:#667585;--accent:#107965;--accent-dark:#fff;--accent-soft:#e8f5ef;--warn:#936017;--warn-bg:#fff6df;--error:#b7374c;--error-bg:#fff0f2;--radius:14px;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:14px}
body{letter-spacing:.05px}a:hover{color:#075b4a}button{background:#fff;min-height:38px;border-color:#dce2e8;box-shadow:0 1px 2px #14243a04}button:hover:not(:disabled){background:#edf3f2;border-color:#aabfb8}button:disabled{opacity:.5}input,select,textarea{min-height:43px;background:var(--field);font-size:14px}input:focus,select:focus,textarea:focus{outline-color:#10796530}label,summary{color:#465766}input::placeholder{color:#8996a2}.primary,a.primary{background:var(--accent);color:#fff;border-color:var(--accent);min-height:41px;padding:10px 17px;box-shadow:0 2px 3px #10796512}.primary:hover:not(:disabled),a.primary:hover{color:#fff;background:#08634f;border-color:#08634f}.danger{background:var(--error-bg);color:var(--error);border-color:#efcbd2}.danger:hover:not(:disabled){background:#ffe3e8;border-color:#dc9eab}pre{background:#13232d;color:#dce9e7;border:0;border-radius:12px;line-height:1.9;padding:24px}h1{font-size:29px;letter-spacing:-1px}h2{letter-spacing:-.35px}.muted,.description{font-size:13px}.sidebar{background:#fff;width:232px;border-right:1px solid var(--line);padding:28px 16px 20px}.brand{font-size:24px;padding:0 12px 32px}.brand-mark{border-radius:10px;color:#fff;background:#107965;box-shadow:0 3px 10px #10796515}.brand small{font-size:9px;letter-spacing:1.2px;margin-top:4px}.nav-label{color:#8a96a1;font-size:10px;margin:20px 0 8px}.sidebar nav a{padding:12px;margin-bottom:3px;font-weight:500}.sidebar nav a.active{background:#eaf4ef;color:#0b715b}.sidebar nav a.active:before{display:none}.sidebar nav a:hover{background:#f0f5f3}.sidebar-bottom{border-top:1px solid var(--line);margin-left:10px;margin-right:10px;padding:18px 0 0}.sidebar-bottom a{display:block;margin-top:10px;font-size:12px;color:var(--muted)}.sidebar-bottom small,.sidebar-bottom .version{color:#8a96a1}.nav-count{background:#d8eee3;color:#107965}.workspace-main{margin-left:232px;padding:0 40px 28px}.workspace-topbar{height:76px;margin:0 -40px 34px;padding:0 40px;background:#ffffffba;border-bottom:1px solid var(--line)}.topbar-context strong{color:var(--text)}.topbar-context span.divider{color:#c4ccd4}.page-heading{margin-bottom:30px}.panel,.portal-card{padding:26px;border-color:var(--line);box-shadow:0 2px 4px #15253302}.section-heading,.card-head{margin-bottom:22px}.stats article,.metric{padding:23px}.stats strong,.metric strong{font-size:32px;letter-spacing:-1px;color:#192735}.stats p,.metric-grid .metric small{color:#86919b;font-size:11px}.metric-grid{gap:16px}.eyebrow,.overline{color:#6f8c84;font-size:10px;letter-spacing:1.7px}.welcome-panel{background:#eaf2ed;border-color:#dce8e1;padding:30px 32px;min-height:150px}.welcome-panel h2{font-size:26px;color:#183e32}.welcome-panel p{color:#527366;font-size:13px}.welcome-panel .eyebrow{color:#5c8977}.console-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 26px}.console-shortcuts>a{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);padding:20px;border-radius:12px;color:var(--text);transition:border-color .15s}.console-shortcuts>a:hover{border-color:#8db5a6}.console-shortcuts a>span:first-child{color:var(--accent)}.console-shortcuts a>span:last-child{margin-left:auto;color:#96a29b}.console-shortcuts strong{display:block;font-size:13px}.console-shortcuts small{color:var(--muted);font-size:11px;display:block;margin-top:3px}.policy-tile,.connection-key{background:#f7faf8;border-color:#dce7e1}.connection-key{padding:16px}.step-number{background:#eaf4ef;border-color:#d3e6dc}.help-steps li{color:var(--text)}.help-steps small{line-height:1.8}.copy-field{display:flex;gap:8px}.copy-field input{flex:1}.copy-field button{white-space:nowrap}.connection-options{display:grid;grid-template-columns:1fr 1fr;gap:16px}.connection-options>a{display:grid;grid-template-columns:32px 1fr;gap:2px 12px;padding:20px;border:1px solid var(--line);border-radius:10px;color:var(--text)}.connection-options>a:hover{background:#f5faf7;border-color:#a2c5b5}.connection-options .step-number{grid-row:span 2}.connection-options small{color:var(--muted)}.api-quickstart .card-head{align-items:flex-start}.api-quickstart h2{margin-bottom:5px}.api-quickstart p{margin:0}.new-key,.secret-box{background:#eef8f2;border-color:#bddcc9}.new-key code,.secret-box code{color:#236b52}th{background:#f6f8fa;color:#73808d;font-size:11px;padding:14px 16px}td{padding:17px 16px}tr:hover td{background:#f8fbf9}.empty-state{border-color:#dae2e7;background:#fafcfb}.empty-state h3{color:var(--text)}.inline-state.success{background:#edf8f1;border-color:#c8e5d5}.inline-state.warn{background:#fff9ec;border-color:#ead9ad}.inline-state.error{background:#fff0f2;border-color:#efcbd2}.feedback{background:#effaf3;border-color:#b9d9c5;color:#195a3c;box-shadow:0 12px 40px #15253318}.feedback.error{background:#fff3f4;border-color:#edc3ca;color:#9f2d41}dialog{border-color:#d2dde2;box-shadow:0 25px 100px #183c3926}dialog::backdrop{background:#182c3a66}.identity-avatar{background:#e9f5ef;border-color:#c7e0d3}.badge,.pill,.tag,.status-pill{border-radius:5px}.workspace-footer{color:#8b98a2;font-size:11px}.account-card,.user-card,.pool-configuration,.quota-window,.account-more-actions{background:#fff;border-color:var(--line)}.account-more-actions{box-shadow:0 12px 30px #10213218}.avatar{background:#edf5f0;color:var(--accent);border-color:#d8e9df}.account-usage>strong,.pool-configuration summary{color:#4e6270}.account-note{background:var(--warn-bg);border-color:#eadfbc}.onboarding-note{background:#edf8f1;border-color:#ccdfd3}.onboarding-note p{color:#5b796c}.quota-window{background:#f7f9fb}.quota-window progress::-webkit-progress-bar{background:#e7ecef}.account-more>summary{background:#f5f7f9}
/* Authentication */
.auth-page{background:#fff;grid-template-columns:minmax(380px,.95fr) minmax(460px,1.05fr)}.auth-story{background:#112c26;border:0;padding:48px 64px;color:#fff}.auth-story .wordmark{color:#fff}.auth-story h1{font-size:46px;line-height:1.35;letter-spacing:-1.5px}.auth-story p{color:#a9c2b8;line-height:2}.auth-story .overline{color:#8cc3a9}.auth-story .brand-mark{background:#6bc098;color:#103d2b}.story-steps{border-top:1px solid #345247;padding-top:28px;margin-top:35px;gap:21px}.story-steps b{background:transparent;border-color:#416251;color:#9ac9af}.story-steps span{color:#d7e6df}.auth-story>small{color:#89a89b}.auth-content{padding:50px 40px}.auth-box{max-width:390px}.auth-box h2{font-size:30px;letter-spacing:-.8px}.auth-box .tabs{background:#f1f4f6;border:0;margin:28px 0}.tabs button[aria-pressed=true]{background:#fff;color:#174b39;border-color:#e2e7ea;box-shadow:0 1px 3px #17382c10}.auth-box form>.primary{min-height:46px}.auth-help{font-size:12px}.auth-box .overline{color:#7f968c}.password-wrap input{padding-right:58px}.password-wrap button{top:6px}.auth-content .feedback{background:#eff8f2}.auth-content .feedback.error{background:#fff3f4}
/* Billing */
.billing-root{min-width:0}.billing-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.billing-head h2{margin:0}.billing-status{margin:0 0 24px;padding:12px 16px;background:#edf2f5;border-radius:9px;font-size:13px;color:#516878}.billing-content{display:grid;gap:22px}.billing-content>.portal-card{margin:0}.balance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.balance-card{background:#fff;padding:25px;border:1px solid var(--line);border-radius:14px}.balance-card:first-child{background:#153d31;color:#fff;border-color:#153d31}.balance-card>span{font-size:12px;color:var(--muted)}.balance-card:first-child>span{color:#b0cbbd}.balance-card strong{display:block;font-size:30px;letter-spacing:-1px;margin:12px 0 5px;font-weight:600;overflow-wrap:anywhere}.balance-card small{display:block;color:#81958d;font-size:11px}.balance-card:first-child small{color:#aac5b6}.billing-rule{display:flex;gap:16px;align-items:center;padding:17px 20px;background:#edf5f0;border:1px solid #dce9e0;border-radius:12px;color:#406553;font-size:13px}.billing-rule strong{color:#19553d}.billing-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.billing-section-title h3{font-size:16px;margin:0}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.plan-card{border:1px solid var(--line);border-radius:12px;padding:24px;background:#fff}.plan-card h3{font-size:18px}.plan-price{font-size:32px;font-weight:600;letter-spacing:-1px;display:block;margin:12px 0}.plan-price small{font-size:12px;color:var(--muted);font-weight:400;letter-spacing:0}.plan-card p{font-size:13px;color:var(--muted)}.plan-card button,.plan-card .primary{width:100%;margin-top:14px}.billing-content details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px}.billing-content summary{font-weight:600}.billing-content form{display:grid;gap:16px;margin-top:16px}.billing-content form>button{justify-self:start}.billing-empty{padding:30px;text-align:center;background:#f8fafb;border:1px dashed #d8e2e6;border-radius:12px}.billing-empty strong{display:block;margin-bottom:7px;font-size:15px}.billing-empty p{color:var(--muted);font-size:13px;margin:0}.checkout-box{background:#edf8f2;padding:22px;border:1px solid #c9e5d3;border-radius:12px;margin-top:20px}.checkout-box a{display:inline-flex;margin-right:18px;margin-top:12px}.billing-table td{white-space:nowrap}.billing-table td:first-child{white-space:normal}.billing-table code{font-size:10px;color:var(--muted)}.billing-table caption{text-align:left;padding:0 0 14px;font-weight:600;font-size:15px;color:var(--text)}
@media(min-width:1800px){.workspace-main{padding-left:50px;padding-right:50px}.workspace-topbar{margin-left:-50px;margin-right:-50px;padding-left:50px;padding-right:50px}}
@media(max-width:1200px){.workspace-main{padding:0 24px 24px}.workspace-topbar{margin-left:-24px;margin-right:-24px;padding:0 24px}.console-shortcuts{grid-template-columns:1fr}.console-shortcuts>a{padding:16px}.auth-story{padding:42px}.auth-story h1{font-size:38px}}
@media(max-width:760px){.sidebar{width:240px}.workspace-main{margin-left:0;padding:0 18px 24px}.workspace-topbar{height:64px;margin:0 -18px 24px;padding:0 18px}.page-heading h1{font-size:25px}.panel,.portal-card{padding:20px}.welcome-panel{padding:24px}.welcome-panel h2{font-size:23px}.metric-grid{gap:10px}.metric{padding:17px!important}.metric strong{font-size:27px}.balance-grid{grid-template-columns:1fr}.balance-card{padding:21px}.balance-card strong{font-size:30px}.billing-rule{flex-wrap:wrap;gap:6px 12px}.connection-options{grid-template-columns:1fr}.api-quickstart .card-head{flex-direction:column;align-items:flex-start}.auth-page{display:block}.auth-content{padding:32px 24px}.auth-story{display:none}.copy-field{flex-wrap:wrap}.copy-field input{flex-basis:100%}.billing-head{align-items:flex-start}.billing-root{margin:0}.plan-grid{grid-template-columns:1fr}.auth-box h2{font-size:27px}}

.captcha-field{margin:18px 0}.captcha-field p{font-size:12px;line-height:1.6;margin:8px 0 0}.captcha-field altcha-widget{--altcha-max-width:100%;--altcha-border-radius:10px;--altcha-color-primary:#087e65;display:block}

/* Interaction and responsive refinements */
body.nav-open{overflow:hidden}.nav-close{display:none}.sidebar .brand{flex-shrink:0}.workspace-main{min-width:0}.page-heading>div{min-width:0}.page-heading h1,.welcome-panel h2{overflow-wrap:anywhere}.page-heading>button{flex-shrink:0}.metric strong,.balance-card strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.confirm-description{white-space:pre-line}.dialog-actions{flex-wrap:wrap}.dialog-actions button{min-height:42px}.table-scroll:focus-visible,.table-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.table-scroll,.table-wrap{overscroll-behavior-x:contain}.card-head{flex-wrap:wrap}.card-head h2{min-width:0}.card-head>a,.card-head>button{flex-shrink:0}.portal-loading{padding:32px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--muted);margin-bottom:24px}.portal-loading p{margin:0}.portal-loading button{margin-top:14px}.billing-status[aria-busy=true]{opacity:.65}.billing-content[aria-busy=true]{opacity:.7;pointer-events:none}.checkout-box{overflow-wrap:anywhere;margin:0 0 22px}.checkout-box:focus{outline:2px solid var(--accent);outline-offset:3px}.checkout-box .row-actions{margin-top:14px}.checkout-box h3{margin-bottom:8px}.balance-overview{display:grid;grid-template-columns:1fr 1fr auto;gap:24px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px 26px;margin-bottom:22px}.balance-overview small{display:block;color:var(--muted);font-size:12px}.balance-overview strong{display:block;font-size:24px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;line-height:1.5}.balance-overview p{margin:3px 0 0;color:var(--muted);font-size:12px}.balance-overview>a{font-size:13px;white-space:nowrap}.connection-options>a:focus-visible,.console-shortcuts>a:focus-visible{outline-offset:3px}.download-links:has(>p[hidden]){display:none}.billing-empty strong:last-child{margin-bottom:0}.auth-retry{margin:0 0 18px}input[aria-invalid=true]{border-color:var(--error)}.password-wrap button{min-width:44px}.auth-story h1{overflow-wrap:anywhere}.topbar-actions{min-width:0}.topbar-actions #identity,.topbar-actions #admin-identity{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feedback{overflow-wrap:anywhere}.billing-table .row-actions{flex-wrap:nowrap}.site-main .plan-card .primary{display:flex}.account-more-actions button{white-space:normal;text-align:left}
@media(min-width:761px) and (max-width:1050px){.stats,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.balance-grid{grid-template-columns:1fr}.connection-options{grid-template-columns:1fr}.balance-overview{gap:16px;grid-template-columns:1fr 1fr}.balance-overview>a{grid-column:1/-1}.security-form .field-grid{grid-template-columns:1fr}}
@media(max-width:760px){.nav-close{display:flex;position:absolute;right:10px;top:13px;font-size:24px;width:40px;height:40px;padding:0;border:0;background:transparent}.sidebar{padding-top:68px}.sidebar .brand{padding-bottom:16px}.sidebar .nav-label{margin-top:14px}.sidebar nav a{min-height:44px}.sidebar-bottom{padding-bottom:env(safe-area-inset-bottom)}button,.primary,a.primary{min-height:44px}input:not([type=checkbox]),select,textarea{font-size:16px;min-height:46px}.password-wrap button{top:1px;height:44px;min-height:44px}.auth-box .tabs button{min-height:44px}.feedback-close{min-height:32px;width:32px}.feedback{bottom:max(16px,env(safe-area-inset-bottom));max-width:calc(100vw - 32px)}.card-head{gap:12px}.card-head h2{font-size:16px}.balance-overview{padding:20px;gap:16px;grid-template-columns:1fr 1fr}.balance-overview strong{font-size:23px}.balance-overview>a{grid-column:1/-1;padding-top:12px;border-top:1px solid var(--line)}.console-shortcuts{gap:10px}.console-shortcuts>a{padding:14px 16px}.connection-options>a{padding:16px}.table-scroll button,.table-wrap button,.pager button,.account-actions button{min-height:40px}.pager{justify-content:space-between}.pager button{flex:none}.dialog-actions{display:grid;grid-template-columns:1fr 1fr}.dialog-actions button{min-height:46px;padding:10px}.billing-head{flex-wrap:wrap}.billing-head h2{font-size:17px}.checkout-box{padding:20px}.checkout-box a.primary{width:100%;margin-right:0}.topbar-actions .secondary-link{max-width:85px;line-height:1.4}.billing-table td{padding:14px 12px}.billing-content form>button{width:100%}.workspace-topbar{padding-top:env(safe-area-inset-top)}.auth-content{padding-bottom:max(28px,env(safe-area-inset-bottom))}.metric-grid .metric small,.console-shortcuts small,.balance-card small{font-size:12px;color:#667585}.balance-card:first-child small{color:#c0d6ca}}

@media(min-width:761px) and (max-height:850px){.sidebar{padding-top:20px}.sidebar .brand{padding-bottom:16px}.sidebar .nav-label{margin:10px 0 5px}.sidebar nav a{padding:8px 12px;margin-bottom:2px}.sidebar-bottom{padding-top:12px}}
@media(max-width:760px){.topbar-actions #identity,.topbar-actions #admin-identity{max-width:90px}.sidebar .nav-label{margin:10px 0 5px}.sidebar nav a{padding:9px 12px}.sidebar-bottom{margin-top:16px}}