.accountLayout{display:grid;grid-template-columns:minmax(0,24fr) minmax(0,76fr);gap:22px;align-items:start}
.accountMenu{background:var(--bg-main);border:1px solid var(--line);border-radius:16px;padding:12px}
.accountMenu summary{display:none}
.accountMenu nav{display:grid;gap:4px}
.accountMenu a,.accountMenu button{display:flex;gap:10px;align-items:center;padding:10px;text-decoration:none;text-align:left;border-radius:9px}
.accountMenu [aria-current]{background:var(--accent-soft);font-weight:700}
.accountMain{min-width:0}
.accountWelcome{background:linear-gradient(110deg,var(--bg-main),var(--accent-soft));border:1px solid var(--line);border-radius:16px;padding:18px}
.accountWelcome h2,.accountWelcome p{margin:0}
.accountStats,.accountOverview{display:grid;gap:12px;margin:12px 0}
.accountStats{grid-template-columns:repeat(4,minmax(0,1fr))}
.accountStats .panel{display:grid;gap:4px}
.accountStats strong{font-size:1.45rem}
.accountOverview{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.accountOrderItems{list-style:none;margin:0;padding:0}
.accountOrderItems li{display:flex;align-items:center;gap:8px;margin:4px 0}
.accountOrderItems img{width:44px;height:54px;object-fit:contain}
.accountOrderItems small{display:block}
.accountStatus{color:var(--accent-primary);font-weight:700}
.accountMain .panel{margin-bottom:9px;overflow-wrap:anywhere}
.accountForm{display:grid;gap:8px;max-width:600px}
.accountForm button{justify-self:start}
@media(min-width:769px){.accountMenu:not([open]) nav{display:grid;content-visibility:visible}}
@media(max-width:768px){.accountLayout,.accountOverview{grid-template-columns:minmax(0,1fr)}.accountStats{grid-template-columns:repeat(2,minmax(0,1fr))}.accountMenu summary{display:list-item;cursor:pointer;font-weight:700}}
@media(min-width:769px){.accountMenu{position:sticky;top:calc(var(--nav-height,166px) + 10px);max-height:calc(100dvh - var(--nav-height,166px) - 20px);overflow:auto}}