*{box-sizing:border-box}body{margin:0;background:#eef4eb;color:#243e2d;font:15px/1.6 system-ui,-apple-system,"Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:#fffef8;border:1px solid #d8e1d1;border-radius:10px;min-height:42px;padding:8px 15px}button:hover,a.back:hover{background:#e6efdc}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #8eab58;outline-offset:3px}[hidden]{display:none!important}header{max-width:1180px;margin:24px auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;background:#fffef8;border:1px solid #d5dfd0;border-radius:18px}.brand{font-weight:900;letter-spacing:3px;font-size:17px}.back{border-radius:30px;padding:8px 15px;background:#f0f4e9}main{max-width:1120px;margin:48px auto}.intro{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px;gap:20px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#788769;margin:0 0 10px}h1{font-size:38px;line-height:1.3;margin:0 0 13px;letter-spacing:-1px}h2{font-size:24px;line-height:1.3;margin:0}.subtitle{margin:0;color:#73806b}.test-tag{white-space:nowrap;background:#e1eccf;color:#556c3f;font-size:12px;padding:7px 13px;border-radius:20px}.wallet{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;padding:18px 0;border-top:1px solid #d6e0cf}.wallet>div{min-width:0}.caption{display:block;font-size:11px;color:#778270;margin-bottom:4px}code{font-size:13px;overflow-wrap:anywhere}.summary{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:16px}.summary>div{padding:26px 28px;border:1px solid #d6dfce;border-radius:18px;background:#fffef8;min-width:0}.summary .balance{background:#244735;border-color:#244735;color:#f5f8e9}.summary span,.summary small{display:block;font-size:12px;opacity:.8}.summary strong{display:block;font-size:29px;letter-spacing:-.6px;line-height:1.3;margin:10px 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.explanation{font-size:12px;color:#7c856f;margin:14px 2px 36px}.history{padding:28px;border:1px solid #d6dfce;border-radius:20px;background:#fffef8}.history-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px}.filters{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid #e2e8d9}.filters button{border-radius:25px;background:transparent;min-height:38px;font-size:13px}.filters button[aria-pressed=true]{background:#d8f27c;border-color:#d8f27c;font-weight:700}.status{color:#74816c;padding:12px 0;font-size:13px}.status:empty{display:none}.records details{border-bottom:1px solid #e2e8d9}.records summary{list-style:none;display:flex;align-items:center;gap:15px;padding:14px 0;cursor:pointer}.records summary::-webkit-details-marker{display:none}.record-icon{width:43px;height:43px;flex-shrink:0;border-radius:13px;display:grid;place-items:center;background:#edf2e3;font-size:21px;font-weight:700}.record-main{flex:1;min-width:0}.record-main strong{display:block;font-size:14px}.record-main small{display:block;color:#8a907e;font-size:11px;margin-top:3px}.amount{text-align:right;flex-shrink:0;font-variant-numeric:tabular-nums;font-weight:750}.amount small{display:block;font-size:10px;font-weight:400;color:#818a76}.positive{color:#358954}.details-body{border-radius:13px;background:#f3f6ed;margin:0 0 22px;padding:16px 20px;font-size:12px;color:#697961}.details-body p{margin:5px 0;overflow-wrap:anywhere}.more{display:block;margin:24px auto 0;min-width:220px}.login{display:inline-flex;background:#daf282;padding:10px 18px;border-radius:12px;font-weight:700;margin-bottom:18px}footer{display:flex;justify-content:space-between;gap:20px;margin:26px 3px;font-size:11px;color:#8b967e}footer a{text-decoration:underline}@media(max-width:760px){header{margin:12px;padding:14px}.brand{font-size:13px;letter-spacing:2px}.back{font-size:12px}main{margin:34px 16px}.intro{display:block}h1{font-size:29px}.subtitle{font-size:13px}.test-tag{display:inline-block;margin-top:17px}.wallet{align-items:flex-start}.wallet button{font-size:11px;padding:6px 10px;white-space:nowrap}.summary{grid-template-columns:1fr 1fr;gap:10px}.summary .balance{grid-column:1/-1}.summary>div{padding:19px}.summary strong{font-size:25px}.history{padding:18px 16px}.history-heading button{font-size:11px;padding:6px 10px}.filters{gap:6px}.filters button{font-size:12px;padding:6px 12px}.records summary{gap:10px}.record-icon{width:35px;height:35px;border-radius:10px}.record-main strong{font-size:13px}.amount{font-size:12px;max-width:42%;overflow-wrap:anywhere}.amount small{font-size:9px}footer{display:block}footer a{display:block;margin-top:8px}.explanation{line-height:1.8}}

.finance-summary{margin:0 0 20px;padding:18px;border:1px solid #d7d8c8;border-radius:18px;background:#fbfcf8;color:#1d2530}.finance-summary h2{font-size:21px;margin-bottom:12px}.finance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.finance-grid>div{box-sizing:border-box;display:flex;flex-wrap:wrap;align-content:flex-start;align-items:baseline;gap:4px 6px;padding:12px;border:1px solid #dfdfce;border-radius:12px;background:#fffef8;min-width:0}.finance-grid span,.finance-grid small{display:block;font-size:11px;color:#5c6862}.finance-grid strong{display:block;margin:0;font-size:23px;line-height:1.3;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;color:#936900}.finance-summary>.explanation{margin:18px 0 0;color:#5c6862}
@media(max-width:760px){.finance-summary{padding:18px 16px}.finance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.finance-grid>div{padding:12px}.finance-grid strong{font-size:21px}.finance-grid>div[data-kind=profit]{grid-column:1/-1}}

.finance-grid>div>span{flex-basis:100%}.finance-grid>div>small{flex-basis:100%;white-space:normal;line-height:1.45}.finance-grid>div>span,.finance-grid>div>small{overflow-wrap:anywhere}.finance-grid>div>strong{max-width:100%;min-width:0}.finance-grid>div[data-kind=profit]{background:#f3f7e9;border-color:#b8ca91}.finance-grid>div[data-state=loss]{background:#fff3ef;border-color:#e2b1a6}.finance-grid>div[data-state=loss] strong{color:#b23b32}.finance-grid>div[data-state=profit] strong{color:#28794a}.finance-grid>div[data-state=pending] strong{color:#7a8173}
.record-main .record-character{color:#385640;font-size:12px;font-weight:600}.details-body .consumed-role{color:#b43838;font-weight:650}

/* Billing content variables. The floating header is owned by account-nav. */
body.billing-page{--panel:#fbfcf8;--panel2:#eff1e9;--line:#d5dbd1;--txt:#24332c;--gold:#967000;--mono:Consolas,monospace;--hl-paper:#fbfcf8;--hl-ink:#1d2530;--hl-secondary:#eff1e9;--hl-line:#d5dbd1;--hl-muted:#5c6862;--hl-active:#deedb4;--hl-brand:#34785a}
body.billing-page .billing-header{display:contents}
.billing-intro-actions{display:flex;flex-direction:column;align-items:flex-end;gap:14px}.billing-intro-actions .back{white-space:nowrap}
@media(max-width:620px){.billing-intro-actions{align-items:flex-start;flex-direction:row;flex-wrap:wrap;margin-top:16px}.billing-intro-actions .test-tag{margin-top:0}}

.wallet-account{flex:1 1 auto}.wallet-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-width:0}.wallet-available{min-width:0;margin:0;text-align:right;line-height:1.3}.wallet-available span,.wallet-available small{display:block;color:#778270;font-size:11px}.wallet-available strong{display:block;max-width:100%;margin:3px 0;font-size:19px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
@media(max-width:760px){.wallet{flex-wrap:wrap}.wallet-account{flex:1 1 180px}.wallet-actions{flex:1 1 auto}.history-heading>div{min-width:0}}
@media(max-width:380px){.wallet-account,.wallet-actions{flex-basis:100%}.wallet-actions{justify-content:space-between}.wallet-available{text-align:left}}
body.billing-page main{padding-top:var(--nav-offset,150px)}