body {
      min-height: 100vh;
      background: linear-gradient(135deg, #1f2937, #111827);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .login-card {
      width: 100%;
      max-width: 420px;
      border-radius: 14px;
      box-shadow: 0 20px 40px rgba(0,0,0,.35);
      background: #fff;
    }

    .login-header {
      background: #111827;
      color: #fff;
      padding: 1.2rem;
      border-radius: 14px 14px 0 0;
      text-align: center;
    }

    .login-header h4 {
      margin: 0;
      font-weight: 600;
    }

    .login-body {
      padding: 1.5rem;
    }

    .form-control {
      padding: .65rem .75rem;
    }

    .btn-login {
      background: #111827;
      border: none;
      padding: .6rem;
      font-weight: 600;
    }

    .btn-login:hover {
      background: #1f2937;
    }

    .role-hint {
      font-size: .85rem;
      color: #6b7280;
    }