html body .auth-shell:has(.admin-login),
html body .auth-shell.admin-auth-shell,
html body .auth-shell.admin-auth-check {
  min-height: 100svh !important;
  display: grid !important;
  place-items: center !important;
  padding: 32px 16px !important;
  background:
    radial-gradient(circle at 12% 0, rgba(216, 173, 74, .28), transparent 32%),
    radial-gradient(circle at 90% 100%, rgba(18, 74, 122, .42), transparent 40%),
    linear-gradient(165deg, #07111d 0%, #0c1c31 52%, #12304c 100%) !important;
}
html body .auth-shell:has(.admin-login) .panel.admin-login,
html body .auth-shell.admin-auth-shell .panel.admin-login,
html body .auth-shell.admin-auth-check .panel {
  width: min(440px, 100%) !important;
  margin: 0 auto !important;
  padding: 28px 28px 26px !important;
  border: 1px solid rgba(232, 197, 122, .35) !important;
  border-radius: 28px !important;
  background: linear-gradient(180deg, #fffdf8 0%, #f6efe2 100%) !important;
  box-shadow: 0 24px 60px rgba(2, 10, 22, .42) !important;
  color: #142536 !important;
  text-align: center;
}
html body .auth-shell:has(.admin-login) .admin-login:not(:has(.admin-login-brand))::before {
  content: "رشت گلد";
  display: block;
  margin: 0 auto 14px;
  color: #8d6b2a;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .18em;
}
html body .auth-shell:has(.admin-login) .role-badge,
html body .admin-login .role-badge {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 30px;
  margin: 0 auto 4px !important;
  padding: 4px 14px !important;
  border-radius: 999px !important;
  background: rgba(184, 149, 86, .16) !important;
  color: #8d6b2a !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  position: static !important;
}
html body .auth-shell:has(.admin-login) h1,
html body .admin-login h1 {
  margin: 10px 0 8px !important;
  color: #12233a !important;
  font-size: 28px !important;
  line-height: 1.45 !important;
  font-weight: 800 !important;
}
html body .auth-shell:has(.admin-login) .prose,
html body .admin-login > .prose {
  max-width: 100%;
  margin: 0 auto 22px !important;
  color: #5c6b7c !important;
  font-size: 14px !important;
  line-height: 1.8 !important;
  text-wrap: balance;
}
html body .admin-login form,
html body .auth-shell:has(.admin-login) form {
  display: grid;
  gap: 14px;
  text-align: right;
}
html body .admin-login .field,
html body .auth-shell:has(.admin-login) .field {
  display: grid;
  gap: 6px;
  margin: 0 !important;
}
html body .admin-login .field label,
html body .auth-shell:has(.admin-login) .field label {
  color: #31455b !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}
html body .admin-login input[type="text"],
html body .admin-login input[type="password"],
html body .admin-login input:not([type="checkbox"]),
html body .auth-shell:has(.admin-login) input:not([type="checkbox"]) {
  width: 100% !important;
  min-height: 50px !important;
  padding: 12px 14px !important;
  border: 1px solid #e4d5b4 !important;
  border-radius: 14px !important;
  background: #fff !important;
  color: #12233a !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7) !important;
  box-sizing: border-box;
  direction: ltr;
  text-align: left;
}
html body .admin-login input:not([type="checkbox"]):focus,
html body .auth-shell:has(.admin-login) input:not([type="checkbox"]):focus {
  outline: none !important;
  border-color: #c6a15a !important;
  box-shadow: 0 0 0 4px rgba(198, 161, 90, .18) !important;
}
html body .admin-login .remember-row,
html body .auth-shell:has(.admin-login) .remember-row {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  width: auto !important;
  margin: 2px 0 0 !important;
  color: #4c5d70 !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
}
html body .admin-login .remember-row input[type="checkbox"],
html body .auth-shell:has(.admin-login) .remember-row input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  min-width: 18px !important;
  max-width: 18px !important;
  min-height: 18px !important;
  max-height: 18px !important;
  flex: 0 0 18px !important;
  margin: 0 !important;
  padding: 0 !important;
  accent-color: #b89556;
}
html body .admin-login .remember-row span {
  white-space: nowrap;
}
html body .admin-login .form-error,
html body .auth-shell:has(.admin-login) .form-error {
  margin: 0 !important;
  padding: 10px 12px !important;
  border-radius: 12px;
  background: #fff1f0;
  color: #9f2d2d !important;
  text-align: right;
  font-size: 13px;
  line-height: 1.7;
}
html body .admin-login .wide-button,
html body .auth-shell:has(.admin-login) .wide-button {
  width: 100% !important;
  min-height: 50px !important;
  margin-top: 4px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: linear-gradient(135deg, #edd3a0, #c6a15a) !important;
  color: #1b2836 !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  cursor: pointer;
}
html body .admin-login .wide-button:hover,
html body .auth-shell:has(.admin-login) .wide-button:hover {
  filter: brightness(1.04);
}
@media (max-width: 700px) {
  html body .auth-shell:has(.admin-login),
  html body .auth-shell.admin-auth-shell,
  html body .auth-shell.admin-auth-check {
    padding: 16px 12px 24px !important;
    align-content: center;
  }
  html body .auth-shell:has(.admin-login) .panel.admin-login,
  html body .auth-shell.admin-auth-shell .panel.admin-login {
    padding: 22px 16px 18px !important;
    border-radius: 22px !important;
  }
  html body .auth-shell:has(.admin-login) h1,
  html body .admin-login h1 {
    font-size: 23px !important;
  }
}