:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;color:#172c28;background:#f5f7f6;font-synthesis:none;--green:#08765f;--muted:#778881;--line:#e3eae7}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:background .15s,transform .15s}button:disabled{opacity:.45;cursor:wait}button:hover:not(:disabled){filter:brightness(.96)}button:focus-visible,a:focus-visible{outline:3px solid #5bccac;outline-offset:3px}[hidden]{display:none!important}h1,h2,p{margin:0}h1{font-size:30px;letter-spacing:-1px}h2{font-size:17px;font-weight:600}a{color:inherit;text-decoration:none}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);margin-bottom:10px}.muted{color:var(--muted);font-size:14px;line-height:1.8}.primary,.secondary{border-radius:7px;padding:10px 15px;font-size:13px;font-weight:600;white-space:nowrap}.primary{background:var(--green);color:#fff;border:1px solid var(--green)}.secondary{background:#fff;border:1px solid #d9e3de;color:#315349}.quiet,.text-button{border:0;background:none;color:var(--green);font-size:13px}.brand-symbol{background:#b6f0d0;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;color:#124a38;font-weight:800;font-size:22px;letter-spacing:-2px}.shell{display:grid;grid-template-columns:224px minmax(0,1fr);min-height:100vh}aside{background:#112b25;color:#dce8e1;padding:34px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:700;letter-spacing:1px}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:2px;margin-top:5px;color:#9bb6a9}.nav-label{font-size:10px;color:#728f80;margin:54px 12px 15px;letter-spacing:2px}nav{display:grid;gap:8px}nav button{border:0;border-radius:7px;background:none;text-align:left;padding:13px;color:#96b5a5;font-size:13px;display:flex;gap:14px;align-items:center}nav button span{font-size:20px;line-height:18px}nav button.active{background:#224639;color:#d5f4db}.aside-bottom{margin-top:auto}.endpoint{font-size:8px;letter-spacing:1px;color:#769886;border-top:1px solid #294136;padding-top:20px}.endpoint code{display:block;letter-spacing:0;color:#c2d3c9;font-size:11px;margin:10px 0 24px}.aside-bottom button{color:#9bb6a9;padding:0}main{padding:36px 42px;max-width:1800px;width:100%;margin:auto}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;gap:20px}.header-actions{display:flex;gap:20px;align-items:center}.live{font-size:11px;color:#708279;white-space:nowrap}.live i{width:6px;height:6px;background:#29a578;display:inline-block;border-radius:50%;margin-right:5px}.intro{display:flex;align-items:center;justify-content:space-between;background:#e7efe9;border:1px solid #dce8df;border-radius:10px;padding:24px 28px;margin-bottom:24px}.intro h2{font-size:20px}.intro p{font-size:12px;color:#688273;margin-top:9px}.tag{font-size:9px;letter-spacing:1.5px;color:#648170;border:1px solid #c8d9cd;border-radius:20px;padding:8px 12px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.metric{padding:22px;background:#fff;border:1px solid var(--line);border-radius:10px}.metric p{font-size:12px;color:#728178}.metric strong{font-size:30px;display:block;margin:18px 0 12px;font-weight:600;letter-spacing:-1px;font-variant-numeric:tabular-nums}.metric small{font-size:10px;color:#8b9990}.metric:first-child{background:#183c30;color:#fff;border-color:#183c30}.metric:first-child p,.metric:first-child small{color:#b4cbb9}.grid-two{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:24px;overflow:hidden}.card-heading{padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px}.card-heading span{font-size:10px;color:#8a9891}.chart{padding:16px 24px 22px;height:222px;display:flex;align-items:end;justify-content:space-around;gap:15px}.bar-column{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:10px;min-width:0}.bar{width:65%;max-width:40px;background:#79bc9d;border-radius:4px 4px 0 0;min-height:3px}.bar-column:last-child .bar{background:#1c7955}.bar-column small{font-size:10px;color:#85948c}.bar-value{font-size:9px;color:#537c66}.stat-list{padding:0 24px 14px}.stat-row{display:flex;justify-content:space-between;border-bottom:1px solid #edf1ef;padding:15px 0;font-size:12px;color:#7a8b81}.stat-row:last-child{border:0}.stat-row strong{color:#234c38;font-size:15px;font-weight:500}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}th{background:#f8faf8;color:#7a8a80;font-weight:500;text-align:left;padding:13px 20px;border-bottom:1px solid var(--line);font-size:11px}td{padding:17px 20px;border-bottom:1px solid #eef2ef;color:#3d5647}tr:last-child td{border-bottom:0}.subtext{display:block;font-size:10px;color:#97a49b;margin-top:5px}.badge{font-size:10px;padding:4px 8px;border-radius:4px;background:#e8f3eb;color:#29734e}.badge.warn{background:#fff2da;color:#a57a28}.badge.bad{background:#faeae6;color:#b96250}.badge.neutral{background:#edf0ee;color:#86938b}.empty{text-align:center;padding:48px 20px;color:#8c9c91}.footnote{font-size:11px;line-height:1.8;color:#8c9a91;margin-top:12px}.section-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:8px 0 24px}.section-toolbar p{font-size:12px;color:#7b8e80;line-height:1.8}.section-toolbar>div{display:flex;gap:9px}.account-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-bottom:24px}.account-card{background:#fff;border:1px solid var(--line);padding:24px;border-radius:10px}.account-card h2{font-size:15px}.account-card strong{display:block;font-size:30px;margin:20px 0 8px;letter-spacing:-1px}.account-card .actions{margin-top:18px;display:flex;justify-content:space-between}.filters{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin-bottom:24px}.filters label{flex:1;min-width:120px}.filters input,.filters select{margin:0}.filters label{font-size:11px}label{display:block;font-size:12px;color:#506759;line-height:1.8}input,select,textarea{display:block;width:100%;border:1px solid #d8e3da;border-radius:6px;padding:10px 11px;background:#fff;color:#234a35;margin:7px 0 17px;outline:none}input:focus,select:focus,textarea:focus{border-color:#288961;box-shadow:0 0 0 3px #dcefe3}textarea{resize:vertical}.pagination{padding:18px 24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#89978f}.pagination>div{display:flex;align-items:center;gap:15px}dialog{border:1px solid #dbe7df;border-radius:12px;padding:28px;width:min(480px,94vw);max-height:90vh;color:#173d29;box-shadow:0 24px 100px #0b281d33}dialog::backdrop{background:#0c281a66;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-heading button{background:none;border:0;font-size:25px;color:#879f8c}dialog .primary{width:100%;margin-top:12px}dialog .muted{margin-bottom:18px}pre{font-size:11px;white-space:pre-wrap;word-break:break-word;line-height:1.8}.login-view{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-card{width:360px;max-width:85%;margin:auto;padding:50px 0}.login-card>.brand-symbol{margin-bottom:42px}.login-card h1{font-size:37px;line-height:1.45;margin-bottom:18px}.login-card form{margin-top:36px}.login-card .primary{width:100%;display:flex;justify-content:space-between;margin-top:24px;padding:13px 17px}.login-art{background:#163c2d;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:end;padding:70px;color:#bed8b6}.login-art p{font-size:clamp(32px,4vw,60px);font-weight:300;line-height:1.1;letter-spacing:-2px;z-index:1}.login-art>span{font-size:12px;margin-top:30px;color:#81a488}.orbit{position:absolute;width:70vw;height:70vw;border:1px solid #527858;border-radius:50%;top:-35vw;right:-30vw;box-shadow:0 0 0 50px #214934,0 0 0 51px #4e7755,0 0 0 100px #214934,0 0 0 101px #4e7755,0 0 0 150px #214934,0 0 0 151px #4e7755}.error{font-size:12px;color:#b05c4c;margin-top:12px}#notice{background:#e9f1eb;border:1px solid #d0e1d3;padding:13px 18px;border-radius:7px;font-size:12px;margin-bottom:20px}#notice.error{background:#f9eeea;border-color:#efd6cf}.row-actions{display:flex;gap:10px}.row-actions button{border:0;background:none;color:var(--green);padding:0;font-size:11px}code{font-family:ui-monospace,monospace;font-size:11px}.mono{font-variant-numeric:tabular-nums}
@media(min-width:1600px){main{padding:40px 64px}}@media(max-width:1100px){.shell{grid-template-columns:180px minmax(0,1fr)}main{padding:28px 24px}aside{padding:30px 16px}.metrics{gap:10px}.metric{padding:17px}.metric strong{font-size:24px}.grid-two{grid-template-columns:1fr}.tag{display:none}.header-actions{gap:10px}.live{display:none}}@media(max-width:700px){.shell{display:block}aside{position:static;height:auto;padding:18px}.brand{font-size:15px}.brand small,.nav-label,.aside-bottom{display:none}nav{display:flex;margin-top:18px;gap:5px;justify-content:space-between}nav button{padding:10px;font-size:11px;gap:7px}nav button span{font-size:16px}main{padding:24px 16px}h1{font-size:25px}.metrics{grid-template-columns:1fr 1fr}.intro{padding:20px}.intro h2{font-size:17px}.section-toolbar{align-items:start;flex-direction:column}.section-toolbar>div{flex-wrap:wrap}.card-heading{padding:18px}th,td{padding:14px}.login-view{grid-template-columns:1fr}.login-art{display:none}.filters label{min-width:44%}.pagination{padding:16px}.account-grid{grid-template-columns:1fr}}

.wide-dialog{width:min(1100px,95vw);max-width:1100px}.redeem-main{max-width:640px;margin:40px auto;padding:24px}.redeem-main .card{padding:24px}.redeem-main form{display:grid;gap:16px}.redeem-main h1{margin-bottom:18px}.redeem-main .muted{margin-bottom:20px}

body{background:#f4f2eb;color:#161916}.redeem-main{max-width:760px}.brand-symbol{background:#161916;color:#c9ff4a;text-decoration:none}.primary{background:#161916;color:#c9ff4a}

.auth-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.auth-tabs button{width:auto}#verify-register-form,#reset-password-form{border-top:1px solid #dce5df;margin-top:24px;padding-top:24px}

#captcha-dialog{width:min(400px,94vw)}#captcha-image{display:block;width:100%;height:auto;margin:16px 0;background:#fff}#captcha-image[hidden]{display:none}#captcha-answer{margin-bottom:20px;text-transform:uppercase;letter-spacing:3px}#captcha-retry{margin-bottom:16px}#captcha-status{font-size:14px;line-height:1.6;min-height:45px;color:#315b20}#captcha-status.is-error{color:#9a2c24}.captcha-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.captcha-actions button{margin:0}#captcha-continue:disabled{opacity:.45;cursor:wait}

/* Authentication pages: one task, one primary action, explicit return paths. */
.account-brand{display:flex;gap:12px;align-items:center;margin-bottom:28px}.account-brand .brand-name{font-size:18px;font-weight:750;letter-spacing:.3px}.brand-name span{display:block;margin-top:3px;font-size:11px;color:#777d73;font-weight:400;letter-spacing:1px}
.account-heading{display:block;margin-bottom:26px}.account-heading h1{margin:0 0 10px;font-size:30px;letter-spacing:-.8px;line-height:1.25}.account-heading .muted{font-size:14px;line-height:1.7;margin:0;color:#697267}.account-heading h1:focus{outline:none}
.auth-page{max-width:496px;margin:0 auto;padding:40px 20px;min-height:100dvh}.auth-page .account-surface{padding:32px;background:#fff;border:1px solid #e2e6dc;border-radius:18px;box-shadow:0 8px 32px #17291605}.auth-page #email-login{margin:0}.auth-page form{display:block;margin:0!important;padding:0!important;border:0!important}.auth-page .auth-field{margin-bottom:22px}.auth-page label{font-size:14px;color:#293429;font-weight:550;line-height:1.5}.auth-page input{height:48px;border-radius:8px;background:#fff;margin:8px 0 0;padding:12px 14px;font-size:16px;color:#1c2a1c;border-color:#d9dfd4}.auth-page input::placeholder{color:#92998d;font-size:14px}.auth-page input:focus{border-color:#4c6a31;box-shadow:0 0 0 3px #89ac4320}.auth-page input[aria-invalid=true]{border-color:#b54236;box-shadow:0 0 0 2px #b5423610}.auth-page .label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.auth-page .text-button{color:#405d2e;font-size:13px;padding:0;font-weight:550;text-decoration:underline;text-decoration-color:#a9b99b;text-underline-offset:4px}.auth-page .text-button:hover{color:#172c10}.auth-page .password-field{position:relative}.auth-page .password-field input{padding-right:64px}.password-toggle{position:absolute;right:7px;top:50%;transform:translateY(-50%);padding:8px;border:0;background:transparent;color:#516443;font-size:12px;border-radius:4px}.auth-page .field-hint{font-size:12px;color:#737c6b;line-height:1.7;margin:8px 0 0}.auth-page .field-error{font-size:12px;line-height:1.6;color:#a43f34;margin:7px 0 0}.auth-page .auth-primary{display:block;width:100%;padding:13px 16px;margin-top:6px;min-height:48px;border:1px solid #182515;border-radius:8px;font-size:14px;text-align:center;background:#192416;color:#d1fa68;font-weight:650}.auth-page .auth-primary:hover{background:#2a3c21}.auth-page button:disabled{cursor:default;opacity:.5}.auth-page button[aria-busy=true]{cursor:wait}.auth-switch{border-top:1px solid #edf0e8;margin:25px 0 0;padding-top:22px;font-size:13px;color:#737a6d;text-align:center;line-height:1.8}.auth-switch .text-button{margin-left:6px}.auth-security{font-size:11px;line-height:1.6;color:#949b8b;text-align:center;margin:24px 0 0}.auth-step{color:#647d46;font-size:11px;font-weight:600;letter-spacing:.5px;margin:0 0 12px}.account-notice{font-size:13px;line-height:1.7;background:#f0f5e8;border:1px solid #dce7cd;color:#405d2e;padding:12px 14px;border-radius:8px;margin:0 0 22px;overflow-wrap:anywhere}.account-notice.is-error{background:#fff5f2;border-color:#f2d5cf;color:#9d3d31}.account-notice:focus{outline:2px solid #778e52;outline-offset:3px}.service-status{margin:12px 0 0;font-size:12px;line-height:1.7;color:#98663f}.email-recipient{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 12px;background:#f6f8f2;border:1px solid #e9eddf;border-radius:8px;padding:14px;margin-bottom:23px}.email-recipient span{grid-column:1;font-size:11px;color:#7b856e}.email-recipient strong{grid-column:1;font-size:14px;color:#32442a;font-weight:550;overflow-wrap:anywhere;min-width:0}.email-recipient button{grid-column:2;grid-row:1/3}.auth-page .otp-input{font-variant-numeric:tabular-nums;font-size:20px;letter-spacing:5px}.auth-page .otp-input::placeholder{font-size:13px;letter-spacing:1px}.resend-row{display:flex;gap:9px;justify-content:center;margin:22px 0 10px;color:#7b846f;font-size:12px}.success-mark{display:grid;place-items:center;width:60px;height:60px;background:#ebf5d9;color:#456c2c;border-radius:50%;font-size:29px;margin:0 auto 20px}#auth-success .muted{margin:0 0 24px;text-align:center;overflow-wrap:anywhere}.account-footer{display:flex;gap:20px;justify-content:center;margin-top:24px;font-size:12px;color:#7b856e}.account-footer a:hover{text-decoration:underline}.auth-page .account-footer a[href="/developer"]{display:none}
@media(max-width:480px){.auth-page{padding:24px 16px}.auth-page .account-surface{padding:26px 22px;border-radius:14px}.account-brand{margin-bottom:22px}.account-heading h1{font-size:27px}.auth-page .auth-field{margin-bottom:20px}.auth-page .account-footer{margin-top:20px}}

/* Signed-in customer view stays focused on balance, recharge and spending. */
#account-main:not(.auth-page){max-width:1000px}#customer-panel .account-identity{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:8px 0 24px;color:#66766c;font-size:14px}.account-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.balance-card>strong{font-size:36px;display:block;margin:16px 0;color:#173e30;letter-spacing:-1px}.balance-card>p:first-child{font-size:14px;color:#778881}.balance-card>button{margin-top:16px}.account-advanced>summary{cursor:pointer;font-weight:600;list-style-position:inside}.account-advanced .advanced-content{margin-top:20px}#customer-panel h2{margin-bottom:18px}#customer-panel .table-wrap{margin:12px -4px}#customer-panel .pagination{padding:16px 0 0}#customer-panel details details{margin:16px 0}#customer-panel details p{overflow-wrap:anywhere}#customer-panel .card{padding:24px}#customer-panel .muted{font-size:13px}#customer-ledger p{padding:12px 0;border-bottom:1px solid #edf1ef}@media(max-width:680px){.account-top-grid{grid-template-columns:1fr;gap:0}#customer-panel .card{padding:20px}#customer-panel .account-identity{align-items:start;font-size:12px}.balance-card>strong{font-size:30px}}
