.login-modal-overlay {
  position: fixed; inset: 0;
  background-color: rgba(0,0,0,0.65);
  z-index: 9999; display: none;
  align-items: center; justify-content: center;
}
.login-modal-box {
  width: 90%; max-width: 420px; background: #fff; padding: 28px;
  border-radius: 14px; text-align: center; font-family: sans-serif; position: relative; direction: rtl;
}
.login-modal-box .close { position: absolute; top: 10px; left: 12px; font-size: 24px; cursor: pointer; }
.login-modal-box input {
  width: 100%; padding: 12px; margin: 14px 0;
  font-size: 18px; border-radius: 8px; border: 1px solid #ccc; direction: ltr; text-align: center;
}
.login-modal-box button {
  width: 100%; padding: 12px; background: #24a19d;
  color: #fff; border: none; border-radius: 8px; font-size: 16px; cursor: pointer;
}
.login-modal-box .error { color: #b10700; margin-top: 5px; font-size: 14px; }
.login-modal-box .tabs { display: grid; grid-template-columns: 1fr 1fr; margin-bottom: 10px; }
.login-modal-box .tabs button {
  border-radius: 0; border: 1px solid #ddd; background: #fff; color: #333;
}
.login-modal-box .tabs button.active { background: #24a19d; color: #fff; }