/* Account-only layout; admin and authentication behaviour stay independent. */
body.accountPage{font-size:14px;line-height:1.55;background:#f5f7fb;color:#183455}
.accountPage #pageHeader{min-height:60px;padding:8px 22px}
.accountPage main{max-width:1420px;padding:0 28px 44px}
.accountPage #accountNav{justify-content:flex-end;align-items:center;min-height:54px;margin:0;gap:20px}
.accountPage #accountNav .buttonLink,.accountPage #accountNav button{border:0;background:transparent;box-shadow:none;padding:4px 0;min-height:34px;font-size:12px;color:#627590}
.accountPage #accountNav .buttonLink:first-child{margin-right:auto;color:#1d59ae}
.accountPage #accountNav button:hover,.accountPage #accountNav a:hover{color:#1055d1}
.accountPage #accountMessage:empty{display:none}
.accountPage #accountMessage{background:#edf6ff;border-color:#c7dcfa;color:#174d91;font-size:13px}
.accountPage #accountMessage.error{background:#fff2ef;color:#9c392d;border-color:#f0c2b8}
.accountShell{display:grid;grid-template-columns:224px minmax(0,1fr);align-items:start;gap:32px}
.accountSidebar{position:sticky;top:20px;background:#fff;border:1px solid #e0e7f1;border-radius:16px;padding:20px 12px}
.accountEyebrow{font-size:10px;letter-spacing:.17em;font-weight:700;color:#677b97;padding:0 12px;margin:2px 0 19px}
.accountPage .accountSideNav{display:grid;gap:5px;margin:0;border:0;padding:0;background:none}
.accountPage .accountSideNav button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:12px;border:1px solid transparent;border-radius:9px;color:#5b6f8b;font-size:13px;font-weight:500;background:transparent;box-shadow:none;min-height:45px;line-height:1.4}
.accountPage .accountSideNav button:hover{background:#f3f6fc;color:#215aa8}
.accountPage .accountSideNav button[aria-pressed=true]{background:#edf3ff;border-color:#e3ecff;color:#145bd5;font-weight:650;box-shadow:none}
.accountShell svg{width:20px;height:20px;flex:none}
.accountIdentity{border-top:1px solid #ecf0f6;margin:25px 10px 0;padding-top:20px;display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:9px;align-items:center}
.accountAvatar{grid-row:1/3;display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#edf3ff;color:#2465c4;font-weight:650}
.accountIdentity strong{font-size:11px;overflow-wrap:anywhere;font-weight:550;line-height:1.4}
.accountIdentity .small{font-size:10px}
.accountMain{min-width:0}.accountPageHeading{padding:4px 0 25px;scroll-margin-top:18px}
.accountPageHeading h1{font-size:30px;letter-spacing:-.8px;font-weight:700;line-height:1.3;margin:0 0 6px}
.accountPageHeading h1:focus{outline:none}.accountPageHeading p{color:#62738d;font-size:13px;margin:0}
.accountPage .accountPanel>section,.accountPage .accountOverview section{border:1px solid #dfe7f2;border-radius:14px;padding:24px;box-shadow:0 3px 12px #19355d03;margin-bottom:20px}
.accountPage .accountPanel h2{font-size:17px;letter-spacing:-.2px;margin-bottom:16px}
.accountPage .accountPanel h3{font-size:14px;font-weight:650;margin:22px 0 12px}
.accountPage .accountPanel h4{font-size:13px;font-weight:650;margin:20px 0 10px}
.accountPage .accountPanel p{line-height:1.65}.accountPage .small{font-size:12px;color:#62738d}
.accountPage .accountPanel button,.accountPage .accountPanel .buttonLink{font-size:12px;min-height:36px;border-radius:8px;padding:8px 12px}
.accountPage .accountPanel input,.accountPage .accountPanel select{font-size:13px;min-height:40px;border-radius:8px;padding:9px 11px}
.accountPage .accountPanel input[type=checkbox]{min-height:0;width:18px;height:18px}
.accountPage label{font-size:12px;color:#506480}.accountPage summary{cursor:pointer;color:#315b91}
.accountPage .accountPanel .primary{color:#fff;background:#1261ee;border-color:#1261ee}
.accountPage .accountPanel .primary:hover,.accountPage .accountPanel .primary:focus-visible{color:#fff;background:#0b50d1;border-color:#0b50d1}
.accountStats{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:12px;margin-bottom:24px}
.accountPage .accountStat{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;padding:19px 17px;border:1px solid #dfe7f2;background:#fff;box-shadow:0 3px 12px #19355d03;border-radius:13px;min-width:0;min-height:180px;justify-content:flex-start}
.accountStat svg{width:18px;height:18px;color:#6a88b4}.accountStatLabel{font-size:11px;color:#60728d;line-height:1.4}
.accountPage .accountStat strong{font-size:25px;line-height:1.2;letter-spacing:-.6px;font-weight:700;overflow-wrap:anywhere;color:#1c3b67}
.accountStat small{font-size:10px;color:#62738d;line-height:1.5;overflow-wrap:anywhere}
.accountPage .accountStat:first-child{background:linear-gradient(145deg,#edf4ff,#f9fbff);border-color:#ccddf6}
.accountPage .accountStat:first-child strong{color:#155dcc}.accountPage .accountStat:first-child svg{color:#2268cc}
.accountPage .accountStat:hover{border-color:#9fbee9;background:#f6f9ff}
.accountOverviewColumns{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:20px;align-items:start}
.accountPage .accountOverviewColumns h2{margin-bottom:5px}.accountPage .accountOverviewColumns h2+.small{margin-top:4px}
.accountWorkspaceRow{padding-top:19px;margin-top:19px;border-top:1px solid #eaf0f7}
.accountWorkspaceHeading{display:flex;align-items:center;justify-content:space-between;gap:12px}
.accountPage .accountWorkspaceHeading h3{margin:0;font-size:14px;overflow-wrap:anywhere}
.accountState{font-size:10px;white-space:nowrap;padding:3px 8px;border:1px solid #cfe9df;background:#edf9f3;color:#217a57;border-radius:20px;line-height:1.5}
.accountState.inactive{background:#fff5e9;color:#9a6124;border-color:#f1dfc8}
.accountWorkspaceFoot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;color:#62738d;font-size:11px}
.accountPage .accountWorkspaceFoot button{font-size:11px;color:#1a5ab5;padding:6px 10px;min-height:32px}
.accountPage .accountQuickLink{display:flex;width:100%;gap:12px;text-align:left;align-items:center;padding:17px 0;border:0;border-bottom:1px solid #edf1f7;border-radius:0;background:#fff;box-shadow:none}
.accountPage .accountQuickLink:last-child{border-bottom:0;padding-bottom:3px}.accountPage .accountQuickLink:hover{color:#145bd5;background:#f9fbff}
.accountQuickLink>svg:first-child{color:#6280aa}.accountQuickLink>svg:last-child{margin-left:auto;width:15px;color:#8b9db6}
.accountQuickLink span{display:grid;gap:3px}.accountQuickLink strong{font-size:12px;font-weight:600}.accountQuickLink small{font-size:11px;color:#62738d;line-height:1.5}
.accountAttention{padding:16px 18px;border:1px solid #eedfc7;background:#fffaf0;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;color:#825b26}
.accountAttention strong{font-size:13px}.accountAttention p{font-size:12px;margin:4px 0 0}.accountAttention button{flex:none}
.accountSectionActions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.accountPage .accountWorkspaceSelect{display:flex;gap:16px;align-items:center;margin:0 0 18px}.accountWorkspaceSelect select{flex:1;max-width:480px}
.accountPage .accountPanel-profile{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(250px,1fr);gap:20px;align-items:start}
.accountPage .accountPanel-profile>section{margin:0}.accountPage .accountPanel-profile>section:first-child{grid-column:1/-1}
.accountProfileIdentity{display:flex;gap:16px;align-items:center}.accountProfileIdentity .accountAvatar{width:46px;height:46px;font-size:18px}.accountProfileIdentity p{margin:0}.accountProfileIdentity strong{overflow-wrap:anywhere}
.accountPage .accountPanel-profile input{max-width:520px}.accountPage .accountPanel-profile .check{align-items:flex-start;margin-bottom:20px}
.accountPage .accountPanel .grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.accountPage .accountPanel .metric{font-size:11px;color:#62738d;background:#f7f9fd;border:1px solid #edf1f7;padding:14px;border-radius:9px;min-width:0}
.accountPage .accountPanel .metric strong{font-size:17px;color:#23466f;line-height:1.4;margin-top:6px}
.accountPage .accountAI .aiBudgetCard{padding:18px;border-color:#e4ebf5}.accountPage .accountAI .aiBudgetCard h3{margin-top:0}
.accountPage .accountAI .aiBudgetCard .metric:first-child{background:#eaf2ff;border-color:#d4e4fc}.accountPage .accountAI .aiBudgetCard .metric:first-child strong{color:#125fdd}
.accountPage .accountPanel .scroll{max-height:none;border-color:#e6ecf5}.accountPage .accountPanel th{background:#f6f9fd;color:#687c99;font-size:11px;font-weight:600;position:static}
.accountPage .accountPanel td{font-size:12px;border-color:#edf1f7;padding:12px}.accountPage .accountPanel th{padding:12px}
.accountMember{border-top:1px solid #e9eef6;padding:15px 0}.accountMember>summary{display:flex;align-items:center;gap:12px;list-style:none}.accountMember>summary strong{flex:1;overflow-wrap:anywhere;font-size:13px}.accountMember>summary::after{content:'+';color:#6080a8;font-size:18px}.accountMember[open]>summary::after{content:'−'}
.accountMember .actions{margin-bottom:0}.accountMember select{display:block;width:100%;margin-top:6px}
.accountPage .accountWorkspaceDetails{border:1px solid #e2e9f4;border-radius:10px;padding:15px 17px;margin:17px 0;background:#fbfcfe}.accountWorkspaceDetails>summary{font-weight:600;font-size:13px}
.accountWorkspaceDetails input{max-width:600px}.accountWorkspaceDetails .actions{margin-bottom:0}
.accountProjectRow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 0;border-top:1px solid #edf1f7}.accountProjectRow>div{flex:1;min-width:140px;font-size:13px;overflow-wrap:anywhere}.accountProjectRow>div span{display:block;font-size:11px}
.accountMemberRole{font-size:11px;color:#6e8098}.accountMember>div{display:flex;align-items:center;gap:12px}.accountMember>div strong{flex:1;overflow-wrap:anywhere;font-size:13px}.accountProfileEmail{font-size:17px;font-weight:600;overflow-wrap:anywhere}
.accountPage .creditTopup{margin:0;padding:0;border:0}.accountPage #couponPanel{border-top:1px solid #e4ebf5;margin-top:26px;padding-top:7px}.accountPage #couponPanel input{max-width:460px}
.accountPage .payerChoice{padding:17px;background:#f0f5fe;border:1px solid #d9e6fb}.accountPage .billingEditor{border-bottom:1px solid #e8eef6;margin-bottom:18px;padding:16px 0}.accountPage .creditPack{padding:17px;min-height:106px}
.accountPage .subscriptionWorkspace{margin:16px 0 24px;padding:20px;border:1px solid #e1e8f3;border-radius:12px;background:#fbfcfe}.accountPage .subscriptionWorkspace h3:first-child{margin-top:0}
.accountPage .subscriptionWorkspace>details{padding:14px 0;border-top:1px solid #e3eaf4}.accountPage .subscriptionWorkspace .planGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.accountPage .subscriptionWorkspace .planCard{padding:18px 14px}.accountPage .subscriptionWorkspace .planPrice{font-size:25px}
.accountPage .accountEmpty{text-align:center;padding:40px 24px!important}.accountEmpty>svg{width:34px;height:34px;color:#7894bd;margin-bottom:15px}.accountEmpty p{max-width:500px;margin:10px auto 20px}
.accountPage:not(.accountSignedIn) main{max-width:1000px}.accountPage:not(.accountSignedIn) #accountContent>section{max-width:680px;margin:16px auto;background:#fff;padding:30px;border-radius:16px}
@media(min-width:1500px){.accountShell{gap:40px}}
@media(max-width:1150px){.accountPage main{padding:0 20px 32px}.accountShell{grid-template-columns:200px minmax(0,1fr);gap:22px}.accountStats{grid-template-columns:repeat(2,minmax(0,1fr))}.accountPage .accountStat{min-height:155px}.accountOverviewColumns{grid-template-columns:1fr}.accountPage .accountPanel-profile{grid-template-columns:1fr}.accountPage .subscriptionWorkspace .planGrid{grid-template-columns:1fr}.accountPage .accountIdentity{margin-left:5px;margin-right:5px}}
@media(max-width:760px){.accountPage #pageHeader{padding:8px 12px}.accountPage main{padding:0 12px 30px}.accountPage #accountNav{gap:14px;min-height:46px}.accountPage #accountNav .buttonLink,.accountPage #accountNav button{font-size:11px}.accountShell{display:block}.accountSidebar{position:static;padding:8px;border-radius:12px;margin-bottom:22px}.accountPage .accountSideNav{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.accountPage .accountSideNav button{flex-direction:column;justify-content:center;text-align:center;gap:7px;padding:10px 5px;font-size:10px;min-height:72px;line-height:1.35}.accountSideNav svg{width:19px;height:19px}.accountEyebrow,.accountIdentity{display:none}.accountPageHeading{padding:0 2px 20px}.accountPageHeading h1{font-size:26px}.accountPageHeading p{font-size:12px}.accountStats{gap:10px;margin-bottom:18px}.accountPage .accountStat{min-height:160px;padding:15px 13px;gap:8px}.accountPage .accountStat strong{font-size:23px}.accountPage .accountPanel>section,.accountPage .accountOverview section{padding:18px;border-radius:12px}.accountPage .accountOverviewColumns{gap:0}.accountPage .accountPanel h2{font-size:16px}.accountAttention{display:block;padding:15px}.accountAttention button{margin-top:12px}.accountPage .accountPanel .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.accountPage .accountPanel .metric strong{font-size:15px}.accountPage .accountAI .aiBudgetCard{padding:13px}.accountPage .accountPanel-profile{gap:16px}.accountPage .accountWorkspaceSelect{display:block}.accountWorkspaceSelect select{display:block;width:100%;margin-top:6px}.accountPage .subscriptionWorkspace{padding:15px}.accountPage:not(.accountSignedIn) #accountContent>section{padding:22px}.accountProfileIdentity{align-items:flex-start}.accountProfileIdentity strong{font-size:13px}.accountPage .accountPanel .actions{align-items:stretch}.accountPage .accountPanel .actions button{min-height:40px}}
@media(prefers-reduced-motion:reduce){.accountPage *{scroll-behavior:auto!important;transition:none!important}}