.account-page { min-height: 100svh; background: #10110f url("images/bg.png") center top / 540px auto repeat-y; }
.account-shell { width: min(100%, var(--content-width)); min-height: 100svh; margin: 0 auto; padding: 0 var(--page-gutter) 112px; }
.account-header { position: sticky; z-index: 20; top: 0; display: grid; grid-template-columns: 46px 1fr 46px; align-items: center; min-height: 76px; margin: 0 calc(var(--page-gutter) * -1) 18px; padding: max(8px, env(safe-area-inset-top)) var(--page-gutter) 8px; background: linear-gradient(180deg, rgba(16,17,15,.99) 72%, rgba(16,17,15,0)); }
.account-header__back { display: grid; place-items: center; width: 42px; height: 42px; color: var(--gold-bright); }
.account-header__back svg { width: 27px; height: 27px; fill: none; stroke: currentColor; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; }
.account-header h1 { margin: 0; text-align: center; font-size: clamp(20px,5vw,27px); line-height: 1.2; }
.account-header__logo { justify-self: end; width: 38px; height: 38px; object-fit: contain; }
.account-lead { margin: 4px 0 22px; color: var(--text-muted); text-align: center; font-size: 14px; line-height: 1.6; }
.account-card { border: 1px solid rgba(201,173,121,.16); border-radius: 22px; background: rgba(31,30,27,.96); box-shadow: 0 14px 34px rgba(0,0,0,.22); }
.account-form { padding: 22px 18px; }
.account-label { display: block; margin: 0 0 9px; color: var(--gold-bright); font-size: 14px; font-weight: 650; }
.account-input { display: flex; align-items: center; min-height: 60px; margin-bottom: 18px; padding: 0 10px 0 17px; border: 1px solid var(--field-border); border-radius: 14px; background: var(--bg-surface); }
.account-input:focus-within { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(201,173,121,.1); }
.account-input--error{border-color:#d5675c}.field-error{margin:-10px 2px 16px;color:#efa29a;font-size:13px;line-height:1.45}.fund-password-required{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;padding:14px 16px;border:1px solid rgba(201,173,121,.32);border-radius:14px;background:rgba(201,173,121,.09);font-size:13px;line-height:1.45}.fund-password-required span{color:var(--text-muted)}.fund-password-required a{flex:0 0 auto;color:var(--gold-bright);font-weight:700}
.account-input input { min-width: 0; width: 100%; border: 0; outline: 0; background: transparent; color: var(--text); font-size: 16px; }
.account-input input::placeholder { color: #7f817e; }
.account-hint { margin: -6px 2px 22px; color: var(--text-muted); font-size: 13px; line-height: 1.55; }
.withdrawal-security-notice { display:flex; align-items:flex-start; gap:11px; margin:0 0 18px; padding:13px 14px; border:1px solid rgba(201,173,121,.38); border-radius:14px; background:rgba(201,173,121,.1); color:#c8c3b8; font-size:12px; line-height:1.55; }
.withdrawal-security-notice__icon { display:grid; width:24px; height:24px; place-items:center; border-radius:50%; background:var(--gold); color:var(--bg-black); font-size:15px; font-weight:800; flex:0 0 auto; }
.withdrawal-security-notice strong { display:block; margin-bottom:2px; color:var(--gold-bright); font-size:13px; }
.security-code-field{padding-right:8px}.security-code-button{flex:0 0 auto;min-height:42px;padding:0 14px;border:0;border-radius:11px;background:var(--gold);color:var(--bg-black);font-size:12px;font-weight:750;cursor:pointer}.security-code-button:disabled{opacity:.6;cursor:wait}
.account-errors { margin: 0 0 18px; padding: 13px 16px; border: 1px solid rgba(213,103,92,.45); border-radius: 13px; background: rgba(99,31,27,.32); color: #f0b0a9; font-size: 13px; line-height: 1.55; }
.recharge-confirm-shell{padding-bottom:112px}.recharge-total{text-align:center}.recharge-total>span{display:block;margin-top:8px;color:#aaa79f;font-size:13px}.recharge-details h2,.recharge-proof h2{margin:0 0 18px;color:var(--text);font-size:20px}.recharge-detail-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.07)}.recharge-detail-row:last-child{border-bottom:0}.recharge-detail-row>span{color:#aaa79f;font-size:13px}.recharge-detail-row>strong,.recharge-detail-row>div{max-width:65%;text-align:right}.recharge-detail-row strong{display:block;overflow-wrap:anywhere;color:var(--text);font-size:14px}.recharge-detail-row button{margin-top:7px;padding:4px 11px;border:1px solid rgba(201,173,121,.35);border-radius:12px;background:transparent;color:var(--gold);font-size:11px}.recharge-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:126px;border:1px dashed rgba(201,173,121,.5);border-radius:14px;background:#181916;color:var(--gold);cursor:pointer}.recharge-upload span{font-size:31px;line-height:1}.recharge-upload strong{margin-top:6px;font-size:15px}.recharge-upload small{margin-top:5px;color:#88857d;font-size:11px}.recharge-file{position:absolute;width:1px;height:1px;opacity:0}.recharge-file-name{margin:8px 0 18px;overflow:hidden;color:#aaa79f;font-size:12px;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.recharge-details{margin-top:18px;padding:22px 20px}.recharge-details h2{padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.08)}.recharge-detail-row{display:block;padding:16px 0}.recharge-detail-row>span{display:block;margin-bottom:9px;color:#aaa79f;font-size:12px}.recharge-detail-row>strong,.recharge-detail-row>div{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;max-width:none;text-align:left}.recharge-detail-row strong{min-width:0;flex:1;font-size:15px;line-height:1.5;word-break:break-all}.recharge-detail-row button{flex:0 0 auto;margin-top:0;padding:6px 13px}.recharge-proof{margin-top:18px;padding:22px 20px}
.record-summary { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; padding: 18px; }
.record-summary__icon { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; background: rgba(201,173,121,.12); color: var(--gold-bright); flex: 0 0 auto; }
.record-summary__icon svg { width: 29px; height: 29px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.record-summary strong { display: block; margin-bottom: 3px; font-size: 18px; }
.record-summary span { color: var(--text-muted); font-size: 13px; }
.record-list { display: grid; gap: 13px; }
.record-card { padding: 17px 18px; }
.record-card__top { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 15px; }
.record-card__amount { color: var(--gold-bright); font-size: 24px; font-weight: 750; line-height: 1.2; }
.record-card__amount small { font-size: 13px; }
.status-pill { padding: 6px 10px; border-radius: 99px; font-size: 11px; font-weight: 750; letter-spacing: .03em; text-transform: uppercase; }
.status-pill--approved, .status-pill--active { background: rgba(93,158,128,.17); color: #9ed5b7; }
.status-pill--pending, .status-pill--inactive { background: rgba(201,173,121,.16); color: var(--gold-bright); }
.status-pill--rejected { background: rgba(213,103,92,.16); color: #efa29a; }
.record-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding-top: 14px; border-top: 1px solid var(--line); }
.record-meta { min-width: 0; }
.record-meta span { display: block; margin-bottom: 4px; color: var(--text-muted); font-size: 11px; }
.record-meta strong { display: block; overflow: hidden; color: var(--text); font-size: 13px; font-weight: 550; text-overflow: ellipsis; white-space: nowrap; }
.empty-state { padding: 50px 25px; text-align: center; }
.empty-state svg { width: 54px; height: 54px; margin-bottom: 15px; fill: none; stroke: var(--gold); stroke-width: 1.4; }
.empty-state h2 { margin: 0 0 7px; font-size: 18px; }
.empty-state p { margin: 0; color: var(--text-muted); font-size: 13px; }
.account-pagination { display: flex; justify-content: space-between; gap: 12px; margin-top: 20px; }
.account-pagination a, .account-pagination span { flex: 1; padding: 12px; border-radius: 12px; background: var(--bg-surface-soft); color: var(--gold-bright); text-align: center; font-size: 13px; }
.account-pagination span { color: #62635f; }
.about-hero { overflow: hidden; margin-bottom: 16px; padding: 27px 22px; background: radial-gradient(circle at 86% 12%, rgba(50,133,141,.22), transparent 35%), linear-gradient(135deg, #29251f, #171817 67%); }
.about-hero img { display: block; width: 72px; height: 72px; margin-bottom: 20px; object-fit: contain; }
.about-hero h2 { max-width: 310px; margin: 0 0 12px; color: var(--gold-bright); font-size: clamp(26px,7vw,36px); line-height: 1.05; }
.about-hero p { margin: 0; color: #c8c6bf; font-size: 14px; line-height: 1.65; }
.about-section { margin-bottom: 13px; padding: 20px; }
.about-section h3 { margin: 0 0 9px; color: var(--gold-bright); font-size: 17px; }
.about-section p { margin: 0; color: #b4b4af; font-size: 14px; line-height: 1.7; }
.bank-card { position: relative; overflow: hidden; margin-bottom: 18px; padding: 24px 21px; background: linear-gradient(135deg, #29251f, #14282a); }
.bank-card::after { content: ""; position: absolute; right: -30px; top: -42px; width: 150px; height: 150px; border: 1px solid rgba(201,173,121,.25); border-radius: 50%; box-shadow: 0 0 0 18px rgba(201,173,121,.05), 0 0 0 38px rgba(201,173,121,.04); }
.bank-card__eyebrow { position: relative; z-index: 1; margin-bottom: 18px; color: var(--text-muted); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }
.bank-card__method { position: relative; z-index: 1; color: var(--gold-bright); font-size: 22px; font-weight: 700; }
.bank-card__number { position: relative; z-index: 1; margin-top: 9px; color: var(--text); font-size: 17px; letter-spacing: .06em; word-break: break-all; }
.bank-card__name { position: relative; z-index: 1; margin-top: 21px; color: var(--text-muted); font-size: 13px; }
.bank-actions { display: grid; gap: 12px; }
.bank-actions .bg-button { min-height: 58px; font-size: 17px; }
.bank-note { margin-top: 19px; padding: 17px; border-left: 3px solid var(--gold); border-radius: 4px 14px 14px 4px; background: rgba(201,173,121,.08); color: var(--text-muted); font-size: 13px; line-height: 1.65; }
.bank-note strong { display: block; margin-bottom: 7px; color: var(--gold-bright); }
.bank-select { appearance: none; width: 100%; min-height: 60px; padding: 0 45px 0 17px; border: 1px solid var(--field-border); border-radius: 14px; outline: 0; background: var(--bg-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23c9ad79' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 16px center / 20px no-repeat; color: var(--text); font-size: 16px; }
.bank-select:focus { border-color: var(--gold); box-shadow: 0 0 0 3px rgba(201,173,121,.1); }
.bank-select option { background: var(--bg-surface); color: var(--text); }
.bank-form .account-input { margin-bottom: 17px; }
.finance-hero { margin-bottom: 17px; padding: 24px 21px; background: linear-gradient(135deg, #29251f, #13282b); }
.finance-hero__label { color: var(--text-muted); font-size: 13px; }
.finance-hero__amount { margin-top: 7px; color: var(--gold-bright); font-size: 34px; font-weight: 800; }
.finance-hero__amount small { color: var(--text); font-size: 14px; font-weight: 600; }
.finance-hero__detail { display: flex; justify-content: space-between; gap: 12px; margin-top: 18px; color: var(--text-muted); font-size: 12px; }
.finance-hero__detail strong { display: block; margin-top: 3px; color: var(--text); font-size: 13px; }
.finance-form { padding: 20px 18px; }
.finance-form .bg-button { margin-top: 6px; }
.finance-note { margin-top: 17px; padding: 18px; }
.finance-note h2 { margin: 0 0 10px; color: var(--gold-bright); font-size: 16px; }
.finance-note ul { margin: 0; padding-left: 18px; color: var(--text-muted); font-size: 13px; line-height: 1.8; }
.finance-note li::marker { color: var(--gold); }
.finance-alert { margin-bottom: 15px; padding: 12px 15px; border-radius: 13px; background: rgba(201,173,121,.13); color: var(--gold-bright); font-size: 13px; }
.settings-group { margin-bottom: 16px; }
.settings-group__title { margin: 0 0 9px 4px; color: var(--text-muted); font-size: 12px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; }
.settings-list { overflow: hidden; }
.settings-item { display: grid; grid-template-columns: 42px 1fr auto 18px; align-items: center; gap: 12px; min-height: 72px; padding: 0 18px; }
.settings-item + .settings-item { border-top: 1px solid var(--line); }
.settings-item__icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; background: rgba(201,173,121,.1); color: var(--gold); }
.settings-item__icon svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.settings-item strong { display: block; color: var(--text); font-size: 16px; font-weight: 550; }
.settings-item small { display: block; margin-top: 3px; color: var(--text-muted); font-size: 12px; }
.settings-item__value { color: var(--gold-bright); font-size: 13px; }
.settings-item > b { color: var(--gold); font-size: 26px; font-weight: 300; }
.settings-item select { min-width: 92px; padding: 8px 26px 8px 10px; border: 1px solid var(--line); border-radius: 10px; background: #191a17; color: var(--gold-bright); }
.settings-language-submit { padding: 8px 12px; border: 1px solid var(--gold); border-radius: 10px; background: var(--gold); color: #151410; font-size: 12px; font-weight: 700; cursor: pointer; }
form.settings-item { margin: 0; grid-template-columns: 42px minmax(0,1fr) auto auto; }
@media (max-width: 390px) { form.settings-item { grid-template-columns: 38px minmax(0,1fr) auto; gap: 9px; padding: 10px 13px; } form.settings-item select { min-width: 82px; } .settings-language-submit { grid-column: 2 / 4; justify-self: end; } }
.language-card{overflow:hidden;padding:8px 18px}.language-card>h2{margin:10px 2px 8px;color:var(--text-muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.language-card form{margin:0}.language-card form+form{border-top:1px solid var(--line)}.language-option{display:grid;width:100%;min-height:72px;grid-template-columns:42px 1fr auto 20px;align-items:center;gap:12px;padding:0;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.language-option__mark{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:rgba(201,173,121,.1);color:var(--gold-bright);font-size:12px;font-weight:800}.language-option strong{font-size:16px}.language-option small{color:var(--text-muted);font-size:12px}.language-option b{color:var(--gold);font-size:21px}.language-option.is-active small,.language-option.is-active b{color:var(--gold-bright)}
.recharge-upload em{margin-top:10px;color:#d4c092;font-size:11px;font-style:normal}.recharge-preview{overflow:hidden;margin-bottom:8px;border:1px solid rgba(201,173,121,.25);border-radius:15px;background:#181916}.recharge-preview[hidden]{display:none}.recharge-preview img{display:block;width:100%;max-height:260px;object-fit:contain;background:#0e0f0d}.recharge-preview>div{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px}.recharge-preview strong{color:#d9d4c9;font-size:13px}.recharge-preview button{padding:5px 10px;border:1px solid rgba(201,173,121,.35);border-radius:12px;background:transparent;color:var(--gold);font-size:11px}.recharge-upload-status{min-height:28px;padding:7px 2px 10px;color:#aaa79f;font-size:12px;text-align:center}.recharge-upload-status.is-success{color:#bda774}.recharge-upload-status.is-error{color:#e6a49c}.recharge-upload-status.is-loading{color:#d9d4c9}.recharge-proof .bg-button:disabled{opacity:.42;cursor:not-allowed}
@media (max-width: 370px) { .account-shell { padding-left: 20px; padding-right: 20px; } .account-header { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; } .record-grid { grid-template-columns: 1fr; } }

/* ===== Thyre theme (orange) for account pages ===== */
.account-page { --gold: #f0a03c; --gold-bright: #ffc36b; --bg-black: #0b0705; --bg-surface: #1c0f08; --line: rgba(240,138,42,.3); --field-border: rgba(240,138,42,.5); --text: #fff; --text-muted: #d8cfc4; background: #0b0705 url("revenue/bg.png") center top / 100% auto no-repeat; }
.account-page .account-shell { background: none; }
.account-page .account-header { background: linear-gradient(180deg, rgba(11,7,5,.98) 72%, rgba(11,7,5,0)); }
.account-page .account-header__back { border: 1px solid rgba(240,138,42,.55); border-radius: 50%; background: linear-gradient(180deg,#6a3010,#2a1206); color: #f0a03c; }
.account-page .account-header__logo { visibility: hidden; }
.account-page .account-card { border: 1px solid rgba(240,138,42,.55); background: linear-gradient(180deg, rgba(140,60,15,.5), rgba(45,20,8,.9)); box-shadow: 0 0 14px rgba(240,120,30,.25), inset 0 0 18px rgba(240,120,30,.14); }
.account-page .account-input, .account-page .bank-select { background: rgba(20,9,4,.7); }
.account-page .account-input:focus-within { box-shadow: 0 0 0 3px rgba(240,138,42,.2); }
.account-page .bg-button--primary, .account-page .security-code-button, .account-page .settings-language-submit { background: linear-gradient(180deg,#ffb067,#e8701f); color: #2a1206; }
.account-page .record-summary__icon, .account-page .settings-item__icon { background: linear-gradient(180deg,#6a3010,#2a1206); border: 1px solid rgba(240,138,42,.5); color: #f0a03c; }
.account-page .withdrawal-security-notice, .account-page .finance-alert, .account-page .bank-note { background: rgba(240,138,42,.12); border-color: rgba(240,138,42,.45); }
.account-page .finance-hero { background: linear-gradient(135deg, rgba(140,60,15,.55), rgba(30,14,6,.9)); }
.account-page .record-card__amount, .account-page .record-summary strong { color: #ffc36b; }
.account-page .record-summary span { color: #f1e6da; }
.account-page .language-option__mark { background: linear-gradient(180deg,#6a3010,#2a1206); border: 1px solid rgba(240,138,42,.5); color: #f0a03c; }
.account-page .language-option.is-active .language-option__mark { background: linear-gradient(180deg,#ffb067,#e8701f); color: #2a1206; }