body.account-center-open .app,body.account-center-open #task-sidebar,body.account-center-open #task-backdrop{display:none!important}
#account-center{margin-left:66px;min-height:100vh;background:#fff;padding:32px clamp(24px,5vw,72px) 48px;max-width:1180px;color:#24372f}
.account-heading{display:flex;align-items:center;gap:12px;border-bottom:1px solid #dce4df;padding-bottom:22px}
.account-heading h1{font-size:22px;flex:1;margin:0;letter-spacing:0}
.account-heading .button{flex-shrink:0}
.account-identity{display:flex;align-items:center;gap:16px;padding:30px 0 22px}
.account-identity img{object-fit:contain;background:#23382f;border-radius:6px;padding:6px}
.account-identity-main{min-width:0;flex:1}
.account-identity h2{font-size:18px;margin:0 0 7px;overflow-wrap:anywhere}
.account-identity p{font-size:13px;color:#687a70;margin:0}
.account-state{font-size:12px;color:#176b57;background:#e8f3ef;padding:5px 9px;border-radius:4px}
.account-state[data-state="disabled"]{color:#a4463d;background:#f8ecea}
.account-metadata{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 10px;border-top:1px solid #dce4df;border-bottom:1px solid #dce4df}
.account-metadata>div{padding:16px 14px;min-width:0}
.account-metadata>div+div{border-left:1px solid #e6ece8}
.account-metadata dt{font-size:11px;color:#7b8982;margin-bottom:7px}
.account-metadata dd{font-size:13px;margin:0;display:flex;align-items:center;gap:6px;min-width:0}
.account-metadata dd span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-metadata .icon-button{width:26px;height:26px;min-width:26px}
.account-metadata .icon-button svg{width:14px;height:14px}
.account-section{padding:28px 0;border-bottom:1px solid #dce4df}
.account-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:18px}
.account-section-heading h2{font-size:16px;margin:0 0 6px;letter-spacing:0}
.account-section-heading p{font-size:12px;color:#728078;margin:0;line-height:1.6}
.account-section-heading .button{min-height:32px;padding:0 11px;font-size:12px;white-space:nowrap}
.account-balances{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #dce4df}
.account-balances>div{padding:22px 16px;min-width:0}
.account-balances>div+div{border-left:1px solid #dce4df}
.account-balances>div>span{font-size:12px;color:#687a70}
.account-balances p{margin:12px 0 0;display:flex;align-items:baseline;gap:5px;overflow-wrap:anywhere}
.account-balances strong{font-size:28px;font-weight:600;font-variant-numeric:tabular-nums}
.account-balances p span{color:#687a70;font-size:13px}
.account-balances .account-available{background:#f3f8f5}
.account-entitlement-note{font-size:12px;margin:13px 0 0;color:#176b57}
.account-entitlement-note[data-kind="warning"]{color:#986a25}
.account-entitlement-note[data-kind="muted"]{color:#728078}
.account-payment{display:flex;align-items:flex-start;gap:12px;padding:18px 0;border-bottom:1px solid #dce4df;color:#795820}
.account-payment>svg{width:20px;height:20px;margin-top:2px;flex:none}
.account-payment>div{min-width:0;flex:1}
.account-payment h2{font-size:14px;margin:0 0 5px;letter-spacing:0}
.account-payment p{font-size:12px;line-height:1.7;margin:0;color:#806f52}
.account-payment .button{flex:none;min-height:34px;padding:0 11px;font-size:12px}
.payment-notice-dialog{width:min(980px,calc(100vw - 40px));height:min(820px,calc(100vh - 40px));padding:0;border:1px solid #ccd8d1;background:#fff;color:#24372f;box-sizing:border-box}
.payment-notice-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.payment-notice-dialog::backdrop{background:rgba(20,35,29,.52)}
.payment-notice-dialog>header{display:flex;align-items:flex-start;gap:16px;padding:16px 18px;border-bottom:1px solid #dce4df}
.payment-notice-dialog>header>div{min-width:0;flex:1}
.payment-notice-dialog>header span{font-size:10px;color:#6d7f75}
.payment-notice-dialog h2{font-size:17px;margin:3px 0 0;letter-spacing:0;overflow-wrap:anywhere}
.payment-notice-dialog header p{font-size:11px;color:#75837b;margin:4px 0 0}
.payment-notice-dialog iframe{display:block;width:100%;height:100%;min-height:0;border:0;background:#eef2ef}
.payment-notice-dialog>footer{min-height:62px;display:flex;align-items:center;gap:16px;padding:10px 18px;border-top:1px solid #dce4df}
.payment-notice-dialog>footer p{font-size:11px;line-height:1.6;color:#65776e;margin:0;flex:1}
.payment-notice-dialog>footer .button{flex:none}
.profile-name-dialog{width:min(440px,calc(100vw - 32px));padding:0;border:1px solid #ccd8d1;background:#fff;color:#24372f}
.profile-name-dialog::backdrop{background:rgba(20,35,29,.52)}
.profile-name-dialog header{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border-bottom:1px solid #dce4df}
.profile-name-dialog header>div{flex:1}.profile-name-dialog header span{font-size:10px;color:#6d7f75}
.profile-name-dialog h2{font-size:17px;margin:3px 0 0;letter-spacing:0}
.profile-name-dialog label{display:grid;gap:7px;padding:20px 18px}.profile-name-dialog label span{font-size:11px;font-weight:600}
.profile-name-dialog input{height:42px;border:1px solid #cfd9d4;padding:0 11px;outline:0}
.profile-name-dialog input:focus{border-color:#176b57;box-shadow:0 0 0 3px rgba(23,107,87,.08)}
.profile-name-status{margin:0;padding:0 18px 14px;color:#ad453b;font-size:12px;line-height:1.6;overflow-wrap:anywhere}
.profile-name-dialog footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid #dce4df}
#account-status{font-size:12px;line-height:1.7;padding:12px 0 0;color:#176b57;overflow-wrap:anywhere}
#account-status[data-kind="error"]{color:#ad453b}
.account-ledger-head,.account-ledger-row{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(70px,.5fr) minmax(90px,.7fr) minmax(150px,1fr);align-items:center;column-gap:16px}
.account-ledger-head{padding:0 12px 9px;color:#849089;font-size:11px}
.account-ledger-row{min-height:48px;padding:0 12px;border-top:1px solid #e6ece8;font-size:12px}
.account-ledger-type{font-weight:600;color:#30483e}
.account-ledger-row strong{font-size:13px;font-variant-numeric:tabular-nums}
.account-ledger-row strong.positive{color:#176b57}
.account-ledger-row strong.negative{color:#a4463d}
.account-ledger-row time{color:#728078}
.account-empty{font-size:12px;color:#849089;margin:0;padding:18px 12px;border-top:1px solid #e6ece8}
.account-footer{padding-top:24px}
body.auth-locked #account-center,body.auth-pending #account-center{display:none!important}
@media(max-width:860px){.account-balances{grid-template-columns:repeat(2,minmax(0,1fr))}.account-balances>div:nth-child(3){border-left:0;border-top:1px solid #dce4df}.account-balances>div:nth-child(4){border-top:1px solid #dce4df}.account-metadata{grid-template-columns:1fr}.account-metadata>div+div{border-left:0;border-top:1px solid #e6ece8}}
@media(max-width:740px){#account-center{margin-left:50px;padding:24px 16px 40px}.account-heading{gap:6px;flex-wrap:wrap}.account-heading h1{font-size:20px}.account-identity{padding-top:24px}.account-balances>div{padding:20px 12px}.account-balances strong{font-size:25px}.account-ledger-head{display:none}.account-ledger-row{grid-template-columns:1fr auto;gap:5px 12px;padding:12px 6px}.account-ledger-row span:nth-child(3),.account-ledger-row time{font-size:11px}.account-ledger-row time{text-align:right}.account-section-heading{align-items:flex-start}.account-section-heading .button{padding:0 6px}.account-section-heading p{max-width:220px}.account-payment{flex-wrap:wrap}.account-payment .button{margin-left:32px}.payment-notice-dialog{width:100vw;height:100vh;max-width:none;max-height:none;border:0}.payment-notice-dialog>footer{align-items:flex-start;flex-direction:column}}