.profile-page{isolation:isolate;min-height:calc(100vh - var(--header-h));padding-block:var(--s-8)var(--section-y);position:relative}.profile-bg-image{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.profile-page:before{content:"";z-index:-1;background:linear-gradient(to bottom,#0000008c 0,#000000bf 220px,var(--bg)220px);position:absolute;inset:0}.profile-container{gap:var(--s-8);width:100%;max-width:var(--page-width-narrow);padding-inline:var(--page-padding);grid-template-columns:250px 1fr;align-items:start;margin-inline:auto;display:grid}.profile-container>*{min-width:0}.profile-sidebar{top:calc(var(--header-stack,160px) + var(--s-5));padding:var(--s-4);background:var(--bg);border:1px solid var(--border);border-radius:var(--r-block);box-shadow:var(--shadow-card);position:sticky}.sidebar-section+.sidebar-section{margin-top:var(--s-5);padding-top:var(--s-5);border-top:1px solid var(--border)}.sidebar-section h3{margin-bottom:var(--s-4);font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:.07em;text-transform:uppercase;color:var(--fg-60)}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.sidebar-nav-item{align-items:center;gap:var(--s-3);width:100%;padding:11px var(--s-3);border-radius:var(--r-md);color:var(--fg);font-family:inherit;font-size:var(--text-sm);font-weight:var(--fw-medium);text-align:left;transition:background var(--duration)ease,color var(--duration)ease;background:0 0;border:0;display:flex}.sidebar-nav-item:hover{background:var(--field)}.sidebar-nav-item.active{background:var(--fg);color:var(--fg-inverse);font-weight:var(--fw-bold)}.profile-content{gap:var(--s-4);flex-direction:column;display:flex}.profile-panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-block);box-shadow:var(--shadow-card);padding:clamp(20px,3vw,32px)}.profile-panel>h2,.profile-panel>h3{font-size:var(--text-h4);margin-bottom:var(--s-3)}.profile-header{padding-bottom:var(--s-6);margin-bottom:var(--s-6);border-bottom:1px solid var(--border)}.profile-header-top{align-items:center;gap:var(--s-5);flex-wrap:wrap;display:flex}.profile-avatar-large{background:var(--fg);width:72px;height:72px;color:var(--fg-inverse);font-size:var(--text-h3);font-weight:var(--fw-bold);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden}.profile-avatar-img{object-fit:cover;border-radius:999px;width:100%;height:100%}.profile-header-info{min-width:0}.profile-header-info h2,.profile-header-info h3{font-size:var(--text-h4)}.profile-header-info p{font-size:var(--text-sm);color:var(--fg-60);overflow-wrap:anywhere;margin-top:4px}.profile-location{margin-top:var(--s-2);font-size:var(--text-sm);color:var(--fg-60);align-items:center;gap:6px;display:inline-flex}.profile-edit-icon{border:1px solid var(--border);background:var(--bg);width:40px;height:40px;color:var(--fg);transition:border-color var(--duration)ease,background var(--duration)ease;border-radius:999px;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.profile-edit-icon:hover{border-color:var(--fg);background:var(--field)}.profile-form{gap:var(--s-6);flex-direction:column;align-items:flex-start;display:flex}.profile-form>*{width:100%}.form-section{gap:var(--s-4);flex-direction:column;display:flex}.form-section>h3,.form-section>h4{font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:.07em;text-transform:uppercase;color:var(--fg-60)}.form-row{gap:var(--s-4);grid-template-columns:repeat(2,1fr);display:grid}.profile-form .form-group{gap:var(--s-2);flex-direction:column;min-width:0;display:flex}.profile-form .form-group.full-width{grid-column:1/-1}.profile-form label{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--fg)}.profile-form input,.profile-form select,.profile-form textarea{width:100%;height:var(--input-h);padding-inline:var(--s-5);border-radius:var(--r-input);background:var(--field);color:var(--fg);font-family:inherit;font-size:var(--text-body);font-weight:var(--fw-body);transition:box-shadow var(--duration)ease;border:0}.profile-form textarea{height:auto;min-height:110px;padding:var(--s-4)var(--s-5);border-radius:var(--r-textarea);resize:vertical}.profile-form input:focus,.profile-form select:focus,.profile-form textarea:focus{box-shadow:inset 0 0 0 1.5px var(--fg);outline:none}.profile-form input.disabled,.profile-form input:disabled{color:var(--fg-60);cursor:not-allowed}.profile-save-btn{justify-content:center;align-self:flex-start;align-items:center;gap:var(--s-2);width:auto;height:var(--button-h);padding-inline:var(--s-8);border:1px solid var(--fg);border-radius:var(--r-button);background:var(--fg);color:var(--fg-inverse);font-family:inherit;font-size:var(--text-body);font-weight:var(--fw-bold);transition:background var(--ease-button);display:inline-flex}.profile-save-btn:hover:not(:disabled){background:#2b2b2b}.profile-save-btn:disabled{opacity:.5;cursor:not-allowed}.signout-text{margin-bottom:var(--s-5);font-size:var(--text-sm);color:var(--fg-60);max-width:52ch}.signout-btn{justify-content:center;align-items:center;gap:var(--s-2);height:var(--button-h);padding-inline:var(--s-6);border:1px solid var(--critical);border-radius:var(--r-button);background:var(--bg);color:var(--critical);font-family:inherit;font-size:var(--text-body);font-weight:var(--fw-bold);transition:background var(--duration)ease,color var(--duration)ease;display:inline-flex}.signout-btn:hover{background:var(--critical);color:#fff}.profile-alert{align-items:flex-start;gap:var(--s-3);padding:var(--s-4)var(--s-5);border-radius:var(--r-block);font-size:var(--text-sm);font-weight:var(--fw-medium);display:flex}.profile-alert.alert-success,.alert-success{color:var(--success);background:#e6f4ed}.profile-alert.alert-error,.alert-error{color:var(--critical);background:#fdeceb}.profile-loading{justify-content:center;align-items:center;gap:var(--s-4);min-height:50vh;color:var(--fg-inverse);font-size:var(--text-sm);flex-direction:column;display:flex}.profile-loading .spinner,.profile-page .spinner{border:2px solid #ffffff4d;border-top-color:var(--fg-inverse);border-radius:999px;width:26px;height:26px;animation:.7s linear infinite profile-spin}@keyframes profile-spin{to{transform:rotate(360deg)}}@media (max-width:900px){.profile-container{gap:var(--s-5);grid-template-columns:1fr}.profile-sidebar{position:static}.sidebar-nav{gap:var(--s-2);scrollbar-width:none;flex-direction:row;overflow-x:auto}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-nav-item{white-space:nowrap;border:1px solid var(--border);border-radius:var(--r-button);width:auto}.sidebar-nav-item.active{border-color:var(--fg)}}@media (max-width:560px){.form-row{grid-template-columns:1fr}.profile-avatar-large{width:60px;height:60px;font-size:var(--text-h4)}.profile-save-btn,.signout-btn{width:100%}.profile-edit-icon{margin-left:0}}