.topbar .avatar{border:1px solid #485267;overflow:hidden;padding:0;flex-shrink:0;cursor:pointer}.avatar img{width:100%;height:100%;object-fit:cover}.profile-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px;align-items:start;max-width:1100px}.profile-card{padding:28px 22px;text-align:center}.profile-photo{width:132px;height:132px;display:grid;place-items:center;margin:0 auto 20px;background:#303849;color:#c4d2ea;border:1px solid #485267;border-radius:50%;overflow:hidden;font-size:36px}.profile-photo img{width:100%;height:100%;object-fit:cover}.profile-card h2{overflow-wrap:anywhere}.profile-card p{color:var(--muted);font-size:12px;margin:9px 0;overflow-wrap:anywhere}.profile-role{display:inline-block;background:#2c3443;color:#bdcce5;border-radius:4px;font-size:11px;padding:6px 10px;margin:6px 0 20px}.profile-upload{display:block;text-align:left;font-size:12px;color:#cbd5e5}.profile-upload input{display:block;width:100%;font-size:10px;margin:9px 0 12px;padding:8px}.profile-card>button{font-size:11px;width:100%}.profile-card small{display:block;line-height:1.7;color:var(--muted);margin-top:16px;font-size:10px}.profile-details{padding:26px}.profile-details header{padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:22px}.profile-details header p{color:var(--muted);font-size:12px;margin-top:8px}.profile-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0 26px}.profile-fields label,.profile-about{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted)}.profile-fields input{width:100%}.profile-details textarea{resize:vertical;width:100%}.profile-details footer{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px}.profile-feedback{color:#c7d7ee;font-size:12px;min-height:42px;padding:12px 0}.profile-storage-note{color:var(--muted);font-size:11px;line-height:1.6;margin-top:18px}@media(max-width:900px){.profile-layout{grid-template-columns:1fr}.profile-card{max-width:none}.profile-photo{width:100px;height:100px}.profile-upload{max-width:350px;margin:auto}.profile-card>button{max-width:350px}}@media(max-width:520px){.profile-fields{grid-template-columns:1fr}.profile-details{padding:18px}.profile-details footer>button{width:100%}}

.password-settings{max-width:1100px;margin-top:22px}