@import url("https://fonts.googleapis.com/css2?family=Sarabun:wght@400;500;600;700;800&display=swap");:root{--primary:#13497f;--primary-dark:#19487e;--primary-soft:#dbe7f5;--primary-softer:#f2f7fc;--accent:#0693e3;--ink:#14365e;--text:#1f2937;--muted:#6b7280;--bg:#f7f8f9;--card:#ffffff;--line:#e5e7eb;--danger:#dc2626;--ok:#059669;--radius:16px;--shadow:0 1px 3px rgba(15,23,42,0.07),0 8px 24px rgba(15,23,42,0.06)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Sarabun,Noto Sans Thai,Noto Sans Myanmar,Myanmar MN,Myanmar Text,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;min-height:100vh}body>.admin-shell,body>.login-wrap,body>footer,body>header,body>main,body>section{width:100%}.login-wrap,main{flex:1 0 auto}.site-footer{flex:none;margin-top:auto}img{max-width:100%}a{color:inherit;text-decoration:none}.container{max-width:960px;margin:0 auto;padding:0 20px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.header-inner{justify-content:space-between;height:64px}.brand,.header-inner{display:flex;align-items:center}.brand{gap:10px;font-weight:700;color:var(--primary-dark);font-size:1.05rem;min-width:0}.brand-logo{display:block;width:auto;height:42px;border-radius:8px}.header-nav{display:flex;align-items:center;gap:14px}.nav-link{padding:8px 14px;border-radius:999px;font-weight:600;font-size:.92rem;color:var(--muted);transition:all .15s ease}.nav-link:hover{color:var(--primary-dark);background:var(--primary-softer)}.nav-link.active{color:var(--primary-dark);background:var(--primary-soft)}.proto-pill{font-size:.72rem;font-weight:700;letter-spacing:.03em;color:var(--accent);background:#fef3c7;border:1px solid #fde68a;padding:3px 10px;border-radius:999px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:700;padding:12px 26px;border-radius:12px;transition:all .15s ease}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 6px 16px rgba(15,118,110,.28)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-primary:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed;transform:none}.btn-ghost{background:transparent;color:var(--muted);border:1.5px solid var(--line)}.btn-ghost:hover{border-color:var(--primary);color:var(--primary-dark)}.btn-sm{padding:6px 14px;font-size:.85rem;border-radius:9px}.hero{background:linear-gradient(160deg,var(--primary-softer) 0,#ffffff 70%);padding:56px 0 40px;text-align:center}.hero-eyebrow{display:inline-block;background:var(--primary-soft);color:var(--primary-dark);font-weight:700;font-size:.85rem;padding:6px 16px;border-radius:999px;margin-bottom:16px}.hero h1{font-size:clamp(1.7rem,4vw,2.6rem);font-weight:800;color:var(--ink);margin:0 0 12px}.hero p{color:var(--muted);font-size:1.08rem;max-width:560px;margin:0 auto 28px}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.section-title{font-size:1.35rem;font-weight:800;color:var(--ink);margin:40px 0 6px}.section-sub{color:var(--muted);margin:0 0 20px}.service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:18px;gap:18px;margin-bottom:40px}.service-card{background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:8px;transition:all .18s ease;box-shadow:var(--shadow)}.service-card:hover{border-color:var(--primary);transform:translateY(-3px)}.service-icon{width:52px;height:52px;border-radius:14px;background:var(--primary-softer);border:1px solid var(--primary-soft);display:grid;place-items:center;font-size:26px}.service-card h3{margin:4px 0 0;font-size:1.12rem;color:var(--ink)}.service-card p{margin:0;color:var(--muted);font-size:.92rem;flex:1 1}.service-cta{margin-top:10px;color:var(--primary);font-weight:700;font-size:.95rem}.steps-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:18px;gap:18px;padding-bottom:48px}.step-card{background:var(--card);border-radius:var(--radius);border:1px solid var(--line);padding:20px;display:flex;gap:14px;align-items:flex-start}.step-num{flex:none;width:34px;height:34px;border-radius:50%;background:var(--primary);color:#fff;font-weight:800;display:grid;place-items:center}.step-card h4{margin:2px 0 4px;color:var(--ink)}.step-card p{margin:0}.site-footer,.step-card p{color:var(--muted);font-size:.9rem}.site-footer{border-top:1px solid var(--line);background:#fff;padding:26px 0;text-align:center}.footer-meta{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:6px}.footer-name{font-weight:700;color:var(--ink)}.footer-links{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.footer-links a{color:var(--primary);font-weight:600}.footer-links a:hover{text-decoration:underline}.footer-sep{color:var(--line)}.wizard-head{padding:28px 0 8px}.wizard-head h1{font-size:1.5rem;color:var(--ink);margin:0 0 4px}.wizard-head p{margin:0 0 18px;color:var(--muted)}.progress-steps{margin:14px 0 26px}.progress-steps,.pstep{display:flex;align-items:center}.pstep{gap:8px;color:var(--muted);font-size:.9rem;font-weight:600;white-space:nowrap}.pstep .dot{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e2e8f0;color:#64748b;font-weight:800;font-size:.9rem}.pstep.active{color:var(--primary-dark)}.pstep.active .dot{background:var(--primary);color:#fff}.pstep.done .dot{background:var(--primary-soft);color:var(--primary-dark)}.pstep-line{flex:1 1;height:2px;background:#e2e8f0;margin:0 10px;min-width:20px}.wizard-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px;margin-bottom:20px}.wizard-card h2{margin:0 0 4px;font-size:1.15rem;color:var(--ink)}.wizard-card .hint{margin:0 0 18px;color:var(--muted);font-size:.92rem}.wizard-nav{display:flex;justify-content:space-between;gap:12px;padding-bottom:48px}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-gap:14px;gap:14px}.pick-card{border:2px solid var(--line);border-radius:14px;background:#fff;padding:16px;cursor:pointer;display:flex;gap:12px;align-items:flex-start;transition:all .15s ease;font-family:inherit;text-align:left}.pick-card.selected,.pick-card:hover{border-color:var(--primary)}.pick-card.selected{background:var(--primary-softer);box-shadow:0 0 0 3px var(--primary-soft)}.pick-card .pi{font-size:24px}.pick-card h4{margin:0;font-size:1rem;color:var(--ink)}.pick-card span.d{display:block;color:var(--muted);font-size:.82rem}.item-row{margin-top:20px}.item-row label{display:block;font-weight:700;margin-bottom:8px;color:var(--ink)}.form-input,.form-select,.item-select{width:100%;font-family:inherit;font-size:1rem;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:#fff;color:var(--text)}.form-input:focus,.form-select:focus,.item-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.item-price{color:var(--primary-dark);font-weight:700;margin-top:6px}.date-pick{margin-bottom:18px}.date-pick label{display:block;font-weight:700;color:var(--ink);margin-bottom:8px}.date-input-lg{width:100%;max-width:340px;font-size:1.05rem;padding:12px 14px;color:var(--ink)}.date-pick .hint{display:block;margin-top:6px}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:10px;gap:10px;margin-top:14px}.slot-btn{border:2px solid var(--line);border-radius:12px;background:#fff;padding:10px 8px;cursor:pointer;font-family:inherit;text-align:center;transition:all .15s ease}.slot-btn .t{display:block;font-weight:800;font-size:1.02rem;color:var(--ink)}.slot-btn .r{display:block;font-size:.75rem;color:var(--muted);margin-top:2px}.slot-btn.selected,.slot-btn:hover{border-color:var(--primary)}.slot-btn.selected{background:var(--primary-soft)}.slot-btn.selected .t{color:var(--primary-dark)}.slot-btn:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.65}.slot-btn:disabled .t{color:#94a3b8;text-decoration:line-through}.summary-box{margin-top:22px;background:var(--primary-softer);border:1.5px dashed var(--primary);border-radius:14px;padding:14px 18px;color:var(--primary-dark);font-weight:600;display:none}.summary-box.show{display:block}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px 18px;gap:16px 18px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field.full{grid-column:1/-1}.form-field label{font-weight:700;font-size:.92rem;color:var(--ink)}.form-field .err{color:var(--danger);font-size:.8rem;display:none}.form-field.invalid .form-input,.form-field.invalid .form-select{border-color:var(--danger)}.form-field.invalid .err{display:block}.review-box{background:#fffbeb;border:1px solid #fde68a;border-radius:14px;padding:16px 18px;margin-bottom:20px}.review-box h3{margin:0 0 8px;font-size:1rem;color:#92400e}.review-box ul{margin:0;padding-left:20px;color:#78350f}.review-box li{margin:3px 0}.success-wrap{max-width:560px;margin:0 auto;padding:48px 20px 60px;text-align:center}.success-icon{width:84px;height:84px;margin:0 auto 18px;border-radius:50%;background:#d1fae5;display:grid;place-items:center;font-size:42px}.success-wrap h1{color:var(--ink);margin:0 0 8px}.success-wrap p.lead{color:var(--muted);margin:0 0 24px}.booking-card{background:var(--card);border:1.5px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;text-align:left;margin-bottom:20px}.booking-code{font-size:1.5rem;font-weight:800;letter-spacing:.04em;color:var(--primary-dark);background:var(--primary-softer);border-radius:12px;padding:10px;text-align:center;margin-bottom:16px}.booking-rows{display:flex;flex-direction:column;gap:8px}.booking-rows .row{display:flex;justify-content:space-between;gap:16px;border-bottom:1px dashed var(--line);padding-bottom:8px}.booking-rows .row:last-child{border-bottom:none}.booking-rows .k{color:var(--muted)}.booking-rows .v{font-weight:700;text-align:right;color:var(--ink)}.notice-box{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;border-radius:12px;padding:12px 16px;font-size:.9rem;margin-bottom:22px;text-align:left}.success-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.admin-wrap{padding:28px 0 60px}.admin-top{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:22px}.admin-top h1{font-size:1.4rem;color:var(--ink);margin:0}.admin-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.date-input{font-family:inherit;font-size:.98rem;padding:9px 12px;border:1.5px solid var(--line);border-radius:10px;background:#fff}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:14px;gap:14px;margin-bottom:24px}.stat-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px}.stat-card .num{font-size:1.7rem;font-weight:800;color:var(--ink);line-height:1.2}.stat-card .lbl{color:var(--muted);font-size:.88rem}.stat-card.c-pending .num{color:var(--accent)}.stat-card.c-confirmed .num{color:var(--ok)}.stat-card.c-cancelled .num{color:var(--danger)}.stat-card.c-online .num{color:#1d4ed8}.stat-card.c-walkin .num{color:#a16207}.stat-card.c-agency .num{color:#7e22ce}.table-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.table-scroll{overflow-x:auto}table.booking-table{width:100%;border-collapse:collapse;min-width:760px}.booking-table th{text-align:left;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#f8fafc;white-space:nowrap}.booking-table td,.booking-table th{padding:12px 16px;border-bottom:1px solid var(--line)}.booking-table td{vertical-align:middle;font-size:.95rem}.booking-table tr:last-child td{border-bottom:none}.booking-table tr:hover td{background:var(--primary-softer)}.booking-table tr.tr-click{cursor:pointer}.td-time{font-weight:800;color:var(--primary-dark);white-space:nowrap}.td-name b{display:block;color:var(--ink)}.td-name span{color:var(--muted);font-size:.85rem}.td-sub{color:var(--muted);font-size:.88rem;display:block}.detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:0 0 14px}.detail-name{font-size:1.25rem;font-weight:800;color:var(--ink);line-height:1.3}.detail-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px 12px;gap:10px 12px;margin:0 0 8px}.detail-grid>div{background:var(--primary-softer);border-radius:10px;padding:10px 12px}.detail-grid dt{font-size:.78rem;color:var(--muted)}.detail-grid dd{margin:3px 0 0;font-weight:600;color:var(--ink);word-break:break-word}.detail-grid dd a{color:var(--primary-dark)}@media (max-width:560px){.detail-grid{grid-template-columns:1fr}}.rep-toolbar{justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;margin-bottom:14px}.rep-range,.rep-toolbar{display:flex;flex-wrap:wrap}.rep-range{gap:6px}.rep-range-btn{border:1px solid var(--line);background:#fff;color:var(--muted);font-family:inherit;font-size:.85rem;font-weight:700;padding:7px 14px;border-radius:999px;cursor:pointer}.rep-range-btn.on,.rep-range-btn:hover{border-color:var(--primary);color:var(--primary-dark)}.rep-range-btn.on{background:var(--primary-soft)}.rep-range-sep{align-self:center;color:var(--muted);font-size:.8rem;font-weight:600}.rep-date-input{border:1px solid var(--line);background:#fff;color:var(--ink);font-family:inherit;font-size:.85rem;padding:6px 10px;border-radius:999px}.rep-date-input:focus{outline:none;border-color:var(--primary)}.rep-two{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-bottom:14px;align-items:start}.rep-card{padding:16px 18px}.rep-card h3{margin:0 0 12px;font-size:.98rem;color:var(--ink)}.rep-hover-info{min-height:22px;margin:-4px 0 10px;font-size:.85rem;color:var(--primary-dark);display:flex;align-items:center;flex-wrap:wrap}.rep-tip{position:fixed;z-index:60;pointer-events:none;background:var(--ink);color:#fff;border-radius:10px;padding:8px 12px;font-size:.8rem;line-height:1.55;max-width:280px;box-shadow:0 4px 16px rgba(0,0,0,.25)}.rep-tip b{display:block;margin-bottom:2px}.rep-sub{font-size:.78rem;color:var(--muted);font-weight:400}.rep-bars{display:flex;align-items:flex-end;gap:2px;height:150px}.rep-bars-slot{height:110px;gap:6px}.rep-bar-col{flex:1 1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end}.rep-bar{border-radius:3px 3px 0 0;overflow:hidden;display:flex;flex-direction:column-reverse;background:var(--line);min-height:3px}.rep-bar,.rep-bar>div{width:100%}.rep-bar-lbl{font-size:.62rem;color:var(--muted);text-align:center;margin-top:4px;white-space:nowrap;pointer-events:none}.rep-axis{display:flex;margin-top:4px}.rep-axis span{flex:1 1;min-width:0;text-align:center;font-size:.62rem;color:var(--muted);white-space:nowrap;overflow:hidden}.rep-donut-wrap{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.rep-donut{width:150px;height:150px;flex-shrink:0}.rep-donut-num{font-size:1.35rem;font-weight:800;fill:var(--ink)}.rep-donut-lbl{font-size:.65rem;fill:var(--muted)}.rep-legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:.82rem;color:var(--ink)}.rep-legend-col{flex-direction:column;gap:8px;margin-top:0}.rep-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.rep-hrow{display:grid;grid-template-columns:130px 1fr auto;grid-gap:10px;gap:10px;align-items:center;margin-bottom:9px}.rep-hname{font-size:.85rem;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rep-hbar{height:10px;border-radius:999px;background:var(--primary-softer);overflow:hidden}.rep-hbar>div{height:100%;border-radius:999px;background:var(--primary)}.rep-hval{font-size:.82rem;color:var(--muted);white-space:nowrap}.rep-hval b{color:var(--ink)}@media (max-width:980px){.rep-two{grid-template-columns:1fr}.rep-bars{height:110px}.rep-hrow{grid-template-columns:110px 1fr auto}}.lang-switch{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;margin-right:10px}.lang-btn{border:none;background:#fff;color:var(--muted);font-family:inherit;font-size:.8rem;font-weight:700;padding:5px 12px;cursor:pointer}.lang-btn+.lang-btn{border-left:1px solid var(--line)}.lang-btn.on{background:var(--primary);color:#fff}.cal-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:14px}.cal-month-label{font-weight:800;font-size:1.05rem;color:var(--ink);min-width:150px;text-align:center}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-gap:6px;gap:6px}.cal-dow{text-align:center;font-weight:700;color:var(--muted);font-size:.85rem;padding:2px 0}.cal-cell{border:1px solid var(--line);border-radius:10px;min-height:88px;padding:6px 7px;background:#fff;cursor:pointer;display:flex;flex-direction:column;gap:5px}.cal-cell:hover{border-color:var(--primary)}.cal-cell.out{opacity:.4;background:#fafafa}.cal-cell.past{opacity:.45;cursor:default;background:#fafafa}.cal-cell.today{border-color:var(--primary);box-shadow:inset 0 0 0 2px var(--primary-soft)}.cal-date{font-weight:700;font-size:.9rem;color:var(--ink)}.cal-chips{display:flex;flex-wrap:wrap;gap:4px}.cal-chip{font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:999px;white-space:nowrap}.cal-chip.free{background:#dcfce7;color:#166534}.cal-chip.few{background:#fef3c7;color:#92400e}.cal-chip.full{background:#fee2e2;color:#991b1b}.cal-chip.closed{background:#f3f4f6;color:#9ca3af}@media (max-width:720px){.cal-cell{min-height:60px;padding:4px 5px}.cal-date{font-size:.78rem}.cal-chip{font-size:.68rem;padding:1px 5px}}.badge{display:inline-block;padding:4px 12px;border-radius:999px;font-size:.8rem;font-weight:700;white-space:nowrap}.badge-pending{background:#fef3c7;color:#92400e}.badge-confirmed{background:#d1fae5;color:#065f46}.badge-cancelled{background:#fee2e2;color:#991b1b}.role-admin{background:#dbeafe;color:#1e40af}.role-sale{background:#ffedd5;color:#9a3412}.role-cs{background:#ede9fe;color:#5b21b6}.ch-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:700;white-space:nowrap}.ch-online{background:#dbeafe;color:#1d4ed8}.ch-walkin{background:#fef9c3;color:#a16207}.ch-agency{background:#f3e8ff;color:#7e22ce}.admin-shell{display:flex;min-height:100vh;align-items:stretch}.admin-sidebar{width:262px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:4px;padding:16px 12px;background:linear-gradient(180deg,#13497f,#0d3a66);color:#fff;overflow-y:auto}.side-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 14px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.18);font-size:.95rem;line-height:1.35}.side-brand .brand-logo{display:grid;place-items:center;flex:none;background:#fff;border-radius:10px;padding:6px 8px;box-shadow:0 1px 4px rgba(0,0,0,.18)}.side-brand .brand-logo img{display:block;height:24px;width:auto}.side-brand .si-sub{display:block;font-size:.74rem;opacity:.65;font-weight:500}.side-nav{display:flex;flex-direction:column;gap:4px}.side-item{display:flex;align-items:center;gap:10px;border:none;background:transparent;color:rgba(255,255,255,.78);font-family:inherit;font-weight:700;font-size:.92rem;text-align:left;padding:10px 12px;border-radius:10px;cursor:pointer;transition:all .15s ease}.side-item:hover{background:rgba(255,255,255,.1);color:#fff}.side-item.active{background:#fff;color:var(--primary-dark)}.side-item{position:relative}.side-item .si-ico{font-size:1.15rem}.side-badge{position:absolute;top:5px;right:7px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:#dc2626;color:#fff;font-size:.72rem;font-weight:800;line-height:1;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px rgba(26,35,48,.9)}.side-item.active .side-badge{box-shadow:0 0 0 2px #fff}.side-item .si-sub{display:block;font-size:.75rem;font-weight:500;opacity:.6;margin-top:2px}.side-item.active .si-sub{opacity:1;color:rgba(0,0,0,.55)}.side-sep{height:3px;border-radius:3px;background:linear-gradient(90deg,#0693e3 30%,rgba(255,255,255,.15) 70%);margin:10px 6px}.side-actions{display:flex;flex-direction:column;gap:8px;padding:0 2px}.side-btn{width:100%;text-align:left;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:10px 12px;font-family:inherit;font-weight:700;font-size:.9rem;cursor:pointer;transition:background .15s ease}.side-btn:hover{background:rgba(255,255,255,.24)}.side-user{margin-top:auto;padding:12px 8px 4px;border-top:1px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:space-between;gap:8px}.side-who{font-size:.88rem;line-height:1.35}.side-logout{background:none;border:none;color:rgba(255,255,255,.8);cursor:pointer;font-family:inherit;font-size:.82rem;padding:6px 8px;border-radius:8px;white-space:nowrap}.side-logout:hover{background:rgba(255,255,255,.12);color:#fff}.admin-main{flex:1 1;min-width:0;padding:20px 26px 60px}.admin-content{min-width:0}@media (max-width:920px){.admin-shell{flex-direction:column}.admin-sidebar{position:static;width:100%;height:auto}.side-brand{border-bottom:none;margin-bottom:0;padding-bottom:8px}.side-nav{flex-direction:row;overflow-x:auto}.side-item{white-space:nowrap}.side-item .si-sub{display:none}.side-actions{flex-direction:row;flex-wrap:wrap}.side-btn{width:auto}.side-user{margin-top:0}.admin-main{padding:12px 14px 40px}}.btn-walkin{background:var(--accent);color:#fff;box-shadow:0 4px 12px rgba(245,158,11,.35)}.btn-walkin:hover{background:#d97706;transform:translateY(-1px)}.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);display:none;align-items:center;justify-content:center;z-index:100;padding:16px}.modal-overlay.show{display:flex}.modal-box{background:#fff;border-radius:18px;box-shadow:0 24px 60px rgba(15,23,42,.25);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;padding:24px}.modal-box h2{margin:0 0 2px;font-size:1.15rem;color:var(--ink)}.modal-box .hint{margin:0 0 16px;color:var(--muted);font-size:.9rem}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.upcoming-list{display:flex;flex-direction:column;gap:10px}.upcoming-item{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px 16px;flex-wrap:wrap}.upcoming-item .when{font-weight:800;color:var(--primary-dark);white-space:nowrap;min-width:118px}.upcoming-item .who{flex:1 1;min-width:160px}.upcoming-item .who b{display:block;color:var(--ink)}.upcoming-item .who span{color:var(--muted);font-size:.85rem}.btn-called{background:#d1fae5;color:#065f46;border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:.82rem;padding:7px 14px;border-radius:999px;white-space:nowrap}.btn-called.done{background:#ecfdf5;color:#64748b;cursor:default}.call-opts{display:grid;grid-gap:10px;gap:10px;margin:16px 0 4px}.call-opt{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border-radius:12px;border:1.5px solid var(--line);background:#fff;cursor:pointer;text-align:left;font-family:inherit;font-size:.98rem}.call-opt:hover:not(:disabled){border-color:var(--primary);background:#f0f7ff}.call-opt:disabled{opacity:.55;cursor:default}.call-opt .co-ico{font-size:1.25rem;flex-shrink:0}.call-opt .co-sub{display:block;font-size:.82rem;color:var(--muted);margin-top:2px}.call-opt.co-danger:hover:not(:disabled){border-color:var(--danger);background:#fff5f5}.mini-table{width:100%;border-collapse:collapse}.mini-table th{text-align:left;font-size:.8rem;color:var(--muted);padding:10px 14px;white-space:nowrap}.mini-table td,.mini-table th{border-bottom:1px solid var(--line)}.mini-table td{padding:11px 14px;font-size:.95rem}.mini-table tr:last-child td{border-bottom:none}.row-actions{display:flex;gap:8px}.btn-confirm{background:var(--primary-soft);color:var(--primary-dark);border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:.82rem;padding:6px 12px;border-radius:8px}.btn-confirm:hover{background:#dbe7f5}.btn-cancel-row{background:#fee2e2;color:#991b1b;border:none;cursor:pointer;font-family:inherit;font-weight:700;font-size:.82rem;padding:6px 12px;border-radius:8px}.btn-cancel-row:hover{background:#fecaca}.empty-state{padding:48px 20px;text-align:center;color:var(--muted)}@media (max-width:640px){.form-grid{grid-template-columns:1fr}.wizard-card{padding:18px}.pstep .pstep-text{display:none}.hero{padding:40px 0 28px}.admin-top{flex-direction:column;align-items:stretch}}@media (max-width:560px){.proto-pill{display:none}.brand{font-size:.95rem;gap:8px}.brand-logo{height:30px}.header-inner{height:58px;gap:8px}.nav-link{padding:7px 10px;font-size:.85rem}.header-nav{gap:8px}}.modal-box.svc-editor{max-width:600px}.icon-picks{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.icon-chip{font-size:1.15rem;line-height:1;padding:7px 9px;border-radius:10px;border:1px solid var(--line);background:#fff;cursor:pointer}.icon-chip.sel,.icon-chip:hover{border-color:var(--primary)}.icon-chip.sel{background:var(--primary-soft)}.day-chips{display:flex;flex-wrap:wrap;gap:8px}.day-chip{min-width:44px;padding:8px 10px;font-weight:700;font-size:.92rem;text-align:center;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--muted);cursor:pointer}.day-chip.sel,.day-chip:hover{border-color:var(--primary)}.day-chip.sel{background:var(--primary-soft);color:var(--primary-dark)}.svc-item-row{display:grid;grid-template-columns:1fr 1fr 36px;grid-gap:8px;gap:8px;align-items:center;margin-bottom:8px}.svc-item-row .si-en{font-size:.9rem}.btn-remove-item{background:#fee2e2;color:#991b1b;border:none;cursor:pointer;font-weight:700;border-radius:8px;height:38px}.btn-remove-item:hover{background:#fecaca}#svItemsErr{display:none}@media (max-width:560px){.svc-item-row{grid-template-columns:1fr 32px}.svc-item-row .si-en{display:none}}.slot-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.slot-admin-chip{display:inline-flex;align-items:center;gap:8px;background:var(--primary-soft);font-weight:700;border-radius:999px;padding:7px 8px 7px 14px}.chip-x,.slot-admin-chip{color:var(--primary-dark)}.chip-x{background:rgba(13,148,136,.15);border:none;border-radius:50%;width:22px;height:22px;line-height:1;cursor:pointer;font-size:.75rem}.chip-x:hover{background:#fecaca;color:#991b1b}.slot-add{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.time-input{border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-family:inherit;font-size:.95rem}textarea.form-input{font-family:inherit;min-height:130px;resize:vertical;line-height:1.6}select.date-input{cursor:pointer}.whoami{font-size:.85rem;color:var(--muted);font-weight:700}.search-input{min-width:190px}.err-box{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:12px;padding:12px 16px;margin-bottom:14px;font-weight:600}.consent-box{display:flex;gap:10px;align-items:flex-start;font-size:.85rem;color:var(--ink);line-height:1.55}.consent-box input{margin-top:3px;width:18px;height:18px}.td-qno b{font-size:1.05rem;color:var(--primary-dark)}.audit-list{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto}.audit-item{display:grid;grid-template-columns:110px 90px 130px 1fr;grid-gap:8px;gap:8px;font-size:.85rem;padding:6px 4px;border-bottom:1px dashed var(--line)}.audit-item .a-at{color:var(--muted)}.audit-item .a-user{font-weight:700;color:var(--primary-dark)}.audit-item .a-act{font-weight:600}.audit-item .a-det{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audit-list.page{max-height:none;overflow:visible}.log-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:0 0 10px;font-size:.85rem;font-weight:600;color:var(--muted)}.log-clear{border:none;background:none;padding:3px 8px;border-radius:8px;color:var(--primary);font-size:.85rem;font-weight:700;cursor:pointer}.log-clear:hover{background:rgba(37,99,235,.1)}.login-body{background:var(--bg,#f1f5f9)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{background:#fff;border-radius:20px;box-shadow:0 24px 60px rgba(15,23,42,.15);padding:34px 30px;width:100%;max-width:380px}.login-logo{text-align:center}.login-logo img{display:inline-block;width:auto;height:52px}.login-card h1{text-align:center;font-size:1.25rem;margin:6px 0 2px;color:var(--ink)}.login-card .hint{text-align:center;margin-bottom:18px}.login-card .form-field{margin-bottom:16px}.login-card .btn{margin-top:6px}.login-card .form-field .err{text-align:left;margin-top:2px}.success-card{text-align:center;max-width:480px;margin:30px auto}.ok-emoji{font-size:56px}.keep-banner{background:#fef3c7;color:#92400e;border:1px solid #fcd34d;border-radius:12px;padding:10px 14px;font-size:.88rem;line-height:1.5;margin:0 0 14px;text-align:left}.copy-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:4px}.lookup-box{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;background:rgba(255,255,255,.92);border-radius:999px;padding:8px 8px 8px 16px;margin-top:18px}.lookup-label{font-size:.85rem;font-weight:700;color:var(--primary-dark);white-space:nowrap}.lookup-input{border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-family:inherit;font-size:.9rem;min-width:220px;outline:none}.lookup-input:focus{border-color:var(--primary)}.code-box{background:var(--primary-soft,#e0f2f1);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:6px;align-items:center;margin-top:14px}.qno-big{font-size:1.9rem;font-weight:900;color:var(--primary-dark)}.svc-line{font-weight:700;font-size:1.1rem}.dt-line,.svc-line{color:var(--ink)}.ref{font-size:.95rem;color:var(--muted)}.ref b{color:var(--ink);letter-spacing:.5px}body.embed{background:transparent}body.embed .site-footer,body.embed .site-header{display:none!important}body.embed .wizard-head h1{font-size:1.35rem}body.embed .wizard-card{box-shadow:none;border:1px solid var(--line)}.import-steps{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:4px}.import-steps input[type=file]{flex:1 1;min-width:240px;font-size:.88rem;padding:8px 10px}.imp-summary{margin:12px 0 8px;font-size:.92rem;color:var(--ink)}.imp-table{max-height:320px;overflow-y:auto;border:1px solid var(--line);border-radius:10px}.imp-table .mini-table td{padding:8px 12px;font-size:.88rem}.imp-err{display:block;margin-top:2px;color:var(--danger);font-size:.8rem}.pager{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:12px 4px 4px}.pg-info{color:var(--muted);font-size:.88rem}.pg-controls{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.pg-btn{min-width:30px;height:30px;padding:0 8px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:.88rem;cursor:pointer}.pg-btn:hover:not(:disabled):not(.cur){border-color:var(--primary);color:var(--primary)}.pg-btn.cur{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:700}.pg-btn:disabled{opacity:.4;cursor:default}.pg-gap{color:var(--muted);padding:0 2px}.pg-size{height:30px;border:1px solid var(--line);border-radius:8px;padding:0 6px;background:#fff;font-size:.88rem}.pg-per{margin-left:2px}.pg-per,.td-seq{color:var(--muted);font-size:.82rem}.td-seq{white-space:nowrap}.date-mode{display:flex;border:1.5px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;flex-shrink:0}.dm-btn{border:none;background:transparent;padding:8px 13px;font-family:inherit;font-size:.85rem;font-weight:700;color:var(--muted);cursor:pointer;transition:all .15s ease}.dm-btn:hover{color:var(--primary-dark)}.dm-btn.active{background:var(--primary);color:#fff}.range-sep{align-self:center;color:var(--muted);font-size:.85rem;font-weight:600}.ch-callback{background:#fff7ed;color:#9a3412}.pdpa-link{background:none;border:none;padding:2px 0;color:var(--primary);font-family:inherit;font-size:.85rem;font-weight:700;text-decoration:underline;cursor:pointer}.pdpa-link:hover{color:var(--primary-dark)}.pdpa-modal{max-width:560px}.pdpa-body{color:var(--text);font-size:.9rem;line-height:1.65}.pdpa-body p{margin:0 0 10px}.batch-people{display:flex;flex-direction:column;gap:8px}.batch-person{display:grid;grid-template-columns:26px 1.15fr 1fr 30px;grid-gap:8px;gap:8px;align-items:center}.bp-num{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--primary-soft,#eef2ff);color:var(--primary-dark,#3730a3);font-size:.8rem;font-weight:700}.bp-del{border:none;background:none;color:var(--muted);font-size:1rem;cursor:pointer;padding:4px}.bp-del:hover{color:#c0392b}.bp-add{align-self:flex-start}@media (max-width:560px){.batch-person{grid-template-columns:26px 1fr 30px}.batch-person .form-input:nth-of-type(2){grid-column:2/span 1}}.upcoming-item .who-click{cursor:pointer}.upcoming-item .who-click:hover b{text-decoration:underline}.td-name-click{cursor:pointer}.td-name-click:hover b{text-decoration:underline}