/* Giao diện trang dang nhap quan tri. Khong co JS inline (CSP chan script-src 'self'). */
body { display: flex; align-items: center; justify-content: center; min-height: 100vh; }
.login-card {
  width: min(calc(100vw - 32px), 380px); margin: 16px auto;
  background: var(--background); border: 3px solid var(--border);
  border-radius: var(--radius-base); box-shadow: var(--shadow-lg); padding: 22px 18px;
  box-sizing: border-box;
}
.login-card h1 { font-size: 20px; margin-bottom: 4px; display: flex; align-items: center; gap: 8px; }
.login-card h1 i { color: #b8860b; }
.login-card p.sub { color: var(--ink-700); font-size: 13.5px; margin: 0 0 16px; }
.login-card .fld { margin-bottom: 12px; }
.login-card .btn { width: 100%; justify-content: center; }
.login-card .back { display: block; text-align: center; margin-top: 14px; font-size: 13px; color: var(--ink-500); }
/* Bẫy bot: vẫn tồn tại trên DOM nhưng mắt người không thấy */
.hp-field { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

@media (max-width: 480px) {
  .login-card {
    padding: 18px 14px;
    border-width: 2px;
  }
}