@import "https://fonts.googleapis.com/css2?family=Noto+Sans+Lao:wght@400;500;600;700&family=Pridi:wght@300;400;500;600&display=swap";:root{--ink:#23231f;--muted:#706e66;--cream:#f2eadc;--paper:#fbf4e8;--gold:#a97835;--gold2:#d0a45f;--line:#d8cdbb;--dark:#171815;--green:#58705a;--amber:#bd783b}.category-row{z-index:18;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scrollbar-width:none;background:#f2eadcf5;padding:9px 0;position:sticky;top:72px}.category-row::-webkit-scrollbar{display:none}.latest-added{z-index:140;color:#fff;background:#25251f;border:1px solid #b88a4c;border-radius:99px;align-items:center;gap:8px;max-width:min(88vw,440px);padding:9px 14px;font-size:11px;display:flex;position:fixed;bottom:92px;left:50%;transform:translate(-50%);box-shadow:0 10px 35px #0004}.latest-added b{color:#e0b976}.latest-added span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.floating-cart{right:18px;bottom:max(20px,env(safe-area-inset-bottom));z-index:130;color:#fff;background:#20211d;border:1px solid #c59a5e;border-radius:99px;align-items:center;gap:8px;padding:10px 14px;display:flex;position:fixed;box-shadow:0 12px 38px #0005}.floating-cart b{color:#211b12;background:#d0a45f;border-radius:50%;place-items:center;min-width:23px;height:23px;display:grid}.floating-cart em{color:#e5c38d;font-size:11px;font-style:normal}.cart-backdrop{z-index:145;background:#111a;border:0;position:fixed;inset:0}.cart.cart-open{top:88px;right:max(18px,50vw - 620px);bottom:max(18px,env(safe-area-inset-bottom));z-index:150;width:min(390px,100vw - 28px);position:fixed;overflow:auto}.cart-close{color:#fff;background:0 0;border:0;font-size:24px;line-height:1;display:none}.cart-open .cart-close{display:block}@media (width<=760px){.category-row{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px;top:72px}.floating-cart{padding:9px 12px;right:12px}.floating-cart span{display:none}.latest-added{bottom:82px}.cart.cart-open{top:84px;right:14px}}.handoff-modal section{background:var(--paper);width:min(440px,100vw - 28px);color:var(--ink);text-align:center;border:1px solid #d5c09b;border-radius:18px;padding:28px;box-shadow:0 24px 80px #0007}.handoff-modal h2{margin:12px 0 6px;font-family:Pridi,Noto Sans Lao,serif;font-weight:500}.handoff-modal p{color:var(--muted);margin:0 0 20px;font-size:13px;line-height:1.65}.handoff-modal section>div:last-child{gap:9px;display:grid}.handoff-modal section>div:last-child button{width:100%}.handoff-mark{color:#805d29;background:#e7dcc8;border-radius:50%;place-items:center;width:48px;height:48px;margin:auto;font-size:25px;display:grid}.menu-sections{gap:38px;min-width:0;display:grid}.menu-category-divider{border-bottom:2px solid #b98b4c;grid-template-columns:1fr auto;align-items:end;margin-bottom:14px;padding:0 2px 10px;display:grid}.menu-category-divider span{color:#9a6c2d;letter-spacing:.12em;text-transform:uppercase;grid-column:1/3;font-size:12px;font-weight:800}.menu-category-divider h2{color:#292820;margin:4px 0 0;font-family:Pridi,Noto Sans Lao,serif;font-size:27px;font-weight:500}.menu-category-divider small{color:var(--muted);padding-bottom:5px}.category-edit-row{grid-template-columns:auto minmax(170px,1fr) minmax(150px,.8fr) auto;gap:8px;width:100%;padding:8px;display:grid!important}.category-edit-row label{color:#777;font-size:9px}.category-edit-row input{border-radius:6px;width:100%;margin-top:3px;display:block;border:1px solid var(--line)!important}@media (width<=760px){.menu-sections{gap:30px}.menu-category-divider h2{font-size:23px}.category-edit-row{grid-template-columns:auto 1fr auto}.category-edit-row label:nth-of-type(2){grid-column:2/3}}.hero-share{right:max(24px,50vw - 620px);top:max(18px,env(safe-area-inset-top));z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff1d8;background:#141511e0;border:1px solid #d2ad72;border-radius:99px;align-items:center;gap:8px;min-height:44px;padding:10px 15px;font-size:12px;font-weight:800;display:flex;position:absolute;box-shadow:0 8px 28px #0006}.hero-share b{color:#e6bd7c;font-size:16px}@media (width<=760px){.hero-share{right:14px;top:max(12px,env(safe-area-inset-top));min-height:42px;padding:9px 13px}.menu-section{padding-top:8px}}.hero-search{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;background:#fffdf8f0;border-color:#d7b77f;width:min(440px,100%);margin:16px 0 0;box-shadow:0 10px 32px #0005}.hero-search input{min-height:42px}.hero-search button{min-height:36px}@media (width<=760px){.hero-search{border-radius:10px;margin-top:12px}.hero-search input{min-height:40px;font-size:13px}}.hero-tools .hero-share{position:static}.hero-search-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff1d8;background:#141511e0;border:1px solid #d2ad72;border-radius:50%;width:44px;height:44px;font-size:24px;line-height:1;position:relative;box-shadow:0 8px 28px #0006}.search-modal section{background:var(--paper);border:1px solid #d5c09b;border-radius:18px;width:min(520px,100vw - 28px);padding:22px;box-shadow:0 24px 80px #0008}.search-modal header{justify-content:space-between;align-items:start;display:flex}.search-modal header small{color:#9a6c2d;letter-spacing:.14em;font-size:10px;font-weight:800}.search-modal h2{margin:3px 0 14px;font-family:Pridi,Noto Sans Lao,serif}.search-modal header button{background:#eee7db;border:0;border-radius:50%;width:40px;height:40px;font-size:22px}.search-sheet-input{max-width:none;margin:0}.search-modal section>p{color:var(--muted);margin:10px 2px 18px;font-size:11px}.search-done{width:100%;min-height:44px}.hero-search{display:none}@media (width<=760px){.hero-tools{right:14px;top:max(12px,env(safe-area-inset-top))}.hero-search-button{width:42px;height:42px}.search-modal{align-items:end;padding:0}.search-modal section{width:100%;padding:20px 16px max(18px,env(safe-area-inset-bottom));border-radius:20px 20px 0 0}}.hero-tools .hero-share{border-radius:50%;justify-content:center;width:44px;height:44px;min-height:44px;padding:0;font-size:20px}.category-row{padding:10px 0 12px}.menu-category-divider{margin-top:0}@media (width<=760px){.hero-tools .hero-share{width:42px;height:42px;min-height:42px}.category-row{padding-top:8px;padding-bottom:9px}}.category-row{gap:7px}@media (width<=760px){.category-row{gap:6px}.category-row button{min-height:40px;padding:7px 12px;font-size:11px}}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font-family:Noto Sans Lao,Tahoma,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #cfab6c}.app{min-height:100vh}.topbar{color:#fff;z-index:20;background:#11120f;border-bottom:1px solid #34332e;justify-content:space-between;align-items:center;height:72px;padding:0 max(24px,50vw - 660px);display:flex;position:sticky;top:0}.brand{color:#fff;letter-spacing:.12em;background:0 0;border:0;align-items:center;gap:11px;font-size:18px;font-weight:700;display:flex}.brand small{color:#c8bca8;letter-spacing:0;margin-left:5px;font-weight:400}.moon{color:#d9b477;border:1px solid #cfa665;border-radius:50%;place-items:center;width:36px;height:36px;font-size:22px;display:grid}.view-switch{background:#292923;border:1px solid #3a3932;border-radius:10px;padding:4px;display:flex}.view-switch button{color:#aaa89e;background:0 0;border:0;border-radius:7px;padding:8px 14px;font-size:13px}.view-switch .active{color:#1b1915;background:#d7b173;font-weight:700}.hero{color:#fff;background:linear-gradient(90deg,#0d0d0aeb,#0d0d0a40),url(https://images.unsplash.com/photo-1519167758481-83f550bb49b3?auto=format&fit=crop&w=1800&q=85) 50%/cover;flex-direction:column;justify-content:flex-end;height:460px;padding:65px max(30px,50vw - 620px);display:flex;position:relative;overflow:hidden}.hero:after{content:"";background:linear-gradient(transparent,var(--cream));height:90px;position:absolute;inset:auto 0 0}.eyebrow,.section-title small,.cart-title small,.admin-head small,.admin-nav small{color:#cba76e;letter-spacing:.18em;font-size:11px;font-weight:700}.hero h1{margin:14px 0;font-family:Pridi,Noto Sans Lao,serif;font-size:clamp(44px,6vw,72px);font-weight:400;line-height:1.05}.hero p{color:#e2ddd3;margin:0 0 30px;font-size:17px}.hero-note{align-items:center;gap:13px;font-size:13px;display:flex}.hero-note span{color:#bbb7af}.hero-note b{letter-spacing:.08em}.menu-section{max-width:1240px;margin:auto;padding:42px 24px 80px}.section-title{justify-content:space-between;align-items:end;display:flex}.section-title h2{margin:4px 0;font-family:Pridi,Noto Sans Lao,serif;font-size:32px;font-weight:500}.section-title>span{color:var(--muted);font-size:12px}.category-row{gap:8px;padding:14px 0 26px;display:flex;overflow:auto}.category-row button{white-space:nowrap;border:1px solid var(--line);color:#5c5c55;background:0 0;border-radius:99px;padding:9px 16px}.category-row .active{color:#fff;background:#1c1d19;border-color:#1c1d19}.customer-grid{grid-template-columns:1fr 350px;align-items:start;gap:28px;display:grid}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.food-card{background:var(--paper);border:1px solid var(--line);border-radius:15px;grid-template-columns:150px 1fr;min-height:175px;display:grid;overflow:hidden}.food-photo{background-position:50%;background-size:cover;position:relative}.food-photo span{color:#17150f;background:#d4aa69;border-radius:99px;padding:4px 8px;font-size:10px;font-weight:700;position:absolute;top:10px;left:10px}.food-info{flex-direction:column;padding:17px;display:flex}.food-info>small{color:var(--gold);font-size:10px;font-weight:700}.food-info h3{margin:6px 0 0;font-family:Pridi,Noto Sans Lao,serif;font-size:20px;font-weight:500}.food-info p{color:#898980;margin:0;font-size:12px}.food-info>div{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.food-info b{font-size:15px}.food-info button{color:#8d642b;background:0 0;border:1px solid #c9a46d;border-radius:50%;width:34px;height:34px;font-size:20px}.cart{color:#fff;background:#1b1c18;border-radius:17px;padding:24px;position:sticky;top:94px}.cart-title{justify-content:space-between;display:flex}.cart-title h2{margin:5px 0;font-family:Pridi,Noto Sans Lao,serif;font-weight:500}.cart-title>span{color:#181611;background:#cda669;border-radius:50%;place-items:center;width:30px;height:30px;font-weight:700;display:grid}.empty{text-align:center;color:#8e8d83;border:1px dashed #494a42;border-radius:12px;margin:15px 0;padding:25px 10px}.empty span{font-size:30px}.empty p{font-size:12px}.cart-line{border-bottom:1px solid #34352f;justify-content:space-between;gap:12px;padding:13px 0;display:flex}.cart-line>div:first-child{flex-direction:column;display:flex}.cart-line small{color:#aaa99f}.stepper{align-items:center;gap:8px;display:flex}.stepper button{color:#fff;background:0 0;border:1px solid #4c4d45;border-radius:6px;width:27px;height:27px}.source-toggle{background:#2b2c27;border-radius:9px;grid-template-columns:1fr 1fr;margin:16px 0;padding:3px;display:grid}.source-toggle button{color:#a5a49c;background:0 0;border:0;border-radius:7px;padding:8px 4px;font-size:10px}.source-toggle .active{color:#fff;background:#4a4941}.cart label{color:#b6b4aa;margin:12px 0;font-size:11px;display:block}.cart select,.settings input{color:#fff;background:#292a25;border:1px solid #4b4b44;border-radius:8px;width:100%;margin-top:6px;padding:11px}.pending-note{border-left:3px solid var(--gold2);color:#ddd2bf;background:#342d21;flex-direction:column;padding:10px 12px;font-size:11px;display:flex}.pending-note span{color:#ada598;margin-top:2px}.grand-total{justify-content:space-between;padding:20px 0;display:flex}.grand-total b{color:#dfbd87;font-size:19px}.send{color:#181610;background:#d6b170;border:0;border-radius:9px;justify-content:space-between;width:100%;padding:13px;font-weight:700;display:flex}.toast{z-index:100;color:#fff;background:#48644c;border-radius:9px;padding:12px 18px;font-size:13px;position:fixed;top:88px;right:22px;box-shadow:0 8px 30px #0003}.admin-app{background:#efede7}.admin-shell{grid-template-columns:260px 1fr;max-width:1440px;min-height:calc(100vh - 72px);margin:auto;display:grid}.admin-nav{color:#fff;background:#20211d;flex-direction:column;padding:32px 20px;display:flex}.admin-nav h2{margin:7px 0 0;font-family:Pridi,Noto Sans Lao,serif;font-weight:500}.admin-nav p{color:#999990;margin:0;font-size:12px}.admin-nav nav{gap:6px;margin:35px 0;display:grid}.admin-nav nav button{color:#b7b7ae;text-align:left;background:0 0;border:0;border-radius:8px;padding:12px}.admin-nav nav button span{color:#caa66d;width:25px;display:inline-block}.admin-nav nav .active{color:#171713;background:#d4ad6d;font-weight:700}.saved{color:#87877f;margin-top:auto;font-size:10px}.saved span{color:#6e9b72}.admin-main{min-width:0;padding:38px}.admin-head{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.admin-head h1{margin:4px 0;font-family:Pridi,Noto Sans Lao,serif;font-size:34px;font-weight:500}.preview,.outline{background:#fff;border:1px solid #cbc7bc;border-radius:8px;padding:10px 14px}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.stats article{background:var(--paper);border:1px solid var(--line);border-radius:12px;flex-direction:column;padding:19px;display:flex}.stats small{color:var(--muted);font-size:11px}.stats b{margin-top:9px;font-family:Pridi,sans-serif;font-size:29px}.stats .amber{color:var(--amber)}.stats span{color:#99988f;font-size:10px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:13px;margin-bottom:18px;padding:20px}.panel-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.panel h3{margin:0;font-family:Pridi,Noto Sans Lao,serif;font-size:20px;font-weight:500}.panel p{color:var(--muted);margin:3px 0;font-size:11px}.order-row{border-top:1px solid #e5e1d8;grid-template-columns:50px 1fr 55px 100px 125px;align-items:center;gap:13px;padding:14px 0;font-size:12px;display:grid}.order-row>div:nth-child(2){flex-direction:column;display:flex}.order-row small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.origin{border-radius:9px;place-items:center;width:42px;height:42px;font-size:9px;font-weight:800;display:grid}.origin.customer{color:#8c5624;background:#f1dfc7}.origin.staff{color:#48634c;background:#dce7dc}.verify{color:#a2632c;background:#fff7ed;border:1px solid #bd7a3b;border-radius:7px;padding:7px}.verified{color:#58745b}.settings{max-width:520px}.settings label{font-size:11px}.settings input{color:#222;border-color:var(--line);background:#fff}.settings small{color:#888;margin-top:5px;display:block}.gold{color:#fff;background:#b88a4c;border:0;border-radius:8px;padding:10px 14px}.category-edit{flex-wrap:wrap;gap:8px;display:flex}.category-edit>div{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;display:flex}.category-edit span{color:#aaa;padding-left:8px}.category-edit input{border:0;width:145px;padding:8px}.category-edit button{color:#a36b55;background:0 0;border:0}.menu-edit{border-top:1px solid #e4e0d7;grid-template-columns:80px minmax(160px,1.2fr) 150px 130px 100px 28px;align-items:center;gap:12px;padding:13px 0;display:grid}.thumb{cursor:pointer;background-position:50%;background-size:cover;border-radius:8px;height:62px;position:relative;overflow:hidden}.thumb input{display:none}.thumb span{text-align:center;color:#fff;background:#000a;padding:4px;font-size:9px;position:absolute;inset:auto 0 0}.item-fields{gap:4px;display:grid}.item-fields input,.menu-edit select,.price-input,.person input,.table-card input{border:1px solid var(--line);background:#fff;border-radius:7px;width:100%;padding:8px}.item-fields .lao{color:#777;font-size:11px}.price-input{align-items:center;padding:0 8px;display:flex}.price-input span{color:#9c7440}.price-input input{border:0;width:100%;padding:8px 4px}.toggle{align-items:center;gap:6px;display:flex!important}.toggle input{display:none}.toggle>span{background:#bbb;border-radius:99px;width:31px;height:18px;position:relative}.toggle>span:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:2px;left:2px}.toggle input:checked+span{background:#61775e}.toggle input:checked+span:after{left:15px}.toggle small{color:#777;font-size:9px}.delete,.close{color:#98705e;background:0 0;border:0;font-size:20px}.people-grid,.tables-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.person,.table-card{border:1px solid var(--line);border-radius:11px;gap:8px;padding:16px;display:grid}.avatar,.table-icon{color:#88612e;background:#e5d3b7;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.person .role{color:#777;font-size:11px}.table-card{grid-template-columns:45px 1fr 1fr}.table-card label{color:#777;font-size:10px}.table-icon{grid-row:1/3}.qr-button{color:#8b602d;background:#fffaf1;border:1px solid #bd9358;border-radius:7px;grid-column:2/4;padding:8px}.modal{z-index:200;background:#0d0e0bbd;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.qr-modal{text-align:center;background:#fffdf7;border-radius:18px;min-width:320px;padding:28px;position:relative}.qr-modal .close{position:absolute;top:7px;right:10px}.qr-modal h2{margin:5px;font-family:Pridi,sans-serif}.qr-modal img{width:240px;height:240px}.qr-modal p{color:#777;font-size:11px}.qr-modal a{color:#fff;background:#1d1e1a;border-radius:8px;padding:10px;text-decoration:none;display:block}@media (width<=1000px){.customer-grid{grid-template-columns:1fr}.cart{position:relative;top:auto}.stats{grid-template-columns:repeat(2,1fr)}.menu-edit{grid-template-columns:70px 1fr 130px 120px}.menu-edit .toggle,.menu-edit .delete{justify-self:start}.people-grid,.tables-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.topbar{padding:0 14px}.brand small{display:none}.hero{height:380px;padding:35px 20px}.menu-section{padding:30px 14px}.menu-grid{grid-template-columns:1fr}.admin-shell{display:block}.admin-nav{padding:16px}.admin-nav>div:first-child,.saved{display:none}.admin-nav nav{margin:0;display:flex;overflow:auto}.admin-nav nav button{white-space:nowrap}.admin-main{padding:20px 14px}.admin-head h1{font-size:26px}.preview{font-size:11px}.stats{grid-template-columns:1fr 1fr}.order-row{grid-template-columns:42px 1fr 80px}.order-row>span:first-of-type{display:none}.verify,.verified{grid-column:2/4}.menu-edit{grid-template-columns:65px 1fr}.menu-edit select,.menu-edit .price-input,.menu-edit .toggle,.menu-edit .delete{grid-column:2}.people-grid,.tables-grid{grid-template-columns:1fr}.panel{padding:14px}.view-switch button{padding:7px 9px}}@media (width<=420px){.food-card{grid-template-columns:115px 1fr}.food-info{padding:12px}.stats{grid-template-columns:1fr}.section-title h2{font-size:25px}.view-switch button:first-child{display:none}}.saved.error,.sync-error{color:#c98372}.saved.saving{color:#d8b277}.admin-head p{margin:0;font-size:11px}.admin-actions{align-items:center;gap:8px;display:flex}.save-online{color:#fff;background:#507054;border:0;border-radius:8px;padding:10px 16px;font-weight:700}.save-online:disabled{color:#f1f1ed;cursor:default;background:#a8afa6}.loading-screen{text-align:center;color:#fff;background:#171815;place-content:center;min-height:100vh;display:grid}.loading-screen .moon{margin:auto}.loading-screen h1{margin:18px 0 0;font-family:Pridi,Noto Sans Lao,serif;font-weight:500}.loading-screen p{color:#b8ad9b}@media (width<=760px){.admin-head{align-items:flex-start;gap:12px}.admin-actions{flex-direction:column-reverse;align-items:stretch}.save-online{font-size:11px}}.public-badge{color:#d5c9b5;letter-spacing:.15em;border:1px solid #47463f;border-radius:99px;padding:8px 13px;font-size:10px}.access-denied{text-align:center;color:#fff;background:#171815;place-content:center;min-height:100vh;padding:24px;display:grid}.access-denied>span{color:#d4ad6d;font-size:42px}.access-denied h1{font-family:Pridi,Noto Sans Lao,serif;font-weight:500}.access-denied p{color:#aaa99f}.access-denied a{color:#e0bd84}@media (width>=761px) and (width<=1000px){.menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.menu-grid.recommended-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.food-card{flex-direction:column;min-height:0;display:flex}.food-photo{aspect-ratio:4/3}.food-info{min-height:148px;padding:14px}.food-info h3{font-size:18px}}@media (width<=760px){.menu-grid,.menu-grid.recommended-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.food-card{flex-direction:column;min-width:0;min-height:0;display:flex}.food-photo{aspect-ratio:4/3}.food-photo span{padding:3px 6px;font-size:8px;top:7px;left:7px}.food-info{min-height:138px;padding:10px}.food-info>small{white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.food-info h3{margin-top:5px;font-size:16px;line-height:1.2}.food-info p{min-height:27px;margin-top:2px;font-size:10px;line-height:1.35}.food-info b{font-size:12px}.food-info button{width:30px;height:30px;font-size:17px}.cart{margin-top:8px}}.brand-logo{object-fit:contain;background:#fff;border-radius:8px;width:38px;height:38px;padding:2px}.menu-search{background:#fffdf8;border:1px solid #d1cabd;border-radius:12px;align-items:center;gap:10px;max-width:580px;margin:0 0 22px;padding:4px 6px 4px 14px;display:flex;box-shadow:0 7px 24px #30281c12}.menu-search>span{color:#a4773e;font-size:22px}.menu-search input{color:#272620;background:0 0;border:0;flex:1;min-width:0;padding:10px 0}.menu-search input::placeholder{color:#9c9a90}.menu-search button{color:#705533;background:#eee8dc;border:0;border-radius:8px;padding:7px 10px;font-size:11px}.admin-search{background:#fff;max-width:none;margin:-4px 0 14px}.branding-grid{grid-template-columns:220px 1fr;gap:18px;display:grid}.branding-control{gap:9px;display:grid}.branding-control>span{color:#696860;font-size:11px;font-weight:700}.branding-preview{border:1px solid var(--line);background:#efebe2;border-radius:11px;place-items:center;display:grid;overflow:hidden}.logo-preview{height:120px}.logo-preview img{object-fit:contain;width:100%;height:100%;padding:12px}.logo-preview b{color:#b58a4f;font-size:38px}.cover-preview{color:#8b877c;background-position:50%;background-size:cover;height:120px;font-size:11px}.branding-control>div:last-child{gap:7px;display:flex}.upload-button,.remove-image{color:#765329;cursor:pointer;background:#fffaf1;border:1px solid #c9b084;border-radius:7px;padding:7px 10px;font-size:10px}.upload-button input{display:none}.remove-image{color:#976453;background:#fff;border-color:#dacbc4}@media (width<=760px){.public-badge{letter-spacing:.08em;padding:7px 9px;font-size:8px}.menu-search{max-width:none;margin-bottom:17px}.branding-grid{grid-template-columns:1fr}.branding-preview{height:140px}}.install-hint{z-index:150;left:50%;bottom:max(18px,env(safe-area-inset-bottom));color:#fff;background:#24251f;border:1px solid #b28a51;border-radius:14px;justify-content:space-between;align-items:flex-start;gap:14px;width:min(92vw,520px);padding:14px 16px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 16px 50px #0007}.install-hint div{flex-direction:column;gap:3px;display:flex}.install-hint b{color:#e2bf87;font-size:13px}.install-hint span{color:#d2d0c7;font-size:11px}.install-hint button{color:#d9d5ca;background:0 0;border:0;font-size:22px;line-height:1}.backup-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.backup-card{flex-direction:column;align-items:flex-start;min-height:270px;display:flex}.backup-card p{margin:9px 0 18px;font-size:12px;line-height:1.7}.backup-card>small{color:#85837b;margin-top:14px;font-size:10px;line-height:1.6}.backup-icon{color:#815b2b;background:#ead9bd;border-radius:50%;place-items:center;width:42px;height:42px;margin-bottom:15px;font-size:22px;display:grid}.backup-action{margin-top:auto}.restore-picker{color:#79562b;cursor:pointer;background:#fff7ea;border:1px solid #c9a46d;border-radius:8px;margin-top:auto;padding:10px 14px;font-size:12px;font-weight:700}.restore-picker input{display:none}.backup-guide{grid-column:1/3}.backup-guide ol{color:#68675f;margin:12px 0 0;padding-left:22px;font-size:12px;line-height:2}.restore-modal{background:#fffdf7;border-radius:17px;width:min(92vw,520px);padding:28px;position:relative}.restore-modal>.close{position:absolute;top:8px;right:12px}.restore-modal>small{color:#a2763e;letter-spacing:.08em;font-weight:700}.restore-modal h2{margin:7px 0;font-family:Pridi,Noto Sans Lao,serif;font-weight:500}.restore-modal>p{color:#66645d;font-size:12px;line-height:1.65}.restore-warning{background:#fff2df;border-left:4px solid #bd783b;flex-direction:column;gap:4px;margin:16px 0;padding:12px;font-size:11px;display:flex}.restore-warning span{color:#756b5f;line-height:1.6}.confirm-restore{cursor:pointer;align-items:flex-start;gap:9px;font-size:12px;display:flex}.confirm-restore input{margin-top:3px}.restore-actions{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.restore-now{color:#fff;background:#9a4e37;border:0;border-radius:8px;padding:10px 15px;font-weight:700}.restore-now:disabled{cursor:default;background:#bdb7b0}@media (width<=760px){.backup-grid{grid-template-columns:1fr}.backup-guide{grid-column:auto}.backup-card{min-height:0}.restore-picker,.backup-action{text-align:center;width:100%}}.hero-copy-fields{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;padding-top:18px;display:grid}.hero-copy-fields label{color:#68675f;gap:6px;font-size:11px;font-weight:700;display:grid}.hero-copy-fields input,.hero-copy-fields textarea{border:1px solid var(--line);color:#222;resize:vertical;background:#fff;border-radius:8px;width:100%;padding:10px}.hero-copy-fields .wide-field{grid-column:1/3}@media (width<=760px){.hero-copy-fields{grid-template-columns:1fr}.hero-copy-fields .wide-field{grid-column:auto}}.menu-title-actions{align-items:center;gap:12px;display:flex}.menu-title-actions>span{color:var(--muted);font-size:12px}.share-menu{color:#f3dfbf;background:#1c1d19;border:1px solid #b98a4a;border-radius:99px;align-items:center;gap:8px;padding:9px 14px;font-size:11px;font-weight:700;display:flex}.share-menu b{font-size:15px}.promotion-banner{aspect-ratio:8/3;background:#24251f;border-radius:15px;width:100%;margin:0 0 24px;overflow:hidden;box-shadow:0 10px 30px #231d151f}.promotion-banner img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.promotion-control-head{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.dimension-guide{background:#f6efe4;border-left:3px solid #b98a4a;margin:14px 0!important;padding:10px 12px!important;line-height:1.7!important}.promotion-admin-preview{aspect-ratio:8/3;background:#292a25;border-radius:11px;width:100%;overflow:hidden}.promotion-admin-preview img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.promotion-empty{color:#89867e;background:#f5f2eb;border:1px dashed #c8c1b4;border-radius:11px;place-items:center;min-height:120px;font-size:11px;display:grid}.promotion-buttons{gap:8px;margin-top:12px;display:flex}@media (width<=760px){.menu-title-actions{flex-direction:column;align-items:flex-end;gap:5px}.share-menu{padding:8px 11px}.promotion-banner{aspect-ratio:16/7;border-radius:11px;margin-bottom:18px}.promotion-control-head{gap:10px}.promotion-admin-preview{aspect-ratio:16/7}}.store-name-quick{color:#777;gap:5px;font-size:10px;display:grid}.store-name-quick input{border:1px solid var(--line);color:#222;background:#fff;border-radius:8px;width:220px;padding:9px}@media (width<=900px){.store-name-quick{order:3;width:100%}.store-name-quick input{width:100%}.admin-head{flex-wrap:wrap}}.crop-overlay{padding:14px}.crop-modal{background:#fffdf7;border-radius:18px;width:min(94vw,760px);max-height:94vh;padding:22px;overflow:auto}.crop-heading{justify-content:space-between;gap:16px;display:flex}.crop-heading small{color:#a2763e;letter-spacing:.08em;font-weight:700}.crop-heading h2{margin:5px 0;font-family:Pridi,Noto Sans Lao,serif;font-weight:500}.crop-heading p{color:#747269;margin:0 0 15px;font-size:11px}.crop-frame{aspect-ratio:8/3;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:#171815;border-radius:12px;width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #d7b173}.crop-frame:active{cursor:grabbing}.crop-frame img{pointer-events:none;-webkit-user-select:none;user-select:none;max-width:none;max-height:none;position:absolute}.crop-frame>span{color:#fff;pointer-events:none;background:#111b;border-radius:99px;padding:4px 8px;font-size:9px;position:absolute;bottom:8px;left:10px}.zoom-control{color:#747269;grid-template-columns:32px 1fr 40px;align-items:center;gap:9px;margin:17px 0;font-size:10px;display:grid}.zoom-control input{accent-color:#a8793e;width:100%;min-height:28px}.crop-actions{justify-content:flex-end;gap:9px;display:flex}.crop-actions button{min-height:44px}@media (width<=600px){.crop-modal{padding:16px}.crop-heading h2{font-size:22px}.crop-frame{border-radius:8px}.crop-actions{grid-template-columns:1fr 1fr;display:grid}.crop-actions button{width:100%;padding:10px 7px;font-size:11px}}.cover-control>span:after{content:" · แนะนำ 1600 × 900 พิกเซล (16:9)";color:#a97835;font-weight:600}.hero{aspect-ratio:16/9;background-position:50%;background-size:cover;height:auto;min-height:380px;max-height:620px}.has-options{color:#8a632e;margin-top:4px;font-size:9px;font-style:normal;display:inline-block}.food-info>div b{color:#8b622d}.food-info>div b small{color:#8b7760;font-size:8px}.option-modal{background:var(--paper);border-radius:18px;width:min(94vw,520px);max-height:90vh;padding:24px;position:relative;overflow:auto}.option-modal>.close{position:absolute;top:8px;right:10px}.option-modal>small{color:var(--gold);font-weight:700}.option-modal h2{margin:5px 28px 15px 0;font-family:Pridi,Noto Sans Lao,serif;font-size:23px;font-weight:500}.option-modal fieldset{border:0;margin:0 0 17px;padding:0}.option-modal legend{width:100%;margin-bottom:8px;font-size:12px;font-weight:700}.option-modal legend b,.option-modal legend span{float:right;color:#a25f3a;font-size:9px}.option-modal legend span{color:#777}.option-choice{border:1px solid var(--line);background:#fffaf0;border-radius:10px;align-items:center;gap:10px;margin:7px 0;padding:11px;display:flex}.option-choice>span{flex:1;justify-content:space-between;gap:10px;font-size:12px;display:flex}.option-choice small{color:var(--gold);font-weight:700}.option-choice.disabled{opacity:.45}.option-confirm{margin-top:8px}.menu-editor{border-top:1px solid #e0d6c6;padding:10px 0}.menu-editor .menu-edit{border-top:0}.item-fields select{border:1px solid var(--line);background:#fffaf0;border-radius:7px;padding:7px}.modifier-editor{background:#f5ecdc;border:1px solid #decfb7;border-radius:10px;margin-left:92px;padding:12px}.modifier-title,.modifier-group-head{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.modifier-title{justify-content:space-between}.modifier-title button,.add-option{color:#795528;background:#fff9ed;border:1px solid #b78c51;border-radius:7px;padding:7px 10px}.modifier-group{border:1px solid var(--line);background:#fffaf1;border-radius:9px;margin-top:10px;padding:10px}.modifier-group-head>input{flex:1;min-width:150px}.modifier-group input,.modifier-group select{border:1px solid var(--line);background:#fff;border-radius:7px;padding:7px}.modifier-group button{border:1px solid var(--line);background:#fff;border-radius:7px;min-width:34px;min-height:34px}.modifier-option{grid-template-columns:minmax(140px,1fr) 150px 120px 90px 34px 34px 34px;align-items:center;gap:7px;margin-top:8px;display:grid}.modifier-option label,.modifier-group-head label{font-size:10px}.modifier-option>input[type=number]{width:100%}.add-option{margin-top:9px}@media (width<=760px){.hero{aspect-ratio:16/9;min-height:0;max-height:none;padding:22px 18px}.modifier-editor{margin-left:0}.modifier-option{grid-template-columns:1fr 1fr}.modifier-option>*{min-width:0}.option-modal{padding:18px}.cover-control>span:after{margin-top:3px;display:block}}.hero{border-bottom:2px solid #9b7139}.hero:after{display:none!important}.menu-section{padding-top:14px}.hero-tools{right:max(24px,50vw - 620px);top:max(18px,env(safe-area-inset-top));z-index:2;gap:8px;display:flex;position:absolute}.hero-tools .hero-share,.hero-search-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff1d8;background:#141511e0;border:1px solid #d2ad72;border-radius:50%;place-items:center;width:44px;height:44px;min-height:44px;padding:0;font-size:21px;display:grid;position:static;box-shadow:0 8px 28px #0006}.hero-search-button{position:relative}.hero-search-button.has-query:after{content:"";background:#e8b968;border:2px solid #20211d;border-radius:50%;width:9px;height:9px;position:absolute;top:1px;right:1px}.category-row{gap:7px;padding:10px 0}.category-row button{color:#514a3f;background:#f8f1e5;border:1px solid #cfb88f;border-radius:10px;min-height:40px;padding:7px 13px;font-size:12px;font-weight:650;box-shadow:0 2px 8px #3a2c190f}.category-row .active{color:#fff4df;background:#25251f;border-color:#b88a4c;box-shadow:inset 0 0 0 1px #c59a5e,0 4px 12px #1f1b1429}.menu-category-divider{background:linear-gradient(100deg,#282820,#39352b);border:1px solid #d2b77f;border-left:5px solid #b88a4c;border-radius:11px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin:0 0 12px;padding:11px 14px;display:grid;box-shadow:0 6px 18px #2d24171f}.menu-category-divider>span{display:none}.menu-category-divider h2{color:#fff4df;margin:0;font-size:21px;line-height:1.25}.menu-category-divider small{color:#e2c28e;white-space:nowrap;padding:0;font-size:10px}@media (width<=760px){.menu-section{padding-top:8px}.hero-tools{right:14px;top:max(12px,env(safe-area-inset-top));gap:7px}.hero-tools .hero-share,.hero-search-button{width:42px;height:42px;min-height:42px}.category-row{gap:6px;padding-top:8px;padding-bottom:8px}.category-row button{min-height:40px;padding:7px 12px;font-size:11px}.menu-category-divider{border-left-width:4px;border-radius:9px;margin-bottom:10px;padding:9px 11px}.menu-category-divider h2{font-size:18px}.menu-category-divider small{font-size:9px}}@media (width>=761px) and (width<=1000px){.menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.menu-grid.recommended-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.menu-grid,.menu-grid.recommended-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.admin-login-page{color:#27241f;background:radial-gradient(circle at top,#3a3021 0,#171815 48%,#0d0e0c 100%);place-items:center;min-height:100svh;padding:24px;display:grid}.admin-login-card{text-align:center;background:#f7f0e3;border:1px solid #c0974473;border-radius:24px;width:min(100%,420px);padding:34px;box-shadow:0 24px 70px #0000006b}.admin-login-mark{color:#d7b56d;background:#24241f;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:34px;display:grid}.admin-login-card small{letter-spacing:.18em;color:#8f6c2c}.admin-login-card h1{margin:10px 0 6px;font-size:28px}.admin-login-card p{color:#716b61;margin:0 0 24px}.admin-login-card label{text-align:left;gap:8px;font-weight:700;display:grid}.admin-login-card input{width:100%;font:inherit;background:#fffdf8;border:1px solid #cfc3ae;border-radius:12px;padding:14px 16px}.admin-login-card button{color:#fff;width:100%;font:inherit;cursor:pointer;background:#a87825;border:0;border-radius:12px;margin-top:18px;padding:14px;font-weight:800}.admin-login-card button:disabled{opacity:.65}.admin-login-card>a{color:#6f5a35;margin-top:18px;display:inline-block}.admin-login-error{color:#8b1e1e;text-align:left;background:#f8dddd;border-radius:10px;margin-top:14px;padding:10px 12px}.cashier-page{color:#26251f;background:#eee7da;min-height:100svh;padding:28px clamp(14px,3vw,42px) 64px}.cashier-header{color:#fff;background:#1b1c18;border:1px solid #4d483d;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;max-width:1500px;margin:0 auto 22px;padding:22px 24px;display:flex;box-shadow:0 15px 45px #30291e26}.cashier-header small,.cashier-section-title small{color:#d5ad6b;letter-spacing:.18em;font-size:10px;font-weight:800}.cashier-header h1{margin:4px 0 0;font-family:Pridi,Noto Sans Lao,serif;font-size:34px;font-weight:500}.cashier-header p{color:#aaa79d;margin:2px 0 0;font-size:11px}.cashier-header nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.cashier-header a,.cashier-header button{color:#ece5d8;background:#292a25;border:1px solid #5b584f;border-radius:9px;min-height:42px;padding:9px 13px;font-size:11px;font-weight:700;text-decoration:none}.cashier-header button{border-color:#b78b4d}.cashier-header button.sound-on{color:#fff4df;background:#6a552e}.cashier-error{color:#8b3629;background:#fff0ed;border:1px solid #c98274;border-radius:10px;max-width:1500px;margin:0 auto 14px;padding:12px 15px;font-size:12px}.cashier-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1500px;margin:0 auto 20px;display:grid}.cashier-stats article{background:#fff9ee;border:1px solid #d5c8b3;border-radius:13px;flex-direction:column;min-height:116px;padding:18px;display:flex}.cashier-stats small{color:#777168;font-size:10px}.cashier-stats b{color:#8b622d;margin-top:8px;font-family:Pridi,Noto Sans Lao,serif;font-size:27px}.cashier-stats span{color:#8a857c;margin-top:auto;font-size:10px}.cashier-stats .cashier-live{color:#53745a;font-family:inherit;font-size:17px}.cashier-layout{grid-template-columns:minmax(0,1fr) 300px;gap:18px;max-width:1500px;margin:auto;display:grid}.cashier-queue,.cashier-side>section,.cashier-history{background:#fbf5e9;border:1px solid #d5c8b3;border-radius:16px;box-shadow:0 8px 26px #4a3a2612}.cashier-queue,.cashier-history,.cashier-best{padding:20px}.cashier-section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.cashier-section-title h2,.cashier-best h2{margin:3px 0 0;font-family:Pridi,Noto Sans Lao,serif;font-size:24px;font-weight:500}.cashier-section-title>span{color:#73542d;background:#e7d9c1;border-radius:99px;padding:6px 10px;font-size:10px;font-weight:800}.cashier-empty{text-align:center;color:#817b71;border:1px dashed #c8baa3;border-radius:12px;padding:42px 20px;font-size:12px}.cashier-order{background:#fffdf7;border:1px solid #d9cdbb;border-left:6px solid #b98b4c;border-radius:13px;margin-top:12px;overflow:hidden}.cashier-order.status-pending{border-left-color:#d07b3e}.cashier-order.status-verified{border-left-color:#9f7a3b}.cashier-order.status-received{border-left-color:#4f7993}.cashier-order.status-keyed{border-left-color:#6b61a1}.cashier-order.status-preparing{border-left-color:#b15050}.cashier-order>header,.cashier-order>footer{background:#f2eadc;justify-content:space-between;align-items:center;gap:12px;padding:11px 14px;display:flex}.cashier-order>header>div{align-items:center;gap:9px;display:flex}.cashier-order>header time{color:#726d64;font-size:11px}.cashier-origin{border-radius:7px;place-items:center;width:40px;height:28px;font-size:8px;font-weight:900;display:grid}.cashier-origin.customer{color:#884b1f;background:#f3d5b7}.cashier-origin.staff{color:#426047;background:#d8e5d8}.cashier-order-main{border-bottom:1px solid #e6ddcf;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:13px 14px;display:grid}.cashier-order-main>div{flex-direction:column;display:flex}.cashier-order-main small{color:#898278;font-size:9px}.cashier-order-main strong{font-size:18px}.cashier-status{color:#7d592d;margin-top:3px;font-size:11px;font-weight:800}.cashier-order ul{margin:0;padding:6px 14px;list-style:none}.cashier-order li{border-bottom:1px dashed #e4dacb;justify-content:space-between;gap:12px;padding:9px 0;font-size:12px;display:flex}.cashier-order li:last-child{border-bottom:0}.cashier-order li>span{flex-direction:column;display:flex}.cashier-order li small{color:#817a70;font-size:9px}.cashier-order>footer{font-size:10px}.cashier-order>footer button{color:#fff;background:#9a6c30;border:0;border-radius:8px;min-width:118px;min-height:40px;font-weight:800}.cashier-order>footer button:disabled{opacity:.6}.cashier-best{position:sticky;top:16px}.cashier-best ol{counter-reset:best;margin:13px 0 0;padding:0;list-style:none}.cashier-best li{counter-increment:best;border-top:1px solid #e2d8c8;grid-template-columns:25px 1fr auto;align-items:center;gap:7px;padding:10px 0;font-size:11px;display:grid}.cashier-best li:before{content:counter(best);color:#60451f;background:#dfc59a;border-radius:50%;place-items:center;width:22px;height:22px;font-weight:800;display:grid}.cashier-best li>span{flex-direction:column;display:flex}.cashier-best li small,.cashier-best p{color:#817a70;font-size:9px}.cashier-history{max-width:1500px;margin:18px auto 0}.cashier-filters{background:#f2eadc;border:1px solid #ded2bf;border-radius:11px;grid-template-columns:1.1fr .8fr 1fr 1fr 1fr auto auto;align-items:end;gap:9px;padding:13px;display:grid}.cashier-filters label{color:#6f6960;gap:4px;font-size:9px;display:grid}.cashier-filters input,.cashier-filters select{color:#2a2924;background:#fffdf8;border:1px solid #cbbda8;border-radius:7px;width:100%;min-height:39px;padding:8px}.cashier-filters button{color:#fff;background:#99703a;border:0;border-radius:7px;min-height:39px;padding:8px 13px;font-size:10px;font-weight:800}.cashier-filters .cashier-reset{color:#615b51;background:#fffdf8;border:1px solid #cbbda8}.cashier-history-list{margin-top:12px}.cashier-history-list article{border-top:1px solid #e3d9ca;grid-template-columns:120px 100px 1fr 130px 130px;align-items:center;gap:12px;padding:12px 8px;font-size:11px;display:grid}.cashier-history-list article strong{text-align:right;color:#805b2b}.cashier-history-status{color:#5e584e;background:#e4dccf;border-radius:99px;width:max-content;padding:5px 8px;font-size:9px;font-weight:800}.cashier-history-status.status-pending{color:#8a4c22;background:#f4d9c2}.cashier-history-status.status-received{color:#345d74;background:#d7e4eb}.cashier-history-status.status-keyed{color:#574d89;background:#dfdcf0}.cashier-history-status.status-preparing{color:#8b3b3b;background:#f1d5d5}.cashier-history-status.status-served{color:#3f6444;background:#d9e8da}.cashier-pagination{justify-content:center;align-items:center;gap:12px;margin-top:15px;display:flex}.cashier-pagination button{background:#fffdf8;border:1px solid #cbbda8;border-radius:8px;min-height:38px;padding:7px 14px}.cashier-pagination button:disabled{opacity:.45}.cashier-pagination span{color:#726c62;font-size:10px}@media (width<=1050px){.cashier-stats{grid-template-columns:repeat(2,1fr)}.cashier-layout{grid-template-columns:1fr}.cashier-best{position:static}.cashier-filters{grid-template-columns:repeat(3,1fr)}.cashier-history-list article{grid-template-columns:100px 80px 1fr 110px}.cashier-history-list article>span:nth-child(3){display:none}}@media (width<=650px){.cashier-page{padding:12px 10px 38px}.cashier-header{border-radius:13px;align-items:flex-start;padding:17px}.cashier-header h1{font-size:27px}.cashier-header p{display:none}.cashier-header nav{max-width:155px}.cashier-header a{display:none}.cashier-header button{width:100%;font-size:9px}.cashier-stats{grid-template-columns:1fr 1fr;gap:8px}.cashier-stats article{min-height:100px;padding:13px}.cashier-stats b{font-size:20px}.cashier-queue,.cashier-history{padding:12px}.cashier-order-main{grid-template-columns:1fr 1fr}.cashier-order-main>div:last-child{grid-column:1/3}.cashier-order>footer{flex-direction:column;align-items:flex-start}.cashier-order>footer button{width:100%}.cashier-filters{grid-template-columns:1fr 1fr;padding:9px}.cashier-filters label:first-child{grid-column:1/3}.cashier-history-list article{grid-template-columns:1fr auto;gap:4px}.cashier-history-list article>span:nth-child(2),.cashier-history-list article>span:nth-child(3){display:none}.cashier-history-status{grid-column:1}.cashier-history-list article strong{grid-area:1/2/3}.cashier-section-title h2,.cashier-best h2{font-size:20px}}.hero-qr{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff1d8;background:#141511e0;border:1px solid #d2ad72;border-radius:50%;place-items:center;width:44px;height:44px;min-height:44px;padding:0;font-size:20px;display:grid;position:static;box-shadow:0 8px 28px #0006}.admin-order-row{grid-template-columns:50px minmax(180px,1fr) 55px 100px auto}.admin-order-actions{justify-content:flex-end;gap:5px;display:flex}.admin-order-actions button{color:#6d5634;background:#fffaf1;border:1px solid #cbbda8;border-radius:7px;min-height:34px;padding:6px 9px;font-size:10px}.admin-order-actions .danger{color:#963f31;background:#fff4f0;border-color:#d5a99c}@media (width<=760px){.hero-qr{width:42px;height:42px;min-height:42px}.admin-order-row{grid-template-columns:42px 1fr}.admin-order-row>span,.admin-order-row>b{display:none}.admin-order-actions{flex-wrap:wrap;grid-column:2;justify-content:flex-start}}.cashier-header .cashier-home{border-color:#b78b4d;align-items:center;gap:5px;display:flex}.cashier-summary-controls{justify-content:space-between;align-items:center;gap:12px;max-width:1500px;margin:0 auto 12px;display:flex}.cashier-summary-controls>div:first-child{gap:6px;display:flex;overflow:auto}.cashier-summary-controls button{white-space:nowrap;color:#665d50;background:#fff9ee;border:1px solid #cbbda8;border-radius:9px;min-height:38px;padding:7px 12px;font-size:10px;font-weight:800}.cashier-summary-controls button.active{color:#fff1d7;background:#24251f;border-color:#a97b3d}.cashier-custom-range{gap:8px;display:flex}.cashier-custom-range label{color:#70695f;align-items:center;gap:5px;font-size:9px;display:flex}.cashier-custom-range input{background:#fffdf8;border:1px solid #cbbda8;border-radius:8px;min-height:38px;padding:6px}.cashier-staff-name strong{color:#805b2b}.cashier-order>footer>div{gap:6px;display:flex}.cashier-order>footer button.cashier-edit{color:#6b583b;background:#fffaf1;border:1px solid #bca98c;min-width:auto}.cashier-order>footer button.cashier-delete{color:#963f31;background:#fff3ef;border:1px solid #d4a69a;min-width:auto}.cashier-history-list article>span{flex-direction:column;display:flex}.cashier-history-list article>span small{color:#8a8378;font-size:8px}.cashier-row-actions{gap:5px;display:flex}.cashier-row-actions button{color:#715934;background:#fffaf1;border:1px solid #cbbda8;border-radius:7px;min-height:32px;font-size:9px}.cashier-row-actions button:last-child{color:#963f31;border-color:#d4a69a}.cashier-modal{z-index:300;background:#111b;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.cashier-modal>section{background:#fff9ee;border:1px solid #d0b783;border-radius:18px;width:min(720px,96vw);max-height:92vh;padding:20px;overflow:auto;box-shadow:0 25px 80px #0008}.cashier-modal header,.cashier-modal footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.cashier-modal header small{color:#9a6d32;letter-spacing:.15em;font-size:9px}.cashier-modal h2{margin:3px 0;font-family:Pridi,Noto Sans Lao,serif}.cashier-modal header>button{background:#eee3d2;border:0;border-radius:50%;width:40px;height:40px;font-size:20px}.cashier-edit-fields{grid-template-columns:1fr 1fr 1fr;gap:8px;margin:15px 0;display:grid}.cashier-edit-fields label,.cashier-edit-items label{color:#70695f;gap:4px;font-size:9px;display:grid}.cashier-edit-fields input,.cashier-edit-fields select,.cashier-edit-items input{background:#fff;border:1px solid #cbbda8;border-radius:8px;width:100%;min-height:40px;padding:8px}.cashier-edit-items>div{border-top:1px solid #e1d6c4;grid-template-columns:minmax(180px,1fr) 90px 130px 40px;align-items:end;gap:7px;padding:9px 0;display:grid}.cashier-edit-items>div>button{color:#963f31;background:#fff3ef;border:1px solid #d4a69a;border-radius:8px;height:40px}.cashier-modal footer{margin-top:14px}.cashier-modal footer>div{gap:7px;display:flex}.cashier-modal footer button{color:#fff;background:#956b32;border:0;border-radius:8px;min-height:40px;padding:8px 12px;font-weight:800}.cashier-modal footer .cashier-reset{color:#625a4f;background:#fff;border:1px solid #cbbda8}@media (width<=1050px){.cashier-history-list article{grid-template-columns:100px 110px 1fr 100px 100px}.cashier-history-list article>span:nth-child(3){display:none}}@media (width<=650px){.cashier-header .cashier-home{display:flex}.cashier-header .cashier-home span{display:none}.cashier-summary-controls{flex-direction:column;align-items:stretch}.cashier-summary-controls>div:first-child{padding-bottom:3px}.cashier-custom-range{grid-template-columns:1fr 1fr;display:grid}.cashier-custom-range label{display:grid}.cashier-order-main{grid-template-columns:1fr 1.4fr}.cashier-order-main>div:last-child{grid-column:auto}.cashier-order>footer>div{grid-template-columns:1fr 1fr 1.4fr;width:100%;display:grid}.cashier-order>footer button{min-width:0}.cashier-history-list article{grid-template-columns:1fr auto}.cashier-history-list article>span:nth-child(2){display:flex}.cashier-row-actions{grid-column:1/3}.cashier-edit-fields{grid-template-columns:1fr}.cashier-edit-items>div{grid-template-columns:1fr 1fr 40px}.cashier-edit-items>div>input{grid-column:1/4}.cashier-modal footer{flex-direction:column;align-items:flex-start}.cashier-modal footer>div{width:100%}.cashier-modal footer button{flex:1}}.table-head-actions{gap:8px;display:flex}.zone-name-editor{gap:8px;margin:-4px 0 18px;padding-bottom:4px;display:flex;overflow:auto}.zone-name-editor label{color:#777;min-width:190px;font-size:9px}.zone-name-editor input,.table-zone-select select{border:1px solid var(--line);background:#fff;border-radius:7px;width:100%;margin-top:4px;padding:8px;display:block}.table-zone-groups{gap:18px;display:grid}.table-zone-section{background:#f5ecdc;border:1px solid #dac9ad;border-radius:13px;padding:15px}.table-zone-section>header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.table-zone-section h4{margin:0;font-family:Pridi,Noto Sans Lao,serif;font-size:20px;font-weight:500}.table-zone-section>header span{color:#6c512e;background:#ddd0b9;border-radius:99px;padding:5px 9px;font-size:9px}.table-zone-section .table-card{background:#fffaf1}.table-card .table-zone-select,.table-card .qr-button{grid-column:2/4}@media (width<=760px){.table-head-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.panel-head{flex-wrap:wrap;align-items:flex-start}.zone-name-editor{grid-template-columns:1fr 1fr;display:grid;overflow:visible}.zone-name-editor label{min-width:0}.table-zone-section{padding:10px}}.cashier-new-order{z-index:400;top:max(14px,env(safe-area-inset-top));color:#fff8e9;text-align:center;background:#22231e;border:1px solid #c69a55;border-radius:12px;width:min(92vw,620px);padding:13px 16px;font-size:12px;font-weight:800;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 38px #0005}.cashier-report-actions{align-items:center;gap:6px;display:flex}.cashier-report-actions>button{color:#fff1d8;background:#2b2b25;border-color:#a77b3f}.cashier-history-list article{grid-template-columns:110px 120px 1fr 120px 110px 175px}.cashier-row-actions .view-order{color:#fff0d3;background:#2d2d27;border-color:#a98348}.order-detail-modal>section{width:min(650px,96vw)}.order-detail-meta{grid-template-columns:repeat(2,1fr);gap:8px;margin:15px 0;display:grid}.order-detail-meta span{background:#f4ead9;border:1px solid #dccdb5;border-radius:9px;flex-direction:column;padding:10px;display:flex}.order-detail-meta small{color:#7c756b;font-size:9px}.order-detail-meta b{margin-top:3px}.order-detail-items{border-top:1px solid #d8cbb8}.order-detail-items article{border-bottom:1px solid #e2d7c6;grid-template-columns:1fr 55px 110px;align-items:center;gap:10px;padding:12px 3px;display:grid}.order-detail-items article>div{flex-direction:column;display:flex}.order-detail-items small{color:#817a70;font-size:9px}.order-detail-items strong{text-align:right;color:#805b2b}@media (width<=1050px){.cashier-history-list article{grid-template-columns:100px 110px 1fr 100px 170px}.cashier-history-list article>span:nth-child(3){display:none}}@media (width<=650px){.cashier-report-actions{grid-template-columns:1fr 1fr;display:grid}.cashier-report-actions .cashier-custom-range{grid-column:1/3}.cashier-report-actions>button{width:100%}.cashier-row-actions{grid-template-columns:1.2fr 1fr 1fr}.order-detail-meta{grid-template-columns:1fr 1fr}.order-detail-items article{grid-template-columns:1fr 45px 90px}}.media-library-fab{z-index:180;color:#fff4df;background:#25231e;border:1px solid #d7aa65;border-radius:999px;min-height:46px;padding:10px 15px;font-weight:800;position:fixed;bottom:22px;right:22px;box-shadow:0 10px 32px #0005}.media-library-modal{z-index:500;background:#111c;padding:18px}.media-library-modal>section{color:#2d241b;background:#fffaf0;border:1px solid #d9b476;border-radius:18px;width:min(850px,96vw);max-height:90vh;padding:20px;overflow:auto}.media-library-modal header{justify-content:space-between;gap:18px;display:flex}.media-library-modal header h2{margin:3px 0}.media-library-modal header p{color:#6d6256;margin:0;font-size:13px}.media-library-modal .close{background:#eee2cf;border:0;border-radius:50%;width:40px;height:40px;font-size:20px}.library-target{color:#6a5a47;gap:5px;margin:14px 0;font-size:12px;font-weight:700;display:grid}.library-target select,.library-controls input{color:#2d241b;background:#fff;border:1px solid #d9c2a3;border-radius:9px;width:100%;min-height:42px;padding:8px}.library-controls{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;display:grid}.library-controls button,.library-controls .upload-button{color:#fff4dc;cursor:pointer;background:#2d2a24;border:0;border-radius:9px;place-items:center;min-height:42px;padding:8px 13px;font-size:12px;font-weight:800;display:grid}.library-controls .upload-button{background:#a45b30}.library-controls .upload-button input{display:none}.library-status{color:#71665b;text-align:center;padding:32px 8px}.library-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:15px;display:grid}.library-grid>button{text-align:left;color:#31271d;background:#fff;border:1px solid #e0cfb8;border-radius:11px;padding:0;overflow:hidden}.library-grid>button:disabled{opacity:.55}.library-grid img{aspect-ratio:1;object-fit:cover;background:#eee1cf;width:100%;display:block}.library-grid span{flex-direction:column;gap:3px;min-height:58px;padding:8px;font-size:11px;display:flex}.library-grid small{color:#8b7050;font-size:9px}@media (width<=680px){.media-library-fab{bottom:14px;right:14px}.media-library-modal{padding:10px}.media-library-modal>section{padding:15px}.library-controls{grid-template-columns:1fr 1fr}.library-controls input{grid-column:1/3}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}}.cashier-transfer{color:#654a18!important;background:#fff8e8!important;border-color:#b79045!important}.cashier-transfer-note{font-weight:700;color:#8a641f!important}.cashier-edit-fields label>small{color:#74684f;max-width:28rem;margin-top:5px;display:block}.table-transfer-modal>section{max-width:760px}.table-transfer-route{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin:10px 0 16px;display:grid}.table-transfer-route span{text-align:center;background:#fffaf0;border:1px solid #dacda9;border-radius:14px;flex-direction:column;justify-content:center;min-height:76px;padding:12px;display:flex}.table-transfer-route small{color:#74684f}.table-transfer-route b{font-size:1.25rem}.table-transfer-route>strong{color:#b79045;font-size:1.6rem}.table-transfer-zones{gap:12px;max-height:42vh;padding:4px;display:grid;overflow:auto}.table-transfer-zone{background:#fffdf7;border:1px solid #dfd4b7;border-radius:14px;padding:12px}.table-transfer-zone h3{color:#3d3425;margin:0 0 9px}.table-transfer-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;display:grid}.table-transfer-grid button{color:#302a21;background:#fff;border:1px solid #cbbf9e;border-radius:11px;min-height:58px;font-weight:800}.table-transfer-grid button small{color:#60725c;margin-top:2px;font-weight:600;display:block}.table-transfer-grid button.occupied{background:#fff4ef;border-color:#d08d76}.table-transfer-grid button.occupied small{color:#a14830}.table-transfer-grid button.selected{color:#f7d995;background:#2f2920;border-color:#ad7d20;box-shadow:0 0 0 2px #e6c57c}.table-transfer-grid button.selected small{color:#f7e8bd}.table-transfer-warning{color:#7f311f;background:#fff1eb;border:1px solid #d68e70;border-radius:13px;margin-top:14px;padding:12px}.table-transfer-warning>*{display:block}.table-transfer-warning small{margin-top:4px}.table-transfer-warning p{margin:7px 0 0}.table-transfer-note{color:#71664f;font-size:.9rem}.order-transfer-history{background:#fffaf0;border:1px solid #ddcfaa;border-radius:14px;margin:14px 0;padding:14px}.order-transfer-history h3{margin:0 0 8px}.order-transfer-history p{border-top:1px solid #eadfc5;justify-content:space-between;gap:12px;margin:7px 0;padding-top:7px;display:flex}.order-transfer-history small{color:#74684f;text-align:right}@media (width<=700px){.cashier-order>footer>div{grid-template-columns:repeat(2,1fr)}.table-transfer-route{gap:7px}.table-transfer-route span{padding:8px}.table-transfer-grid{grid-template-columns:repeat(3,1fr)}.order-transfer-history p{flex-direction:column}.order-transfer-history small{text-align:left}}