:root{font-family:Inter,Noto Sans Thai,ui-sans-serif,system-ui,sans-serif;color:#24211f;background:#f6f3ee;font-synthesis:none;--brown:#6b3024;--brown-dark:#3d211b;--cream:#f6f3ee;--line:#e6ded5;--muted:#746b64;--green:#16865c}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;min-height:100dvh}button,input{font:inherit}button{cursor:pointer;min-width:44px;min-height:44px}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #d08a68;outline-offset:3px}h1,h2,p{margin-top:0}.brand-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:var(--brown);color:#fff;font:700 28px Georgia,serif;box-shadow:0 9px 24px #6b30242c}.eyebrow{margin:22px 0 8px;color:#9b5d4a;font-size:12px;font-weight:800;letter-spacing:.14em}.primary-button,.secondary-button,.quiet-button{border:0;border-radius:13px;padding:0 20px;font-weight:750}.primary-button{width:100%;background:var(--brown);color:#fff}.secondary-button{background:#eee7df;color:#40352f}.quiet-button{background:transparent;color:#fff9}.login-page{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(420px,44%) 1fr}.login-panel{display:flex;flex-direction:column;justify-content:center;padding:clamp(32px,7vw,110px);background:#fff}.login-panel h1{font-size:clamp(30px,4vw,46px);margin-bottom:8px}.login-panel>p:not(.eyebrow){color:var(--muted)}form{display:grid;gap:18px;margin-top:26px}label{display:grid;gap:8px;color:#4e443f;font-weight:650;font-size:14px}input{height:50px;border:1px solid var(--line);border-radius:12px;padding:0 14px;background:#fff;outline:none}input:focus{border-color:#9a5d4b;box-shadow:0 0 0 3px #9a5d4b18}.login-visual{display:flex;align-items:flex-end;padding:8vw;background:linear-gradient(145deg,#351e19cc,#6b3024dd),radial-gradient(circle at 60% 25%,#ca8e6a,#4b251e);color:#fff}.login-visual span{display:inline-block;padding:8px 12px;border:1px solid #fff5;border-radius:999px;font-size:11px;letter-spacing:.15em}.login-visual h2{margin:22px 0 0;font-size:clamp(42px,6vw,78px);line-height:1.05}.error-box,.info-box,.state-line{padding:14px 16px;border-radius:12px;font-size:14px}.error-box{background:#fff0ed;color:#9c2e22;border:1px solid #facbc4}.info-box{background:#f2eee8;color:#5f544d}.center-page,.setup-page{min-height:100vh;min-height:100dvh;background:var(--cream)}.center-page{display:grid;place-items:center;padding:24px}.state-card{width:min(460px,100%);padding:40px;border-radius:22px;background:#fff;box-shadow:0 20px 50px #55312312}.state-card h1{margin-top:22px}.state-card p{color:var(--muted)}.setup-page{padding:30px clamp(24px,6vw,88px)}.setup-header{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px}.logo>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--brown);color:#fff;font:700 22px Georgia}.logo.compact strong{font-size:14px}.step-pill,.phase-badge{padding:8px 12px;border-radius:999px;background:#eadfd6;color:#754334;font-size:12px;font-weight:750}.setup-content{width:min(1040px,100%);margin:10vh auto 0}.setup-content h1{font-size:clamp(34px,5vw,56px);margin-bottom:8px}.setup-content>p:not(.eyebrow){color:var(--muted)}.choice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:34px}.choice-card{display:flex;min-height:190px;flex-direction:column;align-items:flex-start;gap:8px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;text-align:left;transition:.18s}.choice-card:hover{transform:translateY(-2px);border-color:#b78976;box-shadow:0 12px 28px #56312212}.choice-card strong{font-size:18px}.choice-card small{color:var(--muted)}.choice-card>span:last-child{margin-top:auto;color:var(--brown);font-weight:750}.choice-icon{font-size:28px;color:var(--brown)}.add-card{border-style:dashed}.state-line{display:flex;justify-content:space-between;margin-top:28px;background:#fff}.state-line button{border:0;border-radius:9px;padding:0 14px}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:20px;background:#24191488}.modal{width:min(470px,100%);padding:28px;border-radius:20px;background:#fff;box-shadow:0 30px 90px #0003}.button-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.shift-form{max-width:520px;padding:28px;margin-top:34px;border-radius:20px;background:#fff}.money-input{height:74px;font-size:30px;font-weight:800;text-align:right}.offline-banner{position:fixed;z-index:50;top:0;left:0;right:0;padding:8px 18px;background:#b54708;color:#fff;text-align:center;font-size:13px}.app-frame{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:92px 1fr}.sidebar{position:sticky;top:0;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;padding:18px 10px max(18px,env(safe-area-inset-bottom));background:var(--brown-dark);color:#fff}.sidebar .logo{display:block;text-align:center}.sidebar .logo strong{display:block;margin-top:7px;font-size:9px;line-height:1.2;letter-spacing:.08em}.sidebar nav{display:grid;width:100%;gap:10px;margin-top:48px}.sidebar nav a{display:grid;place-items:center;min-width:44px;min-height:56px;border-radius:12px;color:#dbc9c2;text-decoration:none;font-size:13px}.sidebar nav a.active{background:#ffffff17;color:#fff}.sidebar .quiet-button{margin-top:auto;padding:0 8px;font-size:12px}.shell-content{min-width:0}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid var(--line);background:#fff}.topbar>div{display:grid;gap:3px}.topbar span{color:var(--muted);font-size:12px}.topbar .cashier{display:flex;align-items:center;gap:8px;font-size:13px}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--green)}.workspace{min-height:calc(100vh - 74px);min-height:calc(100dvh - 74px);display:grid;place-items:center;padding:28px}.workspace-placeholder{text-align:center}.workspace-placeholder h1{margin:18px 0 8px;font-size:40px}.workspace-placeholder p{color:var(--muted)}.empty-illustration{display:grid;place-items:center;width:120px;height:120px;margin:36px auto;border-radius:34px;background:#e9ddd3;color:#7b4939;font:700 60px Georgia}@media(max-width:760px){.login-page{grid-template-columns:1fr}.login-visual{display:none}.app-frame{grid-template-columns:68px 1fr}.sidebar{padding-inline:6px}.sidebar .logo strong{display:none}.topbar{padding:0 14px}.topbar>div:first-child span{display:none}.setup-page{padding:22px 18px}.setup-content{margin-top:6vh}}@media print{.sidebar,.topbar,.offline-banner{display:none!important}.app-frame{display:block}.workspace{min-height:auto}}.close-shift-workspace{place-items:start center}.shift-summary{display:grid;gap:18px}.shift-summary dl{display:grid;gap:10px;margin:0}.shift-summary dl>div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid var(--line)}.shift-summary dt{color:var(--muted)}.shift-summary dd{margin:0;font-weight:800}.shift-summary .grand-total{color:var(--brown);font-size:20px}.catalog-workspace{min-height:calc(100vh - 74px);min-height:calc(100dvh - 74px);display:grid;grid-template-columns:minmax(0,1fr) 330px;background:#f7f4ef}.catalog-panel{min-width:0;padding:24px}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px}.catalog-toolbar h1{margin:0;font-size:30px}.catalog-toolbar span{color:var(--muted);font-size:13px}.refresh-button{white-space:nowrap}.catalog-search{display:block;position:relative;margin-top:18px}.catalog-search>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.catalog-search input{width:100%;padding-left:18px}.category-tabs{display:flex;gap:8px;overflow:auto;padding:15px 0 4px}.category-tabs button{min-height:44px;padding:0 18px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#625852;white-space:nowrap}.category-tabs button.active{border-color:var(--brown);background:var(--brown);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin-top:18px}.product-card{position:relative;min-width:0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#fff;text-align:left;transition:.16s}.product-card:hover{transform:translateY(-2px);border-color:#bf927f;box-shadow:0 12px 25px #4c28150e}.product-image{height:116px;display:grid;place-items:center;background:linear-gradient(145deg,#eee3d9,#dfcabc);color:#7a4638;font:700 42px Georgia}.product-image img{width:100%;height:100%;object-fit:cover}.product-copy{display:grid;gap:7px;padding:14px}.product-copy small{overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.product-copy strong{font-size:16px}.product-copy>div{display:flex;align-items:center;justify-content:space-between;gap:6px;color:var(--brown)}.product-copy em{padding:4px 7px;border-radius:999px;background:#f1e8e1;font-size:10px;font-style:normal}.unavailable-label{position:absolute;top:9px;right:9px;max-width:calc(100% - 18px);padding:5px 8px;border-radius:8px;background:#7b3029e8;color:#fff;font-size:11px}.cart-preview{position:sticky;top:74px;height:calc(100vh - 74px);height:calc(100dvh - 74px);display:flex;flex-direction:column;padding:20px max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) 20px;overflow:hidden;border-left:1px solid var(--line);background:#fff}.cart-preview span{color:var(--muted);font-size:12px}.cart-preview h2{margin:12px 0 8px}.cart-preview p{color:var(--muted);font-size:13px;line-height:1.6}.cart-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cart-heading h2{margin:3px 0 0}.cart-clear{min-height:44px;border:0;background:transparent;color:#a33b32}.order-type-toggle{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;margin-top:14px;border-radius:12px;background:#f0ebe5}.order-type-toggle button{min-height:44px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-weight:700}.order-type-toggle button.active{background:#fff;color:var(--brown);box-shadow:0 2px 9px #47231512}.dine-in-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.dine-in-fields label{gap:4px;font-size:11px}.dine-in-fields input{width:100%;height:44px}.cart-lines{flex:1;min-height:100px;overflow:auto;margin:14px -5px 10px;padding:0 5px}.cart-empty{display:grid;place-items:center;height:100%;text-align:center}.cart-line{padding:13px 0;border-bottom:1px solid var(--line)}.cart-line-copy{display:grid;gap:4px}.cart-line-copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-line-controls{display:grid;grid-template-columns:44px 28px 44px 1fr 44px;align-items:center;gap:2px;margin-top:9px}.cart-line-controls button{min-height:44px;border:1px solid var(--line);border-radius:10px;background:#faf8f5;color:var(--brown);font-size:19px}.cart-line-controls b{text-align:center}.cart-line-controls>strong{padding-left:7px;text-align:right;font-size:13px}.cart-line-controls .remove-line{border-color:transparent;background:transparent;color:#a33b32}.cart-summary{padding-top:13px;border-top:1px solid var(--line)}.cart-summary dl{display:grid;gap:7px;margin:0 0 13px}.cart-summary dl div{display:flex;justify-content:space-between;gap:10px;font-size:13px}.cart-summary dt{color:var(--muted)}.cart-summary dd{margin:0;font-weight:700}.cart-summary .grand-total{align-items:baseline;padding-top:8px;border-top:1px dashed var(--line);font-size:18px}.cart-summary .grand-total dt{color:#2f2925;font-weight:700}.cart-summary .grand-total dd{color:var(--brown);font-size:23px}.quote-state,.quote-offline{margin:0 0 9px;padding:8px;border-radius:8px;background:#f2eee8}.quote-offline{background:#fff3df;color:#8a4b07!important}.quote-error{display:grid;grid-template-columns:1fr auto;gap:4px;margin-bottom:9px;padding:8px;border-radius:8px;background:#fff0ed;color:#9c2e22;font-size:12px}.quote-error button{min-height:44px;border:0;background:transparent;color:inherit;font-weight:700}.quote-error small{grid-column:1 / -1}.catalog-state{display:grid;place-items:center;gap:12px;min-height:210px;margin-top:18px;color:var(--muted);text-align:center}.catalog-state.error-box{color:#9c2e22}.product-modal{max-height:min(720px,90vh);overflow:auto}.product-modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.product-modal-heading span{color:var(--muted);font-size:12px}.product-modal-heading h2{margin:4px 0 18px}.product-modal-heading>strong{color:var(--brown);font-size:20px;white-space:nowrap}.modal-empty{padding:24px 0;color:var(--muted)}.modifier-preview{display:grid;gap:18px}.modifier-preview section{padding:15px;border:1px solid var(--line);border-radius:13px}.modifier-preview header{display:flex;justify-content:space-between;gap:8px}.modifier-preview header span{color:var(--muted);font-size:12px}.modifier-preview section>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.modifier-preview section>div span{padding:7px 10px;border-radius:9px;background:#f4efe9;font-size:12px}.modal-close{width:100%;margin-top:20px}.modifier-selector{display:grid;gap:18px}.modifier-selector section{padding:15px;border:1px solid var(--line);border-radius:13px}.modifier-selector header{display:flex;align-items:center;justify-content:space-between;gap:8px}.modifier-selector header span{color:var(--muted);font-size:12px}.modifier-selector sup{margin-left:6px;color:#a33b32;font-size:10px}.modifier-selector section>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.modifier-selector section button{display:grid;align-content:center;gap:3px;min-height:56px;padding:8px;border:1px solid var(--line);border-radius:10px;background:#faf8f5;text-align:left}.modifier-selector section button.selected{border-color:var(--brown);background:#f1e5de;box-shadow:inset 0 0 0 1px var(--brown)}.modifier-selector section button b{color:var(--brown);font-size:11px}.product-entry-row{display:grid;grid-template-columns:110px 1fr;gap:10px;margin-top:18px}.product-entry-row input{width:100%}.selection-error{margin:10px 0 0;color:#a33b32!important;font-size:12px!important}.product-modal-actions{display:grid;grid-template-columns:1fr 2fr;gap:10px;margin-top:20px}.checkout-backdrop,.sale-result-backdrop{z-index:70}.checkout-modal{width:min(540px,100%)}.checkout-method{display:inline-block;padding:6px 10px;border-radius:999px;background:#e7f3ed;color:#157552;font-size:11px;font-weight:800}.checkout-modal h2{margin:12px 0 20px;font-size:30px}.received-input input{height:72px;color:var(--brown);font-size:32px;font-weight:800;text-align:right}.received-input input[aria-invalid=true]{border-color:#c75c50}.cash-suggestions{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.cash-suggestions button{min-height:48px;padding:5px;border:1px solid var(--line);border-radius:10px;background:#faf8f5;color:var(--brown);font-size:12px;font-weight:700}.change-display{display:flex;align-items:baseline;justify-content:space-between;padding:18px;margin-top:16px;border-radius:13px;background:#f2eee8}.change-display span{color:var(--muted)}.change-display strong{font-size:30px}.change-display.ready{background:#e7f3ed;color:#126344}.hardware-note{margin:13px 0;color:var(--muted);font-size:12px}.sale-error{display:grid;gap:5px}.sale-result-modal{width:min(980px,96vw);max-height:94vh;overflow:auto}.success-heading{display:flex;align-items:center;gap:14px;margin-bottom:18px}.success-heading>span{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#16865c;color:#fff;font-size:28px}.success-heading small{color:var(--green);font-weight:800}.success-heading h2{margin:3px 0 0}.print-previews{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:16px;margin-top:16px}.print-document{padding:22px;border:1px solid var(--line);border-radius:13px;background:#fff;color:#211d1a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.print-document header{display:grid;gap:4px;padding-bottom:12px;border-bottom:1px dashed #777;text-align:center}.document-meta{display:grid;gap:4px;padding:11px 0;border-bottom:1px dashed #aaa}.receipt-items{display:grid;gap:10px;padding:12px 0;border-bottom:1px dashed #aaa}.receipt-items>div{display:flex;justify-content:space-between;gap:12px}.receipt-items small{display:block;max-width:260px;margin-top:3px;color:#6e655f}.print-receipt dl{display:grid;gap:5px;margin:12px 0}.print-receipt dl div{display:flex;justify-content:space-between}.print-receipt dd{margin:0}.print-receipt .document-total{padding:7px 0;border-top:1px dashed #aaa;border-bottom:1px dashed #aaa;font-size:15px;font-weight:800}.print-document footer{padding-top:10px;text-align:center}.kitchen-order{display:flex;align-items:center;justify-content:space-between;padding:15px 0;font-size:17px}.kitchen-items{display:grid;gap:12px}.kitchen-items>div{display:grid;gap:4px;padding:10px 0;border-top:1px dashed #aaa}.kitchen-items b{font-size:16px}.kitchen-items em{padding:7px;background:#eee;font-style:normal;font-weight:800}.print-message{padding:8px;margin:12px 0 0;border-radius:8px;background:#fff3df;color:#7c470a!important;text-align:center}.sale-result-actions{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:9px;margin-top:18px}.payment-method-modal h2,.qr-modal h2{margin:12px 0 20px;font-size:30px}.payment-method-grid,.provider-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payment-method-grid button,.provider-grid button{display:grid;align-content:center;gap:7px;min-height:130px;padding:20px;border:1px solid var(--line);border-radius:15px;background:#faf8f5;color:#342b27;text-align:left}.payment-method-grid button:hover,.provider-grid button:hover{border-color:var(--brown);background:#f3e9e2}.payment-method-grid b,.provider-grid b{color:var(--brown);font-size:21px}.payment-method-grid span,.provider-grid span{color:var(--muted);font-size:12px;line-height:1.5}.qr-modal{width:min(560px,100%)}.qr-pending-state{display:grid;place-items:center;gap:8px;padding:22px;border-radius:16px;background:#f6f2ed;text-align:center}.qr-placeholder{display:grid;place-items:center;width:108px;height:108px;border:8px solid #332b27;background:repeating-linear-gradient(45deg,#332b27 0 5px,#fff 5px 10px);color:#fff;font-size:20px;font-weight:900;text-shadow:0 1px 3px #000}.qr-pending-state>strong{margin-top:6px;font-size:19px}.checkout-link{display:grid;place-items:center;width:100%;min-height:44px;margin-top:10px;text-decoration:none}.qr-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:14px}.qr-actions:has(button:only-child){grid-template-columns:1fr}.pending-payment-card{display:grid;gap:6px;padding:14px;margin-bottom:12px;border:1px solid #e1bd78;border-radius:12px;background:#fff6df}.pending-payment-card span{color:#77500c}.pending-payment-card button{min-height:44px;border:0;border-radius:9px;background:#8a5b10;color:#fff;font-weight:700}@media(max-width:1050px){.catalog-workspace{grid-template-columns:minmax(0,1fr) 270px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media(max-width:760px){.catalog-workspace{display:block}.catalog-panel{padding:16px}.cart-preview{position:static;height:auto;border-top:1px solid var(--line);border-left:0}.cash-suggestions{grid-template-columns:repeat(2,1fr)}.print-previews,.sale-result-actions{grid-template-columns:1fr}}@media print{body *{visibility:hidden!important}.print-document,.print-document *{visibility:visible!important}.print-document{position:absolute;inset:0 auto auto 0;width:80mm;padding:4mm;border:0}html[data-print-document=receipt] .print-kitchen,html[data-print-document=kitchen] .print-receipt{display:none!important}html[data-print-document=kitchen] .print-kitchen{display:block!important}}