.profile-wrapper{max-width:900px;font-family:var(--font-dm-sans),"DM Sans",sans-serif;min-height:calc(100vh - 80px);margin:0 auto;padding:4rem 2rem}.profile-topbar{flex-direction:column;gap:.8rem;margin-bottom:3rem;display:flex}.btn-save{color:#fff;cursor:pointer;width:100%;font-size:18px;font-family:var(--font-dm-sans),"DM Sans",sans-serif;background:#f39c12;border:none;border-radius:10px;padding:.9rem 1.2rem;font-weight:500;transition:all .2s}.btn-save:hover{background:#e67e22}.save-hint{color:#00000080;margin:0;font-size:14px}.profile-header{margin-bottom:2rem}.profile-header h2{color:#000;margin-bottom:.5rem;font-size:32px;font-weight:600}.profile-header p{color:#00000080;margin:0;font-size:16px}.profile-avatar{background-color:#1c1c1c;border:1px solid #333;border-radius:10px;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:2.5rem;display:flex;position:relative;overflow:hidden}.profile-avatar:hover{border:1px solid #f39c12;box-shadow:0 4px 15px #f39c1266}.profile-img{object-fit:cover;width:100%;height:100%}.profile-img-change{opacity:0;cursor:pointer;background-color:#00000080;border:#0000;border-radius:10px;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s;display:flex;position:absolute;top:0;left:0}.profile-img-change img{width:24px;height:24px}.profile-img-change:hover{opacity:1}.profile-form-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:3rem;display:grid}.profile-field{flex-direction:column;display:flex}.profile-field.full-width{grid-column:1/-1}.profile-field label{color:#00000080;text-transform:uppercase;font-size:14px;font-weight:500;font-family:var(--font-dm-sans),"DM Sans",sans-serif;margin-bottom:0}.profile-input{color:#00000080;font-family:var(--font-dm-sans),"DM Sans",sans-serif;box-sizing:border-box;background:#f7f9fb;border:1px solid #d9d9d94d;border-radius:10px;width:100%;margin-top:.5rem;margin-bottom:0;padding:.7rem 1rem;font-size:18px;transition:all .2s}.profile-input:focus{background:#fff;border-color:#d9d9d9cc;outline:none}.profile-input::placeholder{color:#00000080}.profile-input:hover{background:#f0f0f0;border-color:#d9d9d9cc}.profile-actions-grid{border-top:1px solid #d9d9d94d;grid-template-columns:1fr;padding-top:2rem;display:grid}.btn-delete-profile{color:#e74c3c;cursor:pointer;font-size:16px;font-family:var(--font-dm-sans),"DM Sans",sans-serif;background:0 0;border:1px solid #e74c3c80;border-radius:10px;width:fit-content;padding:.7rem 1.2rem;transition:all .2s}.btn-delete-profile:hover{background:#e74c3c1a;border-color:#e74c3c}.modal-overlay{z-index:1000000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{text-align:center;background:#fff;border-radius:15px;width:90%;max-width:400px;padding:2rem;animation:.3s modalFadeIn;box-shadow:0 10px 30px #0003}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-content h3{color:#000;margin-top:0;margin-bottom:1rem;font-size:24px}.modal-content p{color:#0009;margin-bottom:2rem;font-size:16px;line-height:1.5}.modal-actions{justify-content:center;gap:1rem;display:flex}.btn-cancel{color:#000;cursor:pointer;font-family:var(--font-dm-sans),"DM Sans",sans-serif;background:#fff;border:1px solid #0000001a;border-radius:10px;flex:1;padding:.8rem 1.5rem;font-size:16px;font-weight:500;transition:all .2s}.btn-cancel:hover{background:#f5f5f5}.btn-confirm-delete{color:#fff;cursor:pointer;font-family:var(--font-dm-sans),"DM Sans",sans-serif;background:#e74c3c;border:none;border-radius:10px;flex:1;padding:.8rem 1.5rem;font-size:16px;font-weight:500;transition:all .2s}.btn-confirm-delete:hover{background:#c0392b}.modal-actions-triple{flex-direction:row;gap:.6rem}.btn-discard{color:#e74c3c;cursor:pointer;font-family:var(--font-dm-sans),"DM Sans",sans-serif;background:0 0;border:1px solid #e74c3c80;border-radius:10px;flex:1;padding:.8rem 1.2rem;font-size:15px;font-weight:500;transition:all .2s}.btn-discard:hover{background:#e74c3c1a;border-color:#e74c3c}.btn-confirm-save{color:#fff;cursor:pointer;font-family:var(--font-dm-sans),"DM Sans",sans-serif;background:#f39c12;border:none;border-radius:10px;flex:1;padding:.8rem 1.2rem;font-size:15px;font-weight:500;transition:all .2s}.btn-confirm-save:hover{background:#e67e22}@media (max-width:1024px){.profile-wrapper{padding:3rem 1.5rem}}@media (max-width:768px){.profile-wrapper{padding:2.5rem 1rem 6rem}.profile-form-grid{grid-template-columns:1fr;gap:1.25rem;margin-bottom:2rem}.profile-topbar{margin-bottom:2rem}.profile-header{margin-bottom:1.5rem}.profile-header h2{font-size:28px}}@media (max-width:480px){.profile-header h2{font-size:24px}.profile-input,.btn-save{font-size:16px}.modal-actions-triple{flex-direction:column}.modal-content{padding:1.5rem}}