:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f6f0e4;color:#1b2a22;--green: #244c3a;--green-dark: #183329;--gold: #b38a2e;--cream: #fbf6e9;--bordeaux: #6d1f2f;--line: #ddd0b9;--shadow: 0 18px 44px rgba(24, 51, 41, .13)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,rgba(36,76,58,.08),transparent 280px),#f6f0e4}button,input,select{font:inherit}button{border:0;cursor:pointer}.app-shell{width:min(1440px,100%);margin:0 auto;padding:18px}.register-top{position:sticky;top:0;z-index:16;display:grid;gap:8px;padding-bottom:8px;background:linear-gradient(180deg,#f6f0e4,#f6f0e4f7 88%,#f6f0e400)}.cashier-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:46px;padding:8px 10px;border-radius:8px;background:var(--green);color:var(--cream);box-shadow:0 8px 22px #1833291f}.cashier-header div{display:flex;align-items:center;min-width:0;gap:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cashier-header div span{min-width:0;color:#eadbb6;overflow:hidden;text-overflow:ellipsis}.menu-button{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:8px 10px;border-radius:6px;background:var(--gold);color:#171307;font-weight:900}.menu-backdrop{position:fixed;inset:0;z-index:30;display:flex;justify-content:flex-end;background:#18332980}.menu-drawer{width:min(390px,92vw);min-height:100dvh;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:12px;padding:14px;padding-bottom:calc(14px + env(safe-area-inset-bottom));background:var(--cream);box-shadow:var(--shadow);overflow-y:auto}.menu-head,.menu-status{display:flex;justify-content:space-between;align-items:center;gap:10px}.menu-head div{display:grid;gap:2px}.menu-head span,.menu-status span{color:#6f634f;font-weight:800}.menu-hint{margin:0;padding:9px 10px;border:1px solid var(--line);border-radius:6px;background:#fffaf0;color:#5c4212;font-weight:800}.menu-head button{width:42px;height:42px;border-radius:6px;background:var(--green);color:var(--cream)}.menu-actions,.menu-list{display:grid;gap:8px}.menu-actions button,.menu-list button,.kitchen-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 12px;border-radius:7px;border:1px solid var(--line);background:#fffaf0;color:var(--green-dark);font-weight:900}.menu-list button{justify-content:flex-start}.menu-list button.active{background:var(--green);color:var(--cream)}.login-shell{min-height:100vh;display:grid;place-items:center;padding:18px}.login-panel{width:min(480px,100%);display:grid;gap:14px;padding:24px;background:var(--green);color:var(--cream);border-radius:8px;box-shadow:var(--shadow)}.login-panel label{color:#eadbb6}.login-panel input{width:100%;background:#fffaf0}.login-copy{margin:4px 0 0;color:#eadbb6}.login-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:8px;background:var(--gold);color:#171307}.pin-input{min-height:62px;font-size:2rem;font-weight:900;text-align:center;letter-spacing:0}.shift-panel{width:min(640px,100%)}.start-panel{width:min(560px,100%)}.start-form{display:grid;gap:14px}.secondary-action.light{color:var(--cream);border-color:#fbf6e959}.shift-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0}.shift-summary div{padding:10px;border:1px solid rgba(251,246,233,.24);border-radius:6px;background:#ffffff14}.shift-summary dt{color:#eadbb6;font-size:.82rem;font-weight:800}.shift-summary dd{margin:2px 0 0;font-weight:900}.confirm-row{display:flex;grid-template-columns:none;align-items:center;gap:10px}.confirm-row input{width:22px;min-height:22px}.topbar{display:flex;justify-content:space-between;align-items:stretch;gap:16px;padding:18px;background:var(--green);color:var(--cream);border-radius:8px;box-shadow:var(--shadow)}.compact-topbar{display:grid;grid-template-columns:minmax(170px,auto) minmax(0,1fr);align-items:center;padding:12px}.brand-block h1{font-size:clamp(1.25rem,2vw,1.75rem)}.brand-block .subtitle{max-width:42ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eyebrow,.subtitle{margin:0;color:#eadbb6}.eyebrow{font-size:.82rem;text-transform:uppercase;letter-spacing:0}h1,h2{margin:0;letter-spacing:0}h1{font-size:clamp(1.65rem,2.5vw,2.6rem)}h2{font-size:1.25rem}.status-panel{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;align-content:center;min-width:min(420px,100%)}.status-panel span{padding:8px 10px;border:1px solid rgba(251,246,233,.26);border-radius:6px;background:#ffffff14;font-size:.9rem}.compact-status{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:7px;min-width:0}.compact-status>span,.compact-status summary{min-height:34px;padding:7px 9px;border:1px solid rgba(251,246,233,.26);border-radius:6px;background:#ffffff14;font-size:.84rem}.compact-status .sync-pill{width:42px}.session-details{position:relative;color:var(--cream)}.session-details summary{cursor:pointer;font-weight:900;list-style:none}.session-details summary::-webkit-details-marker{display:none}.session-details div{position:absolute;right:0;top:calc(100% + 6px);z-index:12;display:grid;gap:6px;min-width:260px;padding:10px;border-radius:8px;background:var(--green-dark);box-shadow:var(--shadow)}.session-details div span{padding:0;border:0;background:transparent;overflow-wrap:anywhere}.status.online{color:#c9f5dc}.status.offline{color:#ffd1d8}.sync-pill{display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:900}.sync-pill.synced{color:#c9f5dc}.sync-pill.pending{color:#ffe08a}.sync-pill.error{color:#ffc2c7}.sync-pill.offline{color:#d7d2c7}.setup-strip,.mode-nav,.category-row{display:flex;gap:10px;flex-wrap:wrap;align-items:end}.setup-strip{margin:16px 0 10px;padding:12px;background:#fbf6e9e6;border:1px solid var(--line);border-radius:8px}.action-strip{position:sticky;top:0;z-index:8;justify-content:flex-end;align-items:center;margin:10px 0 8px;padding:8px}label{display:grid;gap:5px;color:#5a4b35;font-size:.84rem;font-weight:700}input,select{width:190px;min-height:42px;border:1px solid #cdbf9f;border-radius:6px;padding:8px 10px;background:#fffaf0}.login-panel select{width:100%;background:#fffaf0}.cash-readout{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid rgba(251,246,233,.24);border-radius:6px;background:#ffffff14}.cash-readout span{color:#eadbb6;font-weight:800}.cash-readout strong{font-size:1.35rem}.cash-readout.difference strong{color:#ffe08a}.transfer-panel{display:grid;gap:10px;padding:12px;border:1px solid rgba(251,246,233,.24);border-radius:8px;background:#ffffff14}.transfer-panel h2{font-size:1.05rem}.segmented{display:inline-flex;border:1px solid #cdbf9f;border-radius:6px;overflow:hidden;min-height:42px}.segmented button,.sync-button,.mode-nav button,.category-row button,.export-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 13px;color:var(--green-dark);background:#fffaf0;border:1px solid var(--line);border-radius:6px;font-weight:800}.segmented button{border:0;border-radius:0}.segmented button.active,.mode-nav button.active,.category-row button.active{background:var(--green);color:var(--cream)}.sync-button{align-self:end}.danger-action{color:#fff7ef;background:var(--bordeaux);border-color:#5b1725}.update-action{color:#171307;background:#f2cf68;border-color:#c99a28}.notice{margin:10px 0;padding:10px 12px;background:#fff3cc;border:1px solid #d9b65f;border-radius:6px;color:#5c4212}.error-notice{background:#fde7e7;border-color:#cf6a6a;color:#6d1f2f;font-weight:800}.mode-nav{position:sticky;top:60px;z-index:7;margin:8px 0 12px;padding:6px;background:#f6f0e4f5;border:1px solid var(--line);border-radius:8px}.mode-nav button{flex:1 1 104px;min-height:38px;padding:7px 10px}.register-layout{display:grid;grid-template-columns:1fr;gap:10px}.cashier-sale-layout{margin-top:8px}.cashier-sale-layout .cart-panel{order:1}.cashier-sale-layout .catalog{order:2}.catalog,.cart-panel,.quick-sell,.history,.export-panel,.route-panel{background:#fbf6e9f0;border:1px solid var(--line);border-radius:8px}.catalog{padding:12px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(146px,1fr));gap:12px;margin-top:14px}.product-tile{position:relative;display:grid;grid-template-rows:48px 1fr auto;gap:8px;min-height:144px;padding:12px;color:#14241c;background:#fffaf0;border:1px solid #d8c7a6;border-radius:8px;box-shadow:0 8px 18px #18332914}.tile-quantity{position:absolute;top:8px;right:8px;min-width:34px;min-height:28px;display:grid;place-items:center;padding:4px 7px;border-radius:999px;background:var(--gold);color:#171307;font-weight:900}.product-tile strong,.quick-tile span{overflow-wrap:anywhere}.tile-icon{display:grid;place-items:center;width:54px;height:48px;border-radius:8px;color:#fffaf0;font-weight:900;text-transform:uppercase}.cart-panel{--cart-list-height: 86px;position:static;display:grid;grid-template-rows:auto var(--cart-list-height) auto auto;gap:8px;min-height:256px;max-height:256px;padding:10px;overflow:hidden;background:#fffaf0;box-shadow:0 10px 26px #1833291c;font-size:.92rem}.cart-panel.has-kitchen-action{grid-template-rows:auto var(--cart-list-height) auto auto auto;min-height:318px;max-height:318px}.cart-title,.cart-line,.cart-total,.quick-header,.sale-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.quick-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px}.cart-title button,.quantity button{display:grid;place-items:center;width:38px;height:38px;border-radius:6px;color:var(--cream);background:var(--bordeaux)}.cart-lines{display:grid;align-content:start;gap:6px;height:var(--cart-list-height);min-height:var(--cart-list-height);max-height:var(--cart-list-height);margin:2px 0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.cart-line{min-height:44px;padding:7px;border:1px solid var(--line);border-radius:8px;background:#fffaf0}.cart-line div:first-child{display:grid;gap:2px}.cart-line span,.sale-row span,.quick-header p,.export-panel p,.route-panel p,.empty{color:#6f634f}.cart-lines .empty{min-height:var(--cart-list-height);display:flex;align-items:center;margin:0}.quantity{display:flex;align-items:center;gap:6px;font-weight:900}.quantity button{min-width:36px}.cart-total{padding-top:8px;border-top:1px solid var(--line);font-size:.92rem}.cart-total strong{font-size:clamp(1.55rem,7vw,2.1rem)}.checkout{width:100%;min-height:54px;margin-top:0;border-radius:8px;background:var(--gold);color:#171307;font-weight:900;font-size:1.02rem}.kitchen-action{width:100%;background:var(--green);color:var(--cream)}.kitchen-action:disabled,.cart-title button:disabled{opacity:.45;cursor:not-allowed}.checkout:disabled{opacity:.45;cursor:not-allowed}.quick-sell,.history,.export-panel,.route-panel,.leader-panel{padding:18px}.leader-panel{background:#fbf6e9f0;border:1px solid var(--line);border-radius:8px}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:16px 0}.metric-grid div{display:grid;gap:5px;padding:14px;background:#fffaf0;border:1px solid var(--line);border-radius:8px}.compact-metrics{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.compact-metrics div{padding:10px}.compact-metrics strong{font-size:1.1rem}.panel-header{display:flex;justify-content:space-between;align-items:start;gap:12px}.panel-header p,.reports-panel p{color:#6f634f}.metric-grid span{color:#6f634f;font-weight:700}.metric-grid strong{font-size:1.35rem}.dialog-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:14px;background:#1833298f}.payment-dialog{width:min(560px,100%);display:grid;gap:14px;padding:18px;background:var(--cream);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);max-height:calc(100dvh - 28px);overflow-y:auto}.end-shift-dialog,.day-close-dialog{width:min(680px,100%)}.end-shift-dialog{grid-template-rows:auto minmax(0,1fr) auto;gap:10px;max-height:calc(100dvh - 18px);overflow:hidden;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.modal-scroll{display:grid;gap:12px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:3px}.modal-actions{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(180px,1.2fr);gap:10px;align-items:center;padding-top:10px;border-top:1px solid var(--line);background:var(--cream)}.modal-actions .checkout{margin-top:0}.sticky-actions{position:sticky;bottom:0;padding-bottom:env(safe-area-inset-bottom)}.compact-summary div,.light-readout{background:#fffaf0;border-color:var(--line)}.compact-summary dt,.light-readout span{color:#6f634f}.compact-summary dd,.light-readout strong{color:#1b2a22}.status-row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding:12px;background:#fffaf0;border:1px solid var(--line);border-radius:8px;color:#2b3d32;font-weight:800}.compact-status-row{padding:8px 10px}.confirm-dark{color:#2b3d32}.shift-ended-panel .notice{color:#5c4212}.report-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.day-close-form,.cash-container-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:14px 0}.day-close-form label,.day-close-form input,.day-close-form select{width:100%}.day-close-form .sync-button{align-self:end}.cash-container-preview div{display:grid;gap:4px;padding:12px;background:#fffaf0;border:1px solid var(--line);border-radius:8px}.cash-container-preview span,.cash-container-preview small{color:#6f634f;font-weight:800}.cash-container-preview strong{font-size:1.25rem}.report-preview div{display:grid;gap:5px;padding:12px;background:#fffaf0;border:1px solid var(--line);border-radius:8px}.report-preview span{color:#6f634f;font-weight:800}.report-preview strong{font-size:1.25rem}.article-dialog{width:min(760px,100%);max-height:100dvh;overflow:auto;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.article-counter{margin:0;color:#6f634f;font-weight:800}.article-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;padding-bottom:8px}.article-choice{display:grid;grid-template-columns:22px 48px minmax(0,1fr);align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fffaf0;color:#21352a}.article-choice.active{border-color:var(--gold);box-shadow:inset 0 0 0 2px #b38a2e3d}.article-choice input{width:20px;min-height:20px}.article-choice span:last-child{display:grid;gap:2px}.article-choice small{color:#6f634f;font-weight:700}.dialog-sticky-actions{position:sticky;bottom:0;display:grid;grid-template-columns:minmax(160px,1fr) minmax(110px,.45fr);gap:10px;padding-top:10px;padding-bottom:env(safe-area-inset-bottom);background:var(--cream);border-top:1px solid var(--line)}.dialog-sticky-actions .checkout{margin-top:0}.printer-strip{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:10px 0;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fffaf0}.printer-strip span{color:#6f634f;font-weight:800}.admin-form-panel{display:grid;gap:12px;margin-top:10px}.admin-form-panel label,.admin-form-panel input,.admin-form-panel select{width:100%}.admin-form-panel label:has(input[type=checkbox]){display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fffaf0}.admin-form-panel input[type=checkbox]{width:22px;min-height:22px}.admin-actions{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.admin-actions .checkout,.admin-actions .secondary-action{width:auto;min-width:140px;margin-top:0}.admin-list{display:grid;gap:10px}.admin-list article,.article-edit-form{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fffaf0}.admin-list article span{color:#6f634f;font-weight:800}.color-swatch{display:inline-block;width:18px;height:18px;border:1px solid rgba(36,76,58,.28);border-radius:5px;vertical-align:middle}.payment-total,.change-due{display:grid;gap:4px;padding:16px;background:#fffaf0;border:1px solid var(--line);border-radius:8px}.payment-total span,.change-due span{color:#6f634f;font-weight:800}.payment-total strong{font-size:2rem}.change-due{background:var(--green);color:var(--cream)}.change-due span{color:#eadbb6}.change-due strong{font-size:2.4rem}.payment-methods,.payment-dialog label,.payment-dialog input,.payment-dialog select{width:100%}.payment-methods button{flex:1}.cash-suggestions{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:9px}.cash-suggestions button,.secondary-action{min-height:48px;padding:10px 12px;border-radius:6px;background:#fffaf0;border:1px solid var(--line);color:var(--green-dark);font-weight:900}.cash-suggestions button.active{background:var(--gold);color:#171307}.card-note{margin:0;padding:14px;border-radius:8px;background:#fffaf0;border:1px solid var(--line);color:#2b3d32;font-weight:900}.secondary-action{background:transparent}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-top:16px}.quick-tile{min-height:150px;display:grid;align-content:center;gap:10px;padding:18px;border-radius:8px;background:var(--green);color:var(--cream);box-shadow:var(--shadow)}.quick-tile.beer{min-height:190px;grid-column:span 2;background:linear-gradient(135deg,var(--bordeaux),#2b4838)}.quick-tile span{font-size:1.45rem;font-weight:900}.quick-tile strong{font-size:1.8rem}.history-list{display:grid;gap:8px;margin-top:12px}.sale-row{padding:12px;background:#fffaf0;border:1px solid var(--line);border-radius:8px}.sale-row div{display:grid;gap:3px}.sale-row div:last-child{text-align:right}.export-actions{display:flex;flex-wrap:wrap;gap:10px}.route-panel{display:grid;place-items:center;min-height:280px;text-align:center}@media(min-width:720px){.app-shell.checkout-shell{height:100dvh;overflow:hidden;display:flex;flex-direction:column}.checkout-shell .register-top{flex:0 0 auto}.register-layout{grid-template-columns:minmax(0,1fr) minmax(320px,34%);align-items:start;gap:14px}.checkout-shell .register-layout{flex:1 1 auto;min-height:0;overflow:hidden}.cashier-sale-layout .catalog{order:1}.checkout-shell .cashier-sale-layout .catalog{min-height:0;overflow-y:auto;overscroll-behavior:contain}.cashier-sale-layout .cart-panel{order:2;position:sticky;top:76px;z-index:5}}@media(min-width:1120px){.register-layout{grid-template-columns:minmax(0,1fr) minmax(360px,32%)}}@media(max-width:920px){.topbar{grid-template-columns:1fr;display:grid}.status-panel{grid-template-columns:repeat(2,minmax(0,1fr));min-width:0}.compact-status{justify-content:start}}@media(max-width:620px){html,body,#root{min-height:100dvh}.app-shell{padding:8px}.app-shell.checkout-shell{height:100dvh;overflow:hidden;display:flex;flex-direction:column}.app-shell.scroll-shell{min-height:100dvh;overflow:visible;padding-bottom:calc(22px + env(safe-area-inset-bottom))}.register-top{gap:6px}.checkout-shell .register-top{flex:0 0 auto}.cashier-header{min-height:42px;padding:7px 8px}.cashier-header div{font-size:.9rem}.menu-button{min-height:36px;padding:7px 9px}.topbar,.catalog,.cart-panel,.quick-sell,.history,.export-panel,.route-panel{border-radius:6px}.compact-topbar{gap:8px;padding:10px}.brand-block .eyebrow,.brand-block .subtitle{font-size:.72rem}.brand-block h1{font-size:1.18rem}.compact-status{gap:5px}.compact-status>span,.compact-status summary{min-height:30px;padding:5px 7px;font-size:.76rem}.session-details div{right:auto;left:0;min-width:min(280px,88vw)}.action-strip,.mode-nav{position:sticky}.shift-summary{grid-template-columns:1fr}.compact-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.compact-summary div{padding:7px}.compact-summary dt{font-size:.72rem}.compact-summary dd{font-size:.82rem}.end-shift-dialog{width:min(100%,560px);max-height:100dvh;border-radius:0;padding:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.end-shift-dialog .pin-input{min-height:52px;font-size:1.45rem}.modal-actions{grid-template-columns:1fr}.setup-strip{display:grid;grid-template-columns:1fr}.action-strip{top:0;grid-template-columns:1fr 1fr;align-items:stretch}.action-strip label{grid-column:1 / -1}.mode-nav{top:106px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.mode-nav button{min-height:46px;padding:6px 4px;font-size:.76rem}.mode-nav button span{overflow-wrap:anywhere}input,select,label,.segmented,.sync-button{width:100%}.segmented button{flex:1}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.checkout-shell .register-layout{min-height:0;flex:1 1 auto;overflow:hidden;display:flex;flex-direction:column}.checkout-shell .cashier-sale-layout .cart-panel{flex:0 0 auto}.checkout-shell .cashier-sale-layout .catalog,.checkout-shell .quick-sell-main{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain}.scroll-shell .leader-panel,.scroll-shell .admin-form-panel,.scroll-shell .history,.scroll-shell .export-panel,.scroll-shell .route-panel{min-height:auto;overflow:visible}.product-tile{min-height:128px;padding:10px}.cart-panel{--cart-list-height: 102px;min-height:276px;max-height:276px;font-size:.86rem}.cart-panel.has-kitchen-action{min-height:338px;max-height:338px}.cart-line{align-items:center}.cart-line span{font-size:.8rem}.cart-total strong{font-size:1.7rem}.quick-grid{grid-template-columns:1fr}.quick-tile.beer{grid-column:auto}.article-dialog{width:100%;height:100dvh;max-height:100dvh;border-radius:0}.article-picker,.dialog-sticky-actions{grid-template-columns:1fr}.admin-actions{display:grid;grid-template-columns:1fr}.admin-actions .checkout,.admin-actions .secondary-action{width:100%}}