.profile-drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9980}.profile-drawer{position:fixed;top:0;right:0;width:100%;max-width:450px;height:100vh;background:white;z-index:9985;padding-top:var(--header-height,0);overflow:hidden;box-shadow:-10px 0 30px rgba(0,0,0,.05)}.drawer-header,.profile-drawer{display:flex;flex-direction:column}.drawer-header{padding:2rem;gap:1.5rem;border-bottom:1px solid rgba(0,0,0,.05);flex-shrink:0}.drawer-header h2{font-family:var(--font-heading);font-size:1.5rem}.close-drawer{cursor:pointer;color:var(--text-light);transition:color .3s ease}.close-drawer:hover{color:var(--text-dark)}.drawer-content{flex:1 1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:2rem}.drawer-footer{padding:2rem;border-top:1px solid rgba(0,0,0,.05);flex-shrink:0}.profile-info-section{display:flex;flex-direction:column;align-items:center;text-align:center}.drawer-avatar{width:100px;height:100px;border-radius:50%;background:var(--soft-leaf);margin-bottom:1.5rem;overflow:hidden}.drawer-avatar img{width:100%;height:100%;object-fit:cover}.drawer-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:var(--primary-action)}.profile-details{width:100%;gap:1.5rem;text-align:left;margin-top:1rem}.detail-item,.profile-details{display:flex;flex-direction:column}.detail-item{gap:.4rem}.detail-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);font-weight:600}.detail-value{font-size:1rem;color:var(--text-dark)}.edit-profile-btn{margin-top:2rem;width:100%;padding:1rem;border-radius:12px;border:1px solid var(--primary-action);background:transparent;color:var(--primary-action);font-weight:600;cursor:pointer;transition:all .3s ease}.edit-profile-btn:hover{background:var(--primary-action);color:white}.edit-form{display:flex;flex-direction:column;gap:1.2rem}.edit-actions{display:flex;gap:1rem;margin-top:1rem}.cancel-btn{flex:1 1;border-radius:10px;border:1px solid #ddd;background:white}.cancel-btn,.save-btn{padding:.8rem;cursor:pointer}.save-btn{flex:2 1;border-radius:10px;border:none;background:var(--primary-action);color:white;font-weight:600}.logout-link{display:flex;align-items:center;gap:.8rem;color:#e74c3c;font-weight:500;cursor:pointer;justify-content:center}.drawer-content::-webkit-scrollbar{width:6px}.drawer-content::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:10px}@media (max-width:480px){.profile-drawer{max-width:100%;border-radius:0}.drawer-header{padding:1.25rem 1rem}.drawer-header h2{font-size:1.25rem}.drawer-content{padding:1.25rem 1rem}.drawer-footer{padding:1rem}.drawer-avatar{width:80px;height:80px}.drawer-avatar-placeholder{font-size:2rem}.edit-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}}@media (max-width:768px){.profile-drawer{max-width:100%;padding-top:64px}}@media (min-width:481px) and (max-width:768px){.profile-drawer{max-width:380px}}