.egs-section {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.egs-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 560px;
    width: 90%;
}
.egs-btn-row {
    display: flex;
    gap: 10px;
    margin-top: 10px;
    justify-content: center;
}
.egs-btn {
  flex: 1;
  padding: 10px 12px;
  border: 1px solid #333;
  border-radius: 6px;
  background: #333;
  color: #fff;
  cursor: pointer;
  text-align: center;
}
.egs-btn:hover { background: #555; }
.egs-overlay { position: fixed; inset: 0; background: rgba(0,0,0,0.55); z-index: 9998; }
.egs-popup {
  position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
  background: #fff; width: 95vw; max-height: 90vh; overflow: auto;
  border-radius: 10px; padding: 16px; z-index: 9999; box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.egs-popup-header { display: flex; justify-content: flex-end; margin-bottom: 10px; }
.egs-close-text { background: #333; color: #fff; border: 0; border-radius: 4px; padding: 6px 12px; cursor: pointer; }
.egs-close-text:hover { background: #555; }
.egs-popup-body { max-height: 80vh; overflow-y: auto; }
.egs-popup-body table { width: 100%; border-collapse: collapse; font-size: 14px; }
.egs-popup-body th, .egs-popup-body td { border: 1px solid #000; padding: 8px 12px; text-align: left; }
.egs-popup-body th { background: #000; color: #fff; }
.egs-popup-body tr:nth-child(even) { background: #f2f2f2; }
.egs-popup-body tr:hover { background: #e8e8e8; }
@media (max-width: 600px) {
  .egs-btn-row { flex-direction: column; }
  .egs-btn { width: 100%; }
}