:root{color:#253139;background:#f7f8f3;--surface: #fffdf8;--surface-strong: #ffffff;--ink: #253139;--muted: #6d767c;--line: #e4ded2;--mint: #e5f5ef;--mint-strong: #0f7668;--peach: #fff0dc;--peach-strong: #b7512f;--lavender: #f0eefb;--lavender-strong: #6653a6;--blue-soft: #e9f3fb;--blue-strong: #285f86;--danger: #9f1d1d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:#f7f8f3}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{border:0;touch-action:manipulation}button:not(:disabled){cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{width:min(1180px,100%);margin:0 auto;padding:10px 12px 24px}.app-header,.page-heading,.cart-header,.button-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.app-header{position:sticky;top:0;z-index:4;display:flex;justify-content:flex-end;min-height:62px;background:#f7f8f3f0;padding:2px 0 10px}.app-header h1,.page-heading h2,.panel h3{margin:0}.app-header h1{font-size:1.22rem;line-height:1.1}.page-heading{margin:12px 0 4px}.page-heading h2{font-size:1.65rem;line-height:1.08}.eyebrow{margin:0 0 6px;color:var(--muted);font-size:.76rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.sync-state{border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);padding:7px 9px;font-size:.74rem;font-weight:800;white-space:nowrap}.menu-button,.nav-close{display:grid;place-items:center;min-width:52px;min-height:52px;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);color:var(--ink);box-shadow:0 5px 14px #4b381e14}.menu-button{gap:5px;align-content:center;padding:0}.menu-button span{display:block;width:22px;height:2px;border-radius:999px;background:currentColor}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;display:none;background:#25313947}.menu-backdrop.open{display:block}.app-nav{position:fixed;inset:0 0 0 auto;z-index:9;display:none;width:min(86vw,340px);gap:8px;align-content:start;border-left:1px solid var(--line);background:var(--surface);padding:16px}.app-nav.open{display:grid}.app-nav a{display:grid;align-items:center;min-height:56px;border:1px solid var(--line);border-radius:8px;color:var(--ink);font-weight:900;padding:0 14px;white-space:nowrap}.app-nav a.active{background:var(--ink);color:#fff}.nav-header{display:flex;align-items:center;justify-content:space-between;min-height:56px;margin-bottom:6px}.nav-header strong{font-size:1.18rem}.nav-close{font-size:1.6rem;font-weight:900;line-height:1}.error-banner,.notice,.empty-state{border-radius:8px;padding:13px 14px}.error-banner{margin-top:12px;border:1px solid #f0a4a4;background:#fff1f1;color:var(--danger);font-weight:800}.notice{background:var(--mint);color:var(--mint-strong);font-weight:800}.toast-notice{position:fixed;top:calc(12px + env(safe-area-inset-top));left:50%;z-index:20;width:min(calc(100% - 24px),360px);border:1px solid #b9ded2;border-radius:8px;background:var(--mint);color:var(--mint-strong);padding:12px 14px;font-weight:900;text-align:center;box-shadow:0 12px 28px #4b381e24;transform:translate(-50%)}.install-prompt{position:fixed;top:calc(12px + env(safe-area-inset-top));left:50%;z-index:19;display:grid;grid-template-columns:minmax(0,1fr) auto 36px;gap:10px;align-items:center;width:min(calc(100% - 24px),520px);border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);padding:10px;box-shadow:0 12px 28px #4b381e24;transform:translate(-50%)}.install-prompt div{display:grid;gap:2px;min-width:0}.install-prompt strong{font-size:.94rem;line-height:1.1}.install-prompt span{color:var(--muted);font-size:.8rem;font-weight:800;line-height:1.2}.install-action{min-height:40px;padding-inline:12px}.install-dismiss{display:grid;place-items:center;width:36px;height:36px;border-radius:999px;background:transparent;color:var(--muted);font-size:1.35rem;font-weight:900}.page{display:grid;gap:16px}.sales-page{padding-bottom:300px}.panel{border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:18px;box-shadow:none}.panel h3{margin-bottom:14px;font-size:1.05rem}.muted{margin:0;color:var(--muted)}.empty-state{border:1px dashed var(--line);color:var(--muted);text-align:center}.article-sections{display:grid;gap:22px}.article-section{display:grid;gap:10px}.article-section h3{margin:0;color:var(--muted);font-size:.95rem;font-weight:900;padding-left:2px}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.article-tile{position:relative;display:grid;min-height:168px;border:1px solid transparent;border-radius:8px;background:var(--surface-strong);color:var(--ink);padding:7px;box-shadow:0 6px 18px #4b381e12}.article-tile-selected{border-color:#0f766857}.article-tile:hover{border-color:#0f76686b}.article-tile-deposit:hover{border-color:#6653a66b}.article-tile-main{display:grid;width:100%;min-width:0;min-height:154px;align-content:center;justify-items:center;gap:10px;border-radius:6px;background:var(--mint);color:var(--ink);padding:14px 9px;text-align:center}.article-tile-main:hover{filter:saturate(1.04)}.article-tile-main:active{transform:translateY(1px)}.article-tile-main:focus-visible,.article-quantity-control button:focus-visible,.menu-button:focus-visible,.app-nav a:focus-visible,.primary-button:focus-visible,.ghost-button:focus-visible,.change-calculator input:focus-visible,.quantity-control button:focus-visible{outline:3px solid var(--mint-strong);outline-offset:2px}.article-tile-food .article-tile-main{background:var(--peach)}.article-tile-deposit .article-tile-main{background:var(--lavender)}.article-icon{display:grid;place-items:center;width:68px;height:68px;border-radius:999px;background:#ffffffd1;border:2px solid rgba(255,255,255,.92);font-size:2.18rem;line-height:1;box-shadow:inset 0 -5px 12px #4b381e0f,0 7px 16px #4b381e1a}.article-icon-drink{background:#f7fffb;color:var(--mint-strong)}.article-icon-food{background:#fffaf1;color:var(--peach-strong)}.article-icon-deposit{background:#faf8ff;border-color:#ffffffe6;color:var(--lavender-strong)}.article-tile-name{max-width:100%;font-size:1.02rem;font-weight:900;line-height:1.12;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}.article-tile-price{color:var(--muted);font-size:.84rem;font-weight:800}.quantity-badge{position:absolute;top:10px;right:10px;display:grid;place-items:center;min-width:34px;height:34px;border-radius:999px;background:var(--ink);color:#fff;padding:0 8px}.article-quantity-control{position:absolute;top:50%;left:0;right:0;z-index:2;display:grid;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;transform:translateY(-50%);pointer-events:none}.article-quantity-control[aria-hidden=true]{pointer-events:none;visibility:hidden}.article-quantity-control button{display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--line);border-radius:999px;background:var(--surface-strong);color:var(--ink);font-size:1.42rem;font-weight:900;box-shadow:0 7px 16px #4b381e1f;pointer-events:all;transition:background-color 80ms ease,box-shadow 80ms ease,transform 80ms ease;-webkit-tap-highlight-color:transparent}.article-quantity-control button:hover{background:#fff8ed}.article-quantity-control button:active{background:var(--peach);box-shadow:0 3px 8px #4b381e24;transform:scale(.94)}.article-quantity-control-right{grid-column:3}.article-quantity-control span{position:absolute;top:-78px;left:50%;display:grid;place-items:center;width:46px;height:46px;justify-self:center;border-radius:999px;background:var(--ink);color:#fff;font-size:1.12rem;font-weight:900;box-shadow:0 7px 16px #4b381e1f;transform:translate(-50%)}.deposit-button{min-height:44px;width:100%;border-radius:6px;background:#f4efe5;color:#5f4320;font-weight:900}.type-dot{width:12px;height:12px;border-radius:999px}.type-food{background:#d9486e}.type-drink{background:#2f8f83}.order-cart{position:fixed;left:50%;bottom:0;z-index:5;display:grid;gap:11px;width:min(1180px,100%);max-height:calc(100dvh - 12px - env(safe-area-inset-top));overflow-y:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:8px 8px 0 0;background:var(--surface);padding:14px 14px calc(14px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px #4b381e21;transform:translate(-50%)}.cart-header div,.detail-line div{display:grid;gap:3px}.cart-header span,.detail-grid dt,.detail-line small,.order-list-item small,.dashboard-card span{color:var(--muted);font-size:.82rem;font-weight:800}.cart-header strong{font-size:1.54rem;line-height:1}.cart-lines{display:grid;gap:8px;max-height:140px;overflow:auto}.cart-line,.detail-line,.simple-list-row,.order-list-item{display:grid;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);padding:11px}.cart-line{grid-template-columns:minmax(0,1fr) 124px}.quantity-control{display:grid;grid-template-columns:40px 42px 40px;align-items:center;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fbfaf6}.quantity-control button{width:40px;height:44px;background:transparent;color:var(--ink);font-size:1.16rem;font-weight:900}.quantity-control span{color:var(--ink);font-weight:900;text-align:center}.cart-actions{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10px}.change-calculator{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.8fr);gap:8px;align-items:end;border:1px solid var(--line);border-radius:8px;background:#fbfaf6;padding:11px}.quick-tender-options{display:grid;grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;min-width:0}.quick-tender-options button{display:grid;min-height:50px;align-content:center;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);color:var(--ink);padding:6px;text-align:center}.quick-tender-options button:focus-visible{outline:3px solid var(--mint-strong);outline-offset:2px}.quick-tender-options span{font-size:.9rem;font-weight:900;overflow-wrap:anywhere}.change-calculator input{height:48px;font-size:1.18rem;font-weight:900}.change-result{display:grid;grid-column:auto;gap:6px;min-width:0;min-height:76px;align-content:center;border-radius:8px;border:1px solid transparent;background:var(--surface-strong);padding:12px 14px;text-align:center}.change-result span{font-size:.8rem;font-weight:900}.change-result strong{max-width:100%;font-size:1.42rem;font-variant-numeric:tabular-nums;line-height:1.08;overflow-wrap:anywhere}.change-result-empty{color:var(--muted)}.change-result-positive{border-color:#b9ded2;background:var(--mint);color:var(--mint-strong);box-shadow:inset 0 0 0 2px #0f766814}.change-result-negative{border-color:#efb4b4;background:#fff1f1;color:var(--danger);box-shadow:inset 0 0 0 2px #9f1d1d14}.payment-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;border-radius:8px;background:#e9eef2;padding:4px}.payment-strip button{min-height:44px;border-radius:6px;background:transparent;color:#4b5563;font-weight:900}.payment-strip button.selected{background:#fff;color:#17202a;box-shadow:0 2px 8px #17202a1f}.toggle-row,.switch{display:flex;align-items:center;gap:8px;color:#4b5563;font-size:.9rem;font-weight:800}.primary-button,.ghost-button,.danger-button,.paid-chip,.open-chip{display:inline-grid;place-items:center;min-height:46px;border-radius:8px;padding:0 14px;font-weight:900}.primary-button{background:var(--peach-strong);color:#fff;box-shadow:0 6px 16px #b7512f2e}.ghost-button{border:1px solid var(--line);background:var(--surface-strong);color:var(--ink)}.danger-button{margin-top:12px;background:var(--danger);color:#fff}.full-width{width:100%}.inline-link{margin-top:12px}.order-list{display:grid;gap:10px}.order-list-item{grid-template-columns:minmax(110px,.55fr) minmax(0,1fr) auto}.order-list-item:hover{border-color:#0f76686b}.order-list-item p{margin:0;color:var(--muted);overflow-wrap:anywhere}.paid-chip,.open-chip{min-width:78px;border-radius:999px;font-size:.86rem}.paid-chip{background:var(--mint);color:var(--mint-strong)}.open-chip{background:var(--peach);color:#91522f}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 16px}.detail-grid div{border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);padding:11px}.detail-grid dd{margin:4px 0 0;font-weight:900;overflow-wrap:anywhere}.detail-lines,.simple-list{display:grid;gap:8px}.detail-line,.simple-list-row{grid-template-columns:minmax(0,1fr) auto}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.dashboard-card{display:grid;gap:8px;min-height:110px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:15px;box-shadow:0 6px 18px #4b381e12}.dashboard-card strong{align-self:end;font-size:1.45rem;overflow-wrap:anywhere}.dashboard-card-good{border-color:#b9ded2;background:var(--mint)}.dashboard-card-warn{border-color:#efd1a5;background:var(--peach)}.article-form{display:grid;grid-template-columns:minmax(0,1.2fr) 110px 110px 110px auto;gap:8px;align-items:end;margin-bottom:14px}.article-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}label{display:grid;gap:6px;color:var(--muted);font-size:.82rem;font-weight:800}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--surface-strong);color:var(--ink)}input,select{height:40px;padding:0 10px}textarea{min-height:130px;margin:12px 0 10px;padding:10px;resize:vertical}.danger-panel{border-color:#efb4b4}@media(min-width:640px){.article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}@media(min-width:920px){.article-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:720px){.app-shell{padding-inline:18px}.article-tile{min-height:188px}.article-tile-main{min-height:152px}.cart-lines{max-height:180px}}@media(max-width:720px){.app-shell{padding:10px 10px 18px}.page-heading,.button-row{align-items:stretch;flex-direction:column}.app-header h1,.page-heading h2{font-size:1.8rem}.dashboard-stats,.detail-grid,.article-form,.order-list-item,.detail-line,.simple-list-row{grid-template-columns:1fr}.compact-action{width:100%}}@media(max-width:380px){.quick-tender-options{gap:5px}.quick-tender-options button{min-height:46px;padding:5px 3px}.quick-tender-options strong{display:none}}