.auth-modal{pointer-events:none}.auth-modal-content{pointer-events:auto;box-shadow:0 25px 50px -12px #00000040}.profile-dropdown{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.profile-dropdown-item{transition:background-color .15s ease-in-out}.profile-dropdown-item:hover{background-color:#f3f4f6}.password-input-container{position:relative}.password-toggle-btn{cursor:pointer;color:#6b7280;background:0 0;border:none;transition:color .15s ease-in-out;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.password-toggle-btn:hover{color:#374151}.password-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.auth-loading-spinner{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-message{border-radius:.375rem;margin-bottom:1rem;padding:.75rem 1rem}.auth-message.error{color:#dc2626;background-color:#fef2f2;border-color:#fecaca}.auth-message.success{color:#16a34a;background-color:#f0fdf4;border-color:#bbf7d0}.auth-button{transition:all .15s ease-in-out}.auth-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #0000001f}.auth-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-input{transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.auth-input:focus{border-color:var(--wiu-green);box-shadow:0 0 0 3px color-mix(in srgb, var(--wiu-green) 12%, transparent)}.user-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;font-weight:600;display:flex}@media (max-width:640px){.auth-modal-content{max-width:calc(100vw - 2rem);margin:1rem}.profile-dropdown{width:calc(100vw - 2rem);max-width:16rem;left:auto;right:0}}