body{
      --brand:#0ea5e9;
      --brand-2:#22d3ee;
      --ink:#0f172a;
      --muted:#6b7280;
      --line:#e5e7eb;

      margin:0;
      min-height:100vh;
      display:flex;
      align-items:center;
      justify-content:center;
      background: linear-gradient(135deg, rgba(14,165,233,.08), rgba(34,211,238,.08));
      font-family: "Inter", sans-serif;
    }

    .admin-card{
      width:100%;
      max-width:400px;
      padding:32px 24px;
      border-radius:16px;
      background:#fff;
      border:1px solid rgba(2,6,23,.08);
      box-shadow:0 16px 40px rgba(2,8,23,.08);
    }

    .admin-card h2{
      margin:0 0 6px;
      font-size:22px;
      color:var(--ink);
      text-align:center;
    }

    .admin-card p.sub{
      margin:0 0 20px;
      text-align:center;
      color:var(--muted);
      font-size:14px;
    }

    .alert{
      padding:10px 12px;
      border-radius:10px;
      margin-bottom:14px;
      font-size:14px;
    }
    .alert.error{
      background:#fef2f2;
      border:1px solid #fecaca;
      color:#7f1d1d;
    }

    form{ display:grid; gap:12px; }
    input{
      padding:12px 14px;
      border-radius:12px;
      border:1px solid var(--line);
      font-size:14px;
      outline:none;
    }
    input:focus{
      border-color:var(--brand);
      box-shadow:0 0 0 3px rgba(14,165,233,.2);
    }

    .btn{
      padding:12px;
      border-radius:12px;
      border:0;
      cursor:pointer;
      font-weight:700;
      color:#fff;
      background:linear-gradient(135deg,var(--brand),var(--brand-2));
      transition:.2s;
    }
    .btn:hover{ filter:brightness(1.05); }