.account-page{min-height:100vh}.account-top{height:74px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 90%,transparent);display:flex;align-items:center}.account-top-inner{display:flex;align-items:center;justify-content:space-between}.account-top .brand img{height:31px}.account-top-actions{display:flex;align-items:center;gap:8px}.appearance-button{width:42px;height:42px;border:1px solid var(--line);border-radius:10px;background:var(--surface);cursor:pointer}.account-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:24px;padding-top:38px;padding-bottom:100px}.account-nav{display:flex;flex-direction:column;gap:5px;height:max-content;position:sticky;top:98px;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.account-nav a{padding:11px 13px;border-radius:10px;color:var(--muted);font-size:13px;font-weight:650}.account-nav a:hover,.account-nav a.active{color:var(--text);background:var(--soft)}.account-nav a.active{box-shadow:inset 3px 0 var(--red)}.account-content{min-width:0}.account-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.account-title h1{font-size:clamp(30px,4vw,46px);letter-spacing:-.04em;margin-top:6px}.account-title p{margin:8px 0 0;color:var(--muted)}.account-card{border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:24px;margin-bottom:16px;box-shadow:0 18px 60px rgba(0,0,0,.08)}.profile-summary{display:flex;align-items:center;gap:17px}.profile-avatar{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,var(--red),var(--secondary));color:#fff;font:800 27px Manrope;object-fit:cover}.profile-summary h2{margin-bottom:5px}.profile-summary p{margin:0;color:var(--muted)}.verified{display:inline-flex;margin-top:8px;padding:4px 8px;border-radius:999px;background:rgba(34,197,94,.12);color:#4ade80;font-size:10px;font-weight:800}.account-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.account-stat{padding:18px;border-radius:13px;background:var(--soft)}.account-stat strong{display:block;font:800 27px Manrope}.account-stat span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.quick-card{padding:18px;border:1px solid var(--line);border-radius:13px;background:var(--surface);transition:.2s}.quick-card:hover{transform:translateY(-2px);border-color:var(--red)}.quick-card b,.quick-card span{display:block}.quick-card span{font-size:11px;color:var(--muted);margin-top:5px}.account-form{display:grid;gap:10px}.account-form label{font-size:11px;font-weight:750;margin-top:8px}.account-form input,.account-form select,.account-form textarea{width:100%;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:11px;padding:13px;font:inherit}.account-form input:focus,.account-form textarea:focus{outline:2px solid color-mix(in srgb,var(--red) 45%,transparent);border-color:var(--red)}.account-form input:disabled{opacity:.65}.avatar-editor{display:flex;align-items:center;gap:18px;margin-bottom:10px}.avatar-editor .profile-avatar{width:100px;height:100px}.upload-help{font-size:11px;color:var(--muted)}.account-alert{padding:13px 15px;border-radius:11px;margin-bottom:16px;font-size:13px}.account-alert.success{background:rgba(34,197,94,.12);color:#4ade80}.account-alert.error{background:rgba(239,68,68,.12);color:#ff7777}.recent-list{display:grid;gap:8px}.recent-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px;border-radius:11px;background:var(--soft)}.recent-row small{display:block;color:var(--muted)}
@media(max-width:760px){.account-layout{grid-template-columns:1fr;padding-top:18px}.account-nav{position:static;flex-direction:row;overflow-x:auto;scrollbar-width:none;padding:8px;margin-inline:-20px;border-radius:0;border-inline:0}.account-nav a{white-space:nowrap}.account-stats,.quick-grid{grid-template-columns:1fr 1fr}.account-title{align-items:start;flex-direction:column}.account-card{padding:18px}.avatar-editor{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.account-stats,.quick-grid{grid-template-columns:1fr}.account-top .button{min-height:40px;padding-inline:12px}.account-top .button span{display:none}.profile-avatar{width:62px;height:62px;border-radius:18px}}