*{margin:0;padding:0;box-sizing:border-box}.login-page{background:linear-gradient(135deg,#667eea,#764ba2)!important;min-height:100vh!important;display:flex!important;justify-content:center!important;align-items:center!important;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif!important;margin:0!important;padding:0!important}.login-container{max-width:400px!important;width:100%!important;padding:20px!important;box-sizing:border-box!important}.login-form{background:#fff!important;padding:2.5rem 2rem!important;border-radius:12px!important;box-shadow:0 10px 30px #00000026!important;text-align:center!important;position:relative!important;animation:fadeIn .5s ease!important;transition:opacity .3s ease,transform .3s ease!important}.login-form.loading{opacity:.7!important;pointer-events:none!important}.login-form.success{transform:scale(.95)!important;opacity:.8!important}.login-form h2{margin-bottom:.5rem!important;font-size:1.8rem!important;color:#333!important;font-weight:600!important}.login-form p{font-size:.9rem!important;color:#666!important;margin-bottom:1.5rem!important}.form-group{margin-bottom:1.2rem!important;text-align:left!important;position:relative!important}.form-group label{font-size:.9rem!important;color:#444!important;margin-bottom:5px!important;display:block!important;font-weight:500!important}.form-group input{width:100%!important;padding:.75rem!important;border:1px solid #ccc!important;border-radius:8px!important;font-size:1rem!important;transition:border-color .3s,box-shadow .3s!important;box-sizing:border-box!important;background:#fff!important}.form-group input:focus{outline:none!important;border-color:#4a90e2!important;box-shadow:0 0 5px #4a90e266!important}.form-group input:disabled{background:#f8f9fa!important;color:#666!important;cursor:not-allowed!important}.password-field{position:relative!important}.password-field input{padding-right:45px!important}.password-field .toggle-password{position:absolute!important;top:50%!important;right:10px!important;transform:translateY(-50%)!important;background:none!important;border:none!important;cursor:pointer!important;font-size:1rem!important;line-height:1!important;padding:0!important}.btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;background:#282c34!important;color:#fff!important;border:none!important;border-radius:8px!important;padding:.75rem!important;font-size:1rem!important;font-weight:500!important;width:100%!important;cursor:pointer!important;transition:all .3s ease!important;text-decoration:none!important;position:relative!important;overflow:hidden!important;min-height:48px!important}.btn:hover:not(:disabled){background:#2c313c!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #4a90e24d!important}.btn:active:not(:disabled){transform:translateY(0)!important}.btn:disabled{background:#9bb5d6!important;cursor:not-allowed!important;transform:none!important;opacity:.7!important;box-shadow:none!important}.btn-loading{position:relative!important}.btn-loading .btn-text{opacity:0!important;transition:opacity .2s ease!important}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.btn-success{background:#28a745!important}.btn-success .success-icon{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;font-size:1.2rem!important;animation:checkmark .5s ease!important}@keyframes checkmark{0%{transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1)}}.login-footer{margin-top:1rem!important}.login-footer a{color:#4a90e2!important;text-decoration:none!important;font-size:.9rem!important;transition:color .2s ease!important}.login-footer a:hover{color:#282c34!important}.alert{padding:1rem!important;border-radius:6px!important;margin-bottom:1rem!important;font-size:.9rem!important;display:none!important;text-align:center!important;transition:all .3s ease!important;opacity:0!important;transform:translateY(-10px)!important}.alert.show{display:block!important;opacity:1!important;transform:translateY(0)!important}.alert.success{background:#d4edda!important;color:#155724!important;border:1px solid #c3e6cb!important}.alert.error{background:#f8d7da!important;color:#721c24!important;border:1px solid #f5c6cb!important}.page-transition{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:#fffffff2!important;display:flex!important;align-items:center;justify-content:center!important;z-index:9999!important;opacity:0!important;visibility:hidden!important;transition:opacity .3s ease!important;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.page-transition.active{opacity:1!important;visibility:visible!important}.page-transition .transition-content{text-align:center!important;color:#333!important}.page-transition .transition-spinner{width:50px!important;height:50px!important;border:3px solid rgba(0,0,0,.1)!important;border-top:3px solid #667eea!important;border-radius:50%!important;animation:spin 1s linear infinite!important;margin:0 auto 1rem!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.login-form{padding:2rem 1.5rem!important}.login-container{padding:10px!important}}