:root{--bg:#f6f4ee;--surface:#fffdfa;--surface-2:#f1eee6;--line:#d7d1c3;--line-strong:#bdb4a3;--text:#181915;--muted:#6f716a;--green-950:#073f2a;--green-900:#06482d;--green-800:#075b38;--green-700:#08663e;--green-100:#e4f1e8;--red-700:#c82422;--red-600:#dc372e;--red-100:#fde8e2;--gold-600:#d9a419;--gold-100:#fff2ce;--shadow:0 18px 60px #1819151f;--radius:8px;--font-thai:"Noto Sans Thai", "IBM Plex Sans Thai", "Sarabun", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-thai);margin:0;font-size:16px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}img{max-width:100%}.login-screen{background:linear-gradient(90deg, #06482dfa 0 55%, transparent 55%), var(--bg);grid-template-columns:minmax(420px,1fr) 460px;align-items:center;gap:48px;min-height:100vh;padding:48px;display:grid}.login-brand{color:#fff;text-align:center;justify-self:center;justify-items:center;gap:24px;width:min(540px,55vw - 96px);display:grid}.login-logo{background:#fff;border-radius:22px;width:min(340px,76vw);padding:14px;box-shadow:0 22px 70px #00000040}.login-hero-image{object-position:center;border-radius:32px;width:min(360px,82vw);height:auto;display:block;box-shadow:0 28px 88px #052f212e}.login-brand h1{text-shadow:0 2px 16px #00000047;max-width:100%;margin:0;font-size:clamp(34px,3vw,46px);font-weight:900;line-height:1.12}.login-brand h1 span{display:block}.login-brand h1 span:last-child{white-space:nowrap}.login-brand p{color:#ffffffe0;text-shadow:0 1px 10px #00000038;margin:10px 0 0;font-size:18px;font-weight:600}.login-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);gap:20px;padding:28px;display:grid}.login-mobile-logo{display:none}.login-mobile-logo img{width:100%;height:auto;display:block}.mode-switch,.period-tabs{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(2,1fr);display:grid;overflow:hidden}.mode-switch button,.period-tabs button{color:var(--text);background:#fff;border:0;min-height:48px;font-weight:700}.mode-switch button.active,.period-tabs button.active{background:var(--green-800);color:#fff}.field{gap:8px;font-weight:700;display:grid}.field input,.field select,.filter-control input,.filter-control select,.custom-item-panel input{border:1px solid var(--line);border-radius:var(--radius);min-height:46px;color:var(--text);background:#fff;padding:0 14px}.admin-login-note,.print-note,.offline-warning{color:#7a4a06;border-radius:var(--radius);background:#fff8e9;border:1px solid #efcf9b;align-items:center;gap:10px;padding:12px 14px;line-height:1.45;display:flex}.admin-login-note{border-color:var(--line);color:var(--green-800);background:var(--green-100)}.form-error{color:var(--red-700);margin:0;font-weight:700}.primary-action,.secondary-action,.danger-action,.export-button{border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;gap:10px;min-height:50px;font-weight:800;display:inline-flex}.primary-action{background:var(--green-800);color:#fff}.secondary-action{color:var(--green-800);border-color:var(--green-800);background:#fff}.danger-action{color:#fff;background:var(--red-600)}.app-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.staff-sidebar{background:linear-gradient(180deg, var(--green-950), var(--green-900));color:#fff;flex-direction:column;gap:18px;min-height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.brand-block{text-align:center;justify-items:center;gap:10px;padding:8px 10px 12px;display:grid}.brand-block img{background:#fff;border-radius:12px;width:146px;padding:8px}.brand-block strong{font-size:27px;line-height:1;display:block}.brand-block span{color:#f1cd65;letter-spacing:0;font-size:12px;font-weight:800}.branch-badge{border-radius:var(--radius);background:#ffffff12;border:1px solid #ffffff73;align-items:center;gap:12px;padding:12px;display:flex}.branch-badge span{color:#ffffffb8;gap:2px;font-size:13px;display:grid}.branch-badge strong{color:#fff;font-size:18px}.side-nav{gap:8px;display:grid}.side-nav button,.logout-button{border-radius:var(--radius);color:#ffffffdb;text-align:left;background:0 0;border:0;align-items:center;gap:14px;min-height:58px;padding:0 14px;font-weight:800;display:flex}.side-nav button.active,.side-nav button:hover,.logout-button:hover{color:#fff;background:#ffffff1f}.side-nav .close-bill-nav-button{color:#173a2e;background:linear-gradient(135deg,#ffd75f,#ffb528);border:2px solid #ffe684eb;min-height:66px;box-shadow:0 12px 30px #ffb8283d}.side-nav .close-bill-nav-button:hover{color:#0b3325;background:linear-gradient(135deg,#ffe27f,#ffc344)}.close-bill-nav-button span{flex:1}.close-bill-nav-button strong{color:#fff;background:#0b5c3c;border-radius:999px;place-items:center;min-width:30px;height:30px;font-size:15px;display:grid}.side-nav .close-bill-nav-button:disabled{color:#ffffff7a;box-shadow:none;background:#ffffff14;border-color:#ffffff2e}.logout-button{border-top:1px solid #ffffff40;border-radius:0;margin-top:auto}.staff-main,.admin-main{min-width:0;padding:24px}.top-status{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:18px;min-height:86px;margin:-24px -24px 20px;padding:0 24px;display:flex}.online-pill,.offline-pill{align-items:center;gap:8px;font-weight:800;display:inline-flex}.online-pill{color:var(--green-800)}.offline-pill{color:var(--red-700)}.status-divider{background:var(--line-strong);width:1px;height:38px}.today-strip{grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:0;min-width:min(760px,100%);margin-left:auto;display:grid}.alert-sound-button{color:#6d4700;white-space:nowrap;background:#fff2b5;border:2px solid #d99600;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:900;display:inline-flex}.alert-sound-button.ready{background:var(--green-100);color:var(--green-800);border-color:#0770434d}.top-status .alert-sound-button span{color:inherit;font-size:14px;font-weight:900}.today-strip div{border-left:1px solid var(--line);padding:4px 18px}.today-strip span,.kpi-card span,.cart-line span,.legend strong,.panel-title-row span{color:var(--muted);font-size:13px}.today-strip strong{color:var(--green-800);font-size:18px;display:block}.order-layout{grid-template-columns:minmax(0,1fr) 430px;gap:20px;display:grid}.menu-workspace,.cart-panel,.data-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.menu-workspace{padding:18px}.data-status-banner{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-height:46px;color:var(--green-800);align-items:center;gap:10px;margin:0 0 14px;padding:0 16px;font-weight:900;display:flex}.data-status-banner.error{color:var(--red-700)}.menu-search{border:1px solid var(--line-strong);border-radius:var(--radius);background:#fff;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;margin-bottom:14px;padding:0 14px;display:grid}.menu-search svg{color:var(--green-800)}.menu-search input{border:0;min-width:0;min-height:42px;padding:0}.menu-search button{background:var(--green-100);width:34px;height:34px;color:var(--green-800);border:0;border-radius:50%;place-items:center;display:grid}.category-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.category-tabs button{border:1px solid var(--line-strong);border-radius:var(--radius);min-height:62px;color:var(--text);background:#fff;font-size:22px;font-weight:900}.category-tabs button.active{background:var(--green-800);border-color:var(--green-800);color:#fff}.menu-grid{grid-template-columns:repeat(2,minmax(260px,1fr));gap:12px;margin-top:18px;display:grid}.empty-menu{border:1px dashed var(--line-strong);border-radius:var(--radius);min-height:110px;color:var(--muted);text-align:center;grid-column:1/-1;place-items:center;padding:18px;font-weight:800;display:grid}.menu-card{border:1px solid var(--line);border-radius:var(--radius);min-height:132px;color:var(--text);text-align:left;background:#fff;grid-template-columns:132px 1fr;align-items:center;gap:18px;padding:10px;display:grid}.menu-card:hover{border-color:var(--green-800);box-shadow:0 10px 30px #06482d14}.menu-card img{object-fit:cover;border-radius:var(--radius);background:var(--surface-2);width:112px;height:112px}.menu-copy{gap:7px;display:grid}.menu-copy strong{font-size:22px;line-height:1.25}.menu-copy span{color:var(--green-800);font-size:22px;font-weight:900}.menu-copy em{color:#8b6b15;font-size:12px;font-style:normal}.setup-card{opacity:.75}.custom-item-panel{border:1px dashed var(--green-800);border-radius:var(--radius);background:#fbfff9;grid-column:1/-1;gap:14px;padding:16px;display:grid}.custom-item-panel h3{color:var(--green-800);margin:0}.custom-item-panel p{color:var(--muted);margin:2px 0 0;font-weight:700}.custom-item-title{align-items:center;gap:10px;display:flex}.custom-item-title svg{color:var(--green-800);flex:none}.custom-image-picker{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:88px 1fr;align-items:center;gap:12px;padding:10px;display:grid}.custom-image-picker>img{object-fit:cover;border-radius:var(--radius);background:var(--surface-2);width:88px;height:88px}.custom-image-copy{gap:7px;min-width:0;display:grid}.custom-image-copy strong{color:var(--green-800)}.custom-image-copy span{color:var(--muted);font-weight:700;line-height:1.35}.custom-image-copy em{color:var(--red-700);font-style:normal;font-weight:800}.custom-image-actions{flex-wrap:wrap;gap:8px;display:flex}.custom-image-actions button{border-radius:var(--radius);background:var(--green-800);color:#fff;white-space:nowrap;border:0;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 14px;font-weight:900;display:inline-flex}.custom-image-actions .custom-image-secondary,.custom-item-panel .custom-image-secondary{border:1px solid var(--line-strong);color:var(--green-800);background:#fff}.custom-image-input{display:none}.custom-item-fields{grid-template-columns:minmax(220px,1fr) 160px auto;align-items:end;gap:12px;display:grid}.custom-item-panel label{gap:6px;font-weight:800;display:grid}.custom-item-panel button{border-radius:var(--radius);background:var(--green-800);color:#fff;white-space:nowrap;border:0;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 18px;font-weight:900;display:inline-flex}.custom-item-panel button:disabled{background:var(--line-strong)}.offline-warning{margin-top:18px}.cart-panel{align-self:start;padding:0;position:sticky;top:18px;overflow:hidden}.cart-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:76px;padding:0 18px;display:flex}.cart-header h2,.admin-header h1,.branch-sales-view h1,.data-panel h2{margin:0}.cart-header button{border-radius:var(--radius);min-height:38px;color:var(--red-700);background:#fff;border:1px solid #f1b5ad;align-items:center;gap:8px;padding:0 10px;font-weight:800;display:inline-flex}.order-context-panel{border-bottom:1px solid var(--line);gap:12px;padding:16px 18px;display:grid}.fulfillment-switch{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.fulfillment-switch button{min-height:46px;color:var(--text);background:#fff;border:0;font-weight:900}.fulfillment-switch button.active{background:var(--green-800);color:#fff}.order-context-panel label,.payment-method-select{gap:7px;font-weight:800;display:grid}.order-context-panel input,.payment-method-select select,.close-bill-search input{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-width:0;min-height:46px;color:var(--text);background:#fff;padding:0 12px}.cart-table-head,.cart-line{grid-template-columns:1fr 124px 92px;align-items:center;gap:10px;display:grid}.cart-table-head{border-bottom:1px solid var(--line);min-height:48px;color:var(--muted);padding:0 18px;font-weight:800}.cart-lines{min-height:240px;max-height:370px;overflow:auto}.mobile-cart-review-heading,.cart-item-number{display:none}.empty-cart{min-height:240px;color:var(--muted);place-items:center;display:grid}.cart-line{border-bottom:1px solid var(--line);min-height:88px;padding:0 18px}.cart-item-info{grid-template-columns:48px 1fr;align-items:center;gap:10px;min-width:0;display:grid}.cart-item-info img{object-fit:cover;border-radius:var(--radius);background:var(--surface-2);width:48px;height:48px}.cart-item-info div{gap:5px;min-width:0;display:grid}.cart-item-info strong{line-height:1.25}.stepper{grid-template-columns:36px 42px 36px;align-items:center;display:grid}.stepper button,.stepper span{border:1px solid var(--line-strong);background:#fff;place-items:center;height:36px;display:grid}.stepper button:first-child{border-radius:var(--radius) 0 0 var(--radius)}.stepper button:last-child{border-radius:0 var(--radius) var(--radius) 0;color:var(--green-800)}.dashed-action{border:1px dashed var(--line-strong);border-radius:var(--radius);width:calc(100% - 36px);min-height:52px;color:var(--green-800);background:#fff;justify-content:center;align-items:center;gap:8px;margin:14px 18px;font-weight:800;display:inline-flex}.cart-total{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;padding:18px;display:flex}.cart-total strong{color:var(--green-800);font-size:34px}.pay-button,.print-button{border-radius:var(--radius);border:0;justify-content:center;align-items:center;gap:12px;width:calc(100% - 36px);min-height:70px;margin:0 18px 12px;font-size:26px;font-weight:900;display:flex}.pay-button{background:linear-gradient(135deg, var(--red-700), var(--red-600));color:#fff}.print-button{background:var(--green-800);color:#fff;font-size:18px}.print-button:disabled{background:#d1d3d5}.save-order-button{margin-top:0}.order-error,.order-notice{border-radius:var(--radius);width:calc(100% - 36px);margin:0 18px 12px;padding:10px 12px;font-weight:900;line-height:1.35}.order-error{background:var(--red-100);color:var(--red-700)}.order-notice{background:var(--green-100);color:var(--green-800)}.close-bill-panel{background:linear-gradient(#fffae0eb,#ffffffc7);border:3px solid #d5970099;border-radius:20px;gap:12px;margin:14px;padding:16px 18px 18px;scroll-margin:24px;display:grid}.close-bill-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.close-bill-title strong{color:var(--green-800);align-items:center;gap:8px;font-size:24px;display:inline-flex}.close-bill-title span{color:var(--muted);font-weight:800}.close-bill-search{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;min-height:46px;padding:0 12px;display:grid}.close-bill-search svg{color:var(--green-800)}.close-bill-search input{border:0;padding:0}.open-order-list{gap:10px;display:grid}.open-order-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:12px;display:grid}.open-order-card div{gap:3px;min-width:0;display:grid}.open-order-card span{color:var(--muted);font-size:13px;font-weight:800}.open-order-card button{border-radius:var(--radius);background:var(--green-800);color:#fff;white-space:nowrap;border:2px solid #0b5c3c;min-height:52px;padding:0 18px;font-weight:900}.open-order-card .close-bill-action{background:linear-gradient(135deg,#087047,#064a32);justify-content:center;align-items:center;gap:8px;font-size:17px;display:inline-flex;box-shadow:0 10px 24px #064a3233}.open-order-card .close-bill-action:disabled{color:#6b6b6b;box-shadow:none;background:#d7d7d7;border-color:#c9c9c9}.empty-open-order{border:1px dashed var(--line-strong);border-radius:var(--radius);min-height:54px;color:var(--muted);text-align:center;place-items:center;padding:10px;font-weight:800;display:grid}.branch-sales-view{gap:18px;display:grid}.branch-sales-view header{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);justify-content:space-between;align-items:center;min-height:150px;padding:24px;display:flex}.branch-sales-view header p{color:var(--muted);margin:6px 0 0}.branch-sales-view header strong{color:var(--green-800);font-size:42px}.sales-cards{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.sales-cards div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);gap:8px;padding:18px;display:grid}.sales-cards span{color:var(--muted)}.sales-cards strong{color:var(--green-800);font-size:24px}.sales-cards .sales-period-card{background:#def4e7b3;border-color:#126d4542}@media (min-width:1181px) and (max-width:1400px){.today-strip{display:none}}.admin-main{gap:18px;display:grid}.admin-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.admin-header h1{font-size:34px}.admin-title-stack{flex-wrap:wrap;align-items:center;gap:16px;min-width:0;display:flex}.admin-title-stack h1{margin:0}.system-status-card{border-radius:var(--radius);color:#fff;border:1px solid #ffffff38;align-content:center;gap:5px;min-width:188px;min-height:64px;padding:12px 16px;display:grid;box-shadow:0 18px 36px #073f2a2e}.system-status-card.online{background:linear-gradient(135deg, #1b8343f2, #075333fa), var(--green-800)}.system-status-card.offline{background:linear-gradient(135deg, #ac322af5, #731e1bfa), var(--red-700)}.system-status-card span{align-items:center;gap:9px;font-size:15px;font-weight:900;display:inline-flex}.system-status-card i{background:#a7f35f;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 6px #a7f35f29}.system-status-card.offline i{background:#ffd0c4;box-shadow:0 0 0 6px #ffd0c429}.system-status-card strong{color:#ffffffd6;font-size:13px;line-height:1.2}.admin-filters{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.period-tabs{grid-template-columns:repeat(3,96px)}.filter-control{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);align-items:center;gap:10px;min-height:48px;padding:0 12px;display:inline-flex}.filter-control input,.filter-control select{border:0;min-height:auto;padding:0}.export-button{border-color:var(--line);background:var(--surface);color:var(--green-800);padding:0 18px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.kpi-insight-strip{border-radius:var(--radius);background:linear-gradient(135deg, #fffffff5, #f3faf5e6), var(--surface);border:1px solid #075b3821;grid-template-columns:minmax(260px,1.25fr) repeat(3,minmax(190px,1fr));display:grid;overflow:hidden;box-shadow:0 18px 50px #073f2a17}.kpi-insight-card{border-left:1px solid #075b381f;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:13px;min-width:0;min-height:124px;padding:18px;display:grid}.kpi-insight-card:first-child{border-left:0}.kpi-insight-icon{border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.kpi-insight-copy{gap:3px;min-width:0;display:grid}.kpi-insight-copy span{color:var(--muted);font-size:14px;font-weight:800}.kpi-insight-copy strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(20px,1.35vw,25px);font-weight:950;line-height:1.15;overflow:hidden}.kpi-insight-copy small{color:var(--green-800);font-size:14px;font-weight:850}.kpi-insight-card.green .kpi-insight-icon{background:var(--green-100);color:var(--green-800)}.kpi-insight-card.orange .kpi-insight-icon{color:#d65f00;background:#fff0d6}.kpi-insight-card.purple .kpi-insight-icon{color:#7651d9;background:#f0e9ff}.kpi-insight-image{border-radius:var(--radius);object-fit:cover;width:78px;height:72px;box-shadow:0 10px 24px #1819151c}.mini-trend{border-radius:var(--radius);justify-content:center;align-items:end;gap:4px;width:76px;height:44px;padding:7px 8px;display:flex}.mini-trend span{border-radius:999px 999px 2px 2px;width:6px}.mini-trend.green{background:linear-gradient(#258d491a,#258d4905)}.mini-trend.green span{background:#2d9b58}.mini-trend.orange{background:linear-gradient(#e6ad1a24,#e6ad1a08)}.mini-trend.orange span{background:#e06d18}.mini-trend.purple{background:linear-gradient(#7651d91f,#7651d908)}.mini-trend.purple span{background:#7651d9}.kpi-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);grid-template-rows:auto auto;grid-template-columns:56px 1fr;align-items:center;column-gap:14px;min-height:126px;padding:18px;display:grid}.kpi-card div{border-radius:50%;grid-row:1/3;place-items:center;width:56px;height:56px;display:grid}.kpi-card svg{width:30px;height:30px}.kpi-card strong{font-size:30px}.kpi-card.green div{background:var(--green-100);color:var(--green-800)}.kpi-card.gold div{background:var(--gold-100);color:#9b6d00}.kpi-card.red div{background:var(--red-100);color:var(--red-700)}.admin-grid{grid-template-columns:minmax(0,1.4fr) minmax(360px,.8fr);gap:18px;display:grid}.data-panel{overflow:hidden}.admin-wide-panel{overflow-x:auto}.menu-admin-layout{grid-template-columns:minmax(340px,.78fr) minmax(0,1.22fr);align-items:start;gap:18px;display:grid}.menu-form-panel{overflow:hidden}.menu-form-panel .panel-title-row{align-items:flex-start}.menu-form-panel .panel-title-row span{color:var(--muted);margin-top:4px;font-weight:700;display:block}.menu-form-body{gap:14px;padding:18px;display:grid}.admin-menu-image-picker{grid-template-columns:96px 1fr}.admin-menu-image-picker>img{width:96px;height:96px}.menu-form-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:12px;display:grid}.menu-form-grid label,.menu-branch-select{gap:7px;min-width:0;font-weight:800;display:grid}.menu-form-grid input,.menu-form-grid select,.menu-branch-select select{border:1px solid var(--line);border-radius:var(--radius);min-height:46px;color:var(--text);background:#fff;width:100%;min-width:0;padding:0 12px}.menu-scope-grid{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.menu-scope-grid button{min-height:46px;color:var(--text);background:#fff;border:0;font-weight:900}.menu-scope-grid button.active{background:var(--green-800);color:#fff}.menu-submit-button{width:100%}.admin-menu-thumb{object-fit:cover;border-radius:var(--radius);background:var(--surface-2);width:52px;height:52px;display:block}.data-panel h2,.panel-title-row{border-bottom:1px solid var(--line);padding:18px}.panel-title-row{justify-content:space-between;align-items:center;display:flex}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:12px 14px}th{color:var(--muted);background:#f1eee68c;font-size:13px;font-weight:900}td{font-size:14px}tfoot td{color:var(--green-800);background:#eef7ef;font-weight:900}.branch-panel{overflow-x:auto}.branch-sales-table{table-layout:fixed;min-width:660px}.branch-sales-table th,.branch-sales-table td{text-overflow:clip;overflow:visible}.admin-grid .branch-panel .branch-sales-table th:first-child,.admin-grid .branch-panel .branch-sales-table td:first-child{width:6%}.admin-grid .branch-panel .branch-sales-table th:nth-child(2),.admin-grid .branch-panel .branch-sales-table td:nth-child(2){width:25%}.admin-grid .branch-panel .branch-sales-table th:nth-child(3),.admin-grid .branch-panel .branch-sales-table td:nth-child(3){width:16%}.admin-grid .branch-panel .branch-sales-table th:nth-child(4),.admin-grid .branch-panel .branch-sales-table td:nth-child(4){width:17%}.admin-grid .branch-panel .branch-sales-table th:nth-child(5),.admin-grid .branch-panel .branch-sales-table td:nth-child(5){width:13%}.admin-grid .branch-panel .branch-sales-table th:nth-child(6),.admin-grid .branch-panel .branch-sales-table td:nth-child(6){width:23%}.category-panel{padding-bottom:20px}.category-bar-card{gap:20px;width:min(820px,100%);margin:0 auto;padding:clamp(18px,3vw,30px);display:grid}.category-total-pill{background:#ffffffbd;border:1px solid #0a5a361f;border-radius:999px;justify-self:center;align-items:center;gap:12px;min-height:48px;padding:8px 18px;display:inline-flex;box-shadow:0 14px 34px #0a452a14}.category-total-pill span{color:var(--muted);font-size:14px;font-weight:700}.category-total-pill strong{color:var(--green-900);font-size:clamp(22px,3vw,30px)}.category-bars{gap:14px;display:grid}.category-bar-row{background:#ffffff94;border:1px solid #0a5a3614;border-radius:18px;grid-template-columns:minmax(170px,220px) minmax(220px,1fr) minmax(110px,auto);align-items:center;gap:14px;padding:12px 14px;display:grid}.category-bar-meta{gap:4px;min-width:0;display:grid}.category-bar-meta span{min-width:0;color:var(--text);align-items:center;gap:9px;font-weight:800;display:inline-flex}.category-bar-meta i{border-radius:999px;flex:none;width:12px;height:12px}.category-bar-meta strong{color:var(--green-800);font-size:18px}.category-bar-track{background:#0a5a3612;border:1px solid #0a5a3614;border-radius:999px;height:18px;overflow:hidden}.category-bar-fill{border-radius:inherit;min-width:0;height:100%;transition:width .22s;box-shadow:inset 0 -5px 12px #0000001f}.category-bar-row em{color:var(--muted);text-align:right;white-space:nowrap;font-size:13px;font-style:normal;font-weight:800}.status-paid,.status-open,.status-cancelled,.status-review{border-radius:99px;align-items:center;min-height:26px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.status-paid{background:var(--green-100);color:var(--green-800)}.status-open{background:var(--gold-100);color:#8b6400}.status-cancelled{background:var(--red-100);color:var(--red-700)}.status-review{background:var(--gold-100);color:#8b6400}.settings-grid{grid-template-columns:repeat(3,minmax(260px,1fr));gap:18px;display:grid}.settings-panel h2{margin:0}.setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:64px;padding:0 18px;display:flex}.setting-row span{color:var(--muted);font-weight:700}.setting-row strong{color:var(--green-800);text-align:right}.settings-danger-panel{background:linear-gradient(145deg,#fffffff5,#ffefedeb);border-color:#bd272447;grid-column:1/-1}.settings-danger-heading{color:var(--red-700);align-items:center;gap:10px;display:flex}.settings-danger-copy{color:#6f3632;max-width:860px;margin:14px 0 8px;line-height:1.65}.settings-clear-sales-button{width:100%;margin-top:18px}.settings-clear-sales-button:disabled{cursor:not-allowed;opacity:.55}.settings-feedback{border-radius:14px;margin:12px 0 0;padding:11px 14px;font-weight:700}.settings-feedback.error{color:var(--red-700);background:var(--red-100)}.settings-feedback.success{color:var(--green-800);background:var(--green-100)}.receipt-overlay{z-index:50;justify-content:flex-end;display:flex;position:fixed;inset:0}.overlay-scrim{background:#00000094;border:0;position:absolute;inset:0}.receipt-drawer{z-index:1;background:var(--surface);width:min(560px,100vw);min-height:100vh;box-shadow:var(--shadow);padding:28px;position:relative;overflow:auto}.drawer-title{justify-content:space-between;align-items:center;display:flex}.drawer-title h2{color:var(--green-800);margin:0;font-size:30px}.drawer-title button{background:0 0;border:0}.receipt-subtitle{font-weight:800}.paper-width-control{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:800;display:flex}.paper-width-selector{border:1px solid var(--line-strong);background:#ffffff8a;border-radius:12px;grid-template-columns:repeat(2,minmax(72px,1fr));gap:4px;padding:4px;display:inline-grid}.paper-width-selector button{min-height:34px;color:var(--green-800);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:0 10px}.paper-width-selector button.active{background:var(--green-700);color:#fff;box-shadow:0 4px 12px #075b3833}.receipt-paper{color:#000;border:1px solid var(--line);width:320px;font-family:var(--font-thai);background:#fff;margin:0 auto 18px;padding:16px 14px 22px;box-shadow:0 10px 32px #1819152e}.receipt-paper[data-paper-width="58"]{width:232px;padding:12px 10px 18px}.receipt-paper img{width:58px;margin:0 auto 8px;display:block}.receipt-paper h3{text-align:center;margin:0 0 3px;font-size:19px}.receipt-paper p{text-align:center;margin:0}.receipt-divider{border-top:1px dashed #000;margin:12px 0}.receipt-meta{grid-template-columns:1fr auto;gap:4px 12px;font-size:13px;display:grid}.receipt-paper table th,.receipt-paper table td{white-space:normal;border:0;padding:4px 3px;font-size:12px}.receipt-paper table th{color:#000;background:0 0}.receipt-paper table th:nth-child(n+2),.receipt-paper table td:nth-child(n+2){text-align:right}.receipt-items-compact{gap:8px;font-size:11.5px;display:grid}.receipt-item-compact{gap:2px;display:grid}.receipt-item-name{overflow-wrap:anywhere;line-height:1.35}.receipt-item-detail{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.receipt-paper[data-paper-width="58"] img{width:46px}.receipt-paper[data-paper-width="58"] h3{font-size:16px}.receipt-paper[data-paper-width="58"] .receipt-meta{gap:3px 8px;font-size:11.5px}.receipt-paper[data-paper-width="58"] .receipt-total{gap:18px;font-size:14px}.receipt-total{justify-content:flex-end;gap:28px;font-size:16px;display:flex}.receipt-thanks{margin-top:18px!important}.receipt-actions{gap:12px;display:grid}.receipt-actions .secondary-action,.receipt-actions .danger-action{min-height:56px}.print-note{margin-top:20px}@media (max-width:1180px){.app-shell{grid-template-columns:210px 1fr}.order-layout,.admin-grid,.menu-admin-layout{grid-template-columns:minmax(0,1fr)}.settings-grid{grid-template-columns:1fr}.cart-panel{position:static}.today-strip{display:none}.kpi-grid{grid-template-columns:repeat(2,1fr)}.kpi-insight-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-insight-card:nth-child(odd){border-left:0}.kpi-insight-card:nth-child(n+3){border-top:1px solid #075b381f}}@media (max-width:760px){.login-screen{background:var(--green-900);grid-template-columns:1fr;padding:22px}.login-brand{width:100%}.login-panel{padding:20px}.app-shell{display:block}.staff-sidebar{min-height:auto;position:static}.brand-block{text-align:left;grid-template-columns:76px 1fr;justify-items:start}.brand-block img{width:76px}.side-nav{grid-template-columns:repeat(3,1fr)}.side-nav button{justify-content:center;min-height:52px;padding:0 8px;font-size:13px}.logout-button{margin-top:6px}.staff-main,.admin-main{padding:14px}.top-status{flex-wrap:wrap;margin:-14px -14px 14px;padding:12px 14px}.status-divider{display:none}.category-tabs,.menu-grid,.sales-cards,.kpi-grid{grid-template-columns:1fr}.category-tabs button{min-height:52px;font-size:18px}.menu-card{grid-template-columns:94px 1fr}.menu-card img{width:84px;height:84px}.menu-copy strong,.menu-copy span{font-size:18px}.custom-item-fields,.menu-form-grid{grid-template-columns:1fr}.admin-menu-image-picker{grid-template-columns:82px 1fr}.admin-menu-image-picker>img{width:82px;height:82px}.custom-item-panel button{width:100%}.cart-table-head,.cart-line{grid-template-columns:1fr}.admin-header,.admin-title-stack{flex-direction:column;align-items:stretch}.system-status-card,.admin-filters,.filter-control,.export-button{width:100%}.period-tabs{grid-template-columns:repeat(3,1fr);width:100%}.data-panel{overflow-x:auto}.kpi-insight-strip{grid-template-columns:1fr}.kpi-insight-card,.kpi-insight-card:nth-child(odd){border-left:0}.kpi-insight-card:nth-child(n+2){border-top:1px solid #075b381f}}@media print{@page{size:80mm auto;margin:4mm}body{background:#fff}body *{visibility:hidden!important}.receipt-paper,.receipt-paper *{visibility:visible!important}.receipt-paper{box-shadow:none;border:0;margin:0;padding:0;position:absolute;inset:0 auto auto 0}.receipt-paper[data-paper-width="80"]{width:72mm}.receipt-paper[data-paper-width="58"]{width:52mm}}@media screen{:root{--bg:#edf6ef;--surface:#ffffff85;--surface-2:#ffffff5c;--line:#ffffff85;--line-strong:#0856372e;--text:#101713;--muted:#657168;--green-950:#052f21;--green-900:#063d29;--green-800:#075b38;--green-700:#0b7046;--green-100:#e1f4e7ad;--red-700:#bd2724;--red-600:#d83a32;--red-100:#ffe6e0b8;--gold-600:#c99a18;--gold-100:#fff3cdb8;--shadow:0 22px 70px #0c251a21, 0 4px 18px #0c251a14;--glass-shadow:0 28px 90px #0c2e1f2e, 0 2px 10px #ffffff3d inset;--radius:22px;--radius-glass:38px;--font-thai:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Helvetica Neue", "Noto Sans Thai", system-ui, "Segoe UI", sans-serif}html{background:#eaf4ec}body{min-height:100vh;color:var(--text);letter-spacing:0;background-color:#0000;background-image:radial-gradient(circle at 12% 9%,#ffffffeb,#fff0 30%),radial-gradient(circle at 82% 12%,#9fd3a99e,#9fd3a900 34%),radial-gradient(circle at 30% 96%,#075b3838,#075b3800 38%),linear-gradient(135deg,#f8fbf7 0%,#e8f4eb 45%,#dcece3 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}body:before{content:"";z-index:-1;pointer-events:none;filter:blur(30px);background:radial-gradient(at 52% 34%,#ffffff80,#fff0 34%),radial-gradient(at 70% 82%,#b8e0be61,#b8e0be00 42%);position:fixed;inset:-10%}.login-screen{isolation:isolate;background:0 0;grid-template-columns:minmax(320px,1fr) minmax(320px,420px);gap:clamp(24px,4vw,54px);width:min(100vw - 36px,1120px);min-height:calc(100svh - clamp(36px,12vh,116px));margin:clamp(18px,6vh,58px) auto;padding:clamp(26px,4vw,52px);position:relative}.login-screen:before{content:"";z-index:-1;border-radius:var(--radius-glass);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(30px)saturate(1.22);backdrop-filter:blur(30px)saturate(1.22);background:linear-gradient(135deg,#ffffff57,#ffffff29),#fff3;border:1px solid #ffffff9e;position:absolute;inset:0}.login-brand{width:min(500px,100%);color:var(--green-950);gap:0}.login-logo{background:linear-gradient(145deg,#ffffffeb,#ffffffad),#ffffffb8;border:1px solid #ffffffc2;border-radius:34px;width:min(338px,72vw);padding:14px;box-shadow:0 22px 70px #052f2129,0 0 54px #97d0a03d}.login-hero-image{border:1px solid #ffffff70;border-radius:34px;width:min(380px,100%);height:auto;box-shadow:0 26px 76px #052f2133,0 0 58px #97d0a02e}.login-brand h1{color:var(--green-950);letter-spacing:0;text-shadow:0 1px #ffffffd1,0 14px 34px #052f211f;font-weight:900}.login-brand p{color:#052f21b8;text-shadow:0 1px #fffc;font-weight:700}.login-panel,.staff-sidebar,.top-status,.menu-workspace,.cart-panel,.data-status-banner,.data-panel,.branch-sales-view header,.sales-cards div,.kpi-card,.filter-control,.receipt-drawer{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px)saturate(1.18);backdrop-filter:blur(24px)saturate(1.18);background:linear-gradient(145deg,#ffffff94,#ffffff3d),#ffffff4d;border:1px solid #ffffff94}.login-panel{border-radius:30px;justify-self:center;width:min(100%,420px);padding:30px}.mode-switch,.period-tabs,.fulfillment-switch,.menu-scope-grid{background:#ffffff5c;border-color:#08563724;border-radius:16px;gap:4px;padding:4px}.mode-switch button,.period-tabs button,.fulfillment-switch button,.menu-scope-grid button{background:0 0;border-radius:13px}.mode-switch button.active,.period-tabs button.active,.fulfillment-switch button.active,.menu-scope-grid button.active,.category-tabs button.active{color:#fff;background:linear-gradient(#09643dfa,#05482dfa);box-shadow:0 12px 28px #05482d2e}.field input,.field select,.filter-control input,.filter-control select,.menu-search,.order-context-panel input,.payment-method-select select,.close-bill-search,.custom-item-panel input,.menu-form-grid input,.menu-form-grid select,.menu-branch-select select{background:#ffffffb8;border-color:#08563726;border-radius:16px;box-shadow:inset 0 1px #ffffffad}.primary-action,.secondary-action,.danger-action,.export-button,.pay-button,.print-button,.dashed-action,.custom-item-panel button,.custom-image-actions button,.cart-header button{border-radius:18px;transition:transform .16s,box-shadow .16s,background .16s}.primary-action,.custom-item-panel button,.custom-image-actions button,.print-button{background:linear-gradient(#0a7046fa,#064b2ffa);box-shadow:0 14px 34px #064b2f2e}.primary-action:hover,.secondary-action:hover,.danger-action:hover,.export-button:hover,.pay-button:hover,.print-button:hover,.dashed-action:hover,.custom-item-panel button:hover,.custom-image-actions button:hover,.cart-header button:hover{transform:translateY(-1px)}.secondary-action,.export-button,.dashed-action,.custom-image-actions .custom-image-secondary,.custom-item-panel .custom-image-secondary{color:var(--green-800);background:#ffffff8c;border-color:#0856372e}.danger-action,.pay-button{background:linear-gradient(#d83a32fa,#b42622fa);box-shadow:0 14px 34px #bd27242e}.admin-login-note,.print-note,.offline-warning{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff6b;border-color:#ffffff8c}.app-shell{background:0 0;grid-template-columns:204px minmax(0,1fr);gap:14px;min-height:100vh;padding:14px}.admin-shell{isolation:isolate;position:relative;overflow-x:clip}.admin-shell:before,.admin-shell:after{content:"";z-index:0;pointer-events:none;position:fixed;inset:0}.admin-shell:before{filter:saturate(1.04);background-image:linear-gradient(115deg,#f8fcf7f5 0%,#f8fcf7d6 40%,#e4f2e8e0 100%),radial-gradient(circle at 82% 12%,#ffffffc2,#fff0 30%),url(/menu/chicken-mixed-real.jpg),url(/menu/satay-real.jpg),url(/menu/thai-tea-real.jpg);background-position:50%,50%,right -78px top 38px,left 238px bottom -54px,right 9% bottom 28px;background-repeat:no-repeat;background-size:cover,cover,min(42vw,560px),min(27vw,360px),min(18vw,230px)}.admin-shell:after{background:radial-gradient(at 40% 20%,#ffffff8f,#fff0 36%),radial-gradient(at 80% 92%,#075b381f,#075b3800 42%),linear-gradient(#ffffff47,#fff0)}.admin-shell>.staff-sidebar,.admin-shell>.admin-main{z-index:1;position:relative}@media (max-width:1180px){.admin-shell:before{background-position:50%,50%,right -120px top 24px,left 172px bottom -62px,right 5% bottom 18px;background-size:cover,cover,min(54vw,500px),min(34vw,320px),min(22vw,210px)}}@media (max-width:760px){.admin-shell:before{background-image:linear-gradient(#f8fcf7f0 0%,#f8fcf7e0 50%,#e1f2e6e6 100%),radial-gradient(circle at 62% 8%,#ffffffb8,#fff0 34%),url(/menu/chicken-mixed-real.jpg),url(/menu/satay-real.jpg);background-position:50%,50%,right -140px top 52px,left -110px bottom -56px;background-size:cover,cover,360px,260px}.admin-shell:after{background:radial-gradient(at 50% 18%,#ffffff94,#fff0 42%),linear-gradient(#ffffff3d,#ffffff14)}}.staff-sidebar{color:#f7fff9;background:linear-gradient(155deg,#043724db,#054e319e),#053a276b;border-radius:26px;gap:14px;min-height:calc(100vh - 28px);padding:14px 12px;top:14px}.brand-block img{background:#ffffffe6;border:1px solid #ffffffa3;border-radius:18px;width:122px;box-shadow:0 16px 44px #0000001f}.brand-block strong{font-size:23px}.side-nav{gap:6px}.brand-block span{color:#f4de8ff5}.branch-badge,.side-nav button.active,.side-nav button:hover,.logout-button:hover{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff21;border-color:#ffffff42}.side-nav button,.logout-button{border-radius:16px;gap:11px;min-height:48px;padding:0 12px}.logout-button{border-top:1px solid #ffffff2e}.staff-main,.admin-main{padding:0 0 22px}.top-status{border-radius:24px;min-height:68px;margin:0 0 14px;padding:0 16px}.today-strip div{border-left-color:#0856371f}.menu-workspace,.cart-panel,.data-panel,.branch-sales-view header{border-radius:28px;overflow:hidden}.menu-workspace{padding:18px}.category-tabs{gap:12px}.category-tabs button,.menu-card,.open-order-card,.custom-item-panel,.custom-image-picker,.sales-cards div,.kpi-card{-webkit-backdrop-filter:blur(18px)saturate(1.12);backdrop-filter:blur(18px)saturate(1.12);background:#ffffff8f;border-color:#ffffff94;box-shadow:0 12px 34px #0c2e1f14}.category-tabs button{color:var(--green-950);border-radius:20px}.menu-card{border-radius:24px;padding:12px}.menu-card:hover{border-color:#075b384d;box-shadow:0 18px 42px #06482d21}.menu-card img,.cart-item-info img,.custom-image-picker>img,.admin-menu-image-picker>img,.admin-menu-thumb{border:1px solid #ffffff9e;border-radius:18px;box-shadow:0 8px 22px #0c2e1f1a}.menu-copy strong,.cart-item-info strong{color:#142019}.custom-item-panel{background:linear-gradient(145deg,#ffffffad,#ebf9ee70),#ffffff6b;border-style:solid;border-radius:26px}.cart-panel{top:18px}.cart-header,.order-context-panel,.close-bill-panel,.cart-table-head,.cart-line,.cart-total,.data-panel h2,.panel-title-row,th,td,.setting-row{border-color:#0856371f}.cart-header,.data-panel h2,.panel-title-row{background:#ffffff3d}.stepper button,.stepper span{background:#ffffffad;border-color:#08563726}.stepper button:first-child{border-radius:14px 0 0 14px}.stepper button:last-child{border-radius:0 14px 14px 0}.cart-total strong,.branch-sales-view header strong,.sales-cards strong,.kpi-card strong,.today-strip strong{color:var(--green-900)}.admin-main{gap:14px}.admin-header{gap:12px;min-height:58px;padding:0 2px}.admin-header h1{color:var(--green-950);letter-spacing:0;white-space:nowrap;flex:none;font-size:30px;font-weight:900;line-height:1.12}.admin-filters{flex:auto;justify-content:flex-end;gap:10px;min-width:min(100%,488px)}.period-tabs{grid-template-columns:repeat(3,80px)}.filter-control,.export-button{border-radius:16px;min-height:44px}.filter-control{padding:0 10px}.export-button{padding:0 14px}.kpi-grid{gap:14px}.kpi-card{border-radius:24px;grid-template-columns:44px 1fr;column-gap:12px;min-height:94px;padding:14px}.kpi-card div{width:44px;height:44px;box-shadow:0 8px 22px #0c2e1f14}.kpi-card svg{width:24px;height:24px}.kpi-card span{font-size:12px}.kpi-card strong{font-size:26px}.admin-grid{grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:14px}.data-panel h2,.panel-title-row{padding:14px 16px}.data-panel h2,.panel-title-row h2{font-size:24px}th,td{text-overflow:ellipsis;padding:8px 6px;overflow:hidden}th{background:#ffffff57;font-size:12px}td{font-size:12.5px}.admin-grid .data-panel table{table-layout:fixed}.admin-grid .data-panel th:first-child,.admin-grid .data-panel td:first-child{width:18%}.admin-grid .data-panel th:nth-child(2),.admin-grid .data-panel td:nth-child(2){width:22%}.admin-grid .data-panel th:nth-child(3),.admin-grid .data-panel td:nth-child(3){width:15%}.admin-grid .data-panel th:nth-child(4),.admin-grid .data-panel td:nth-child(4){width:13%}.admin-grid .data-panel th:nth-child(5),.admin-grid .data-panel td:nth-child(5){width:10%}.admin-grid .data-panel th:nth-child(6),.admin-grid .data-panel td:nth-child(6){width:9%}.admin-grid .data-panel th:nth-child(7),.admin-grid .data-panel td:nth-child(7){width:13%}.status-paid,.status-open,.status-cancelled,.status-review{min-height:24px;padding:0 7px}tfoot td{background:#e1f4e785}.category-bar-card{width:min(760px,100%);padding:18px}.category-bar-row{grid-template-columns:minmax(150px,190px) minmax(180px,1fr) minmax(96px,auto);gap:12px}.status-paid,.status-open,.status-cancelled,.status-review{border:1px solid #ffffff85}.overlay-scrim{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06231761}.receipt-drawer{border-radius:32px 0 0 32px}.receipt-paper{border-color:#1819152e;border-radius:4px}}@media screen and (max-width:1180px){.app-shell{grid-template-columns:232px minmax(0,1fr)}.order-layout,.admin-grid,.menu-admin-layout{grid-template-columns:1fr}}@media screen and (max-width:760px){.login-screen{background:0 0;grid-template-columns:1fr;gap:18px;padding:22px}.login-screen:before{border-radius:34px;inset:12px}.login-brand{gap:14px;width:100%}.login-logo{border-radius:30px;width:min(342px,100%)}.login-brand h1{font-size:clamp(28px,8vw,40px)}.login-brand p{font-size:15px}.login-panel{border-radius:26px;padding:20px}.app-shell{padding:12px}.staff-sidebar{border-radius:26px;min-height:auto;margin-bottom:12px}.brand-block img{border-radius:16px}.staff-main,.admin-main{padding:0 0 14px}.top-status{border-radius:24px;margin:0 0 14px;padding:12px 14px}.menu-workspace,.cart-panel,.data-panel,.branch-sales-view header{border-radius:24px}.admin-grid .data-panel{overflow-x:auto}.admin-grid .data-panel table{table-layout:auto;min-width:640px}.menu-card{border-radius:22px}.custom-item-panel{border-radius:24px}.admin-header{padding:4px 2px}.admin-header h1{font-size:28px}.receipt-drawer{border-radius:28px 28px 0 0}}@media screen and (max-width:1024px){.login-screen{grid-template-columns:1fr;gap:20px;width:min(100vw - 28px,780px);min-height:auto;margin:14px auto;padding:24px}.login-screen:before{border-radius:34px;inset:0}.login-logo{width:min(270px,64vw)}.login-hero-image{border-radius:32px;width:min(360px,78vw);max-height:none}.login-brand h1{font-size:clamp(30px,6vw,42px)}.login-panel{width:100%;max-width:520px}.app-shell{padding:14px;display:block}.staff-sidebar{grid-template-columns:minmax(180px,240px) 1fr;align-items:center;min-height:auto;margin-bottom:14px;padding:12px;display:grid;position:static;top:auto}.brand-block{text-align:left;grid-template-columns:70px minmax(0,1fr);justify-items:start;gap:10px;padding:0}.brand-block img{border-radius:14px;width:70px;padding:5px}.brand-block strong{font-size:24px;line-height:1.05}.branch-badge,.side-nav,.logout-button{grid-column:1/-1}.branch-badge{min-height:52px;padding:10px 12px}.side-nav{grid-template-columns:repeat(auto-fit,minmax(138px,1fr))}.side-nav button,.logout-button{text-align:center;justify-content:center;min-height:50px;padding:0 10px;font-size:15px}.logout-button{border:1px solid #ffffff2e;border-radius:16px;margin-top:0}.staff-main,.admin-main{padding:0 0 18px}.top-status{border-radius:24px;flex-wrap:wrap;align-items:flex-start;gap:10px 12px;min-height:auto;margin:0 0 14px;padding:12px 14px}.top-status span{font-size:15px;line-height:1.35}.today-strip{border-top:1px solid #0856371f;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;margin-left:0;padding-top:8px;display:grid}.today-strip div{border-left:0;padding:8px 0}.order-layout,.admin-grid,.menu-admin-layout{grid-template-columns:1fr}.category-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.category-tabs button{min-height:58px;font-size:20px}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-card{grid-template-columns:96px minmax(0,1fr);gap:12px;min-height:116px}.menu-card img{width:86px;height:86px}.menu-copy strong{font-size:18px}.menu-copy span{font-size:20px}.cart-panel{position:static}.cart-lines{max-height:none}.admin-header{flex-direction:column;align-items:stretch}.admin-header h1{white-space:normal;font-size:clamp(28px,4.4vw,34px)}.admin-filters{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;width:100%;min-width:0;display:grid}.period-tabs{grid-column:1/-1;grid-template-columns:repeat(3,1fr);width:100%}.filter-control,.export-button{width:100%}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-title-row{flex-direction:column;align-items:flex-start;gap:6px}.data-panel{overflow-x:auto}.data-panel table{min-width:680px}.category-bar-card{width:100%}.category-bar-row{grid-template-columns:minmax(140px,180px) minmax(160px,1fr) minmax(86px,auto)}.receipt-drawer{width:min(560px,100vw)}}@media screen and (max-width:760px){.login-screen{width:min(100vw - 18px,520px);min-height:calc(100svh - 18px);margin:9px auto;padding:18px}.login-logo{width:min(230px,70vw)}.login-hero-image{border-radius:28px;width:min(330px,84vw);max-height:none}.login-brand h1{font-size:clamp(26px,7vw,34px)}.app-shell{padding:10px}.staff-sidebar{padding:12px;display:block}.brand-block{grid-template-columns:64px minmax(0,1fr);margin-bottom:10px}.brand-block img{width:64px}.brand-block strong{font-size:23px}.branch-badge{margin-bottom:10px}.side-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-shell .side-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.side-nav button,.logout-button{gap:6px;min-height:52px;font-size:14px;line-height:1.2}.side-nav button{flex-direction:column}.logout-button{min-height:46px;margin-top:8px}.top-status{gap:8px;font-size:14px}.today-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-workspace{padding:12px}.category-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.category-tabs button{min-height:54px;font-size:18px}.menu-grid{grid-template-columns:1fr;gap:10px}.menu-card{grid-template-columns:82px minmax(0,1fr);gap:10px;min-height:100px;padding:10px}.menu-card img{width:72px;height:72px}.menu-copy strong{font-size:17px}.menu-copy span{font-size:18px}.custom-image-picker,.admin-menu-image-picker{grid-template-columns:72px minmax(0,1fr)}.custom-image-picker>img,.admin-menu-image-picker>img{width:72px;height:72px}.custom-image-actions{display:grid}.custom-item-fields{grid-template-columns:1fr}.cart-header{flex-direction:column;align-items:stretch;gap:10px;min-height:auto;padding:14px}.cart-header button{justify-content:center;width:100%}.cart-table-head{display:none}.cart-line{grid-template-columns:1fr;align-items:stretch;gap:10px;padding:12px 14px}.cart-line>strong{text-align:right;font-size:20px}.open-order-card{grid-template-columns:1fr;align-items:stretch}.open-order-card button{width:100%}.close-bill-title{flex-direction:column;align-items:flex-start;gap:4px}.stepper{grid-template-columns:48px minmax(54px,1fr) 48px;width:100%}.stepper button,.stepper span{height:44px}.cart-total{flex-direction:column;align-items:stretch;gap:6px}.cart-total strong{font-size:30px}.pay-button,.print-button{min-height:60px;font-size:20px}.branch-sales-view header{flex-direction:column;align-items:flex-start;gap:10px;min-height:auto;padding:16px}.branch-sales-view header strong{font-size:32px}.sales-cards,.kpi-grid{grid-template-columns:1fr}.kpi-card{grid-template-columns:42px minmax(0,1fr);min-height:88px;padding:14px}.kpi-card div{width:42px;height:42px}.kpi-card strong{font-size:24px}.kpi-insight-card{grid-template-columns:42px minmax(0,1fr) auto;min-height:104px;padding:14px}.kpi-insight-copy strong{font-size:20px}.kpi-insight-copy small,.kpi-insight-copy span{font-size:13px}.kpi-insight-image{width:62px;height:58px}.mini-trend{width:60px}.admin-filters{grid-template-columns:1fr}.data-panel h2,.panel-title-row{padding:14px}.data-panel h2,.panel-title-row h2{font-size:22px}.data-panel table{min-width:620px}th,td{padding:10px 12px;font-size:13px}.category-bar-card{padding:14px}.category-bar-row{grid-template-columns:1fr;gap:9px;padding:12px}.category-bar-meta{grid-template-columns:1fr auto;align-items:center;gap:8px}.category-bar-meta strong,.category-bar-row em{text-align:right}.category-bar-row em{justify-self:end}.receipt-drawer{padding:18px}}@media screen and (max-width:480px){.login-brand h1 span:last-child{white-space:normal}.today-strip,.category-tabs,.admin-shell .side-nav{grid-template-columns:1fr}.period-tabs button{font-size:13px}.filter-control input,.filter-control select{font-size:15px}.kpi-insight-card{grid-template-columns:38px minmax(0,1fr) 54px;gap:10px}.kpi-insight-icon{width:38px;height:38px}.kpi-insight-image,.mini-trend{width:54px}.receipt-paper{width:min(320px,100vw - 36px)}.login-hero-image{border-radius:24px;width:min(310px,88vw)}}@media screen{.login-screen{isolation:isolate;background:radial-gradient(at 12% 12%,#62912457,#62912400 22%),radial-gradient(at 86% 64%,#71a84d2e,#71a84d00 27%),linear-gradient(115deg,#f7faf0 0%,#fff 40%,#f1f6ec 100%);grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(250px,.82fr) minmax(260px,.72fr) minmax(340px,440px);align-items:center;gap:clamp(20px,3.4vw,58px);width:100%;min-height:100svh;margin:0;padding:clamp(28px,5.2vw,72px) clamp(28px,5.8vw,92px) clamp(22px,3vw,38px);display:grid;position:relative;overflow:hidden}.login-screen:before{content:"";z-index:-2;pointer-events:none;filter:blur(3px);background:linear-gradient(110deg,#ffffff2e,#ffffffeb 46%,#ffffff85),radial-gradient(at 2% 22%,#1d57175c,#1d571700 18%),radial-gradient(at 96% 84%,#3a752542,#3a752500 20%);position:absolute;inset:-8%}.login-screen:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#ffffff14,#ffffffdb 54%,#ffffffb8),radial-gradient(at 38% 78%,#dbe2ce7a,#fff0 34%);position:absolute;inset:0}.login-visual{align-content:start;align-self:stretch;justify-items:center;min-height:560px;display:grid;position:relative}.login-logo-card{z-index:2;-webkit-backdrop-filter:blur(22px)saturate(1.15);backdrop-filter:blur(22px)saturate(1.15);background:linear-gradient(145deg,#ffffff9e,#ffffff29),#ffffff42;border:2px solid #ffffffc7;border-radius:42px;width:min(315px,27vw);min-width:238px;padding:clamp(18px,2vw,26px);position:relative;box-shadow:0 24px 70px #264d1829,inset 0 2px 10px #ffffff9e}.login-logo-card img{background:#ffffffb8;border-radius:28px;width:100%;display:block}.login-food-stage{z-index:0;pointer-events:none;height:min(42vw,390px);position:absolute;bottom:clamp(-128px,-8vw,-76px);left:clamp(-155px,-9vw,-58px);right:clamp(-260px,-15vw,-110px);overflow:visible}.login-food-main,.login-food-side{object-fit:contain;object-position:center;filter:drop-shadow(0 32px 48px #2b4c1f29);mix-blend-mode:multiply;height:auto;display:block;position:absolute}.login-food-main{width:min(610px,43vw);bottom:0;right:clamp(-210px,-12vw,-88px);-webkit-mask-image:radial-gradient(at 53% 56%,#000 0 50%,#000000d1 62%,#00000038 74%,#0000 84%);mask-image:radial-gradient(at 53% 56%,#000 0 50%,#000000d1 62%,#00000038 74%,#0000 84%)}.login-food-side{display:none}.login-brand,.login-panel,.login-feature-rail{z-index:2;position:relative}.login-brand{text-align:left;color:#2d6a23;justify-self:start;justify-items:start;gap:16px;width:min(100%,410px)}.login-brand h1{color:#3d7b2e;text-shadow:0 2px #ffffffd1;margin:0;font-size:clamp(42px,4.8vw,74px);font-weight:900;line-height:1.1}.login-brand h1 span{display:block}.login-brand h1 span:last-child{white-space:nowrap;font-size:.68em}.login-brand p{color:#43493fb8;text-shadow:none;margin:0;font-size:clamp(17px,1.5vw,20px);font-weight:600;line-height:1.55}.login-brand i{background:#3e7d2d;border-radius:99px;width:78px;height:3px;display:block}.login-panel{-webkit-backdrop-filter:blur(24px)saturate(1.12);backdrop-filter:blur(24px)saturate(1.12);background:linear-gradient(150deg,#ffffffbd,#ffffff5c),#ffffff61;border:2px solid #ffffffc7;border-radius:42px;justify-self:end;gap:22px;width:min(100%,470px);padding:clamp(28px,3.2vw,44px);position:relative;box-shadow:0 30px 86px #233f1c24,inset 0 1px 8px #ffffffb3}.login-panel .mode-switch{background:#ffffff94;border:0;border-radius:26px;gap:0;padding:0;overflow:hidden;box-shadow:0 18px 44px #2f552214}.login-panel .mode-switch button{color:#151815;background:0 0;border:0;border-radius:24px;justify-content:center;align-items:center;gap:12px;min-height:70px;font-size:20px;font-weight:800;display:inline-flex}.login-panel .mode-switch button.active{color:#fff;background:linear-gradient(#6dad45 0%,#28751f 100%);box-shadow:0 16px 34px #2c731e4d}.login-panel .field{color:#151815;gap:12px;font-size:17px;font-weight:800}.login-input-shell{background:#ffffffc2;border-radius:20px;align-items:center;gap:14px;min-height:70px;padding:0 18px;display:flex;box-shadow:0 18px 38px #22371912,inset 0 1px #ffffffc2}.login-input-shell svg{color:#246b24;flex:none}.login-input-shell input,.login-input-shell select{min-width:0;height:auto;min-height:auto;box-shadow:none;color:#111812;background:0 0;border:0;border-radius:0;outline:none;flex:auto;padding:0;font-size:17px;font-weight:800}.login-input-shell input::placeholder{color:#11181275}.password-toggle{color:#151815;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;padding:0;display:grid}.password-toggle:hover{background:#2d6d2014}.login-system-row{color:#1118129e;justify-content:space-between;align-items:center;gap:16px;font-weight:700;display:flex}.login-system-row span,.login-system-row strong{align-items:center;gap:8px;display:inline-flex}.login-system-row span svg{color:#2b7a26}.login-system-row strong{color:#2b6f25;text-align:right;font-weight:800}.login-panel .primary-action{background:linear-gradient(#69aa42 0%,#24731e 100%);border-radius:26px;min-height:74px;font-size:24px;font-weight:900;box-shadow:0 18px 38px #2c731e52}.login-panel .admin-login-note{color:#2b6f25;background:#e8f3e2b8;border:0;border-radius:20px;font-weight:800}.login-panel .form-error{color:var(--red-700);margin:-4px 0 0;font-weight:800}.login-feature-rail{-webkit-backdrop-filter:blur(22px)saturate(1.12);backdrop-filter:blur(22px)saturate(1.12);background:linear-gradient(145deg,#ffffffad,#ffffff52),#ffffff6b;border:2px solid #ffffffd1;border-radius:28px;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));place-self:end center;gap:0;width:min(100%,1220px);padding:20px 28px;display:grid;box-shadow:0 18px 52px #233f1c1c}.login-feature-rail div{color:#2b6f25;justify-content:center;align-items:center;gap:14px;min-width:0;padding:0 18px;display:flex}.login-feature-rail div+div{border-left:1px solid #2c5a262e}.login-feature-rail span{gap:2px;min-width:0;display:grid}.login-feature-rail strong{color:#2b6f25;white-space:nowrap;font-size:18px;font-weight:900}.login-feature-rail small{color:#3c423ba8;font-size:14px;font-weight:700;line-height:1.25}}@media screen and (max-width:1180px){.login-screen{grid-template-rows:auto auto auto;grid-template-columns:minmax(220px,.78fr) minmax(260px,.82fr);align-content:center;gap:22px 34px;padding:28px}.login-visual{min-height:420px}.login-logo-card{width:min(292px,36vw)}.login-food-stage{height:300px;left:-92px;right:-168px}.login-food-main{width:min(460px,52vw);right:-126px}.login-brand{align-self:center}.login-panel{grid-column:1/-1;justify-self:center;width:min(560px,100%)}.login-feature-rail{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}.login-feature-rail div:nth-child(3){border-left:0}}@media screen and (max-width:760px){.login-screen{grid-template-columns:1fr;align-content:start;gap:18px;width:100%;max-width:100%;min-height:100svh;padding:18px 14px 20px;overflow-x:clip}.login-visual,.login-brand,.login-panel,.login-feature-rail{justify-self:stretch;width:100%;min-width:0;max-width:100%}.login-visual{justify-items:center;min-height:auto}.login-logo-card{border-radius:34px;width:min(252px,72vw);min-width:0;padding:16px}.login-logo-card img{border-radius:22px}.login-food-stage{display:none}.login-brand{text-align:center;justify-self:center;justify-items:center;gap:10px}.login-brand h1{font-size:clamp(38px,12vw,54px)}.login-brand h1 span:last-child{white-space:normal}.login-brand p{font-size:15px}.login-brand i{width:58px}.login-panel{border-radius:30px;grid-column:auto;gap:18px;padding:18px}.login-panel .mode-switch button{min-height:58px;font-size:17px}.login-input-shell{border-radius:17px;min-height:58px;padding:0 14px}.login-system-row{flex-direction:column;align-items:flex-start;gap:8px}.login-panel .primary-action{min-height:62px;font-size:21px}.login-feature-rail{border-radius:24px;grid-template-columns:1fr;gap:12px;padding:16px}.login-feature-rail div{justify-content:flex-start;padding:0}.login-feature-rail div+div,.login-feature-rail div:nth-child(3){border-left:0}}@media screen{.login-screen{width:100%;max-width:none;min-height:100svh;box-shadow:none;background-color:#f7faf0;background-image:linear-gradient(90deg,#f7faf01a 0%,#f7faf038 44%,#f7faf0c7 68%,#f7faf0f5 100%),radial-gradient(circle at 22% 14%,#ffffffe6 0 13%,#fff0 34%),url(/brand/login-bg-satay-real.jpg),url(/brand/login-bg-chicken-mixed-real.jpg);background-position:50%,50%,left clamp(18px,5vw,92px) bottom clamp(12px,5vh,68px),34%;background-repeat:no-repeat;background-size:cover,cover,clamp(260px,36vw,560px),cover;border-radius:0;grid-template-rows:1fr;grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:center;gap:clamp(20px,4vw,64px);margin:0;padding:clamp(24px,4.2vw,64px) clamp(26px,5.2vw,82px);display:grid;overflow:hidden}.login-screen:before{content:"";z-index:0;pointer-events:none;filter:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(90deg,#fff0 0 50%,#ffffff2e 64%,#ffffffa3 78%,#f7faf0eb 100%);border-radius:0;position:absolute;inset:0}.login-screen:after,.login-visual,.login-brand,.login-feature-rail{display:none}.login-panel{scrollbar-width:thin;background:linear-gradient(150deg,#ffffffd6,#ffffff85),#ffffff85;grid-area:1/2;place-self:center end;gap:16px;width:min(100%,420px);max-height:min(700px,100vh - 72px,100svh - 72px);padding:clamp(20px,2.1vw,24px);overflow:clip auto}.login-mobile-logo{-webkit-backdrop-filter:blur(18px)saturate(1.08);backdrop-filter:blur(18px)saturate(1.08);background:linear-gradient(145deg,#fffffff0,#ffffffad),#ffffffb8;border:1px solid #ffffffd6;border-radius:26px;justify-content:center;justify-self:center;width:clamp(112px,11vw,152px);margin:0 auto clamp(8px,1.6vh,18px);padding:7px;display:flex;box-shadow:0 18px 44px #233f1c1f,inset 0 1px #ffffffdb}.login-mobile-logo img{border-radius:20px}.login-panel .mode-switch button{min-height:52px}.login-panel .field{gap:6px}.login-input-shell{min-height:52px}.login-panel .primary-action{min-height:56px}}@media screen and (max-width:1180px){.login-screen{background-position:50%,50%,left 24px bottom 32px,31%;background-size:cover,cover,clamp(220px,34vw,430px),auto 100%;grid-template-columns:minmax(0,1fr) minmax(300px,390px);padding:24px}.login-panel{grid-column:2;width:min(100%,390px)}}@media screen and (max-width:860px){.login-screen{background-position:50%,50%,center bottom 12px,30% 0;background-size:cover,cover,min(86vw,390px),auto 100%;grid-template-columns:1fr;place-items:end center;min-height:100svh;padding:20px}.login-screen:before{background:linear-gradient(#ffffff14 0%,#ffffff3d 42%,#ffffff9e 100%)}.login-panel{grid-column:1;place-self:end center;width:min(100%,460px);max-height:calc(100svh - 40px)}.login-mobile-logo{width:clamp(126px,34vw,168px);margin:0 auto 2px;padding:8px}.login-mobile-logo img{border-radius:20px}}@media screen and (max-width:560px){.login-screen{background-position:50%,50%,center bottom 4px,29% 0;min-height:100svh;padding:14px}.login-screen:before{background:linear-gradient(#ffffff1a 0%,#ffffff47 38%,#ffffffad 100%)}.login-panel{border-radius:28px;gap:15px;width:100%;min-width:0;max-width:calc(100vw - 28px);max-height:calc(100svh - 28px);padding:16px;overflow-x:clip}.login-mobile-logo{border-radius:24px;width:clamp(112px,42vw,150px);padding:7px}.login-mobile-logo img{border-radius:17px}.login-panel .mode-switch,.login-panel .field,.login-input-shell,.login-system-row,.login-panel .primary-action{width:100%;min-width:0;max-width:100%}.login-panel .mode-switch{grid-template-columns:repeat(2,minmax(0,1fr))}.login-panel .mode-switch button{gap:8px;min-width:0;padding:0 10px;font-size:clamp(15px,4.2vw,17px)}.login-input-shell{gap:10px;padding:0 12px;overflow:hidden}.login-input-shell input,.login-input-shell select{width:100%;min-width:0;font-size:clamp(15px,4.2vw,17px)}.login-system-row span,.login-system-row strong{text-align:left;flex-wrap:wrap;min-width:0;max-width:100%}.login-panel .primary-action{padding:0 12px;font-size:clamp(18px,5.5vw,21px)}}@media screen{html{-webkit-text-size-adjust:100%;min-height:100%}:where(button,input,select,[tabindex]):focus-visible{outline-offset:3px;outline:4px solid #d9a419b8}.login-staff-title{text-align:center;gap:3px;display:grid}.login-staff-title strong{color:var(--green-900);font-size:24px;font-weight:900}.login-staff-title span{color:var(--muted);font-size:16px;font-weight:700}.mode-switch .admin-mode-button:not(.active){color:var(--muted);font-size:15px;font-weight:700}.login-input-shell input,.login-input-shell select{font-size:17px}.customer-task-nav-button,.close-bill-nav-button{position:relative}.customer-task-nav-button span{flex:1}.customer-task-nav-button strong{color:#fff;background:#e4661a;border-radius:999px;place-items:center;min-width:30px;height:30px;font-size:15px;display:grid}.staff-more-menu{background:#012d1d6b;border:1px solid #ffffff38;border-radius:18px;gap:7px;padding:8px;display:grid}.staff-more-menu button{color:#fff;text-align:left;background:#ffffff1a;border:0;border-radius:13px;align-items:center;gap:10px;min-height:50px;padding:0 12px;font-size:15px;font-weight:800;display:flex}.staff-more-menu button:disabled{background:#ffffff0d}.staff-more-menu .staff-more-logout{color:#ffe5df}.today-total-compact{border-left:1px solid var(--line);gap:2px;min-width:124px;margin-left:auto;padding-left:18px;display:grid}.today-total-compact span{color:var(--muted);font-size:13px;font-weight:800}.today-total-compact strong{color:var(--green-800);font-size:22px;font-weight:900}.staff-flow-guide{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.staff-flow-guide>span{border:1px solid var(--line);min-height:46px;color:var(--muted);text-align:center;background:#ffffff94;border-radius:14px;justify-content:center;align-items:center;gap:7px;padding:6px 8px;font-size:14px;font-weight:800;display:flex}.staff-flow-guide>span strong{background:var(--surface-2);width:26px;height:26px;color:var(--green-800);border-radius:50%;place-items:center;display:grid}.staff-flow-guide>span.active{background:var(--gold-100);color:#6d4700;border-color:#d9a4198a}.staff-flow-guide>span.complete{background:var(--green-100);color:var(--green-800);border-color:#075b383d}.staff-flow-guide>span.complete strong{background:var(--green-800);color:#fff}.menu-action-row{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px;margin-bottom:12px;display:grid}.menu-action-row .menu-search{margin:0}.custom-item-launch{background:var(--green-100);min-width:164px;min-height:58px;color:var(--green-800);border:1px solid #075b384d;border-radius:18px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:900;display:inline-flex}.menu-card.just-added{border-color:var(--green-700);box-shadow:0 0 0 4px #08663e24,0 14px 32px #06482d24}.menu-added-feedback{background:var(--green-800);color:#fff;border-radius:999px;width:fit-content;padding:4px 9px;font-size:13px;font-style:normal;font-weight:900}.staff-step-label{color:var(--green-700);font-size:13px;font-weight:900}.cart-header>div{gap:2px;display:grid}.cart-header h2{font-size:22px}.mobile-cart-close,.mobile-cart-bar,.app-shell:not(.admin-shell) .mobile-cart-close{display:none}.save-order-guidance{background:var(--gold-100);color:#765000;text-align:center;border-radius:14px;margin:0 16px 10px;padding:9px 12px;font-size:15px;font-weight:900}.close-bill-workspace{min-width:0;box-shadow:var(--shadow);background:#fffdf4e6;border:2px solid #d9a41966;border-radius:28px;gap:18px;padding:22px;display:grid}.close-bill-workspace-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.close-bill-workspace-header div{gap:4px;display:grid}.close-bill-workspace-header h1{color:var(--green-900);margin:0;font-size:34px}.close-bill-workspace-header p{color:var(--muted);margin:0;font-size:17px}.close-bill-workspace-header>strong{background:var(--gold-100);color:#725000;white-space:nowrap;border-radius:999px;padding:10px 16px}.close-bill-controls{grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);align-items:end;gap:14px;display:grid}.close-bill-controls .close-bill-search,.close-bill-controls select{min-height:56px;font-size:17px}.close-bill-payment-reminder{color:#6f4b00;background:#fff7d1bd;border:1px solid #cd920059;border-radius:17px;align-items:center;gap:10px;min-height:56px;padding:9px 12px;display:flex}.close-bill-payment-reminder>svg{flex:none}.close-bill-payment-reminder span{gap:1px;font-size:13px;line-height:1.25;display:grid}.close-bill-payment-reminder strong{font-size:15px}.open-order-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.open-order-grid .empty-open-order{grid-column:1/-1;min-height:160px}.open-order-grid .open-order-card{grid-template-columns:minmax(0,1fr) auto;padding:16px}.open-order-grid .open-order-card>button{grid-column:1/-1;width:100%}.staff-dialog-scrim{z-index:1200;padding:max(18px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));place-items:center;display:grid}.custom-item-dialog,.staff-confirm-dialog{background:#fffdfa;border:1px solid #ffffffb3;border-radius:28px;width:min(680px,100%);max-height:calc(100dvh - 36px);padding:22px;overflow-y:auto;box-shadow:0 30px 100px #032b1b4d}.custom-item-dialog{gap:18px;display:grid}.custom-item-dialog .custom-item-title{grid-template-columns:auto minmax(0,1fr) auto}.dialog-close-button,.custom-item-dialog .dialog-close-button{border:1px solid var(--line);width:52px;min-width:52px;min-height:52px;color:var(--green-900);background:#fff;border-radius:50%;padding:0}.staff-confirm-dialog{text-align:center;justify-items:center;gap:12px;display:grid}.staff-confirm-dialog>svg{color:var(--green-800)}.staff-confirm-dialog h2,.staff-confirm-dialog p{margin:0}.staff-confirm-dialog p{color:var(--muted);font-size:17px}.staff-dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin-top:8px;display:grid}.staff-dialog-actions button{border:1px solid var(--line);min-height:56px;color:var(--green-900);background:#fff;border-radius:16px;justify-content:center;align-items:center;gap:8px;font-size:17px;font-weight:900;display:inline-flex}.staff-dialog-actions .danger-action{border-color:var(--red-600);background:var(--red-600);color:#fff}.staff-dialog-actions .primary-action{border-color:var(--green-800);background:var(--green-800);color:#fff}.close-bill-confirm-dialog{width:min(720px,100%)}.close-bill-review-lines{border-block:1px solid var(--line);width:100%;max-height:260px;padding:8px 0;overflow-y:auto}.close-bill-review-lines div,.close-bill-review-total{text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:8px 2px;display:flex}.close-bill-review-total strong{color:var(--green-800);font-size:30px}.close-payment-methods{text-align:left;border:0;gap:10px;width:100%;min-width:0;margin:0;padding:0;display:grid}.close-payment-methods legend{width:100%;color:var(--green-950);margin-bottom:10px;font-size:18px;font-weight:900}.close-payment-methods legend strong{color:#8a5d00;font-size:14px}.close-payment-method-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.close-payment-method-grid>button{min-width:0;min-height:112px;color:var(--green-950);text-align:left;background:#fff;border:2px solid #07533429;border-radius:19px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:14px;display:grid;position:relative}.close-payment-method-grid>button>svg:first-child{color:var(--green-700)}.close-payment-method-grid>button>svg:last-child:not(:first-child){color:var(--green-700);position:absolute;top:8px;right:8px}.close-payment-method-grid>button span{gap:3px;min-width:0;display:grid}.close-payment-method-grid>button strong{font-size:20px}.close-payment-method-grid>button small{color:var(--muted);font-size:13px;line-height:1.25}.close-payment-method-grid>button.selected{border-color:var(--green-700);background:var(--green-100);box-shadow:0 0 0 4px #07673e1f}.close-payment-summary{background:var(--gold-100);color:#755000;border:1px solid #cd920057;border-radius:16px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:54px;padding:10px 14px;font-size:16px;display:flex}.close-payment-summary.selected{background:var(--green-100);color:var(--green-900);border-color:#07673e47}.close-bill-confirm-dialog .staff-dialog-actions .primary-action:disabled{color:#69716c;background:#d9ddd9;border-color:#c9cec9}}@media screen and (min-width:1025px) and (max-width:1280px) and (orientation:landscape){.app-shell:not(.admin-shell){width:100%;height:100dvh;min-height:100dvh;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));grid-template-columns:148px minmax(0,1fr);gap:10px;overflow:hidden}.app-shell:not(.admin-shell) .staff-sidebar{border-radius:24px;gap:10px;height:100%;min-height:0;padding:10px;top:0;overflow-y:auto}.app-shell:not(.admin-shell) .brand-block{gap:5px;padding:2px}.app-shell:not(.admin-shell) .brand-block img{border-radius:14px;width:76px;padding:5px}.app-shell:not(.admin-shell) .brand-block strong{font-size:20px}.app-shell:not(.admin-shell) .brand-block span{font-size:10px}.app-shell:not(.admin-shell) .branch-badge{gap:6px;min-height:58px;padding:8px}.app-shell:not(.admin-shell) .branch-badge svg{width:18px}.app-shell:not(.admin-shell) .branch-badge span{font-size:11px}.app-shell:not(.admin-shell) .branch-badge strong{font-size:15px;line-height:1.2}.app-shell:not(.admin-shell) .side-nav{gap:7px}.app-shell:not(.admin-shell) .side-nav button{text-align:center;flex-direction:column;justify-content:center;gap:5px;min-height:66px;padding:7px 5px;font-size:14px;line-height:1.15}.app-shell:not(.admin-shell) .close-bill-nav-button span,.app-shell:not(.admin-shell) .customer-task-nav-button span{flex:0}.app-shell:not(.admin-shell) .close-bill-nav-button strong,.app-shell:not(.admin-shell) .customer-task-nav-button strong{min-width:25px;height:25px;font-size:12px;position:absolute;top:4px;right:5px}.app-shell:not(.admin-shell) .staff-more-menu{z-index:40;background:#043e28fa;width:230px;position:absolute;bottom:12px;left:148px;box-shadow:0 18px 52px #021e1447}.app-shell:not(.admin-shell) .staff-main{height:100%;min-height:0;padding:0;overflow-y:auto}.app-shell:not(.admin-shell) .top-status{border-radius:22px;gap:12px;min-height:68px;margin:0 0 10px;padding:0 14px;font-size:15px}.app-shell:not(.admin-shell) .alert-sound-button{min-height:48px}.app-shell:not(.admin-shell) .today-total-compact{min-width:110px;padding-left:12px}.app-shell:not(.admin-shell) .order-layout{gap:10px;height:calc(100dvh - 98px);min-height:0;overflow:hidden;grid-template-columns:minmax(0,1fr) 390px!important}.app-shell:not(.admin-shell) .menu-workspace,.app-shell:not(.admin-shell) .cart-panel{border-radius:24px;height:100%;min-height:0}.app-shell:not(.admin-shell) .menu-workspace{flex-direction:column;padding:12px;display:flex;overflow:hidden}.app-shell:not(.admin-shell) .staff-flow-guide{margin-bottom:8px}.app-shell:not(.admin-shell) .staff-flow-guide>span{min-height:38px;font-size:12px}.app-shell:not(.admin-shell) .menu-action-row{margin-bottom:8px}.app-shell:not(.admin-shell) .menu-search,.app-shell:not(.admin-shell) .custom-item-launch{min-height:52px}.app-shell:not(.admin-shell) .custom-item-launch{min-width:142px;font-size:14px}.app-shell:not(.admin-shell) .category-tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.app-shell:not(.admin-shell) .category-tabs button{border-radius:15px;min-height:48px;padding:4px;font-size:15px;line-height:1.15}.app-shell:not(.admin-shell) .menu-grid{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;min-height:0;margin-top:10px;padding-right:3px;overflow-y:auto}.app-shell:not(.admin-shell) .menu-card{border-radius:18px;grid-template-columns:76px minmax(0,1fr);gap:9px;min-height:98px;padding:8px}.app-shell:not(.admin-shell) .menu-card img{border-radius:14px;width:70px;height:70px}.app-shell:not(.admin-shell) .menu-copy{gap:3px}.app-shell:not(.admin-shell) .menu-copy strong{font-size:16px}.app-shell:not(.admin-shell) .menu-copy>span{font-size:18px}.app-shell:not(.admin-shell) .menu-copy em{font-size:11px}.app-shell:not(.admin-shell) .cart-panel{flex-direction:column;display:flex;position:static;overflow:hidden}.app-shell:not(.admin-shell) .cart-header{min-height:62px;padding:8px 12px}.app-shell:not(.admin-shell) .cart-header h2{font-size:20px}.app-shell:not(.admin-shell) .order-context-panel{gap:8px;padding:10px 12px}.app-shell:not(.admin-shell) .fulfillment-switch button,.app-shell:not(.admin-shell) .order-context-panel input{min-height:46px}.app-shell:not(.admin-shell) .cart-table-head{grid-template-columns:1fr 108px 72px;min-height:38px;padding:0 12px}.app-shell:not(.admin-shell) .cart-lines{flex:1;min-height:0;max-height:none}.app-shell:not(.admin-shell) .empty-cart{min-height:120px}.app-shell:not(.admin-shell) .cart-line{grid-template-columns:1fr 108px 72px;min-height:74px;padding:7px 12px}.app-shell:not(.admin-shell) .cart-item-info{grid-template-columns:40px minmax(0,1fr);gap:7px}.app-shell:not(.admin-shell) .cart-item-info img{width:40px;height:40px}.app-shell:not(.admin-shell) .stepper button,.app-shell:not(.admin-shell) .stepper span{width:34px;height:38px}.app-shell:not(.admin-shell) .dashed-action{min-height:44px;margin:8px 12px}.app-shell:not(.admin-shell) .cart-total{min-height:58px;padding:8px 14px}.app-shell:not(.admin-shell) .cart-total strong{font-size:26px}.app-shell:not(.admin-shell) .save-order-guidance{margin:0 12px 7px;padding:7px 10px}.app-shell:not(.admin-shell) .save-order-button{min-height:60px}.app-shell:not(.admin-shell) .close-bill-workspace,.app-shell:not(.admin-shell) .branch-sales-view,.app-shell:not(.admin-shell) .tables-admin-layout{margin-right:2px}}@media screen and (max-width:1024px){.app-shell:not(.admin-shell){min-height:100dvh;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) calc(94px + env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left))}.app-shell:not(.admin-shell) .staff-sidebar{gap:9px;padding:10px}.app-shell:not(.admin-shell) .brand-block{grid-template-columns:58px minmax(0,1fr)}.app-shell:not(.admin-shell) .brand-block img{width:58px}.app-shell:not(.admin-shell) .brand-block strong{font-size:20px}.app-shell:not(.admin-shell) .branch-badge{min-height:48px}.app-shell:not(.admin-shell) .side-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.app-shell:not(.admin-shell) .side-nav button{min-height:60px;font-size:15px}.app-shell:not(.admin-shell) .staff-more-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell:not(.admin-shell) .top-status{align-items:center;gap:8px 12px}.app-shell:not(.admin-shell) .staff-account-name,.app-shell:not(.admin-shell) .top-status>.status-divider{display:none}.app-shell:not(.admin-shell) .today-total-compact{min-width:110px}.app-shell:not(.admin-shell) .order-layout{grid-template-columns:1fr!important}.app-shell:not(.admin-shell) .menu-workspace{padding:14px}.app-shell:not(.admin-shell) .menu-grid{padding-bottom:10px}.app-shell:not(.admin-shell) .cart-panel{z-index:1100;inset:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));min-height:0;height:calc(100dvh - max(10px, env(safe-area-inset-top)) - max(10px, env(safe-area-inset-bottom)));visibility:hidden;border-radius:28px;flex-direction:column;align-self:stretch;transition:transform .22s,visibility .22s;display:flex;position:fixed;overflow:hidden;transform:translateY(calc(100% + 24px))}.app-shell:not(.admin-shell) .cart-panel.mobile-open{visibility:visible;transform:translateY(0);box-shadow:0 30px 100px #02241759}.app-shell:not(.admin-shell) .mobile-cart-close{border-radius:50%;place-items:center;width:52px;min-width:52px;min-height:52px;padding:0;display:grid}.app-shell:not(.admin-shell) .cart-header{gap:10px}.app-shell:not(.admin-shell) .cart-header>div{flex:1}.app-shell:not(.admin-shell) .cart-lines{flex:1;min-height:0;max-height:none}.app-shell:not(.admin-shell) .mobile-cart-bar{z-index:1000;right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom));left:max(12px, env(safe-area-inset-left));background:linear-gradient(135deg, var(--green-800), var(--green-950));color:#fff;text-align:left;border:2px solid #ffffffbd;border-radius:22px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 14px;min-height:70px;padding:10px 18px;display:grid;position:fixed;box-shadow:0 18px 48px #0337234d}.app-shell:not(.admin-shell) .mobile-cart-bar>span{align-items:center;gap:8px;font-size:17px;font-weight:900;display:inline-flex}.app-shell:not(.admin-shell) .mobile-cart-bar>strong{grid-area:1/2/3;font-size:25px}.app-shell:not(.admin-shell) .mobile-cart-bar>em{color:#fffc;font-size:13px;font-style:normal;font-weight:700}.close-bill-controls,.open-order-grid{grid-template-columns:1fr}.custom-item-dialog{border-radius:28px 28px 18px 18px;align-self:end;width:100%}}@media screen and (max-width:620px){.app-shell:not(.admin-shell) .side-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell:not(.admin-shell) .staff-flow-guide>span{flex-direction:column;gap:2px;min-height:52px;font-size:13px}.menu-action-row{grid-template-columns:1fr}.custom-item-launch{width:100%}.staff-dialog-actions,.custom-item-fields{grid-template-columns:1fr}.close-bill-workspace-header{flex-direction:column}.close-bill-workspace{border-radius:22px;gap:14px;padding:16px}.close-bill-workspace-header h1{font-size:28px}.close-bill-workspace-header>strong{white-space:normal}.close-bill-confirm-dialog{width:100%;max-height:calc(100dvh - max(10px, env(safe-area-inset-top)));border-radius:26px 26px 16px 16px;align-self:end;padding:18px}.close-payment-method-grid{grid-template-columns:1fr}.close-payment-method-grid>button{grid-template-columns:38px minmax(0,1fr) 28px;min-height:82px;padding:12px 14px}.close-payment-method-grid>button>svg:last-child:not(:first-child){position:static}.app-shell:not(.admin-shell) .cart-panel{border-radius:22px}.app-shell:not(.admin-shell) .cart-header{flex-shrink:0;grid-template-columns:minmax(0,1fr) 52px 52px;align-items:center;gap:8px;min-height:68px;padding:8px 10px 8px 14px;display:grid}.app-shell:not(.admin-shell) .cart-header>div{min-width:0}.app-shell:not(.admin-shell) .cart-header h2{text-overflow:ellipsis;white-space:nowrap;font-size:21px;line-height:1.15;overflow:hidden}.app-shell:not(.admin-shell) .cart-header>.mobile-cart-close,.app-shell:not(.admin-shell) .cart-header>.clear-cart-button{border-radius:50%;justify-content:center;width:52px;min-width:52px;min-height:52px;padding:0}.app-shell:not(.admin-shell) .clear-cart-button span{display:none}.app-shell:not(.admin-shell) .order-context-panel{flex-shrink:0;gap:8px;padding:8px 12px 10px}.app-shell:not(.admin-shell) .fulfillment-switch button{min-height:48px;font-size:17px}.app-shell:not(.admin-shell) .order-context-panel label{grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:10px;font-size:16px}.app-shell:not(.admin-shell) .order-context-panel input{min-height:48px;font-size:18px}.app-shell:not(.admin-shell) .mobile-cart-review-heading{border-bottom:1px solid var(--line);background:#ebf8efc7;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;min-height:54px;padding:8px 14px;display:flex}.app-shell:not(.admin-shell) .mobile-cart-review-heading strong{color:var(--green-900);font-size:17px}.app-shell:not(.admin-shell) .mobile-cart-review-heading span{color:var(--muted);text-align:right;font-size:13px}.app-shell:not(.admin-shell) .cart-lines{overscroll-behavior:contain;flex:240px;min-height:220px;max-height:none;padding:2px 10px 8px;scroll-padding:8px;overflow-y:auto}.app-shell:not(.admin-shell) .cart-line{background:#ffffffc2;border:1px solid #08563721;border-radius:18px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 12px;min-height:132px;margin-top:8px;padding:10px 12px}.app-shell:not(.admin-shell) .cart-item-info{grid-column:1/-1;grid-template-columns:32px 54px minmax(0,1fr);gap:9px}.app-shell:not(.admin-shell) .cart-item-number{background:var(--green-800);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:16px;font-weight:900;display:grid}.app-shell:not(.admin-shell) .cart-item-info img{width:54px;height:54px}.app-shell:not(.admin-shell) .cart-item-info strong{font-size:17px;line-height:1.25}.app-shell:not(.admin-shell) .cart-item-info span:not(.cart-item-number){font-size:15px}.app-shell:not(.admin-shell) .cart-panel .stepper{grid-template-columns:52px 60px 52px;width:164px}.app-shell:not(.admin-shell) .cart-panel .stepper button,.app-shell:not(.admin-shell) .cart-panel .stepper span{width:auto;height:52px;font-size:18px}.app-shell:not(.admin-shell) .cart-line>strong{color:var(--green-900);text-align:right;font-size:21px}.app-shell:not(.admin-shell) .dashed-action{flex-shrink:0;min-height:46px;margin:6px 12px;font-size:16px}.app-shell:not(.admin-shell) .cart-total{flex-direction:row;flex-shrink:0;align-items:baseline;gap:10px;min-height:62px;padding:8px 14px}.app-shell:not(.admin-shell) .cart-total strong{font-size:29px}.app-shell:not(.admin-shell) .save-order-guidance{flex-shrink:0;margin:0 12px 6px;padding:7px 10px}.app-shell:not(.admin-shell) .save-order-button{flex-shrink:0;width:calc(100% - 24px);min-height:64px;margin:0 12px 10px}}@media (prefers-reduced-motion:reduce){.app-shell:not(.admin-shell) .cart-panel,.menu-card{transition:none}}@media screen{.sales-orders-panel{overflow-x:auto}.admin-grid .sales-orders-panel .sales-orders-table{table-layout:fixed;min-width:1060px}.admin-grid .sales-orders-panel .sales-orders-table th,.admin-grid .sales-orders-panel .sales-orders-table td{text-overflow:ellipsis;min-width:0;overflow:hidden}.admin-grid .sales-orders-panel .sales-orders-table th:first-child,.admin-grid .sales-orders-panel .sales-orders-table td:first-child{width:13%}.admin-grid .sales-orders-panel .sales-orders-table th:nth-child(2),.admin-grid .sales-orders-panel .sales-orders-table td:nth-child(2){width:16%}.admin-grid .sales-orders-panel .sales-orders-table th:nth-child(3),.admin-grid .sales-orders-panel .sales-orders-table td:nth-child(3){width:13%}.admin-grid .sales-orders-panel .sales-orders-table th:nth-child(4),.admin-grid .sales-orders-panel .sales-orders-table td:nth-child(4){width:11%}.admin-grid .sales-orders-panel .sales-orders-table th:nth-child(5),.admin-grid .sales-orders-panel .sales-orders-table td:nth-child(5){text-align:center;width:8%;min-width:84px}.admin-grid .sales-orders-panel .sales-orders-table th:nth-child(6),.admin-grid .sales-orders-panel .sales-orders-table td:nth-child(6){text-align:right;width:10%;min-width:104px}.admin-grid .sales-orders-panel .sales-orders-table th:nth-child(7),.admin-grid .sales-orders-panel .sales-orders-table td:nth-child(7){width:9%;min-width:92px}.admin-grid .sales-orders-panel .sales-orders-table th:nth-child(8),.admin-grid .sales-orders-panel .sales-orders-table td:nth-child(8){width:9%;min-width:98px}.admin-grid .sales-orders-panel .sales-orders-table th:nth-child(9),.admin-grid .sales-orders-panel .sales-orders-table td:nth-child(9){width:11%;min-width:132px}.admin-menu-list-panel{overflow-x:auto}.admin-menu-list-panel .admin-menu-list-table{table-layout:fixed;min-width:600px}.admin-menu-list-panel .admin-menu-list-table th,.admin-menu-list-panel .admin-menu-list-table td{text-overflow:ellipsis;min-width:0;overflow:hidden}.admin-menu-list-panel .admin-menu-list-table th:first-child,.admin-menu-list-panel .admin-menu-list-table td:first-child{width:8%}.admin-menu-list-panel .admin-menu-list-table th:nth-child(2),.admin-menu-list-panel .admin-menu-list-table td:nth-child(2){width:12%}.admin-menu-list-panel .admin-menu-list-table th:nth-child(3),.admin-menu-list-panel .admin-menu-list-table td:nth-child(3){width:24%}.admin-menu-list-panel .admin-menu-list-table th:nth-child(4),.admin-menu-list-panel .admin-menu-list-table td:nth-child(4){text-align:right;width:10%}.admin-menu-list-panel .admin-menu-list-table th:nth-child(5),.admin-menu-list-panel .admin-menu-list-table td:nth-child(5){width:14%}.admin-menu-list-panel .admin-menu-list-table th:nth-child(6),.admin-menu-list-panel .admin-menu-list-table td:nth-child(6){width:13%}.admin-menu-list-panel .admin-menu-list-table th:nth-child(7),.admin-menu-list-panel .admin-menu-list-table td:nth-child(7){width:19%}.admin-menu-list-panel .admin-menu-list-table td:nth-child(7) .row-action{min-width:78px;padding:0 8px}.admin-menu-list-panel .admin-menu-list-table td:nth-child(7) .row-actions{justify-content:flex-start}.admin-action-error{margin:14px 16px 0}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.row-action{min-height:34px;color:var(--green-800);white-space:nowrap;background:#ffffffb8;border:1px solid #075b382e;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:900;display:inline-flex}.row-action.danger{color:var(--red-700);border-color:#d83a3238}.row-action:disabled{cursor:not-allowed;opacity:.52}.order-edit-overlay{z-index:60;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.order-edit-dialog{z-index:1;-webkit-backdrop-filter:blur(28px)saturate(1.18);backdrop-filter:blur(28px)saturate(1.18);background:linear-gradient(145deg,#ffffffc7,#ffffff6b),#ffffffa3;border:1px solid #ffffff9e;border-radius:34px;gap:16px;width:min(940px,100vw - 32px);max-height:calc(100svh - 40px);padding:22px;display:grid;position:relative;overflow:auto;box-shadow:0 28px 90px #0c2e1f38}.order-edit-dialog .drawer-title p{color:var(--muted);margin:4px 0 0;font-weight:800}.order-edit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.order-edit-grid label,.order-edit-line label{color:var(--text);gap:7px;min-width:0;font-weight:900;display:grid}.order-edit-grid input,.order-edit-grid select,.order-edit-line input,.order-edit-line select{width:100%;min-width:0;min-height:44px;color:var(--text);background:#fffc;border:1px solid #075b3824;border-radius:16px;padding:0 12px;font-weight:800}.order-edit-lines{background:#ffffff5c;border:1px solid #075b381f;border-radius:24px;overflow:hidden}.panel-title-row.compact{padding:12px 14px}.panel-title-row.compact h3{color:var(--green-950);margin:0;font-size:20px}.panel-title-row.compact button{background:var(--green-800);color:#fff;border:0;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 14px;font-weight:900;display:inline-flex}.order-edit-line{border-top:1px solid #075b381a;grid-template-columns:minmax(220px,1.45fr) minmax(150px,.9fr) minmax(86px,.45fr) minmax(100px,.55fr) minmax(92px,.5fr) 44px;align-items:end;gap:10px;padding:12px 14px;display:grid}.order-edit-line>strong{min-height:44px;color:var(--green-800);justify-content:flex-end;align-items:center;font-weight:900;display:inline-flex}.line-delete-button{background:var(--red-100);width:44px;height:44px;color:var(--red-700);border:0;border-radius:16px;justify-content:center;align-items:center;display:inline-flex}.order-edit-summary{color:var(--muted);justify-content:flex-end;align-items:center;gap:18px;font-weight:900;display:flex}.order-edit-summary strong{color:var(--green-800);font-size:28px}.order-edit-actions{grid-template-columns:minmax(0,.5fr) minmax(0,1fr);gap:12px;display:grid}.menu-edit-dialog{gap:14px;width:min(680px,100vw - 32px)}.menu-edit-dialog .drawer-title{gap:18px}.menu-edit-dialog .drawer-title button:disabled{cursor:not-allowed;opacity:.45}.menu-edit-image-picker{background:#ffffff9e;border-color:#075b381f;grid-template-columns:104px minmax(0,1fr)}.menu-edit-image-picker>img{width:104px;height:104px}.menu-edit-form-grid{grid-template-columns:minmax(150px,.9fr) minmax(220px,1.4fr) minmax(120px,.65fr)}.menu-edit-dialog .menu-scope-grid{min-height:54px}.menu-edit-dialog .order-error{width:100%;margin:0}.menu-edit-dialog input:disabled,.menu-edit-dialog select:disabled,.menu-edit-dialog .menu-scope-grid button:disabled,.menu-edit-dialog .custom-image-actions button:disabled{cursor:not-allowed;opacity:.58}.menu-edit-actions{grid-template-columns:minmax(0,.55fr) minmax(0,1fr)}}@media screen and (max-width:900px){.order-edit-grid,.order-edit-actions,.menu-edit-form-grid{grid-template-columns:1fr}.order-edit-line{grid-template-columns:1fr 1fr}.order-edit-line>strong{justify-content:flex-start}}@media screen and (max-width:560px){.order-edit-overlay{align-items:stretch;padding:10px}.order-edit-dialog{border-radius:26px;width:100%;max-height:calc(100svh - 20px);padding:16px}.order-edit-line{grid-template-columns:1fr}.menu-edit-dialog .drawer-title{align-items:flex-start}.menu-edit-image-picker{grid-template-columns:82px minmax(0,1fr)}.menu-edit-image-picker>img{width:82px;height:82px}.menu-edit-actions{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr)}.menu-edit-actions .primary-action,.menu-edit-actions .secondary-action{padding-inline:8px}.line-delete-button{width:100%}}@media screen{.login-screen{--login-emerald:#075b38;--login-emerald-dark:#053f2b;--login-green-soft:#e7f3e9;--login-gold:#caa13a;--login-ink:#121814;--login-muted:#667066;isolation:isolate;background-color:#fbfdfb;background-image:linear-gradient(90deg,#fff0 0%,#ffffff0f 42%,#fff9 70%,#fffffff0 100%),radial-gradient(circle at 72% 18%,#ffffffd1,#fff0 28%),url(/menu/login-chicken-mixed-real.jpg);background-position:50%,50%,42%;background-repeat:no-repeat;background-size:cover,cover,cover;grid-template-columns:minmax(0,1fr) minmax(340px,430px);place-items:center end;gap:clamp(24px,4vw,64px);width:100%;min-height:100svh;margin:0;padding-block:clamp(16px,min(4.4vw,5svh),72px);padding-inline:clamp(24px,5.2vw,86px);display:grid;position:relative;overflow:hidden}.login-screen:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#fff0 0 54%,#ffffff3d 70%,#ffffffc2 100%),radial-gradient(at 86% 76%,#075b381f,#075b3800 34%);position:absolute;inset:0}.login-screen:after{content:"";z-index:-1;pointer-events:none;filter:blur(36px);background:#ffffff47;border-radius:36px;width:min(520px,46vw);position:absolute;top:clamp(32px,10vh,96px);bottom:clamp(32px,10vh,96px);right:clamp(12px,4vw,68px)}.login-visual,.login-brand,.login-feature-rail,.login-mobile-logo,.login-system-row{display:none}.login-panel{-webkit-backdrop-filter:blur(24px)saturate(1.18);backdrop-filter:blur(24px)saturate(1.18);background:linear-gradient(145deg,#ffffffe0,#ffffff94),#ffffffb8;border:1px solid #ffffffc7;border-radius:32px;grid-column:2;place-self:center end;gap:clamp(12px,2.1svh,18px);width:min(100%,430px);min-width:0;padding:clamp(18px,3.6svh,32px) clamp(20px,2.7vw,32px);display:grid;overflow:visible;box-shadow:0 32px 86px #172f1d2e,inset 0 1px #ffffffe6}.login-panel-logo{background:#ffffffc7;border:1px solid #075b3814;border-radius:24px;justify-self:center;width:clamp(96px,min(10vw,18svh),144px);margin:0 auto 2px;padding:8px;display:flex;box-shadow:0 18px 48px #172f1d1a,inset 0 1px #ffffffe6}.login-panel-logo img{border-radius:18px;width:100%;height:auto;display:block}.login-panel .mode-switch{background:#ffffffb8;border:1px solid #075b381a;border-radius:999px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;width:100%;padding:5px;display:grid;overflow:hidden;box-shadow:0 14px 34px #172f1d0f}.login-panel .mode-switch button{min-width:0;min-height:clamp(46px,7.6svh,54px);color:var(--login-ink);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;font-size:18px;font-weight:900;line-height:1;display:inline-flex}.login-panel .mode-switch button.active{color:#fff;background:linear-gradient(180deg, #58a33c 0%, var(--login-emerald) 100%);box-shadow:0 14px 30px #075b3842}.login-panel .field{width:100%;min-width:0;color:var(--login-ink);gap:clamp(6px,1.3svh,8px);font-size:15px;font-weight:900;display:grid}.login-input-shell{background:#ffffffd1;border:1px solid #075b381a;border-radius:18px;align-items:center;gap:12px;width:100%;min-width:0;min-height:clamp(50px,8svh,58px);padding:0 16px;display:flex;overflow:hidden;box-shadow:0 16px 34px #172f1d0f,inset 0 1px #ffffffe0}.login-input-shell svg{color:var(--login-emerald);flex:none}.login-input-shell input,.login-input-shell select{width:100%;min-width:0;height:auto;min-height:auto;box-shadow:none;color:var(--login-ink);background:0 0;border:0;border-radius:0;outline:none;flex:auto;padding:0;font-size:17px;font-weight:850;line-height:1.2}.login-input-shell select{cursor:pointer}.login-input-shell input::placeholder{color:#1218146b}.password-toggle{width:52px;height:52px;color:var(--login-emerald);background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.password-toggle:hover{background:#075b3814}.login-panel .admin-login-note{min-height:clamp(50px,8svh,58px);color:var(--login-emerald-dark);background:#e7f3e9b8;border:1px solid #075b381a;border-radius:18px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;font-weight:850;line-height:1.45;display:flex}.login-panel .admin-login-note svg{color:var(--login-emerald);flex:none}.login-panel .form-error{color:var(--red-700);background:#fde8e2c7;border-radius:16px;margin:-2px 0 0;padding:10px 12px;font-size:14px;font-weight:850;line-height:1.35}.login-panel .primary-action{background:linear-gradient(180deg, #58a33cfa, #075b38fa), var(--login-emerald);color:#fff;border:0;border-radius:20px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:clamp(54px,8.8svh,62px);font-size:22px;font-weight:950;line-height:1;transition:transform .16s,box-shadow .16s,filter .16s;display:inline-flex;box-shadow:0 18px 40px #075b3842}.login-panel .primary-action:hover:not(:disabled){filter:saturate(1.03);transform:translateY(-1px);box-shadow:0 22px 46px #075b384d}.login-panel .primary-action:active:not(:disabled){transform:translateY(0)}}@media screen and (max-width:1180px){.login-screen{background-image:linear-gradient(90deg,#ffffff05 0%,#ffffff1f 42%,#ffffffa3 70%,#fffffff5 100%),url(/menu/login-chicken-mixed-real.jpg);background-position:50%,38%;grid-template-columns:minmax(0,1fr) minmax(320px,400px);padding:24px}.login-panel{width:min(100%,400px)}}@media screen and (max-width:860px){.login-screen{background-image:linear-gradient(#ffffff14 0%,#ffffff3d 34%,#ffffffeb 76%,#fffffffa 100%),url(/menu/login-chicken-mixed-real.jpg);background-position:50%,top;background-size:cover,auto 100%;grid-template-columns:1fr;place-items:end center;padding:20px}.login-screen:before{background:linear-gradient(#fff0 0 38%,#ffffffad 68%,#fffffff5 100%),radial-gradient(at 50% 94%,#075b381a,#075b3800 42%)}.login-screen:after{width:auto;height:46svh;inset:auto 8% 14px}.login-panel{border-radius:30px;grid-column:1;place-self:end center;width:min(100%,460px);max-height:calc(100svh - 40px)}}@media screen and (max-width:560px){.login-screen{background-position:50%,top;background-size:cover,auto 100%;min-height:100svh;padding:12px}.login-panel{border-radius:26px;gap:14px;width:100%;max-width:calc(100vw - 24px);max-height:calc(100svh - 24px);padding:16px}.login-panel-logo{border-radius:22px;width:clamp(104px,34vw,138px);padding:7px}.login-panel-logo img{border-radius:16px}.login-panel .mode-switch button{gap:8px;min-height:52px;padding:0 8px;font-size:clamp(15px,4.2vw,17px)}.login-input-shell{border-radius:16px;gap:10px;min-height:54px;padding:0 12px}.login-input-shell input,.login-input-shell select{font-size:clamp(16px,4.1vw,17px)}.login-panel .primary-action{border-radius:18px;min-height:58px;font-size:clamp(18px,5.4vw,21px)}}@supports not (height:100svh){@media screen and (max-width:560px){.login-screen{align-items:start;min-height:100vh;overflow-y:auto}.login-panel{max-height:none;overflow:visible}.login-panel-logo{width:112px}}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.login-panel{background:#fffffff0}.login-panel-logo,.login-input-shell,.login-panel .mode-switch{background:#fff}}@media screen{.app-shell{grid-template-columns:232px minmax(0,1fr)}.staff-sidebar{gap:16px;padding:16px 14px}.brand-block strong{font-size:26px}.branch-badge span{font-size:15px}.branch-badge strong{font-size:21px}.side-nav button,.logout-button{gap:12px;min-height:58px;padding:0 14px;font-size:17px;line-height:1.22}.top-status{gap:20px;min-height:76px;padding:0 20px;font-size:16px}.online-pill,.offline-pill{font-size:17px}.today-strip span{font-size:14px}.today-strip strong{font-size:20px}.branch-sales-view{gap:20px}.branch-sales-view header{min-height:168px;padding:30px}.branch-sales-view h1{font-size:36px;line-height:1.15}.branch-sales-view header p{font-size:18px}.branch-sales-view header strong{font-size:48px}.sales-cards{gap:16px}.sales-cards div{min-height:104px;padding:22px}.sales-cards span{font-size:17px;line-height:1.35}.sales-cards strong{font-size:28px}.branch-sales-view .data-panel{overflow-x:auto}.branch-sales-view .data-panel h2{padding:22px 24px;font-size:26px;line-height:1.25}.branch-sales-view .data-panel table{table-layout:fixed;min-width:820px}.branch-sales-view .data-panel th,.branch-sales-view .data-panel td{white-space:nowrap;padding:16px 18px;font-size:18px;line-height:1.35}.branch-sales-view .data-panel th{font-size:16px}.branch-sales-view .data-panel th:first-child,.branch-sales-view .data-panel td:first-child{width:14%}.branch-sales-view .data-panel th:nth-child(2),.branch-sales-view .data-panel td:nth-child(2){width:28%}.branch-sales-view .data-panel th:nth-child(3),.branch-sales-view .data-panel td:nth-child(3){width:20%}.branch-sales-view .data-panel th:nth-child(4),.branch-sales-view .data-panel td:nth-child(4){width:18%}.branch-sales-view .data-panel th:nth-child(5),.branch-sales-view .data-panel td:nth-child(5){width:20%}.branch-sales-view .status-paid,.branch-sales-view .status-open,.branch-sales-view .status-cancelled,.branch-sales-view .status-review{min-height:34px;padding:0 14px;font-size:15px}}@media screen and (max-width:1180px){.app-shell{grid-template-columns:214px minmax(0,1fr)}.top-status{flex-wrap:wrap;min-height:auto;padding:16px 18px}.branch-sales-view .data-panel table{min-width:780px}}@media screen and (max-width:760px){.app-shell{display:block}.staff-sidebar{padding:14px}.side-nav button,.logout-button{min-height:60px;font-size:16px}.top-status{font-size:16px}.branch-sales-view header{padding:20px}.branch-sales-view h1{font-size:30px}.branch-sales-view header p{font-size:17px}.branch-sales-view header strong{font-size:38px}.sales-cards div{min-height:96px;padding:18px}.sales-cards span{font-size:16px}.sales-cards strong{font-size:26px}.branch-sales-view .data-panel h2{padding:18px;font-size:24px}.branch-sales-view .data-panel th,.branch-sales-view .data-panel td{padding:14px 16px;font-size:17px}.branch-sales-view .data-panel th{font-size:15px}.branch-sales-view .data-panel{overflow-x:visible}.branch-sales-view .data-panel table,.branch-sales-view .data-panel thead,.branch-sales-view .data-panel tbody,.branch-sales-view .data-panel tr,.branch-sales-view .data-panel td{display:block}.branch-sales-view .data-panel table{min-width:0}.branch-sales-view .data-panel thead{display:none}.branch-sales-view .data-panel tbody{gap:12px;padding:14px;display:grid}.branch-sales-view .data-panel tr{background:#ffffff94;border:1px solid #0856371a;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;padding:14px;display:grid}.branch-sales-view .data-panel td{text-overflow:clip;white-space:normal;border:0;gap:3px;padding:0;display:grid;overflow:visible;width:auto!important}.branch-sales-view .data-panel td:before{color:var(--muted);font-size:13px;font-weight:900;line-height:1.2}.branch-sales-view .data-panel td:first-child:before{content:"เวลา"}.branch-sales-view .data-panel td:nth-child(2){grid-column:1/-1;font-weight:850}.branch-sales-view .data-panel td:nth-child(2):before{content:"เลขบิล"}.branch-sales-view .data-panel td:nth-child(3):before{content:"จำนวน"}.branch-sales-view .data-panel td:nth-child(4):before{content:"ยอดรวม"}.branch-sales-view .data-panel td:nth-child(5):before{content:"สถานะ"}}@media screen{.admin-main .admin-grid{grid-template-columns:minmax(0,1fr)}.admin-main .data-panel{overflow-x:auto}.admin-main .data-panel h2,.admin-main .panel-title-row{padding:22px 24px}.admin-main .data-panel h2,.admin-main .panel-title-row h2{font-size:30px;line-height:1.18}.admin-main .panel-title-row span{font-size:16px;font-weight:850;line-height:1.35}.admin-main .data-panel table{table-layout:fixed;min-width:860px}.admin-main .branch-panel .branch-sales-table{min-width:930px}.admin-main .recent-panel table{min-width:960px}.admin-main .branches-table{min-width:1120px}.admin-main .data-panel th,.admin-main .data-panel td{text-overflow:clip;white-space:nowrap;padding:16px 18px;font-size:18px;line-height:1.35;overflow:visible}.admin-main .data-panel th{font-size:16px;line-height:1.3}.admin-main .data-panel tfoot td{font-size:18px;font-weight:950}.admin-main .branches-table th:first-child,.admin-main .branches-table td:first-child{width:5%}.admin-main .branches-table th:nth-child(2),.admin-main .branches-table td:nth-child(2){width:16%}.admin-main .branches-table th:nth-child(3),.admin-main .branches-table td:nth-child(3){width:15%}.admin-main .branches-table th:nth-child(4),.admin-main .branches-table td:nth-child(4){width:26%}.admin-main .branches-table th:nth-child(5),.admin-main .branches-table td:nth-child(5){text-align:right;width:14%}.admin-main .branches-table th:nth-child(6),.admin-main .branches-table td:nth-child(6){text-align:right;width:11%}.admin-main .branches-table th:nth-child(7),.admin-main .branches-table td:nth-child(7){width:13%}.admin-main .branches-table th,.admin-main .branches-table td{text-overflow:ellipsis;overflow:hidden}.admin-main .branches-table td:nth-child(4){overflow:hidden}.admin-main .branch-email{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.admin-main .status-paid,.admin-main .status-open,.admin-main .status-cancelled,.admin-main .status-review{min-height:34px;padding:0 14px;font-size:15px}.admin-main .branch-panel .branch-sales-table th:first-child,.admin-main .branch-panel .branch-sales-table td:first-child{width:7%}.admin-main .branch-panel .branch-sales-table th:nth-child(2),.admin-main .branch-panel .branch-sales-table td:nth-child(2){width:25%}.admin-main .branch-panel .branch-sales-table th:nth-child(3),.admin-main .branch-panel .branch-sales-table td:nth-child(3),.admin-main .branch-panel .branch-sales-table th:nth-child(4),.admin-main .branch-panel .branch-sales-table td:nth-child(4){width:18%}.admin-main .branch-panel .branch-sales-table th:nth-child(5),.admin-main .branch-panel .branch-sales-table td:nth-child(5){width:14%}.admin-main .branch-panel .branch-sales-table th:nth-child(6),.admin-main .branch-panel .branch-sales-table td:nth-child(6){width:18%}.admin-main .recent-panel th:first-child,.admin-main .recent-panel td:first-child{width:19%}.admin-main .recent-panel th:nth-child(2),.admin-main .recent-panel td:nth-child(2){width:24%}.admin-main .recent-panel th:nth-child(3),.admin-main .recent-panel td:nth-child(3){width:17%}.admin-main .recent-panel th:nth-child(4),.admin-main .recent-panel td:nth-child(4),.admin-main .recent-panel th:nth-child(5),.admin-main .recent-panel td:nth-child(5){width:13%}.admin-main .recent-panel th:nth-child(6),.admin-main .recent-panel td:nth-child(6){width:14%}}@media screen and (max-width:1180px){.admin-main .data-panel h2,.admin-main .panel-title-row h2{font-size:28px}.admin-main .data-panel table{min-width:820px}.admin-main .branch-panel .branch-sales-table,.admin-main .recent-panel table,.admin-main .branches-table{min-width:880px}}@media screen and (max-width:760px){.admin-main .data-panel h2,.admin-main .panel-title-row{padding:18px}.admin-main .data-panel h2,.admin-main .panel-title-row h2{font-size:25px}.admin-main .panel-title-row span{font-size:15px}.admin-main .data-panel.branch-panel,.admin-main .data-panel.branches-list-panel,.admin-main .data-panel.recent-panel{overflow-x:visible}.admin-main .branches-table,.admin-main .branches-table thead,.admin-main .branches-table tbody,.admin-main .branches-table tr,.admin-main .branches-table td,.admin-main .branch-panel table,.admin-main .branch-panel thead,.admin-main .branch-panel tbody,.admin-main .branch-panel tfoot,.admin-main .branch-panel tr,.admin-main .branch-panel td,.admin-main .recent-panel table,.admin-main .recent-panel thead,.admin-main .recent-panel tbody,.admin-main .recent-panel tr,.admin-main .recent-panel td{display:block}.admin-main .branch-panel .branch-sales-table,.admin-main .data-panel table.branches-table,.admin-main .recent-panel table{table-layout:auto;width:100%;min-width:0}.admin-main .branches-table thead,.admin-main .branch-panel thead,.admin-main .recent-panel thead{display:none}.admin-main .branches-table tbody,.admin-main .branch-panel tbody,.admin-main .branch-panel tfoot,.admin-main .recent-panel tbody{gap:12px;padding:14px;display:grid}.admin-main .branches-table tr,.admin-main .branch-panel tr,.admin-main .recent-panel tr{background:#ffffff94;border:1px solid #0856371a;border-radius:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;padding:14px;display:grid}.admin-main .branch-panel tfoot tr{background:#e1f4e7b8}.admin-main .branches-table td,.admin-main .branch-panel td,.admin-main .recent-panel td{text-overflow:clip;white-space:normal;border:0;gap:3px;padding:0;font-size:17px;display:grid;overflow:visible;width:auto!important}.admin-main .branch-panel td:before,.admin-main .branches-table td:before,.admin-main .recent-panel td:before{color:var(--muted);font-size:13px;font-weight:900;line-height:1.2}.admin-main .branch-panel td:first-child:before{content:"ลำดับ"}.admin-main .branch-panel td:nth-child(2){grid-column:1/-1;font-weight:900}.admin-main .branch-panel td:nth-child(2):before{content:"สาขา"}.admin-main .branch-panel td:nth-child(3):before{content:"ยอดรวม"}.admin-main .branch-panel td:nth-child(4):before{content:"ส่วนแบ่ง"}.admin-main .branch-panel td:nth-child(5):before{content:"จำนวนบิล"}.admin-main .branch-panel td:nth-child(6):before{content:"เฉลี่ย/บิล"}.admin-main .branches-table td:first-child:before{content:"ลำดับ"}.admin-main .branches-table td:nth-child(2){grid-column:1/-1;font-weight:900}.admin-main .branches-table td:nth-child(2):before{content:"สาขา"}.admin-main .branches-table td:nth-child(3):before{content:"รหัสสาขา"}.admin-main .branches-table td:nth-child(4){grid-column:1/-1}.admin-main .branches-table td:nth-child(4):before{content:"อีเมล login"}.admin-main .branches-table td:nth-child(5):before{content:"ยอดขายช่วงนี้"}.admin-main .branches-table td:nth-child(6):before{content:"จำนวนบิล"}.admin-main .branches-table td:nth-child(7):before{content:"อาหารตามสั่ง"}.admin-main .branches-table .branch-email{white-space:normal;overflow-wrap:anywhere}.admin-main .recent-panel td:first-child:before{content:"เวลา"}.admin-main .recent-panel td:nth-child(2){grid-column:1/-1;font-weight:900}.admin-main .recent-panel td:nth-child(2):before{content:"เลขบิล"}.admin-main .recent-panel td:nth-child(3):before{content:"สาขา"}.admin-main .recent-panel td:nth-child(4):before{content:"ยอดรวม"}.admin-main .recent-panel td:nth-child(5):before{content:"ช่องทาง"}.admin-main .recent-panel td:nth-child(6):before{content:"สถานะ"}}.customer-alert-panel,.tables-admin-layout,.customer-order-page{min-width:0}.customer-alert-panel{background:#fffae6c7;border:1px solid #d9a41957;border-radius:22px;gap:14px;margin:0 0 18px;padding:16px;display:grid;box-shadow:0 18px 46px #654d081a}.customer-alert-panel.has-service-call{background:#ffefdbf2;border:3px solid #e4661a;box-shadow:0 18px 46px #ae480938}.customer-alert-title,.customer-alert-card,.service-call-card{justify-content:space-between;align-items:center;gap:14px;min-width:0;display:flex}.customer-alert-title{color:var(--green-900);justify-content:flex-start}.customer-alert-title div,.customer-alert-card div{gap:2px;min-width:0;display:grid}.customer-alert-title strong,.customer-alert-card strong{font-weight:900}.customer-alert-title span,.customer-alert-card span{color:var(--muted);overflow-wrap:anywhere;font-size:14px}.customer-alert-list{gap:10px;display:grid}.customer-alert-card{background:#ffffffb3;border:1px solid #0856371a;border-radius:18px;padding:12px}.service-call-card{background:#fff7ed;border:2px solid #d3520d6b}.service-call-card.bill-call{background:#fff0ed;border-color:#b41f1f80}.service-call-card strong{color:#9a3412;align-items:center;gap:8px;font-size:20px;display:inline-flex}.service-call-card.bill-call strong{color:#a71919}.service-call-acknowledge{color:#fff;background:#0b5c3c;min-height:50px;padding:0 20px;font-size:17px;font-weight:900}@media (prefers-reduced-motion:no-preference){.customer-alert-panel.has-service-call{animation:1.4s ease-in-out infinite service-call-pulse}}@keyframes service-call-pulse{50%{box-shadow:0 18px 52px #d5470a66}}.tables-admin-layout{grid-template-columns:minmax(280px,420px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.table-form-grid{grid-template-columns:1fr}.tables-list-panel{overflow-x:auto}.tables-list-table{table-layout:fixed;min-width:980px}.tables-list-table th:first-child,.tables-list-table td:first-child{width:15%}.tables-list-table th:nth-child(2),.tables-list-table td:nth-child(2){width:6%}.tables-list-table th:nth-child(3),.tables-list-table td:nth-child(3){width:10%}.tables-list-table th:nth-child(4),.tables-list-table td:nth-child(4){width:25%}.tables-list-table th:nth-child(5),.tables-list-table td:nth-child(5){width:44%}.qr-url-preview{text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap;max-width:320px;display:inline-block;overflow:hidden}.table-row-actions{flex-wrap:nowrap;gap:6px}.table-row-actions .row-action{min-height:32px;padding:0 8px}.customer-order-page{min-height:100vh;color:var(--green-950);background:linear-gradient(135deg,#e8f4ebf0,#fffbf1eb),url(/brand/login-bg-chicken-mixed-real.jpg) top/cover fixed;gap:14px;max-width:720px;margin:0 auto;padding:14px 14px 108px;display:grid}.customer-loading-panel,.customer-header,.customer-status-strip,.customer-menu-card,.customer-cart-panel,.customer-status-panel,.customer-notice,.customer-error{-webkit-backdrop-filter:blur(18px)saturate(1.18);backdrop-filter:blur(18px)saturate(1.18);background:#ffffffc7;border:1px solid #ffffffb8;border-radius:24px;box-shadow:0 18px 52px #0830201f}.customer-loading-panel{text-align:center;place-self:center;justify-items:center;gap:14px;width:min(100%,360px);padding:24px;display:grid}.customer-error-panel p{color:var(--muted);margin:0}.customer-error-panel button,.customer-status-strip button,.customer-floating-actions button,.customer-submit-order,.customer-menu-card button,.customer-stepper button,.customer-remove-line{border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:900;display:inline-flex}.customer-error-panel button,.customer-status-strip button{background:var(--green-100);color:var(--green-900);padding:0 14px}.customer-header{z-index:5;align-items:center;gap:14px;padding:14px;display:flex;position:sticky;top:0}.customer-header img{flex:none;width:82px}.customer-header div{min-width:0}.customer-header span{color:var(--muted);font-size:14px;font-weight:800}.customer-header h1{margin:0;font-size:28px;line-height:1.1}.customer-status-strip{justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.customer-status-strip div{align-items:center;gap:8px;font-weight:900;display:flex}.customer-notice,.customer-error{padding:12px 14px;font-weight:800}.customer-error{color:var(--red-700)}.customer-category-tabs{scrollbar-width:none;gap:8px;padding:2px 0 4px;display:flex;overflow-x:auto}.customer-category-tabs button{color:var(--green-900);background:#ffffffc2;border:1px solid #ffffffc7;border-radius:999px;flex:none;min-height:42px;padding:0 16px;font-weight:900;box-shadow:0 10px 28px #08302014}.customer-category-tabs button.active{background:var(--green-800);color:#fff}.customer-menu-card{grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.customer-menu-card img{aspect-ratio:1;object-fit:cover;border-radius:18px;width:86px}.customer-menu-card div{gap:3px;min-width:0;display:grid}.customer-menu-card span,.customer-menu-card em{color:var(--muted);font-size:13px;font-style:normal;font-weight:800}.customer-menu-card h2{overflow-wrap:anywhere;margin:0;font-size:17px;line-height:1.25}.customer-menu-card strong{color:var(--green-900)}.customer-menu-card button{background:var(--green-800);color:#fff;min-width:72px;padding:0 12px}.customer-cart-panel,.customer-status-panel{gap:12px;padding:14px;display:grid}.customer-section-title{align-items:center;gap:8px;display:flex}.customer-section-title h2{flex:1;margin:0;font-size:20px}.customer-section-title span{color:var(--muted);font-size:13px;font-weight:900}.customer-empty{color:var(--muted);text-align:center;border:1px dashed #08563738;border-radius:18px;padding:16px}.customer-cart-line{background:#ffffffa3;border:1px solid #0856371a;border-radius:18px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px;display:grid}.customer-cart-line>div:first-child{min-width:0;display:grid}.customer-cart-line strong,.customer-cart-line span{overflow-wrap:anywhere}.customer-cart-line input{border:1px solid var(--line);border-radius:999px;grid-column:1/-1;width:100%;min-width:0;min-height:42px;padding:0 14px}.customer-stepper{background:#fff;border:1px solid #0856371f;border-radius:999px;grid-template-columns:34px 34px 34px;place-items:center;display:grid;overflow:hidden}.customer-stepper button{min-width:34px;min-height:34px;color:var(--green-900);background:0 0}.customer-remove-line{background:var(--red-100);width:38px;min-height:38px;color:var(--red-700)}.customer-cart-total{justify-content:space-between;align-items:center;font-size:18px;font-weight:900;display:flex}.customer-submit-order{background:var(--green-800);color:#fff;width:100%;min-height:56px;font-size:18px}.customer-status-line{border-bottom:1px solid #0856371a;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 0;display:grid}.customer-status-line:last-child{border-bottom:0}.customer-status-line div{gap:2px;min-width:0;display:grid}.customer-status-line span{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.customer-status-line em{background:var(--green-100);color:var(--green-900);white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:12px;font-style:normal;font-weight:900}.customer-floating-actions{z-index:20;grid-template-columns:1fr 1fr;gap:10px;width:min(692px,100vw - 28px);display:grid;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.customer-floating-actions button{color:#fff;background:#06482df0;min-width:0;box-shadow:0 16px 38px #06482d3d}@media screen and (max-width:1180px){.tables-admin-layout{grid-template-columns:1fr}}@media screen and (max-width:560px){.customer-order-page{padding:10px 10px 104px}.customer-header{border-radius:20px}.customer-header img{width:68px}.customer-header h1{font-size:24px}.customer-menu-card{grid-template-columns:72px minmax(0,1fr)}.customer-menu-card img{width:72px}.customer-menu-card button{grid-column:1/-1;width:100%}.customer-cart-line{grid-template-columns:minmax(0,1fr) auto}.customer-remove-line{grid-column:2}.customer-floating-actions{width:calc(100vw - 20px)}.customer-floating-actions button{font-size:14px}.customer-alert-card{flex-direction:column;align-items:stretch}}.customer-order-page{max-width:760px;min-height:100dvh;padding:max(8px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));color:var(--green-950);background:linear-gradient(145deg,#e9f6edf2,#fffbf1f0),url(/brand/login-bg-chicken-mixed-real.jpg) top/cover fixed;margin:0 auto;font-size:18px;display:block}.customer-order-page.has-customer-cart-bar{padding-bottom:calc(max(22px, env(safe-area-inset-bottom)) + 92px)}.customer-loading-page{place-items:center;display:grid}.customer-loading-panel,.customer-header,.customer-flow-guide,.customer-menu-tools,.customer-menu-card,.customer-status-panel,.customer-notice,.customer-error,.customer-offline,.customer-sheet{-webkit-backdrop-filter:blur(20px)saturate(1.15);backdrop-filter:blur(20px)saturate(1.15);background:#ffffffd1;border:1px solid #ffffffc7;box-shadow:0 18px 50px #0830201f,inset 0 1px #ffffffe6}.customer-loading-panel{text-align:center;border-radius:28px;justify-items:center;gap:12px;width:min(100%,380px);padding:26px;display:grid}.customer-loading-panel img{width:138px}.customer-loading-panel strong{font-size:23px}.customer-loading-panel span,.customer-error-panel p{color:var(--muted);margin:0}.customer-error-panel button,.customer-menu-empty button,.customer-status-empty button{background:var(--green-800);color:#fff;border:0;border-radius:16px;justify-content:center;align-items:center;gap:9px;min-height:52px;padding:0 18px;font-size:17px;font-weight:900;display:inline-flex}.customer-header{z-index:40;top:max(8px, env(safe-area-inset-top));border-radius:24px;grid-template-columns:minmax(118px,.95fr) minmax(160px,1.25fr);align-items:center;gap:8px;padding:9px;display:grid;position:sticky}.customer-brand-lockup{align-items:center;gap:8px;min-width:0;display:flex}.customer-brand-lockup img{flex:none;width:52px}.customer-brand-lockup>div{min-width:0}.customer-brand-lockup span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:850;display:block;overflow:hidden}.customer-brand-lockup h1{white-space:nowrap;margin:1px 0 0;font-size:clamp(21px,6vw,27px);line-height:1}.customer-header-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:0;display:grid}.customer-header-actions button{min-width:0;min-height:56px;color:var(--green-900);background:#eff8f1eb;border:1px solid #0856371f;border-radius:15px;grid-template-columns:auto minmax(0,1fr);place-items:center;gap:3px 5px;padding:5px;font-weight:900;display:grid}.customer-header-actions button[aria-pressed=true]{background:var(--green-800);color:#fff}.customer-header-actions button span{text-overflow:ellipsis;max-width:100%;font-size:clamp(10px,2.8vw,12px);line-height:1.15;overflow:hidden}.customer-header-actions button strong{background:var(--gold-500);min-width:22px;color:var(--green-950);border-radius:999px;grid-column:1/-1;padding:2px 6px;font-size:11px}.customer-flow-guide{border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:10px;padding:6px;display:grid}.customer-flow-guide span{min-width:0;min-height:48px;color:var(--muted);text-align:center;border-radius:14px;justify-content:center;align-items:center;gap:5px;font-size:clamp(12px,3.5vw,15px);font-weight:900;display:flex}.customer-flow-guide span.active{background:var(--green-100);color:var(--green-900)}.customer-flow-guide strong{background:#0856371c;border-radius:50%;flex:none;place-items:center;width:25px;height:25px;display:grid}.customer-flow-guide .active strong{background:var(--green-800);color:#fff}.customer-offline,.customer-notice,.customer-error{border-radius:18px;align-items:center;gap:10px;margin-top:10px;padding:12px 14px;font-weight:850;display:flex}.customer-offline{color:#735000;background:#fff7d9f0;border-color:#d9a41961}.customer-offline div{gap:2px;display:grid}.customer-offline span{font-size:14px;font-weight:700}.customer-notice{color:var(--green-900)}.customer-error{color:var(--red-700);background:#fff0ecf5;border-color:#b82a2538}.customer-error>span{gap:2px;display:grid}.customer-add-toast{z-index:1700;left:50%;bottom:calc(max(22px, env(safe-area-inset-bottom)) + 94px);color:#fff;text-align:center;pointer-events:none;background:#055b37f7;border:2px solid #ffffffbf;border-radius:18px;justify-content:center;align-items:center;gap:9px;width:min(360px,100vw - 32px);min-height:54px;padding:9px 14px;font-size:16px;font-weight:900;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 16px 46px #0336224d}.customer-menu-tools{z-index:30;top:calc(max(8px, env(safe-area-inset-top)) + 82px);border-radius:22px;gap:8px;margin-top:10px;padding:8px;display:grid;position:sticky}.customer-menu-search{min-height:54px;color:var(--green-800);background:#fffffff0;border:1px solid #08563724;border-radius:16px;align-items:center;gap:9px;padding:0 12px;display:flex}.customer-menu-search input{width:100%;min-width:0;height:50px;color:var(--green-950);background:0 0;border:0;outline:none;font-size:16px;font-weight:750}.customer-menu-search button{background:var(--green-100);width:52px;min-width:52px;min-height:52px;color:var(--green-900);border:0;border-radius:50%;place-items:center;display:grid}.customer-category-tabs{overscroll-behavior-inline:contain;scrollbar-width:none;scroll-snap-type:x proximity;gap:7px;padding:0 0 2px;display:flex;overflow-x:auto}.customer-category-tabs::-webkit-scrollbar{display:none}.customer-category-tabs button{scroll-snap-align:start;min-height:52px;color:var(--green-900);box-shadow:none;background:#f2f9f4eb;border:1px solid #08563721;border-radius:15px;flex:none;padding:0 17px;font-size:16px;font-weight:900}.customer-category-tabs button.active,.customer-category-tabs button[aria-selected=true]{border-color:var(--green-800);background:var(--green-800);color:#fff}.customer-menu-heading{justify-content:space-between;align-items:center;gap:12px;margin:18px 4px 10px;display:flex}.customer-menu-heading div{min-width:0}.customer-menu-heading span{color:var(--green-800);font-size:14px;font-weight:900}.customer-menu-heading h2{margin:1px 0 0;font-size:clamp(18px,5vw,22px);line-height:1.25}.customer-menu-heading>button{background:var(--green-100);min-height:52px;color:var(--green-900);border:1px solid #08563729;border-radius:15px;flex:none;align-items:center;gap:7px;padding:0 13px;font-weight:900;display:inline-flex}.customer-menu-grid{gap:12px;display:grid}.customer-menu-card{border-radius:24px;grid-template-columns:98px minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.customer-menu-card.unavailable{opacity:.68}.customer-menu-card>img{aspect-ratio:1;object-fit:cover;border-radius:20px;width:98px}.customer-menu-card-copy{gap:3px;min-width:0;display:grid}.customer-menu-card-copy>span,.customer-menu-card-copy>em{color:var(--muted);font-size:13px;font-style:normal;font-weight:800}.customer-menu-card-copy h3{overflow-wrap:anywhere;margin:0;font-size:clamp(18px,5vw,21px);line-height:1.3}.customer-menu-card-copy>strong{color:var(--green-900);font-size:19px}.customer-menu-card>button{background:var(--green-800);color:#fff;border:0;border-radius:17px;grid-column:1/-1;justify-content:center;align-items:center;gap:8px;width:100%;min-height:56px;padding:0 14px;font-size:18px;font-weight:900;display:inline-flex}.customer-menu-card>button.added{background:#14854f}.customer-menu-card>button:disabled{color:#68726b;background:#d8ded9}.customer-empty{color:var(--muted);text-align:center;background:#ffffff8f;border:1px dashed #08563740;border-radius:20px;padding:22px}.customer-menu-empty,.customer-status-empty{justify-items:center;gap:8px;display:grid}.customer-menu-empty strong,.customer-status-empty strong{color:var(--green-950);font-size:19px}.customer-menu-empty span,.customer-status-empty span{font-size:15px}.customer-cart-bar{z-index:1500;left:50%;bottom:max(12px, env(safe-area-inset-bottom));width:min(720px, calc(100vw - max(20px, env(safe-area-inset-left)) - max(20px, env(safe-area-inset-right))));background:linear-gradient(135deg, var(--green-800), var(--green-950));color:#fff;text-align:left;border:2px solid #fffc;border-radius:23px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:76px;padding:8px 14px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 20px 52px #03342152}.customer-cart-bar>span{align-items:center;gap:9px;min-width:0;display:flex}.customer-cart-bar>span>span{gap:1px;min-width:0;display:grid}.customer-cart-bar small{color:#ffffffc7;font-size:13px}.customer-cart-bar>strong{white-space:nowrap;font-size:clamp(21px,6vw,27px)}.customer-overlay{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#011f136b;place-items:end center;min-height:100dvh;display:grid;position:fixed;inset:0;overflow:hidden}.customer-sheet{width:min(100%,720px);max-height:calc(100dvh - max(12px, env(safe-area-inset-top)));overscroll-behavior:contain;padding:18px max(14px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));border-radius:30px 30px 0 0;overflow:auto}.customer-cart-sheet{height:100dvh;max-height:100dvh;padding-top:max(14px, env(safe-area-inset-top));border-radius:0;flex-direction:column;display:flex;overflow:hidden}.customer-sheet-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.customer-sheet-header>div{min-width:0}.customer-sheet-header span{color:var(--green-800);font-size:14px;font-weight:900}.customer-sheet-header h2{margin:2px 0 0;font-size:clamp(23px,7vw,31px);line-height:1.18}.customer-sheet-header>button{background:var(--green-100);width:52px;min-width:52px;min-height:52px;color:var(--green-900);border:1px solid #08563721;border-radius:50%;place-items:center;display:grid}.customer-cart-summary{background:var(--green-100);border-radius:16px;justify-content:space-between;align-items:center;margin-top:14px;padding:11px 14px;font-weight:850;display:flex}.customer-cart-lines{overscroll-behavior:contain;flex:1;align-content:start;gap:12px;min-height:0;padding:12px 1px;display:grid;overflow-y:auto}.customer-cart-line{background:#ffffffb8;border:1px solid #0856371f;border-radius:22px;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:12px;display:grid}.customer-cart-line-main{gap:10px;min-width:0;display:flex}.customer-cart-line-main img{object-fit:cover;border-radius:16px;flex:none;width:72px;height:72px}.customer-cart-line-main>div{align-content:center;gap:2px;min-width:0;display:grid}.customer-cart-line-main strong{overflow-wrap:anywhere;font-size:17px;line-height:1.25}.customer-cart-line-main span{color:var(--muted);font-size:14px}.customer-cart-line-main em{color:var(--green-900);font-size:15px;font-style:normal;font-weight:900}.customer-stepper{background:#fff;border:1px solid #08563726;border-radius:17px;grid-template-columns:52px 44px 52px;align-self:center;place-items:center;display:grid;overflow:hidden}.customer-stepper button{width:52px;min-width:52px;min-height:52px;color:var(--green-900);background:0 0;border:0;border-radius:0;place-items:center;display:grid}.customer-stepper button:disabled{color:#a9b2ac;background:#f2f4f2}.customer-stepper>span{font-size:20px;font-weight:900}.customer-cart-line-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.customer-cart-line-actions button,.customer-remove-confirm button,.customer-continue-shopping,.customer-review-actions button,.customer-success-sheet>button,.customer-back-to-menu{background:var(--green-100);min-height:52px;color:var(--green-900);border:1px solid #08563721;border-radius:15px;justify-content:center;align-items:center;gap:8px;padding:0 14px;font-size:16px;font-weight:900;display:inline-flex}.customer-cart-line-actions button.danger,.customer-remove-confirm button.danger{background:var(--red-100);color:var(--red-700);border-color:#b82a2533}.customer-note-field{grid-column:1/-1;gap:6px;font-size:14px;font-weight:850;display:grid}.customer-note-field input{width:100%;min-width:0;min-height:54px;color:var(--green-950);background:#fff;border:1px solid #08563729;border-radius:16px;padding:0 13px;font-size:16px}.customer-note-preview{color:var(--muted);background:#f5f8f5;border-radius:14px;grid-column:1/-1;margin:0;padding:9px 11px;font-size:14px}.customer-remove-confirm{background:#fff1edf5;border:1px solid #b82a2533;border-radius:17px;grid-column:1/-1;gap:6px;padding:12px;display:grid}.customer-remove-confirm>span{color:var(--muted);font-size:14px}.customer-remove-confirm>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px;display:grid}.customer-sheet-footer{background:#ffffffe0;border-top:1px solid #0856371c;flex:none;gap:8px;padding-top:12px;display:grid}.customer-cart-total,.customer-review-total{justify-content:space-between;align-items:center;gap:12px;font-size:18px;font-weight:900;display:flex}.customer-cart-total strong,.customer-review-total strong{color:var(--green-900);font-size:29px}.customer-submit-order{background:var(--green-800);color:#fff;border:0;border-radius:18px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:60px;padding:0 14px;font-size:18px;font-weight:900;display:flex}.customer-submit-order svg:last-child{margin-left:auto}.customer-submit-order:disabled,.customer-help-action:disabled,.customer-review-actions button:disabled{color:#6b756e;background:#d9dedb}.customer-submit-guidance{color:#735000;text-align:center;background:#fff4cff5;border-radius:14px;margin:0;padding:9px 12px;font-size:14px;font-weight:850}.customer-continue-shopping{background:0 0}.customer-review-sheet,.customer-help-sheet,.customer-success-sheet{gap:15px;display:grid}.customer-review-table{background:var(--green-100);text-align:center;border-radius:20px;justify-items:center;gap:2px;padding:14px;display:grid}.customer-review-table span,.customer-review-table small{color:var(--muted);font-size:14px}.customer-review-table strong{font-size:25px}.customer-review-lines{border-block:1px solid #0856371f;gap:0;display:grid}.customer-review-lines>div{border-bottom:1px dashed #0856371f;justify-content:space-between;align-items:start;gap:12px;padding:12px 2px;display:flex}.customer-review-lines>div:last-child{border-bottom:0}.customer-review-lines span{gap:2px;min-width:0;display:grid}.customer-review-lines small{color:var(--muted);overflow-wrap:anywhere}.customer-review-lines>div>strong{white-space:nowrap}.customer-review-actions{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);gap:8px;display:grid}.customer-review-actions button.primary,.customer-success-sheet>button.primary{border-color:var(--green-800);background:var(--green-800);color:#fff}.customer-help-action{background:var(--green-100);width:100%;min-height:88px;color:var(--green-900);text-align:left;border:1px solid #08563726;border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;display:grid}.customer-help-action.bill{color:#694b00;background:#fff7daf5;border-color:#d9a41947}.customer-help-action span{gap:3px;min-width:0;display:grid}.customer-help-action strong{font-size:19px}.customer-help-action small{color:var(--muted);font-size:14px;line-height:1.35}.customer-success-sheet{text-align:center;justify-items:center;padding-top:28px}.customer-success-sheet>svg{color:var(--green-700)}.customer-success-sheet>span{color:var(--green-800);font-weight:900}.customer-success-sheet h2{margin:-7px 0 0;font-size:clamp(28px,8vw,38px)}.customer-success-sheet p{max-width:480px;color:var(--muted);margin:0;line-height:1.55}.customer-success-table{background:var(--green-100);color:var(--green-900);border-radius:999px;padding:9px 18px;font-size:20px;font-weight:900}.customer-success-sheet>button{width:min(100%,420px)}.customer-status-panel{border-radius:26px;gap:12px;margin-top:12px;padding:14px;display:grid}.customer-status-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.customer-status-header>div{min-width:0}.customer-status-header span{color:var(--green-800);font-size:14px;font-weight:900}.customer-status-header h2{margin:1px 0;font-size:clamp(22px,6vw,28px)}.customer-status-header small{color:var(--muted);font-size:13px}.customer-status-header button{background:var(--green-100);min-width:96px;min-height:52px;color:var(--green-900);border:1px solid #08563721;border-radius:15px;justify-content:center;align-items:center;gap:7px;font-weight:900;display:inline-flex}.customer-pending-summary{color:#735000;text-align:center;background:#fff7daf5;border-radius:15px;padding:10px 12px;font-weight:900}.customer-status-list{gap:9px;display:grid}.customer-status-line{background:#ffffffa8;border:1px solid #0856371c;border-radius:18px;grid-template-columns:28px minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px;display:grid}.customer-status-line>div{gap:2px;min-width:0;display:grid}.customer-status-line span,.customer-status-line small{color:var(--muted);overflow-wrap:anywhere;font-size:13px}.customer-status-line em{background:var(--green-100);color:var(--green-900);text-align:center;border-radius:999px;padding:5px 9px;font-size:12px;font-style:normal;font-weight:900}.customer-status-line.pending em{color:#735000;background:#fff4cff5}.customer-status-line.cancelled em{background:var(--red-100);color:var(--red-700)}.customer-back-to-menu{background:var(--green-800);color:#fff;width:100%}.status-icon.pending{color:var(--gold-600)}.status-icon.accepted,.status-icon.served{color:var(--green-800)}.status-icon.cancelled{color:var(--red-700)}.customer-order-page button,.customer-order-page input{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.customer-order-page button:focus-visible,.customer-order-page input:focus-visible{outline-offset:3px;outline:3px solid #d9a419e0}.customer-order-page button:not(:disabled){cursor:pointer}.customer-order-page button:disabled{cursor:not-allowed}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media screen and (min-width:600px){.customer-header{grid-template-columns:minmax(220px,1fr) auto;padding:10px 12px}.customer-brand-lockup img{width:62px}.customer-header-actions{width:330px}.customer-menu-tools{top:calc(max(8px, env(safe-area-inset-top)) + 94px)}.customer-menu-card{grid-template-columns:112px minmax(0,1fr) 170px}.customer-menu-card>img{width:112px}.customer-menu-card>button{grid-column:auto}}@media screen and (max-width:420px){.customer-header{grid-template-columns:134px minmax(0,1fr)}.customer-brand-lockup img{width:46px}.customer-brand-lockup{gap:6px}.customer-header-actions button{min-height:54px}.customer-menu-tools{top:calc(max(8px, env(safe-area-inset-top)) + 76px)}.customer-menu-card{grid-template-columns:88px minmax(0,1fr);gap:10px}.customer-menu-card>img{width:88px}.customer-cart-line{grid-template-columns:1fr}.customer-stepper{grid-template-columns:52px minmax(44px,1fr) 52px;justify-self:stretch}.customer-review-actions{grid-template-columns:1fr}.customer-review-actions button.primary{grid-row:1}.customer-status-header{flex-direction:column;align-items:start}.customer-status-header button{width:100%}.customer-status-line{grid-template-columns:26px minmax(0,1fr)}.customer-status-line em{grid-column:2;justify-self:start}}@media screen and (max-width:340px){.customer-header{grid-template-columns:1fr;position:relative;top:0}.customer-brand-lockup img{width:52px}.customer-header-actions button span{font-size:12px}.customer-menu-tools{top:0}.customer-flow-guide span{flex-direction:column;gap:2px;min-height:54px}.customer-cart-line-actions,.customer-remove-confirm>div{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.customer-order-page *,.customer-overlay,.customer-add-toast{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media screen{.admin-shell .side-nav button,.admin-shell .logout-button{min-height:56px;font-size:17px;font-weight:900}.admin-shell .side-nav button span,.admin-shell .logout-button span{min-width:0}.admin-title-copy{gap:4px;min-width:0;display:grid}.admin-title-copy p{color:var(--muted);margin:0;font-size:16px;font-weight:750;line-height:1.35}.admin-filters .filter-control>span{color:var(--green-900);font-size:14px;font-weight:900}.admin-filters input,.admin-filters select,.admin-main input,.admin-main select{font-size:17px}.admin-main .primary-action,.admin-main .secondary-action,.admin-main .danger-action,.admin-main .row-action,.admin-main .export-button,.admin-main .menu-scope-grid button,.admin-main .paper-width-selector button{min-height:52px;font-size:16px;font-weight:900}.admin-main button:focus-visible,.admin-main input:focus-visible,.admin-main select:focus-visible,.admin-shell .side-nav button:focus-visible,.admin-shell .logout-button:focus-visible{outline-offset:3px;outline:4px solid #dea924a6}}@media screen and (max-width:1024px){.app-shell.admin-shell{min-height:100dvh;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));display:block}.admin-shell>.staff-sidebar{border-radius:24px;grid-template-columns:190px minmax(0,1fr) 148px;align-items:center;gap:12px;min-height:0;margin-bottom:12px;padding:10px 12px;display:grid;position:relative;top:0}.admin-shell .brand-block{text-align:left;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:9px;min-width:0;margin:0;padding:0;display:grid}.admin-shell .brand-block img{border-radius:13px;width:58px;padding:4px}.admin-shell .brand-block strong{font-size:19px;line-height:1.15}.admin-shell .brand-block span{font-size:10px}.admin-shell .side-nav{grid-template-columns:repeat(6,minmax(76px,1fr));gap:7px;min-width:0;display:grid}.admin-shell .side-nav button{text-align:center;flex-direction:column;justify-content:center;gap:4px;min-width:0;min-height:64px;padding:5px;font-size:14px;line-height:1.15}.admin-shell .side-nav button svg{width:23px;height:23px}.admin-shell .logout-button{justify-content:center;min-height:56px;margin:0;padding:0 10px;font-size:15px}.admin-shell>.admin-main{gap:14px;padding:0 0 20px}.admin-main .admin-header{flex-direction:column;align-items:stretch;gap:14px;min-height:0;padding:4px 2px}.admin-main .admin-title-stack{grid-template-columns:minmax(0,1fr) minmax(190px,230px);align-items:stretch;gap:12px;display:grid}.admin-main .admin-title-copy{align-content:center}.admin-main .admin-header h1{white-space:normal;font-size:32px}.admin-main .system-status-card{width:100%;min-width:0}.admin-main .admin-filters{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(180px,auto);gap:10px;width:100%;min-width:0;display:grid}.admin-main .period-tabs{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.admin-main .period-tabs button,.admin-main .filter-control,.admin-main .export-button{min-height:56px}.admin-main .filter-control{grid-template-columns:auto auto minmax(0,1fr);width:100%;min-width:0;display:grid}.admin-main .filter-control input,.admin-main .filter-control select{width:100%;min-width:0;font-size:17px}.admin-main .kpi-insight-strip,.admin-main .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-main .kpi-card{min-height:104px}.admin-main .kpi-card span{font-size:15px}.admin-main .kpi-card strong{font-size:28px}}@media screen and (max-width:760px){.admin-shell>.staff-sidebar{grid-template-columns:minmax(0,1fr) 142px;align-items:center;gap:10px;padding:10px}.admin-shell .brand-block{grid-template-columns:54px minmax(0,1fr)}.admin-shell .brand-block img{width:54px}.admin-shell .side-nav{grid-area:2/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.admin-shell .side-nav button{min-height:68px;font-size:16px}.admin-shell .logout-button{grid-area:1/2}.admin-main .admin-title-stack{grid-template-columns:1fr}.admin-main .admin-title-copy{padding:2px 4px}.admin-main .admin-header h1{font-size:30px}.admin-title-copy p{font-size:16px}.admin-main .system-status-card{min-height:58px}.admin-main .admin-filters{grid-template-columns:1fr}.admin-main .period-tabs,.admin-main .filter-control,.admin-main .export-button{grid-column:1}.admin-main .filter-control{grid-template-columns:22px 48px minmax(0,1fr);padding:0 14px}.admin-main .kpi-insight-strip,.admin-main .kpi-grid{grid-template-columns:1fr}.admin-main .kpi-insight-card{border-top:1px solid #075b381f;border-left:0;min-height:106px}.admin-main .kpi-insight-card:first-child{border-top:0}.admin-main .data-panel,.admin-main .menu-form-panel,.admin-main .table-form-panel{border-radius:22px}.admin-main .panel-title-row,.admin-main .data-panel>h2{flex-direction:column;align-items:flex-start;gap:8px;padding:16px}.admin-main .panel-title-row h2,.admin-main .data-panel>h2{font-size:24px}.admin-main .menu-form-body,.admin-main .menu-form-grid,.admin-main .table-form-grid{gap:12px}.admin-main .menu-form-grid,.admin-main .table-form-grid{grid-template-columns:1fr}.admin-main .menu-form-grid input,.admin-main .menu-form-grid select,.admin-main .menu-branch-select select,.admin-main .table-form-grid input,.admin-main .table-form-grid select{min-height:56px;font-size:18px}.admin-main .menu-scope-grid{grid-template-columns:1fr}.admin-main .menu-submit-button{width:100%;min-height:60px}.admin-main .sales-orders-panel,.admin-main .admin-menu-list-panel,.admin-main .tables-list-panel{overflow-x:visible}.admin-main .sales-orders-table,.admin-main .sales-orders-table thead,.admin-main .sales-orders-table tbody,.admin-main .sales-orders-table tr,.admin-main .sales-orders-table td,.admin-main .admin-menu-list-table,.admin-main .admin-menu-list-table thead,.admin-main .admin-menu-list-table tbody,.admin-main .admin-menu-list-table tr,.admin-main .admin-menu-list-table td,.admin-main .tables-list-table,.admin-main .tables-list-table thead,.admin-main .tables-list-table tbody,.admin-main .tables-list-table tr,.admin-main .tables-list-table td{display:block}.admin-main .data-panel .sales-orders-table,.admin-main .data-panel .admin-menu-list-table,.admin-main .data-panel .tables-list-table{table-layout:auto;width:100%;min-width:0;max-width:100%}.admin-main .admin-menu-image-picker .custom-image-actions button{min-height:52px;font-size:17px}.admin-main .sales-orders-table thead,.admin-main .admin-menu-list-table thead,.admin-main .tables-list-table thead{display:none}.admin-main .sales-orders-table tbody,.admin-main .admin-menu-list-table tbody,.admin-main .tables-list-table tbody{gap:12px;padding:12px;display:grid}.admin-main .sales-orders-table tr,.admin-main .admin-menu-list-table tr,.admin-main .tables-list-table tr{background:#ffffffc2;border:1px solid #08563724;border-radius:19px;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 14px;padding:14px;display:grid;box-shadow:0 8px 22px #0542290f}.admin-main .sales-orders-table td,.admin-main .admin-menu-list-table td,.admin-main .tables-list-table td{text-overflow:clip;white-space:normal;border:0;gap:4px;min-width:0;padding:0;font-size:17px;line-height:1.35;display:grid;overflow:visible;width:auto!important}.admin-main .sales-orders-table td:before,.admin-main .admin-menu-list-table td:before,.admin-main .tables-list-table td:before{color:var(--muted);font-size:13px;font-weight:900;line-height:1.2}.admin-main .sales-orders-table td:first-child:before{content:"เวลา"}.admin-main .sales-orders-table td:nth-child(2):before{content:"เลขบิล"}.admin-main .sales-orders-table td:nth-child(3):before{content:"สาขา"}.admin-main .sales-orders-table td:nth-child(4):before{content:"โต๊ะ / ลูกค้า"}.admin-main .sales-orders-table td:nth-child(5):before{content:"จำนวน"}.admin-main .sales-orders-table td:nth-child(6):before{content:"ยอดรวม"}.admin-main .sales-orders-table td:nth-child(7):before{content:"ช่องทาง"}.admin-main .sales-orders-table td:nth-child(8):before{content:"สถานะ"}.admin-main .sales-orders-table td:nth-child(9):before{content:"จัดการ"}.admin-main .sales-orders-table td:nth-child(2),.admin-main .sales-orders-table td:nth-child(9){grid-column:1/-1}.admin-main .admin-menu-list-table td:first-child:before{content:"รูป"}.admin-main .admin-menu-list-table td:nth-child(2):before{content:"ประเภท"}.admin-main .admin-menu-list-table td:nth-child(3):before{content:"ชื่อเมนู"}.admin-main .admin-menu-list-table td:nth-child(4):before{content:"ราคา"}.admin-main .admin-menu-list-table td:nth-child(5):before{content:"ใช้ที่สาขา"}.admin-main .admin-menu-list-table td:nth-child(6):before{content:"สถานะ"}.admin-main .admin-menu-list-table td:nth-child(7):before{content:"จัดการ"}.admin-main .admin-menu-list-table td:nth-child(3),.admin-main .admin-menu-list-table td:nth-child(5),.admin-main .admin-menu-list-table td:nth-child(7){grid-column:1/-1}.admin-main .admin-menu-thumb{width:76px;height:76px}.admin-main .tables-list-table td:first-child:before{content:"สาขา"}.admin-main .tables-list-table td:nth-child(2):before{content:"โต๊ะ"}.admin-main .tables-list-table td:nth-child(3):before{content:"สถานะ"}.admin-main .tables-list-table td:nth-child(4):before{content:"ลิงก์ QR"}.admin-main .tables-list-table td:nth-child(5):before{content:"จัดการโต๊ะ"}.admin-main .tables-list-table td:first-child,.admin-main .tables-list-table td:nth-child(4),.admin-main .tables-list-table td:nth-child(5),.admin-main .tables-list-table td[colspan]{grid-column:1/-1}.admin-main .qr-url-preview{white-space:normal;overflow-wrap:anywhere;max-width:100%}.admin-main .row-actions,.admin-main .table-row-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.admin-main .row-actions .row-action,.admin-main .table-row-actions .row-action{white-space:normal;justify-content:center;width:100%}.admin-main .tables-list-panel>.panel-title-row .row-actions,.admin-main .settings-grid{grid-template-columns:1fr}.admin-main .setting-row{grid-template-columns:1fr;align-items:start;gap:5px;min-height:68px;padding:14px 16px;display:grid}.admin-main .setting-row span{font-size:15px}.admin-main .setting-row strong{overflow-wrap:anywhere;font-size:17px}.admin-main .order-edit-dialog,.admin-main .menu-edit-dialog{border-radius:24px;width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:16px}.admin-main .order-edit-grid,.admin-main .order-edit-line,.admin-main .menu-edit-form-grid{grid-template-columns:1fr}.admin-main .order-edit-dialog input,.admin-main .order-edit-dialog select,.admin-main .menu-edit-dialog input,.admin-main .menu-edit-dialog select{min-height:54px;font-size:17px}.admin-main .order-edit-dialog .drawer-title>button,.admin-main .menu-edit-dialog .drawer-title>button{width:52px;min-width:52px;height:52px}.admin-main .order-edit-dialog .panel-title-row.compact button,.admin-main .order-edit-dialog .line-delete-button{min-height:52px;font-size:17px}.admin-main .order-edit-dialog .line-delete-button{width:100%}.admin-main .order-edit-actions{background:#fffdfaf5;grid-template-columns:1fr;padding:10px 0 16px;position:sticky;bottom:-16px}}@media screen and (max-width:430px){.admin-shell>.staff-sidebar{grid-template-columns:minmax(0,1fr) 126px}.admin-shell .side-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shell .side-nav button{min-height:70px;font-size:17px}.admin-main .admin-header h1{font-size:28px}.admin-main .sales-orders-table tr,.admin-main .admin-menu-list-table tr,.admin-main .tables-list-table tr{grid-template-columns:1fr}.admin-main .sales-orders-table td,.admin-main .admin-menu-list-table td,.admin-main .tables-list-table td{grid-column:1!important}.admin-main .row-actions,.admin-main .table-row-actions{grid-template-columns:1fr}}