.profile-page-wrapper{background-color:var(--bg-100);width:100%;min-height:100vh;padding-top:130px}@media (prefers-color-scheme:dark){.profile-page-wrapper{background-color:var(--bg-100)}}.profile-layout{flex-direction:column;gap:2rem;width:100%;max-width:80rem;margin:0 auto;padding:3rem 1.5rem 4rem;display:flex}@media (min-width:1024px){.profile-layout{flex-direction:row}}.profile-sidebar{flex-direction:column;gap:1.5rem;width:100%;display:flex}@media (min-width:1024px){.profile-sidebar{flex-shrink:0;width:18rem}}.sidebar-card{background-color:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-200);padding:1.5rem}.user-quick-info{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.user-quick-avatar{border-radius:var(--radius-xl);background-color:var(--border-primary-10);width:3rem;height:3rem;color:var(--primary);justify-content:center;align-items:center;display:flex}.user-quick-name{color:var(--text-900);font-weight:700}.user-quick-badge{color:var(--text-500);font-size:.75rem}.sidebar-nav{flex-direction:column;gap:.25rem;display:flex}.nav-item{border-radius:var(--radius-lg);color:var(--text-500);align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;transition:all .2s;display:flex}.nav-item:hover{background-color:var(--bg-50);color:var(--text-900)}.nav-item.active{background-color:var(--primary);color:#fff;font-weight:500;box-shadow:0 4px 6px -1px #ec5b1333}.nav-item .material-symbols-outlined{font-size:1.25rem;transition:color .2s}.nav-item:not(.active):hover .material-symbols-outlined{color:var(--primary)}.nav-divider{background-color:var(--bg-100);height:1px;margin:1rem 0}.nav-item.danger{color:#dc2626}.nav-item.danger:hover{background-color:#fef2f2}.profile-content{flex-direction:column;flex:1;gap:1.5rem;display:flex}.profile-header{flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}@media (min-width:640px){.profile-header{flex-direction:row;align-items:center}}.profile-title{letter-spacing:-.025em;color:var(--text-900);font-size:1.875rem;font-weight:900}.profile-subtitle{color:var(--text-500);margin-top:.25rem}.btn-edit{border-radius:var(--radius-xl);background-color:var(--primary);color:#fff;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:700;transition:transform .2s;display:flex;box-shadow:0 4px 6px -1px #ec5b1333}.btn-edit:hover{background-color:var(--primary-hover);transform:scale(1.02)}@media (prefers-color-scheme:dark){.avatar-wrapper,.avatar-img{background-color:var(--bg-white);border-color:var(--bg-white)}}@media (min-width:768px){.details-grid{grid-template-columns:1fr 1fr}}@media (min-width:640px){.security-option{flex-direction:row;justify-content:space-between;align-items:center}}.details-card{background-color:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-200);overflow:hidden}.details-cover{background:linear-gradient(to right,var(--primary),#fb923c);height:8rem;position:relative;overflow:hidden}.cover-pattern{opacity:.2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.details-body{margin-top:-3rem;padding:0 2rem 2rem;position:relative}.avatar-wrapper{background-color:var(--bg-white);border-radius:1rem;margin-bottom:1rem;padding:.25rem;display:inline-block}.avatar-img{border-radius:var(--radius-xl);background-color:var(--border-200);border:4px solid var(--bg-white);width:6rem;height:6rem;overflow:hidden}.avatar-img img{object-fit:cover;width:100%;height:100%}@media (prefers-color-scheme:dark){.avatar-wrapper,.avatar-img{background-color:var(--bg-white);border-color:var(--bg-white)}}.details-grid{grid-template-columns:1fr;gap:2rem 3rem;margin-top:1rem;display:grid}@media (min-width:768px){.details-grid{grid-template-columns:1fr 1fr}}.detail-item{flex-direction:column;gap:.25rem;display:flex}.detail-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-400);font-size:.75rem;font-weight:700}.detail-value{align-items:center;gap:.75rem;display:flex}.detail-value .material-symbols-outlined{color:var(--text-400)}.detail-value .material-symbols-outlined.success{color:#22c55e}.detail-text{color:var(--text-900);font-size:1.125rem;font-weight:600}.security-card{background-color:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-200);padding:2rem}.section-title{align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700;display:flex}.section-title .material-symbols-outlined{color:var(--primary)}.security-options{flex-direction:column;gap:1.5rem;display:flex}.security-option{border-radius:var(--radius-xl);background-color:var(--bg-50);border:1px solid var(--bg-100);flex-direction:column;gap:1rem;padding:1rem;display:flex}@media (min-width:640px){.security-option{flex-direction:row;justify-content:space-between;align-items:center}}.option-info h4{color:var(--text-900);font-weight:700}.option-desc{color:var(--text-500);margin-top:.25rem;font-size:.875rem}.btn-secondary{border-radius:var(--radius-lg);background-color:var(--bg-white);border:1px solid var(--border-200);color:var(--text-900);white-space:nowrap;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:background-color .2s}.btn-secondary:hover{background-color:var(--bg-50)}.btn-tertiary{border-radius:var(--radius-lg);background-color:var(--border-primary-10);color:var(--primary);white-space:nowrap;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:background-color .2s}.btn-tertiary:hover{background-color:var(--border-primary-20)}.editable-cover{cursor:pointer;position:relative}.edit-overlay{color:#fff;opacity:0;border-top-left-radius:inherit;border-top-right-radius:inherit;background:#0006;justify-content:center;align-items:center;gap:.5rem;width:100%;height:100%;font-weight:600;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.editable-cover:hover .edit-overlay{opacity:1}.editable-avatar{cursor:pointer;border-radius:50%;position:relative;overflow:hidden}.edit-overlay-avatar{color:#fff;opacity:0;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s;display:flex;position:absolute;top:0;left:0}.edit-overlay-avatar span{font-size:2rem}.editable-avatar:hover .edit-overlay-avatar{opacity:1}
.profile-sidebar{flex-direction:column;gap:1.5rem;width:100%;display:flex}@media (min-width:1024px){.profile-sidebar{flex-shrink:0;width:18rem}}.sidebar-card{background-color:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-200);padding:1.5rem}.user-quick-info{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.user-quick-avatar{border-radius:var(--radius-xl);color:#2563eb;background-color:#eff6ff;justify-content:center;align-items:center;width:3rem;height:3rem;display:flex}.user-quick-name{color:var(--text-900);font-weight:700}.user-quick-badge{color:var(--text-500);font-size:.75rem}.sidebar-nav{flex-direction:column;gap:.25rem;display:flex}.nav-item{border-radius:var(--radius-lg);color:var(--text-500);cursor:pointer;align-items:center;gap:.75rem;padding:.75rem 1rem;font-family:inherit;font-size:.875rem;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{background-color:var(--bg-50);color:var(--text-900)}.nav-item.active{color:#fff;background-color:#2563eb;font-weight:500;box-shadow:0 4px 6px -1px #2563eb33}.nav-icon{transition:color .2s}.nav-item:not(.active):hover .nav-icon{color:#2563eb}.nav-divider{background-color:var(--bg-100);height:1px;margin:1rem 0}.nav-item.danger{color:#dc2626}.nav-item.danger:hover{background-color:#fef2f2}.sidebar-support-card{border-radius:var(--radius-xl);color:#fff;background-color:#2563eb;padding:1.5rem;box-shadow:0 10px 15px -3px #2563eb4d}.support-icon{margin-bottom:.75rem;font-size:2.25rem}.support-title{margin-bottom:.5rem;font-size:1.125rem;font-weight:700;line-height:1.2}.support-desc{color:#fffc;margin-bottom:1rem;font-size:.875rem;line-height:1.5}.btn-support-contact{border-radius:var(--radius-lg);color:#2563eb;cursor:pointer;background-color:#fff;border:none;width:100%;padding:.625rem;font-size:.875rem;font-weight:700;transition:opacity .2s}.btn-support-contact:hover{opacity:.9}