.delete-account-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:9998;animation:fade-in .2s ease-out}.delete-account-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;background:white;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);z-index:9999;animation:modal-slide-in .2s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-in{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.delete-account-modal-header{padding:1.5rem;border-bottom:1px solid #f3f4f6;display:flex;align-items:center;gap:1rem}.delete-account-modal-icon{width:48px;height:48px;border-radius:50%;background:#fee2e2;display:flex;align-items:center;justify-content:center;flex-shrink:0}.delete-account-modal-icon svg{width:28px;height:28px;color:#dc2626}.delete-account-modal-header h2{margin:0;font-size:1.25rem;font-weight:700;color:#111827}.delete-account-modal-body{padding:1.5rem}.delete-account-warning{padding:1rem;background:#fef2f2;border:2px solid #fecaca;border-radius:8px;margin-bottom:1.25rem;text-align:center}.delete-account-warning strong{color:#dc2626;font-size:1rem}.delete-account-modal-body p{margin:0 0 .75rem;color:#4b5563;font-size:.9375rem;line-height:1.5}.delete-account-list{margin:0 0 1.5rem;padding-left:1.5rem}.delete-account-list li{color:#4b5563;font-size:.9375rem;line-height:1.6;margin-bottom:.5rem}.delete-account-list li strong{color:#111827}.delete-account-confirmation{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin-top:1.25rem}.delete-account-confirmation p{margin-bottom:.75rem}.delete-account-confirmation strong{color:#dc2626;font-weight:600}.delete-account-input{width:100%;padding:.625rem .875rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9375rem;transition:border-color .15s,box-shadow .15s}.delete-account-input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.1)}.delete-account-modal-footer{padding:1.25rem 1.5rem;border-top:1px solid #f3f4f6;display:flex;gap:.75rem;justify-content:flex-end}.delete-account-btn-cancel{padding:.625rem 1.25rem;background:white;border:1px solid #d1d5db;border-radius:6px;font-size:.9375rem;font-weight:500;color:#374151;cursor:pointer;transition:background .15s,border-color .15s}.delete-account-btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.delete-account-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.delete-account-btn-delete{padding:.625rem 1.25rem;background:#dc2626;border:1px solid #dc2626;border-radius:6px;font-size:.9375rem;font-weight:600;color:white;cursor:pointer;transition:background .15s}.delete-account-btn-delete:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.delete-account-btn-delete:disabled{opacity:.4;cursor:not-allowed}@media (max-width:640px){.delete-account-modal{width:95%;max-width:none}.delete-account-modal-body,.delete-account-modal-header{padding:1.25rem}.delete-account-modal-footer{flex-direction:column}.delete-account-btn-cancel,.delete-account-btn-delete{width:100%}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:9999;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.change-password-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:white;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.3);z-index:10000;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:modalFadeIn .25s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e7eb}.modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937}.modal-close{background:none;border:none;font-size:2rem;line-height:1;color:#9ca3af;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:2rem}.error-banner{display:flex;align-items:center;gap:.75rem;padding:1rem;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#dc2626;font-size:.9375rem;margin-bottom:1.5rem}.error-icon{font-size:1.25rem;flex-shrink:0}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.9375rem;font-weight:500;color:#374151;margin-bottom:.5rem}.required{color:#dc2626}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{flex:1 1;padding:.75rem 3rem .75rem .875rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;transition:all .2s ease;width:100%}.password-input-wrapper input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.password-input-wrapper input.error{border-color:#dc2626}.password-input-wrapper input.error:focus{box-shadow:0 0 0 3px rgba(220,38,38,.1)}.toggle-password{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;padding:.25rem;font-size:1.25rem;line-height:1;color:#9ca3af;transition:color .2s ease}.toggle-password:hover{color:#374151}.error-message{color:#dc2626}.error-message,.field-hint{display:block;margin-top:.5rem;font-size:.875rem}.field-hint{color:#6b7280}.modal-footer{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid #e5e7eb;margin-top:1.5rem}.btn-cancel,.btn-submit{padding:.75rem 1.5rem;border-radius:6px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-cancel{background:white;color:#374151;border:1px solid #d1d5db}.btn-cancel:hover:not(:disabled){background:#f9fafb}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:white}.btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.3)}.btn-cancel:disabled,.btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (max-width:640px){.change-password-modal{width:95%;max-height:95vh}.modal-header{padding:1.25rem 1.5rem}.modal-header h2{font-size:1.25rem}.modal-body{padding:1.5rem}.modal-footer{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}}