.hmb-container {
	max-width: 700px;
	margin: 20px auto;
	background: #fff;
	padding: 20px;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.hmb-form label { display:block; margin:10px 0 5px; font-weight:bold; }
.hmb-form input[type="text"],
.hmb-form input[type="date"],
.hmb-form input[type="password"] { padding:6px; margin-bottom:12px; border:1px solid #ccc; border-radius:6px; width:100%; }
.payment-options { margin-bottom: 15px; }
.payment-row { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
button { background:#28a745; color:#fff; padding:10px 16px; border:none; border-radius:6px; cursor:pointer; margin:5px 5px 10px 0; }
button:hover { background:#218838; }
.receipt { margin-top: 20px; padding: 20px; border: 2px solid #28a745; background: #fafafa; border-radius: 8px; }
.receipt h3 { text-align:center; margin-bottom:10px; color:#222; }
.footer { text-align:center; margin-top:20px; font-size:0.9em; color:#666; }
.contact { text-align:center; margin-top:10px; font-size:0.9em; color:#333; }
.hmb-table { width:100%; border-collapse: collapse; margin-top: 15px; }
.hmb-table th, .hmb-table td { border:1px solid #ddd; padding:8px; }
.hmb-table th { background:#f3f3f3; text-align:left; }
.hmb-error { color:#b00020; margin-top:8px; }

/* Responsive table wrapper */
.hmb-table-responsive { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.hmb-table { min-width: 780px; }

/* Modal */
.hmb-modal { position: fixed; inset: 0; z-index: 9999; display: none; }
.hmb-modal .hmb-modal-backdrop { position:absolute; inset:0; background: rgba(0,0,0,0.5); }
.hmb-modal .hmb-modal-dialog { position: relative; max-width: 780px; margin: 40px auto; background:#fff; border-radius: 10px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.3); }
.hmb-modal .hmb-modal-header { display:flex; align-items:center; justify-content: space-between; padding:12px 16px; border-bottom:1px solid #eee; }
.hmb-modal .hmb-modal-close { background:#e0e0e0; color:#333; border:none; border-radius:4px; padding:6px 10px; cursor:pointer; }
.hmb-modal .hmb-modal-body { padding: 16px; max-height: 70vh; overflow:auto; background: #fafafa; }
.hmb-modal .hmb-modal-footer { display:flex; gap:10px; padding:12px 16px; border-top:1px solid #eee; justify-content: flex-end; }

@media (max-width: 600px) {
	.hmb-modal .hmb-modal-dialog { margin: 10px; }
	button { width: 100%; }
}