*{box-sizing:border-box}:root{--bg: #fdf5f8;--surface: #ffffff;--surface-soft: #fdeef4;--text: #3b1f2c;--muted: #8b6a7b;--line: #f0d9e4;--accent: #9d2c62;--accent-2: #d98ca6;--accent-soft: #fbe4ee;--accent-text: #7d1f4d;--danger-bg: #fff1f1;--danger-text: #a32121;--ok-bg: #eaf8ef;--ok-text: #166534;--shadow: 0 18px 44px rgba(157, 44, 98, .12)}body{margin:0;font-family:Sarabun,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit}.shell{width:min(100%,760px);margin:0 auto;padding:14px;min-height:100vh}.shell.wide{width:min(100%,1180px)}.hero{border-radius:18px;overflow:hidden;box-shadow:var(--shadow);background:var(--surface);border:1px solid var(--line)}.hero-banner{aspect-ratio:1600 / 800;background:url(/assets/banner-aramr.jpg) center / cover no-repeat;background-color:var(--accent-2)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px;margin:14px 0;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px}.panel h1,.panel h2{margin:0;letter-spacing:0}.section-title{display:grid;gap:2px;margin-bottom:2px}.section-title span{color:var(--accent);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.section-title h2{font-size:20px;line-height:1.2}.panel label,.field{display:grid;gap:7px}.panel label>span,.field>span{font-size:13px;font-weight:800;color:var(--muted)}input,select,textarea{width:100%;min-height:50px;border:1px solid var(--line);border-radius:12px;padding:11px 12px;background:var(--surface-soft);color:var(--text);outline:none}textarea{min-height:96px;resize:vertical}input[type=file]{padding:12px;min-height:0}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 18%,transparent)}input.invalid{border-color:#d92d20;background:#fff7f6;box-shadow:0 0 0 3px #d92d201a}.row{display:flex;justify-content:space-between;align-items:center;gap:12px}.row>span{color:var(--muted);font-weight:700;font-size:14px}.row>strong{font-size:15px}.row.strong>span{color:var(--text);font-weight:800}.row.strong>strong{font-size:18px;font-weight:900}.total{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:14px}.total>span{color:var(--accent-text);font-weight:900}.total>strong{font-size:24px;color:var(--accent-text)}.primary,.secondary{width:100%;min-height:52px;border:0;border-radius:14px;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-weight:900;cursor:pointer}.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 12px 24px color-mix(in srgb,var(--accent) 24%,transparent)}.primary:disabled{opacity:.55;cursor:not-allowed}.primary.red{background:linear-gradient(135deg,#d92d20,#b42318);box-shadow:0 12px 24px #b423183d}.secondary{background:var(--text);color:var(--surface)}.status-pill{display:inline-flex;width:fit-content;padding:6px 12px;border-radius:999px;background:#eef3fb;color:#344054;font-size:12px;font-weight:900;letter-spacing:.04em}.status-pill.ok{background:var(--ok-bg);color:var(--ok-text)}.status-pill.warn{background:#fff4dc;color:#92400e}.error-text{color:var(--danger-text);margin:0;font-weight:700}.success-text{color:var(--ok-text);margin:0;font-weight:700}.muted-note{color:var(--muted);margin:0;font-size:13px}.success-box{background:var(--ok-bg);border-color:#bfe3c8}.success-box p{margin:0;color:var(--ok-text);font-weight:800}.admin-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:14px 0;flex-wrap:wrap}.admin-title{display:flex;align-items:center;gap:12px;min-width:0}.admin-title-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:22px;box-shadow:0 12px 26px #1261a638}.admin-title h1{font-size:26px;line-height:1.05}.admin-title p{margin:4px 0 0;color:var(--muted);font-size:13px;font-weight:700}.admin-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.admin-user-chip{min-height:40px;display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;font-weight:800}.link-btn{min-height:40px;display:inline-flex;align-items:center;gap:6px;border:0;border-radius:10px;padding:0 14px;background:var(--accent);color:#fff;font-weight:900;font-size:13px;cursor:pointer;text-decoration:none}.link-btn.logout{background:var(--danger-text)}.link-btn.subtle{background:#fff;color:var(--accent);border:1px solid var(--line)}.kpi-grid{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:6px}.kpi-card{display:grid;gap:6px;min-height:96px;align-content:center;padding:15px;border:1px solid var(--line);border-radius:12px;background:#f8fafc}.kpi-card span{color:#475467;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.kpi-card strong{color:var(--text);font-size:28px;line-height:1.05}.kpi-total{background:#eef3ff;border-color:#cddafe}.kpi-total strong,.kpi-total span{color:#1d4ed8}.kpi-paid{background:#eaf8ef;border-color:#bee7cc}.kpi-paid strong,.kpi-paid span{color:#166534}.kpi-pending{background:#fff4dc;border-color:#f3d596}.kpi-pending strong,.kpi-pending span{color:#92400e}.kpi-amount{background:var(--accent-soft);border-color:#b6e3e6}.kpi-amount strong,.kpi-amount span{color:var(--accent-text)}.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;vertical-align:middle}thead th{background:#eef3fb;color:#43536a;font-weight:900;text-transform:uppercase;font-size:11px;letter-spacing:.04em;position:sticky;top:0}tbody tr:hover{background:var(--surface-soft)}td.num{text-align:right;font-variant-numeric:tabular-nums}td.center{text-align:center}td a{color:var(--accent);font-weight:800;text-decoration:none;display:block}.row-actions{display:flex;gap:6px;flex-wrap:wrap}.btn-sm{min-height:32px;border:0;border-radius:8px;padding:0 10px;font-size:12px;font-weight:900;cursor:pointer;color:#fff}.btn-approve{background:#106b4f}.btn-cancel{background:var(--danger-text)}.btn-pl{background:#475467}.btn-edit{background:#1565c0}.admin-edit-modal{width:min(100%,640px);max-height:min(90vh,820px);overflow-y:auto;border-radius:18px;background:var(--surface);color:var(--text);box-shadow:0 28px 80px #0000005c;padding:22px;display:grid;gap:16px;text-align:left}.admin-edit-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.admin-edit-head span{display:block;margin-bottom:3px;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.admin-edit-head h2{margin:0;font-size:24px}.admin-edit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.admin-edit-grid label{display:grid;gap:6px;color:#475467;font-size:12px;font-weight:900}.admin-edit-grid input,.admin-edit-grid textarea,.admin-edit-grid select{border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-size:14px;font-family:inherit;min-height:0}.admin-edit-grid textarea{resize:vertical}.admin-edit-grid .span-2{grid-column:1 / -1}.admin-edit-activities{display:grid;gap:8px;color:#475467;font-size:12px;font-weight:900}.admin-edit-activities>span{text-transform:none}.admin-edit-activities label.check-inline{display:flex;flex-direction:row;align-items:center;gap:9px;cursor:pointer}.admin-edit-activities .check-inline input{width:18px;height:18px;min-height:0;flex:0 0 auto;padding:0;border-radius:4px;accent-color:var(--accent)}.admin-edit-activities .check-inline>span{font-size:14px;font-weight:700;color:var(--text)}.admin-edit-danger{display:flex;gap:10px;padding-top:4px;border-top:1px solid var(--line)}.admin-edit-danger button{flex:1}.btn-soft-cancel,.btn-hard-remove{border:0;border-radius:10px;min-height:40px;font-size:14px;font-weight:800;cursor:pointer;color:#fff}.btn-soft-cancel{background:var(--danger-text)}.btn-hard-remove{background:#7a271a}.admin-edit-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-edit-actions button{width:100%;min-height:44px}.admin-edit-actions .ghost{background:var(--surface-soft);color:var(--text);border:1px solid var(--line);border-radius:10px;font-weight:800;cursor:pointer}.modal-overlay-top{z-index:1100}.confirm-modal{width:min(100%,440px);gap:14px}.confirm-icon{flex:0 0 auto;width:40px;height:40px;display:grid;place-items:center;border-radius:999px;background:#fff4dc;color:#92400e;font-size:22px;font-weight:900}.confirm-icon.danger{background:#fde4e1;color:#7a271a}.confirm-text{margin:0;color:var(--muted);font-size:15px;line-height:1.6}.confirm-text strong{color:var(--text)}.st{display:inline-flex;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:900}.st-NEW,.st-AWAIT_PAYMENT{background:#eef3fb;color:#344054}.st-PENDING_VERIFICATION{background:#fff4dc;color:#92400e}.st-PAID{background:var(--ok-bg);color:var(--ok-text)}.st-CANCELLED,.st-EXPIRED{background:var(--danger-bg);color:var(--danger-text)}.info-panel,.info-list{display:grid;gap:12px}.info-block{display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface-soft)}.info-block h2{margin:0;color:var(--text);font-size:18px;line-height:1.25}.info-block p{margin:0;color:var(--muted);line-height:1.55;white-space:pre-wrap}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#050c16a8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.status-modal{width:min(100%,420px);border-radius:22px;background:var(--surface);color:var(--text);box-shadow:0 28px 80px #0000005c;text-align:center;padding:26px 22px 22px;display:grid;gap:10px;justify-items:center}.status-modal-icon{width:72px;height:72px;display:grid;place-items:center;border-radius:999px;background:var(--ok-bg);color:var(--ok-text);font-size:38px;font-weight:900}.status-modal-icon.pending{background:#fff4dc;color:#92400e}.status-modal h2{margin:0;font-size:24px;line-height:1.15}.status-modal p{margin:0;color:var(--muted);line-height:1.5}.modal-event{color:var(--accent-text)!important;font-weight:800}.modal-note-text{padding:0 4px;font-size:14px}.modal-email{width:100%;display:grid;gap:4px;padding:12px 14px;border-radius:12px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line))}.modal-email span{color:var(--accent-text);font-size:12px;font-weight:900}.modal-email strong{color:var(--text);font-size:17px;word-break:break-all}.modal-reg{width:100%;margin:8px 0;padding:18px;border-radius:16px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 26%,var(--line))}.modal-reg span{display:block;margin-bottom:6px;color:var(--accent-text);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.modal-reg strong{display:block;color:var(--accent-text);font-size:36px;letter-spacing:.06em}.modal-note{width:100%;display:grid;gap:8px;padding:14px;border-radius:14px;background:var(--surface-soft);border:1px solid var(--line);text-align:left}.modal-note div{display:flex;justify-content:space-between;gap:10px}.modal-note span{color:var(--muted);font-size:13px;font-weight:700}.modal-note strong{color:var(--text);font-size:14px}.group-box{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.group-box>h3{margin:0;font-size:18px;font-weight:800;color:var(--text);line-height:1.3}.section-note{margin:0;color:var(--muted);font-size:13px;font-weight:600;line-height:1.5}.panel label.check-row{display:flex;align-items:center;gap:10px;cursor:pointer;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.check-row input[type=checkbox]{width:20px;height:20px;min-height:0;flex:0 0 auto;cursor:pointer;accent-color:var(--accent)}.check-row>span{font-size:15px;font-weight:800;color:var(--text)}.conditional-field{margin:-4px 0 2px;padding-left:6px}.radio-row{display:flex;gap:10px;flex-wrap:wrap}.panel label.radio-option{display:flex;align-items:center;gap:10px;cursor:pointer;flex:1 1 140px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.radio-option input[type=radio]{width:20px;height:20px;min-height:0;flex:0 0 auto;cursor:pointer;accent-color:var(--accent)}.radio-option>span{font-size:15px;font-weight:800;color:var(--text)}.goods-row{align-items:flex-start}.goods-text{white-space:pre-wrap;text-align:right;max-width:70%;font-weight:700;line-height:1.5}.attend-yes{color:var(--ok-text);font-weight:900}.attend-no{color:var(--danger-text);font-weight:900}.btn-goods{background:var(--accent)}.activities-cell{white-space:normal;font-size:12px;line-height:1.45;max-width:240px}.activities-cell>div{padding:1px 0}.goods-modal{text-align:left}.goods-modal-body{width:100%;max-height:50vh;overflow-y:auto;padding:14px;border-radius:12px;background:var(--surface-soft);border:1px solid var(--line);white-space:pre-wrap;line-height:1.6;color:var(--text);font-size:14px}.login{max-width:420px;margin:56px auto 0}.login .admin-title-icon{margin:0 auto 14px;width:56px;height:56px;font-size:26px}@media (max-width: 720px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stepper-label{display:none}.pair-grid{grid-template-columns:1fr}}.address-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.address-grid .span-2{grid-column:1 / -1}.address-grid input[readonly]{background:var(--surface);color:var(--muted);font-weight:800}.address-grid select:disabled,.address-grid input:disabled{opacity:.55;cursor:not-allowed}@media (max-width: 560px){.address-grid{grid-template-columns:1fr}}.age-readout{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:-4px;padding:11px 14px;background:var(--accent-soft);border-radius:12px}.age-readout span{color:var(--accent-text);font-size:13px;font-weight:900}.age-readout strong{color:var(--accent-text);font-size:16px}.repeat-row{display:flex;align-items:center;gap:8px}.repeat-row input{flex:1 1 auto;min-width:0}.repeat-remove{flex:0 0 auto;width:44px;min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--danger-text);font-weight:900;cursor:pointer}.repeat-add{align-self:flex-start;min-height:40px;padding:0 14px;border:1px dashed var(--accent);border-radius:10px;background:transparent;color:var(--accent);font-weight:900;cursor:pointer}.repeat-add:hover{background:var(--accent-soft)}.stepper{display:flex;align-items:center;gap:6px;list-style:none;margin:0 0 4px;padding:0}.stepper-item{display:flex;align-items:center;gap:7px;flex:1 1 0;min-width:0;font-size:13px;font-weight:800}.stepper-item+.stepper-item:before{content:"";flex:0 0 auto;width:14px;height:2px;background:var(--line);border-radius:2px}.stepper-dot{flex:0 0 auto;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;background:var(--line);color:var(--muted)}.stepper-label{flex:1 1 auto;min-width:0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stepper-item.is-current .stepper-dot{background:var(--accent);color:#fff}.stepper-item.is-current .stepper-label{color:var(--accent-text)}.stepper-item.is-done .stepper-dot{background:var(--ok-text);color:#fff}.step-nav{display:flex;gap:10px}.step-nav .secondary{flex:0 0 34%}.step-nav .primary{flex:1 1 auto}.entry-card{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.entry-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.entry-card-head h3{margin:0;font-size:16px;font-weight:900;color:var(--accent-text)}.entry-remove{border:0;background:none;padding:0;color:var(--danger-text);font-size:13px;font-weight:800;cursor:pointer}.pair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lang-row{display:flex;align-items:center;gap:10px}.lang-row>.check-row{flex:1 1 auto;margin:0}.lang-row>input{flex:1 1 auto;min-width:0}.lang-row>select{flex:0 0 40%;max-width:160px}.sub-heading{margin:4px 0 0;font-size:15px;font-weight:800;color:var(--text)}.detail-entry{line-height:1.5}.detail-entry+.detail-entry{margin-top:6px;padding-top:6px;border-top:1px dashed var(--line)}.conditional-field{display:grid;gap:10px}.years-field{margin-top:4px;max-width:220px}.kpi-grid.kpi-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 720px){.kpi-grid.kpi-grid-3{grid-template-columns:1fr}}.detail-table{width:100%;border-collapse:collapse;font-size:14px}.detail-table th{width:38%;padding:9px 10px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);color:var(--muted);font-weight:800}.detail-table td{padding:9px 10px;vertical-align:top;border-bottom:1px solid var(--line);color:var(--text);line-height:1.5}