:root{--ink: #1b2733;--ink-2: #3d4853;--muted: #5a6672;--paper: #f6f5f1;--surface: #ffffff;--primary: #23507a;--primary-hover: #163857;--line: #c5cdd5;--line-2: #e1e5ea;--line-3: #eef1f4;--tint: #f1f4f7;--info: #eaf0f6;--placeholder: #dce3ea;--gold: #e8d3a6;--gold-ink: #3a2a0c;--gold-text: #9a6b1f;--gold-bar: #b8893b;--success: #1f6b45;--success-bg: #e6f2ea;--danger: #9b3b2e;--danger-ink: #8a2f22;--danger-bg: #fbedea;--on-dark: #dde4ea;--on-dark-muted: #c9d4de;--dark-track: #3a4856;--dark-hover: #2c3b4a;--font-sans: "IBM Plex Sans Thai", sans-serif;--font-serif: "Noto Serif Thai", serif}*{box-sizing:border-box}html,body{margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}a{color:var(--primary)}a:hover{color:var(--primary-hover)}button{font-family:inherit;cursor:pointer}button:disabled{cursor:not-allowed}input,textarea,select{font-family:inherit;color:var(--ink)}input:focus,textarea:focus,select:focus{outline:2px solid var(--primary);outline-offset:1px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.screen{height:100dvh;max-width:480px;margin:0 auto;background:var(--paper);display:flex;flex-direction:column;overflow:hidden}.screen-scroll{flex:1 1 0;min-height:0;overflow-y:auto}.screen-scroll>*{flex-shrink:0}.screen-head{padding:24px 20px 12px;display:flex;flex-direction:column;gap:4px}.screen-head--row{flex-direction:row;justify-content:space-between;align-items:center}.screen-title{margin:0;font-family:var(--font-serif);font-size:24px;font-weight:700}.screen-sub{font-size:13px;color:var(--muted)}.footer-actions{padding:16px 16px calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px}.card{background:var(--surface);border-radius:14px}.card-lg{background:var(--surface);border-radius:16px}.stack{display:flex;flex-direction:column}.row-between{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-head{display:flex;justify-content:space-between;align-items:baseline}.section-head h2{margin:0;font-size:16px;font-weight:600}.muted{color:var(--muted)}.mono{font-family:monospace}.btn{height:44px;padding:0 16px;border-radius:10px;border:0;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);color:#fff}.btn-outline{background:var(--surface);color:var(--ink);border:1px solid var(--line);font-weight:400}.btn-outline:hover{color:var(--ink);background:var(--tint)}.btn-muted{background:var(--placeholder);color:var(--ink-2)}.btn-block{width:100%;height:52px;border-radius:12px;font-size:17px}.btn-disabled{background:var(--line);color:var(--ink-2)}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:14px;font-weight:500}.field-hint{font-weight:400;color:var(--muted)}.input{height:48px;border:1px solid var(--line);border-radius:10px;padding:0 14px;font-size:16px;background:var(--surface);width:100%}.textarea{height:auto;padding:12px 14px;resize:vertical;line-height:1.5}.input-sm{height:44px;font-size:14px;padding:0 12px}.input-xs{height:40px;font-size:14px;padding:0 10px;border-radius:8px}.check-row{display:flex;align-items:flex-start;gap:12px;cursor:pointer;min-height:44px}.check-row input[type=checkbox],.checkbox{width:22px;height:22px;margin:0;accent-color:var(--primary);flex-shrink:0}.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.segmented button{height:44px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-size:14px}.segmented button[aria-pressed=true]{border-color:var(--primary);background:var(--primary);color:#fff;font-weight:600}.tier{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.tier-silver{background:#e6e9ed;color:var(--ink-2)}.tier-gold{background:var(--gold);color:var(--gold-ink)}.tier-vip{background:var(--ink);color:#fff}.bar-track{height:6px;border-radius:3px;background:var(--line-3)}.bar-fill{height:100%;border-radius:inherit}.bottom-nav{height:calc(68px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line-2);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex-shrink:0}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--muted);font-size:12px}.bottom-nav a.active{color:var(--primary);font-weight:600}.reg-hero{background:var(--ink);color:#fff;padding:28px 24px 48px;display:flex;flex-direction:column;gap:6px;flex-shrink:0}.reg-eyebrow{font-size:13px;letter-spacing:2px;color:var(--on-dark-muted)}.reg-hero h1{margin:0;font-family:var(--font-serif);font-size:28px;font-weight:700;line-height:1.3}.reg-hero p{margin:0;font-size:15px;color:var(--on-dark);line-height:1.5}.reg-body{margin-top:-32px;padding:0 16px 8px}.reg-card{padding:20px;display:flex;flex-direction:column;gap:18px;box-shadow:0 6px 24px #1b273314}.avatar{width:48px;height:48px;border-radius:24px;background:var(--placeholder);object-fit:cover;flex-shrink:0}.receipt-opt{padding:14px;border-radius:10px;background:var(--tint)}.receipt-panel{margin-top:-8px;padding:16px;border:1px solid var(--placeholder);border-radius:10px;display:flex;flex-direction:column;gap:14px}.member-card{margin:0 16px;border-radius:18px;background:var(--ink);color:#fff;padding:20px;display:flex;flex-direction:column;gap:16px}.member-points{font-family:var(--font-serif);font-size:44px;font-weight:700;line-height:1}.qr-card{margin:16px 16px 0;border-radius:18px;padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px}.qr-frame{width:189px;height:189px;padding:10px;background:#fff;border:1px solid var(--line-2);border-radius:10px}.tile-link{background:var(--surface);border-radius:14px;padding:14px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:4px;min-height:44px}.tile-link:hover{color:var(--ink)}.list-link{margin:12px 16px 0;background:var(--surface);border-radius:14px;padding:0 16px;min-height:52px;display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:var(--ink)}.list-link:hover{color:var(--ink)}.coupon{display:flex;align-items:stretch;overflow:hidden}.coupon-value{width:84px;background:var(--ink);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.coupon-code{align-self:flex-start;margin-top:4px;height:32px;padding:0 12px;border:1px dashed var(--primary);border-radius:8px;background:var(--tint);color:var(--primary);font-family:monospace;font-size:14px;font-weight:600}.list-row{padding:14px 16px;border-bottom:1px solid var(--line-3);display:flex;justify-content:space-between;align-items:center;gap:12px}.list-row:last-child{border-bottom:0}.amt{font-size:15px;font-weight:600;white-space:nowrap}.amt-plus{color:var(--success)}.amt-minus{color:var(--danger)}.stat{background:var(--surface);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:2px}.admin{min-height:100vh;display:flex;flex-wrap:wrap;align-items:stretch;background:var(--paper)}.admin-side{flex:1 1 220px;max-width:260px;background:var(--ink);color:#fff;padding:28px 16px;display:flex;flex-direction:column;gap:4px}.admin-side a{padding:12px;border-radius:10px;color:var(--on-dark);text-decoration:none;font-size:15px}.admin-side a:hover{background:var(--dark-hover);color:#fff}.admin-side a.active{background:var(--dark-hover);color:#fff;font-weight:500}.admin-main{flex:999 1 560px;min-width:0;padding:32px;display:flex;flex-direction:column;gap:24px;max-width:1180px}.panel{background:var(--surface);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:14px}.panel h2{margin:0;font-size:18px;font-weight:600}.panel-highlight{border:2px solid var(--primary)}.grid-auto{display:grid;gap:16px}.kpi-value{font-family:var(--font-serif);font-size:30px;font-weight:700;line-height:1.1}.notice{padding:12px 14px;border-radius:10px;font-size:14px}.notice-error{background:var(--danger-bg);color:var(--danger-ink)}.notice-success{background:var(--success-bg);color:var(--success);font-weight:500}.data-table{width:100%;min-width:820px;border-collapse:collapse;font-size:14px}.data-table th{padding:10px 8px;border-bottom:1px solid var(--line-2);font-weight:500;text-align:left;color:var(--muted);font-size:13px}.data-table td{padding:12px 8px;border-bottom:1px solid var(--line-3)}.auto-card{border:1px solid var(--line-2);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:10px}.preview-msg{padding:10px 12px;border-radius:8px;background:var(--tint);font-size:13px;line-height:1.5}.chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 6px 0 12px;border-radius:999px;background:var(--tint);font-size:13px}.chip button{width:28px;height:28px;border:0;border-radius:14px;background:transparent;color:var(--muted);font-size:16px}.chip-add{height:36px;padding:0 14px;border:1px dashed var(--primary);border-radius:999px;background:var(--surface);color:var(--primary);font-size:13px;font-weight:500}.state-center{flex:1 1 auto;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:14px;padding:24px;text-align:center}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--line-3);border-top-color:var(--primary);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2.4s}}.empty{padding:20px 16px;color:var(--muted);font-size:14px;text-align:center}.notice-info{background:var(--info);color:var(--ink);font-size:13px;line-height:1.5}.btn:disabled{opacity:.6}.btn-primary:disabled{background:var(--primary)}.login-card{margin:0 16px;padding:20px;display:flex;flex-direction:column;gap:16px}@media (max-width: 600px){.admin-side{max-width:none;flex-basis:100%;flex-direction:row;flex-wrap:wrap;padding:16px}.admin-main{padding:16px}}