body {
  font-family: 'Noto Sans Thai', system-ui, sans-serif;
  background: #ffe6f0;
  color: #3e003e;
  margin: 0;
}
.container { padding: 20px; max-width: 860px; margin: 0 auto; text-align: center; }
.logo { width: 92px; display:block; margin: 14px auto; }
h1 { color: #d63384; margin: 6px 0; font-size: 32px; }
h2 { color: #7a1e48; margin: 0 0 16px; font-size: 18px; }
.tabs { margin: 8px 0 14px; }
.tab-btn { background: #ff9acc; border: none; padding: 10px 20px; margin: 4px 8px; border-radius: 12px; color:#fff; font-weight:700; }
.tab-btn.active { background:#ff6fb3; }
.tab-content { background: #fff0f6; border: 2px solid #ffc1dd; border-radius: 16px; padding: 16px; margin: 10px 0; }
.subtabs { margin: 6px 0 10px; }
.sub-btn { background:#ffe1ee; border:1px solid #ff9acc; padding:8px 16px; border-radius:999px; margin:0 4px; }
.sub-btn.active { background:#ff6fb3; color:#fff; border-color:#ff6fb3; }
.results { font-size: 18px; margin: 10px 0; }
.action { background: #b23a7f; color: #fff; border: none; padding: 12px 20px; border-radius: 12px; font-weight:700; }
.action:disabled { background: #ccc; color:#666; }
.quota, .total { margin: 8px 0; color:#555; }
.disclaimer { margin-top: 16px; background:#fff; padding: 14px; border-radius: 12px; font-size: 14px; }
.date { font-size: 14px; color:#555; margin: 6px 0; }