/* Login Page */
.login-page {
      min-height: 100vh;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: var(--spacing-md);
      background: linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-bg) 100%);
    }
    
    .login-card {
      width: 100%;
      max-width: 400px;
      background-color: var(--color-bg-secondary);
      border-radius: var(--radius-xl);
      box-shadow: var(--shadow-xl);
      padding: var(--spacing-xl);
    }
    
    .login-logo {
      text-align: center;
      margin-bottom: var(--spacing-xl);
    }
    
    .login-logo h1 {
      font-size: var(--font-size-3xl);
      color: var(--color-primary);
      margin-bottom: var(--spacing-xs);
    }
    
    .login-logo p {
      color: var(--color-text-secondary);
    }
    
    .login-error {
      background-color: var(--color-danger-light);
      color: var(--color-danger);
      padding: var(--spacing-sm) var(--spacing-md);
      border-radius: var(--radius-md);
      margin-bottom: var(--spacing-md);
      font-size: var(--font-size-sm);
      display: none;
    }
    
    .login-error.visible {
      display: block;
    }