.login-page{background:linear-gradient(135deg,var(--color-primary-navy)0%,var(--color-primary-ocean)100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 30%,#4988c426 0%,#0000 50%),radial-gradient(circle at 80% 70%,#bde8f51a 0%,#0000 50%);width:100%;height:100%;position:absolute}.login-card{background:var(--color-bg-card);z-index:1;border-radius:16px;width:100%;max-width:420px;padding:40px;animation:.6s cubic-bezier(.16,1,.3,1) slideUp;position:relative;box-shadow:0 20px 40px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{text-align:center;margin-bottom:32px}.login-logo{background:var(--color-primary-ice);width:64px;height:64px;color:var(--color-accent-primary);border-radius:12px;justify-content:center;align-items:center;margin:0 auto 16px;display:flex}.login-header h1{color:var(--color-accent-secondary);margin-bottom:8px;font-size:24px;font-weight:700}.login-header p{color:var(--color-text-secondary);font-size:14px}.login-form{flex-direction:column;gap:20px;display:flex}.error-message{color:var(--color-danger);background-color:#ef44441a;border:1px solid #ef444433;border-radius:8px;align-items:center;gap:8px;padding:12px;font-size:13px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--color-text-main);font-size:14px;font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--color-text-secondary);pointer-events:none;position:absolute;left:12px}.login-input{width:100%;font-size:15px;transition:all .2s;border:1px solid var(--color-border)!important;border-radius:8px!important;padding:12px 12px 12px 40px!important}.login-input:focus{box-shadow:0 0 0 3px #4988c41a;border-color:var(--color-primary-sky)!important}.password-toggle{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:12px}.password-toggle:hover{color:var(--color-accent-primary)}.login-button{background-color:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:14px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.login-button:hover:not(:disabled){background-color:var(--color-btn-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0f285433}.login-button:active:not(:disabled){background-color:var(--color-btn-primary-active);transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;color:var(--color-text-secondary);margin-top:32px;font-size:13px}.loading-dots:after{content:"...";text-align:left;width:12px;animation:1.5s infinite dots;display:inline-block}@keyframes dots{0%{content:"."}33%{content:".."}66%{content:"..."}}@media (max-width:480px){.login-card{max-width:100%;box-shadow:none;background:0 0;border-radius:0;padding:32px 24px}.login-page{background:var(--color-bg-card);padding:0}.login-header h1{font-size:22px}}