:root{--account-nav-width:260px;--account-soft:#fff4ef;--account-hover:#f7f8fc;--account-border:#e6e9f1}
.account-page{background:#f8f9fc}
.account-page header{background:rgba(255,255,255,.96)}
.account-shell{width:min(1240px,calc(100% - 48px));margin:0 auto;padding:34px 0 64px;display:grid;grid-template-columns:var(--account-nav-width) minmax(0,1fr);gap:44px;align-items:start}
.account-sidebar{position:sticky;top:96px;align-self:start}
.account-sidebar-card{background:#fff;border:1px solid var(--account-border);border-radius:22px;padding:18px;box-shadow:0 10px 32px rgba(13,35,73,.05)}
.account-person{display:flex;gap:12px;align-items:center;padding:4px 2px 17px;margin-bottom:8px;border-bottom:1px solid var(--account-border)}
.account-avatar-small{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#FC562A,#FCBA0E);color:#fff;font-weight:900;font-size:18px;flex:0 0 auto}
.account-person strong{display:block;color:var(--navy);font-size:15px;line-height:1.2}.account-person span{display:block;color:var(--dim);font-size:12px;margin-top:3px;word-break:break-word}
.account-group-title{margin:17px 10px 7px;color:var(--dimmer);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.account-nav,.member-nav,.provider-shell nav{display:flex;flex-direction:column;gap:4px;position:static}
.account-nav a,.account-nav button,.member-nav button,.provider-shell nav button{width:100%;border:0!important;background:transparent!important;color:var(--dim)!important;border-radius:12px!important;padding:11px 12px!important;text-align:left!important;box-shadow:none!important;font:inherit;font-size:14px!important;font-weight:750!important;display:flex;align-items:center;gap:10px;cursor:pointer;text-decoration:none;min-height:44px}
.account-nav a:hover,.account-nav button:hover,.member-nav button:hover,.provider-shell nav button:hover{background:var(--account-hover)!important;color:var(--navy)!important}
.account-nav a[aria-current=true],.account-nav button[aria-current=true],.member-nav button[aria-current=true],.provider-shell nav button[aria-current=true]{background:var(--account-soft)!important;color:#c54524!important;font-weight:900!important}
.account-main{min-width:0}.account-main-header{margin-bottom:24px}.account-kicker{margin:0 0 6px;color:var(--dim);font-size:13px;font-weight:800}.account-main h1{font-size:clamp(30px,4vw,42px);margin:0 0 8px}.account-main h2{font-size:24px;margin:26px 0 10px}.account-subtitle{margin:0;color:var(--dim);font-size:15px}
.account-panel{background:#fff;border:1px solid var(--account-border);border-radius:20px;padding:22px;margin-bottom:16px}.account-panel.flat{box-shadow:none}.account-row{display:grid;grid-template-columns:minmax(150px,.42fr) minmax(0,1fr) auto;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--account-border)}.account-row:last-child{border-bottom:0}.account-row-label{font-weight:900;color:var(--navy)}.account-row-value{color:var(--dim);min-width:0;overflow-wrap:anywhere}.account-edit{font-weight:900;color:var(--blue);text-decoration:none;background:none;border:0;padding:4px 0;cursor:pointer}
.account-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 20px}.account-metric{background:#fff;border:1px solid var(--account-border);border-radius:16px;padding:16px}.account-metric strong{display:block;font-size:26px;color:var(--navy);line-height:1.1}.account-metric span{display:block;margin-top:5px;color:var(--dim);font-size:12px}
.account-page .admin-grid{grid-template-columns:1fr 1fr;gap:16px}.account-page .admin-panel,.account-page .provider-shell .panel,.account-page .member-card{border-color:var(--account-border);box-shadow:none;border-radius:18px}.account-page .admin-head{margin:0 0 20px}.account-page .admin-head h1{margin:0}.account-page .admin-metrics{margin:0 0 20px}
.provider-shell.account-shell{max-width:1240px;padding-top:34px;grid-template-columns:var(--account-nav-width) minmax(0,1fr)}.provider-shell>section{min-width:0}.provider-shell>section>h1{margin:0 0 22px;font-size:38px}.provider-shell nav{position:sticky;top:96px;background:#fff;border:1px solid var(--account-border);border-radius:22px;padding:14px;box-shadow:0 10px 32px rgba(13,35,73,.05)}
.member-layout.account-shell{max-width:1240px;padding:34px 0 64px;grid-template-columns:var(--account-nav-width) minmax(0,1fr);gap:44px}.member-layout .member-nav{position:sticky;top:96px;background:#fff;border:1px solid var(--account-border);border-radius:22px;padding:14px;box-shadow:0 10px 32px rgba(13,35,73,.05);align-self:start}.member-content{min-width:0}.member-identity{background:#fff;border:1px solid var(--account-border);border-radius:18px;padding:18px;margin-bottom:24px}.member-content h1{margin-top:0}
@media(max-width:900px){.account-shell,.provider-shell.account-shell,.member-layout.account-shell{grid-template-columns:220px minmax(0,1fr);gap:24px;width:min(100% - 32px,1240px)}.account-metrics{grid-template-columns:repeat(2,1fr)}.account-page .admin-grid{grid-template-columns:1fr}}
@media(max-width:720px){.account-shell,.provider-shell.account-shell,.member-layout.account-shell{display:block;width:auto;padding:18px 16px 44px}.account-sidebar,.provider-shell nav,.member-layout .member-nav{position:static;margin-bottom:18px}.account-sidebar-card,.provider-shell nav,.member-layout .member-nav{border-radius:16px;padding:9px}.account-nav,.member-nav,.provider-shell nav{gap:2px}.account-person{padding:7px 7px 14px}.account-nav a,.account-nav button,.member-nav button,.provider-shell nav button{min-height:48px;padding:12px!important}.account-main h1,.provider-shell>section>h1{font-size:30px}.account-row{grid-template-columns:1fr auto;gap:4px 12px}.account-row-value{grid-column:1/2}.account-edit{grid-column:2;grid-row:1/3}.account-metrics{grid-template-columns:1fr 1fr}.member-layout .member-nav{flex-direction:column;overflow:visible}.provider-shell nav{flex-direction:column;overflow:visible}.account-page .admin-grid{grid-template-columns:1fr}}
