.login-container{background:linear-gradient(-45deg,#ff7b00,#ff007b,#7b00ff,#00d4ff) 0 0/400% 400%;justify-content:center;align-items:center;min-height:100vh;padding:24px;animation:12s infinite gradientBG;display:flex}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.login-card{border-radius:var(--radius-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);width:100%;max-width:420px;box-shadow:var(--shadow-lg);text-align:center;padding:40px;animation:.6s cubic-bezier(.16,1,.3,1) slideUpFade}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:32px}.login-logo{max-width:240px;height:auto;margin:0 auto 16px;display:block}.login-subtitle{color:var(--text-muted);font-size:1rem}.login-form{flex-direction:column;gap:20px;display:flex}.input-group{text-align:left;flex-direction:column;gap:8px;display:flex}.input-label{color:var(--text-main);font-size:.875rem;font-weight:500}.input-field{border-radius:var(--radius-md);border:1px solid var(--status-neutral-border);background:var(--bg-secondary);color:var(--text-main);padding:14px 16px;font-family:inherit;font-size:1rem;transition:all .2s}.input-field:focus{border-color:var(--status-assigned);box-shadow:0 0 0 4px var(--status-assigned-bg);outline:none}.input-field::placeholder{color:var(--text-muted)}.login-button{border-radius:var(--radius-md);background:var(--primary);color:#fff;box-shadow:var(--shadow-sm);cursor:pointer;margin-top:8px;padding:16px;font-size:1rem;font-weight:600;transition:all .2s}.login-button:hover{background:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.login-button:active{transform:translateY(1px)}.forgot-password{color:var(--status-assigned);margin-top:24px;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-block}.forgot-password:hover{color:var(--primary);text-decoration:underline}