/* ============================================================
   Gunayatan ERP — Login Page Styles
   ============================================================ */

.login-body {
  min-height: 100vh;
  background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 50%, #0f172a 100%);
  display: flex; align-items: center; justify-content: center;
  padding: 1rem;
  position: relative;
  overflow: hidden;
}

.login-body::before {
  content: '';
  position: absolute; inset: 0;
  background:
    radial-gradient(circle at 20% 50%, rgba(2,132,199,.15) 0%, transparent 50%),
    radial-gradient(circle at 80% 20%, rgba(14,165,233,.1) 0%, transparent 40%);
  pointer-events: none;
}

.login-wrapper {
  width: 100%; max-width: 420px; position: relative; z-index: 1;
}

.login-card {
  background: rgba(255,255,255,.97);
  border-radius: 16px;
  padding: 2.5rem 2rem;
  box-shadow: 0 25px 50px rgba(0,0,0,.4);
  backdrop-filter: blur(10px);
}

.login-brand { text-align: center; margin-bottom: 2rem; }
.brand-icon {
  width: 64px; height: 64px; background: #0284c7; border-radius: 16px;
  display: inline-flex; align-items: center; justify-content: center;
  font-size: 1.8rem; color: #fff; margin-bottom: .75rem;
  box-shadow: 0 8px 20px rgba(2,132,199,.4);
}
.brand-logo { height: 64px; border-radius: 12px; object-fit: contain; margin-bottom: .75rem; display: block; margin-inline: auto; }
.brand-name { font-size: 1.5rem; font-weight: 800; color: #0f172a; margin: 0; }
.brand-org  { font-size: .85rem; color: #64748b; margin-top: .2rem; }

.btn-login {
  background: linear-gradient(135deg, #0284c7, #0369a1);
  border: none; padding: .75rem; font-size: .95rem; font-weight: 600;
  border-radius: 8px; letter-spacing: .02em;
  box-shadow: 0 4px 12px rgba(2,132,199,.35);
  transition: all .2s ease;
}
.btn-login:hover {
  background: linear-gradient(135deg, #0369a1, #075985);
  box-shadow: 0 6px 16px rgba(2,132,199,.45);
  transform: translateY(-1px);
}

.btn-toggle-pass { cursor: pointer; }

.login-footer { text-align: center; margin-top: 1.5rem; }

@media (max-width: 480px) {
  .login-card { padding: 1.75rem 1.25rem; }
}