:root{--color-action:#1769d2;--color-action-dark:#0f4fa6;--color-success:#176a3a;--color-warning:#795300;--color-danger:#a82020;--color-text:#172033;--color-muted:#607087;--color-border:#d9e1ea;--color-surface:#ffffff;--color-canvas:#f4f7fa;--radius:14px;--shadow:0 4px 18px rgba(23,32,51,0.08);--focus-ring:#8abdf8;--bottom-nav-height:72px}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--color-text);background:var(--color-canvas);font:400 16px/1.6 Tahoma,Noto Sans Thai,sans-serif}button,input,select,textarea{font:inherit}a{color:var(--color-action)}.skip-link{position:absolute;left:1rem;top:-100px;z-index:1000;padding:.75rem 1rem;border-radius:10px;background:var(--color-surface);color:var(--color-text);text-decoration:none;box-shadow:var(--shadow)}.skip-link:focus{top:1rem}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow)}.app-header-inner{max-width:1100px;margin:0 auto;padding:.85rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;flex-direction:column;gap:.1rem;text-decoration:none;color:inherit}.brand-name{font-size:1.2rem;font-weight:700;line-height:1.2}.brand-meta{color:var(--color-muted);font-size:.9rem}.top-nav{display:none;gap:.35rem;align-items:center}.top-nav a{display:inline-flex;align-items:center;min-height:48px;padding:0 .9rem;border-radius:10px;text-decoration:none;color:var(--color-text);font-weight:600}.top-nav a[aria-current=page]{background:#e8f1fc;color:var(--color-action-dark)}.header-actions{display:flex;align-items:center;gap:.75rem}.header-email{display:none;color:var(--color-muted);font-size:.95rem}.app-main{flex:1 1;width:100%;max-width:1100px;margin:0 auto;padding:1.25rem 1.25rem calc(var(--bottom-nav-height) + 1.5rem)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(4,1fr);min-height:var(--bottom-nav-height);background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -4px 18px rgba(23,32,51,.08)}.bottom-nav a{display:flex;align-items:center;justify-content:center;text-align:center;padding:.55rem .35rem;text-decoration:none;color:var(--color-muted);font-size:.92rem;font-weight:700;line-height:1.2}.bottom-nav a[aria-current=page]{color:var(--color-action-dark);background:#eef5fd}.page{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem}.page>.empty-state,.page>.notice,.page>.panel,.page>.responsive-list,.page>.stack,.page>.summary-grid,.page>form,.page>table{width:100%;align-self:stretch}.page-header{display:flex;flex-direction:column;gap:.45rem}.page-eyebrow{margin:0;color:var(--color-action-dark);font-size:.95rem;font-weight:700}.page-title{margin:0;font-size:clamp(1.6rem,3vw,2rem);line-height:1.25}.page-description{margin:0;color:var(--color-muted);max-width:40rem}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.15rem 1.2rem}.panel-muted{background:#f8fbfe}.summary-grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:1fr}.summary-value{margin:.2rem 0 0;font-size:2rem;font-weight:700;line-height:1.1}.summary-label{margin:0;color:var(--color-muted);font-weight:600}.empty-state{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.empty-state h2,.empty-state p{margin:0}.empty-state p{color:var(--color-muted);max-width:36rem}.notice{border-radius:12px;border:1px solid var(--color-border);padding:.9rem 1rem;background:var(--color-surface)}.notice-success{border-color:#b7dfc5;background:#edf8f1;color:var(--color-success)}.notice-warning{border-color:#efd69a;background:#fff8e8;color:var(--color-warning)}.notice-danger{border-color:#efb4b4;background:#fff1f1;color:var(--color-danger)}.notice-info{border-color:#b7d4f5;background:#eef5fd;color:var(--color-action-dark)}.button,.field input,.field select,.field textarea{min-height:48px}.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.75rem 1.2rem;border:1px solid transparent;border-radius:10px;font-weight:700;text-decoration:none;cursor:pointer}.button:disabled{opacity:.65;cursor:not-allowed}.button-primary{color:#fff;background:var(--color-action)}.button-primary:hover:not(:disabled){background:var(--color-action-dark)}.button-secondary{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border)}.button-large{min-height:56px;padding-inline:1.4rem;font-size:1.05rem}.button-block{width:100%}.field{display:flex;flex-direction:column;gap:.4rem}.field label{font-weight:700}.field input,.field select,.field textarea{width:100%;padding:.7rem .85rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-text)}.field textarea{min-height:120px;resize:vertical}.field-error{margin:0;color:var(--color-danger);font-size:.95rem}.status{display:inline-flex;align-items:center;min-height:2rem;padding:.2rem .7rem;border-radius:999px;border:1px solid;font-size:.95rem;font-weight:700;line-height:1.2}.status-neutral{color:var(--color-muted);background:#eef2f6}.status-warning{color:var(--color-warning);background:#fff6df}.status-success{color:var(--color-success);background:#e8f7ee}.status-danger{color:var(--color-danger);background:#fdeeee}.stack{display:flex;flex-direction:column;gap:.85rem}.stack-tight{gap:.45rem}.muted{color:var(--color-muted)}.responsive-list{width:100%;border-collapse:collapse}.responsive-list td,.responsive-list th{padding:.85rem .75rem;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:top}.responsive-list th{color:var(--color-muted);font-size:.92rem;font-weight:700}.responsive-list a{font-weight:700;text-decoration:none}.button:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.public-payment-page{min-height:100vh;padding:1.5rem 1rem;background:var(--color-canvas)}.public-payment-shell{width:min(100%,32rem);margin:0 auto;display:flex;flex-direction:column;gap:1rem}.public-payment-help,.public-payment-order,.public-payment-shell h1,.public-payment-summary p,.public-payment-summary strong{margin:0}.public-payment-shell h1{font-size:clamp(1.8rem,6vw,2.5rem)}.public-payment-help,.public-payment-order{color:var(--color-muted)}.public-payment-summary{display:flex;flex-direction:column;justify-content:space-between;gap:1rem;align-items:stretch;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius)}.public-payment-summary strong{color:var(--color-action-dark);font-size:1.35rem;white-space:nowrap}.public-payment-card{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.public-payment-card h2{width:100%;margin:0;font-size:1.2rem}.public-payment-qr{display:block;width:min(100%,280px);height:auto;aspect-ratio:1;image-rendering:pixelated;border:1px solid var(--color-border);background:#fff}.public-payment-countdown{color:var(--color-warning)}@media (min-width:720px){.public-payment-page{padding:3rem 1.5rem}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:719px){.responsive-list,.responsive-list tbody,.responsive-list td,.responsive-list th,.responsive-list thead,.responsive-list tr{display:block;width:100%}.responsive-list thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.responsive-list tr{margin-bottom:.85rem;padding:.85rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow)}.responsive-list td{border:0;padding:.35rem 0}.responsive-list td:before{content:attr(data-label);display:block;margin-bottom:.15rem;color:var(--color-muted);font-size:.9rem;font-weight:700}}@media (min-width:768px){.top-nav{display:flex}.header-email{display:inline}.bottom-nav{display:none}.app-main{padding-bottom:2rem}}@media (max-width:767px){.button-large{width:100%}.header-actions .button{min-height:44px;padding-inline:.85rem}}.wizard-title{font-size:1.35rem}.button-row{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.service-item-row,.worker-row{min-width:0;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius)}.service-item-row{display:grid;grid-template-columns:minmax(12rem,2fr) minmax(7rem,.7fr) minmax(9rem,1fr) minmax(9rem,1fr) auto;grid-gap:.75rem;gap:.75rem;align-items:end}.service-item-row legend,.worker-row legend{padding-inline:.35rem;font-weight:700}.service-item-row output{display:flex;min-height:48px;align-items:center;font-weight:700}.service-item-total{padding:1rem;color:var(--color-text);background:var(--color-canvas);border-radius:var(--radius);font-size:1.35rem;font-weight:700}.worker-row{display:grid;grid-template-columns:minmax(12rem,1fr) auto;grid-gap:.75rem;gap:.75rem;align-items:end}.review-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;gap:1rem;margin:0}.review-details div{min-width:0}.review-details dt{color:var(--color-muted);font-weight:700}.review-details dd{margin:.25rem 0 0;overflow-wrap:anywhere}.responsive-table-wrap{max-width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table td,.data-table th{padding:.75rem;text-align:left;border-bottom:1px solid var(--color-border)}.order-details-summary,.worker-list-summary{min-width:0}.order-details-summary h3,.worker-list-summary h3{margin-top:0}.worker-list-summary ol{margin-bottom:0;padding-left:1.5rem}@media (max-width:719px){.service-item-row,.worker-row{display:flex;flex-direction:column;align-items:stretch}.button-row>.button,.service-item-row>*,.worker-row>*{width:100%}.review-details{grid-template-columns:1fr}}