.login-page{background:linear-gradient(135deg,var(--color-primary)0%,var(--color-primary-hover)100%);min-height:100vh;padding:var(--spacing-lg);justify-content:center;align-items:center;display:flex}.login-container{width:100%;max-width:420px;animation:.5s ease-in-out fadeIn}.login-card{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--spacing-2xl)}.login-header{text-align:center;margin-bottom:var(--spacing-2xl)}.login-header h1{font-size:var(--font-size-3xl);color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.login-header p{color:var(--color-gray-600);font-size:var(--font-size-sm);margin:0}.login-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.form-group{gap:var(--spacing-sm);flex-direction:column;display:flex}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.form-group input{padding:.75rem var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-gray-900);background-color:var(--color-white);transition:all var(--transition-fast)}.form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.form-group input:disabled{background-color:var(--color-gray-100);cursor:not-allowed;opacity:.6}.form-group input::placeholder{color:var(--color-gray-400)}.error-message{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--color-danger-light);color:var(--color-danger);border-radius:var(--radius-md);font-size:var(--font-size-sm);animation:.3s ease-out slideInFromTop;display:flex}.error-message svg{flex-shrink:0}.login-button{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:.875rem var(--spacing-xl);background-color:var(--color-primary);color:var(--color-white);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--spacing-sm);border:none;display:flex}.login-button:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-button .spinner{border:2px solid var(--color-white);border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.login-footer{margin-top:var(--spacing-xl);text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200)}.login-footer a{color:var(--color-gray-600);font-size:var(--font-size-sm);transition:color var(--transition-fast);text-decoration:none}.login-footer a:hover{color:var(--color-primary)}@media (max-width:480px){.login-card{padding:var(--spacing-xl)}.login-header h1{font-size:var(--font-size-2xl)}}