.payment-badge {
  text-align: center;
  margin-top: 20px;
}

.payment-badge p {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
}

.badge-images {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 15px;
}

.badge-images img {
  width: 280px;
  max-height: 180px;
  object-fit: contain;
  transition: transform 0.3s ease;
}

.badge-images img:hover {
  transform: scale(1.05);
}

p {
text-align: justify;
}

    ol {
      padding-left: 20px;
    }
    p.note, p.contact, p.cancel-policy {
      margin-top: 20px;
      font-weight: bold;
    }
    .section {
      margin-top: 40px;
    }
    :root{ --accent:#0f766e; --accent-dark:#065f46; --bg:#f1f7f8; --card:#ffffff; --muted:#64748b; }
    *{box-sizing:border-box}
    body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial;background:var(--bg); color:#05264b}
    .app {display:flex; height:100vh; gap:18px; padding:18px;}
    .sidebar {width:320px; background:var(--card); border-radius:12px; padding:18px; box-shadow:0 8px 30px rgba(2,6,23,0.06); overflow:auto;}
    .main {flex:1; background:var(--card); border-radius:12px; padding:20px; box-shadow:0 8px 30px rgba(2,6,23,0.06); overflow:auto;}
    h1{margin:0 0 8px; color:var(--accent-dark)}
    .muted{color:var(--muted); font-size:13px}
    label{display:block; font-weight:600; margin-bottom:6px; font-size:14px}
    input, select, textarea {width:100%; padding:10px 12px; border-radius:8px; border:1px solid #e6eef2; font-size:14px; background:#fff}
    .form-row {display:flex; gap:12px}
    .form-row > div {flex:1}
    .mb {margin-bottom:12px}
    .btn {padding:10px 14px; border-radius:8px; border:none; cursor:pointer; font-weight:700}
    .btn-accent {background:var(--accent); color:#fff}
    .btn-outline {background:transparent; border:2px solid var(--accent); color:var(--accent)}
    .small{font-size:13px;color:var(--muted)}
    .alert{padding:10px;border-radius:8px;margin-bottom:12px;display:none}
    .success{background:#ecfdf5;color:#065f46;border:1px solid #10b981}
    .error{background:#fff1f2;color:#7f1d1d;border:1px solid #ef4444}
    .person-block{padding:10px;border:1px dashed #e6eef2;border-radius:8px;margin-bottom:10px}
    .hr{height:1px;background:#eef2f6;margin:12px 0;border-radius:2px}
    /* Modal */
    .modal-backdrop {position:fixed; inset:0; display:none; align-items:center; justify-content:center; background:rgba(2,6,23,0.45); z-index:60; padding:18px}
    .modal {background:#fff; padding:18px; border-radius:10px; width:760px; max-width:98%; box-shadow:0 20px 60px rgba(2,6,23,0.35); max-height:92vh; overflow:auto}
    .flex {display:flex; gap:12px; align-items:center}
    .right {margin-left:auto}
    table {width:100%; border-collapse:collapse}
    table th, table td {padding:8px; text-align:left; border-bottom:1px solid #f1f5f9; font-size:14px}
    .qrcode {display:block; margin:8px 0}
    /* Responsive */
    @media (max-width:920px){ .app{flex-direction:column} .sidebar{width:auto} }