.account-dashboard{--account-navy:#132b4b;--account-blue:#175284;--account-border:#cbd7e2;--account-ink:#172b42;--account-muted:#52657a;--account-soft:#f4f8fb;color:var(--account-ink);max-width:100%;overflow-wrap:anywhere}
.member-shell:has(.account-dashboard){max-width:980px;padding:clamp(1rem,3vw,2rem)}
.member-content:has(.account-dashboard){padding:1.2rem 0 3rem}
.account-dashboard *{box-sizing:border-box}
.account-dashboard .account-hero{padding:1.25rem 0 1.4rem;border-bottom:1px solid var(--account-border)}
.account-dashboard .account-overline{color:var(--account-blue);font-size:.82rem;font-weight:800;letter-spacing:.06em;margin:0 0 .35rem;text-transform:uppercase}
.account-dashboard .account-hero h1{font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.3;letter-spacing:-.035em;margin:0}
.account-dashboard .account-hero>p:not(.account-overline){margin:.55rem 0 0;line-height:1.6}
.account-dashboard .account-hero .member-email{color:var(--account-muted);font-size:.94rem}
.account-dashboard .account-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin:1.25rem 0 1.5rem}
.account-dashboard .account-tabs a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:.55rem .4rem;border:1px solid var(--account-border);border-radius:8px;background:white;color:var(--account-navy);font-size:.92rem;font-weight:700;line-height:1.35;text-align:center;text-decoration:none}
.account-dashboard .account-tabs a:hover{background:#edf5fb;border-color:#8daecb}
.account-dashboard .account-card{border:1px solid var(--account-border);border-radius:14px;padding:clamp(1.15rem,3vw,1.8rem);margin:0 0 1rem;background:#fff;box-shadow:0 3px 14px #172b4210;scroll-margin-top:1rem}
.account-dashboard .account-card h2{font-size:clamp(1.18rem,3vw,1.45rem);line-height:1.4;margin:0 0 .8rem}
.account-dashboard .account-card h3{font-size:1.05rem;line-height:1.5;margin:0 0 .35rem}
.account-dashboard .account-card p{line-height:1.65;margin:.5rem 0}
.account-dashboard .account-card-head{display:flex;justify-content:space-between;align-items:start;gap:1rem}
.account-dashboard .account-card-head h2{margin:0}
.account-dashboard .account-plan{background:linear-gradient(130deg,#f4f8fc,#fff 62%);border-color:#b7cce0}
.account-dashboard .account-plan-badge{background:#e1eef8;border:1px solid #bfd6e8;color:#16476e;font-size:.78rem;font-weight:800;padding:.36rem .65rem;border-radius:999px;white-space:nowrap}
.account-dashboard .account-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;margin-top:1rem}
.account-dashboard .member-button,.account-dashboard button[type=submit],.account-dashboard .account-signout{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1rem;border-radius:8px;text-align:center;line-height:1.4;font-size:.95rem}
.account-dashboard button[type=submit]{border:0;background:var(--account-navy);color:white;font-weight:700;cursor:pointer}
.account-dashboard .member-button.secondary{border:1px solid #bfd1e0;background:#edf3f8;color:var(--account-navy)}
.account-dashboard .account-text-link{min-height:44px;display:inline-flex;align-items:center;padding:.5rem;font-weight:700}
.account-dashboard .account-quota{margin:1.1rem 0 .2rem;background:white;border:1px solid #d4e2ec;border-radius:10px;padding:1rem}
.account-dashboard .account-quota>div{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;flex-wrap:wrap}
.account-dashboard .account-quota strong{font-size:1.06rem;color:var(--account-blue)}
.account-dashboard .account-quota meter{display:block;width:100%;height:.8rem;margin:.65rem 0}
.account-dashboard .account-quota small{color:var(--account-muted);line-height:1.5}
.account-dashboard .account-status{color:#175d43;font-weight:750}
.account-dashboard .account-recommended{display:flex;justify-content:space-between;align-items:center;gap:1rem;background:#f0f6fb}
.account-dashboard .account-recommended h2{margin:0}
.account-dashboard .account-recommended .member-button{flex-shrink:0}
.account-dashboard .favorite-search{display:block;margin:1rem 0}
.account-dashboard .favorite-search[hidden],.account-dashboard [hidden]{display:none!important}
.account-dashboard .favorite-search input{width:100%;min-height:44px;margin-top:.4rem;border:1px solid #aabccc;border-radius:7px;padding:.6rem .75rem;font:inherit}
.account-dashboard .account-billing-grid,.account-dashboard .account-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}
.account-dashboard .account-billing-grid>div,.account-dashboard .account-settings-grid>form,.account-dashboard .account-migrate{border:1px solid #d7e2eb;border-radius:10px;background:var(--account-soft);padding:1rem}
.account-dashboard .account-billing-grid form{margin:.85rem 0 0}
.account-dashboard .account-billing-grid button{width:100%}
.account-dashboard .account-price{font-weight:800;font-size:1.1rem}
.account-dashboard .account-note{color:var(--account-muted);font-size:.9rem}
.account-dashboard .account-checkout label{display:flex;gap:.7rem;align-items:flex-start;margin:1rem 0}
.account-dashboard .account-checkout input{margin-top:.2rem}
.account-dashboard .account-settings-grid>form{margin:0;min-width:0}
.account-dashboard .account-settings-grid label{display:block;margin:.75rem 0;font-size:.9rem;font-weight:700}
.account-dashboard .account-settings-grid input{display:block;width:100%;min-height:44px;border:1px solid #aabccc;border-radius:7px;margin-top:.3rem;padding:.6rem .75rem;background:#fff;font:inherit}
.account-dashboard .account-settings-grid button{width:100%;margin-top:.35rem}
.account-dashboard .account-settings-grid output{display:block;min-height:1.5rem;margin-top:.6rem;font-size:.9rem;line-height:1.5}
.account-dashboard .account-current-email{overflow-wrap:anywhere}
.account-dashboard .account-migrate{margin-top:1rem}
.account-dashboard .account-feature-list{display:grid;gap:.4rem}
.account-dashboard .account-feature-list a{display:flex;justify-content:space-between;gap:1rem;align-items:center;min-height:48px;padding:.7rem .8rem;border:1px solid #dbe4ec;border-radius:7px;background:#f9fbfd;text-decoration:none;font-weight:650}
.account-dashboard .account-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding:1rem 0}
.account-dashboard .account-footer form{margin:0}
.account-dashboard .account-signout{background:transparent!important;color:var(--account-navy)!important;border:1px solid #aabccc!important}
.account-dashboard a:focus-visible,.account-dashboard button:focus-visible,.account-dashboard input:focus-visible{outline:3px solid #d35d39;outline-offset:3px}
@media(max-width:640px){.account-dashboard .account-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.account-dashboard .account-billing-grid,.account-dashboard .account-settings-grid{grid-template-columns:1fr}.account-dashboard .account-recommended{display:block}.account-dashboard .account-recommended .member-button{margin-top:.65rem}.account-dashboard .account-actions .member-button{flex:1 1 100%}.account-dashboard .account-card-head{align-items:start}.account-dashboard .account-plan-badge{white-space:normal}}
@media(max-width:350px){.account-dashboard .account-tabs a{font-size:.82rem;padding:.5rem .2rem}.account-dashboard .account-card{padding:1rem}.account-dashboard .account-plan-badge{font-size:.72rem}}
