.login-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.login-card{background:#fff;border-radius:20px;width:100%;max-width:400px;position:relative;overflow:hidden;box-shadow:0 24px 64px #00000026}.login-header{text-align:center;color:#fff;background:linear-gradient(135deg,#07142c,#163d5b);padding:32px 28px 20px}.login-logo{background:#ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 14px;font-size:26px;display:flex}.login-title{margin:0 0 4px;font-size:20px;font-weight:700}.login-subtitle{color:#ffffffb3;margin:0;font-size:13px}.login-body{padding:24px 28px 28px}.login-field{margin-bottom:16px}.login-field label{color:#333;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.login-input-wrap{align-items:center;height:46px;display:flex;position:relative}.login-input-wrap>i:first-child{color:#a0a0a0;pointer-events:none;z-index:1;font-size:18px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.login-input-wrap input{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;width:100%;height:100%;padding:0 48px 0 44px;font-size:14px;transition:border-color .25s,background .25s,box-shadow .25s}.login-input-wrap input:focus{background:#fff;border-color:#28a745;outline:none;box-shadow:0 0 0 3px #28a7451f}.login-eye{cursor:pointer;z-index:2;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background .2s,color .2s;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.login-eye i{color:#a0a0a0;pointer-events:none;font-size:18px;line-height:1}.login-eye:hover{background:#0000000a}.login-eye:hover i{color:#333}.login-error{color:#e53935;background:#fff0f0;border-radius:8px;margin-bottom:16px;padding:8px 12px;font-size:13px}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#28a745,#43c55e);border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;height:46px;font-size:15px;font-weight:600;transition:all .25s;display:flex}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #28a7454d}.login-btn:disabled{opacity:.7;cursor:wait}.login-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-close{color:#fffc;cursor:pointer;z-index:3;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:18px;transition:all .2s;display:flex;position:absolute;top:14px;right:14px}.login-close:hover{color:#fff;background:#ffffff40}.modal-enter-active,.modal-leave-active{transition:opacity .3s,transform .3s}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .login-card,.modal-leave-to .login-card{transform:scale(.9)translateY(20px)}.modal-enter-to .login-card{transform:scale(1)translateY(0)}@media (width<=480px){.login-card{border-radius:16px;max-width:100%}.login-header{padding:24px 20px 16px}.login-body{padding:20px}.login-input-wrap{height:44px}.login-eye{width:34px;height:34px}}