.auth-simple.auth-overlay {
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: var(--bg, #f7f8fc);
}
.auth-simple .auth-layout {
  display: block;
  width: min(100%, 400px);
  min-height: 0;
}
.auth-simple .auth-side {
  min-height: 0;
  padding: 32px;
  background: var(--card, #fff);
  border: 1px solid var(--line, #e7eaf1);
  border-radius: 16px;
  box-shadow: 0 12px 40px #17243b08;
}
.auth-simple .auth-top { margin: 0 0 30px; gap: 16px; }
.auth-simple .brand { gap: 10px; font-size: 20px; line-height: 1.3; }
.auth-simple .brand-mark { width: 34px; height: 34px; border-radius: 10px; font-size: 11px; }
.auth-simple .theme-toggle { width: 34px; height: 34px; padding: 8px; border: 0; }
.auth-simple .theme-toggle [data-theme-label] { display: none; }
.auth-simple .auth-form { width: 100%; max-width: none; margin: 0; }
.auth-simple .auth-form label { margin: 0 0 8px; font-size: 12px; font-weight: 500; color: var(--dim, #6f7b90); }
.auth-simple .auth-form input { min-height: 46px; padding: 11px 12px; border-radius: 8px; font-size: 14px; line-height: 1.5; }
.auth-simple #authUser { margin-bottom: 20px; }
.auth-simple .auth-password-wrap input { padding-right: 46px; }
.auth-simple .auth-pass-toggle { top: 5px; right: 5px; width: 36px; height: 36px; padding: 10px; border-radius: 6px; }
.auth-simple .auth-submit { width: 100%; min-height: 46px; margin-top: 24px; padding: 11px 16px; border-radius: 8px; font-size: 14px; font-weight: 600; box-shadow: none; }
.auth-simple .auth-tabs { margin: 0 0 22px; }
.auth-simple .auth-error { margin-top: 16px; padding: 10px 12px; font-size: 12px; line-height: 1.6; }
@media (max-width: 480px) {
  .auth-simple.auth-overlay { padding: 20px; }
  .auth-simple .auth-side { padding: 26px 24px; border-radius: 14px; box-shadow: none; }
  .auth-simple .auth-form input { font-size: 16px; }
}
@media (max-height: 500px) {
  .auth-simple.auth-overlay { align-items: flex-start; }
}