@font-face{font-family:Bebas Neue;src:url(/fonts/BebasNeue.woff2) format("woff2");font-weight:400 700;font-display:swap}:root{--font-brand: "Bebas Neue", "Helvetica Neue", Impact, sans-serif;--ink: #141311;--ink-soft: #2b2925;--cream: #f4efe6;--cream-dark: #e9e1d2;--tan: #c9b892;--tan-dark: #a08a5c;--white: #fffdf8;--green: #2e7d4f;--red: #b3402e;--radius: 14px;--shadow: 0 2px 10px rgba(20, 19, 17, .08)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,Helvetica Neue,Helvetica,Arial,sans-serif;background:var(--cream);color:var(--ink);user-select:none;-webkit-user-select:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select{font:inherit;color:var(--ink);padding:12px 14px;border:1.5px solid var(--cream-dark);border-radius:10px;background:var(--white);width:100%}input:focus,select:focus{outline:2px solid var(--tan);border-color:var(--tan)}.splash{height:100%;display:grid;place-items:center;font-size:42px;font-weight:800;letter-spacing:4px}.app{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:20px;background:var(--ink);color:var(--cream);padding:10px 18px}.brand{font-family:var(--font-brand);font-weight:400;line-height:1}.brand-line{font-size:22px;letter-spacing:1.5px}.brand-gr8{color:var(--tan)}.brand-pos{font-family:-apple-system,Helvetica,Arial,sans-serif;font-size:9px;font-weight:600;letter-spacing:3.5px;opacity:.6;margin-top:2px}.tabs{display:flex;gap:6px;flex:1}.tab{padding:10px 22px;border-radius:10px;color:var(--cream);font-weight:600;font-size:15px;opacity:.65}.tab.active{background:var(--cream);color:var(--ink);opacity:1}.topbar-right{display:flex;align-items:center;gap:12px}.staff-name{font-size:14px;opacity:.8}.lock-btn{border:1.5px solid var(--tan);color:var(--tan);padding:8px 16px;border-radius:10px;font-weight:600;font-size:14px}.clock{font-size:14px;opacity:.75;font-variant-numeric:tabular-nums;white-space:nowrap}.clock b{font-weight:800}.clock-big{display:block;font-size:17px;opacity:.6;margin-bottom:14px}.btn-add{white-space:nowrap}.demo-pill,.offline-pill{font-size:11px;font-weight:700;letter-spacing:1px;padding:5px 10px;border-radius:999px}.demo-pill{background:var(--tan);color:var(--ink)}.offline-pill{background:var(--red);color:var(--white)}.milk-pill{background:var(--red);color:var(--white);font-size:11px;font-weight:700;letter-spacing:.5px;padding:5px 10px;border-radius:999px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.login{min-height:100%;display:flex;flex-direction:column;background:var(--ink)}.login-top{text-align:center;padding-top:30px;font-family:var(--font-brand);color:var(--tan);font-size:24px;letter-spacing:5px}.login-foot{text-align:center;padding-bottom:26px;font-family:var(--font-brand);color:var(--tan-dark);font-size:15px;letter-spacing:5px}.login-release{margin-top:6px;font-family:-apple-system,Helvetica,Arial,sans-serif;font-size:11px;letter-spacing:1.5px;opacity:.55}.login-card{margin:auto;text-align:center;color:var(--cream);padding:20px 0}.login-logo{font-family:var(--font-brand);font-size:clamp(38px,11vw,60px);font-weight:400;letter-spacing:3px;line-height:.9}.login-pocketpos{font-family:-apple-system,Helvetica,Arial,sans-serif;font-size:13px;font-weight:600;letter-spacing:6px;color:var(--tan);margin-top:8px}.login-sub{opacity:.6;margin:10px 0 22px}.pin-dots{display:flex;gap:16px;justify-content:center;margin-bottom:26px}.dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--tan)}.dot.filled{background:var(--tan)}.shake{animation:shake .4s}@keyframes shake{25%{transform:translate(-8px)}75%{transform:translate(8px)}}.keypad{display:grid;grid-template-columns:repeat(3,84px);gap:14px;justify-content:center}.key{height:74px;border-radius:50%;font-size:26px;font-weight:600;background:var(--ink-soft);color:var(--cream)}.key:active{background:var(--tan);color:var(--ink)}.login-hint{margin-top:26px;font-size:12px;opacity:.45}.register{flex:1;display:grid;grid-template-columns:1fr 380px;min-height:0}.register.editing{grid-template-columns:1fr}.menu-side{padding:16px;overflow-y:auto}.cat-tabs{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.cat-tab{padding:12px 22px;border-radius:999px;font-weight:700;font-size:15px;background:var(--cream-dark);color:var(--ink-soft)}.cat-tab.active{background:var(--ink);color:var(--cream)}.item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.item-tile{min-height:96px;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;border:1.5px solid transparent}.item-tile:active{border-color:var(--tan);transform:scale(.98)}.item-name{font-weight:700;font-size:16px;line-height:1.25}.item-price{color:var(--tan-dark);font-weight:700}@keyframes jiggle{0%,to{transform:rotate(-.6deg)}50%{transform:rotate(.6deg)}}.item-grid.edit-mode .item-tile{animation:jiggle .32s infinite ease-in-out}.item-grid.edit-mode .item-tile:nth-child(2n){animation-delay:.16s}@media(prefers-reduced-motion:reduce){.item-grid.edit-mode .item-tile{animation:none;outline:1.5px dashed var(--tan-dark)}}.item-grid.edit-mode .item-tile,.cat-tabs.edit-mode .cat-tab{touch-action:none;-webkit-touch-callout:none}.item-tile.drag-src,.cat-tab.drag-src{opacity:.35}.item-tile.drop-target{border-color:var(--tan-dark);box-shadow:0 0 0 2.5px var(--tan-dark)}.cat-tab.drop-target{outline:2.5px solid var(--tan-dark);outline-offset:2px}.drag-ghost{position:fixed;display:none;z-index:100;pointer-events:none;background:var(--ink);color:var(--cream);font-weight:700;font-size:14px;padding:10px 16px;border-radius:12px;box-shadow:0 8px 24px #00000059;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.edit-hint{background:var(--cream-dark);color:var(--ink-soft);font-size:12.5px;font-weight:600;padding:8px 12px;border-radius:10px;margin-bottom:12px}.done-chip{background:var(--green);color:var(--white)}.newtab-chip{border:1.5px dashed var(--tan-dark);background:transparent;color:var(--tan-dark)}.tab-x{margin-left:8px;opacity:.7;font-size:12px}.regular-tile{position:relative;cursor:pointer;gap:8px}.regular-summary{font-size:12.5px;color:#7a7263;line-height:1.35;flex:1}.regular-pay{width:100%;padding:10px 8px;border-radius:10px;background:var(--ink);color:var(--cream);font-weight:800;font-size:14px}.regular-pay:active:not(:disabled){background:var(--tan-dark)}.regular-pay:disabled{opacity:.4}.regular-x{position:absolute;top:6px;right:6px;width:28px;height:28px;border-radius:50%;background:var(--cream);color:#8a8171;font-size:12px;font-weight:700}.regulars-empty{grid-column:1 / -1;color:#8a8171;background:var(--white);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);font-size:15px}.tab-tile{border:1.5px dashed var(--tan-dark)}.tab-meta{font-size:12px;color:#8a8171}.ticket{background:var(--white);border-left:1.5px solid var(--cream-dark);display:flex;flex-direction:column;min-height:0}.ticket-head{padding:16px 18px;font-weight:800;letter-spacing:1px;font-size:14px;text-transform:uppercase;border-bottom:1.5px solid var(--cream-dark)}.ticket-lines{flex:1;overflow-y:auto;padding:8px 18px}.ticket-empty{color:#999;padding:30px 0;text-align:center}.line{padding:10px 0;border-bottom:1px dashed var(--cream-dark)}.line-main{display:flex;justify-content:space-between;font-weight:700}.line-mods{font-size:13px;color:#7a7263;margin-top:2px}.line-qty{display:flex;align-items:center;gap:14px;margin-top:6px;font-weight:700}.qty-btn{width:40px;height:40px;border-radius:10px;background:var(--cream);font-size:20px;font-weight:800}.qty-btn:active{background:var(--tan)}.ticket-totals{padding:12px 18px;border-top:1.5px solid var(--cream-dark)}.tot-row{display:flex;justify-content:space-between;padding:3px 0;color:#6d6656}.tot-row.grand{font-size:22px;font-weight:800;color:var(--ink)}.ticket-actions{display:flex;gap:10px;padding:0 18px 18px}.btn-ghost{padding:16px 20px;border-radius:12px;font-weight:700;background:var(--cream);color:var(--ink)}.btn-ghost:disabled{opacity:.4}.btn-charge{flex:1;padding:16px 20px;border-radius:12px;font-weight:800;font-size:17px;background:var(--ink);color:var(--cream)}.btn-charge:disabled{opacity:.4}.btn-charge:active:not(:disabled){background:var(--tan-dark)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1413118c;display:grid;place-items:center;z-index:50;padding:20px}.sheet{background:var(--white);border-radius:20px;padding:26px;width:min(560px,100%);max-height:88vh;overflow-y:auto;box-shadow:0 16px 50px #00000040}.sheet-title{font-size:22px;font-weight:800;margin-bottom:14px}.mod-group{margin-bottom:16px}.mod-group-name{font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#8a8171;margin-bottom:8px}.mod-chips{display:flex;flex-wrap:wrap;gap:10px}.chip{padding:12px 18px;border-radius:999px;font-weight:600;font-size:15px;background:var(--cream);border:1.5px solid var(--cream-dark)}.chip.on{background:var(--ink);color:var(--cream);border-color:var(--ink)}.chip-price{opacity:.7;font-size:13px}.sheet-actions{display:flex;gap:10px;margin-top:20px}.checkout{text-align:center}.pay-amount{font-size:40px;font-weight:800;margin:8px 0 22px}.pulse{animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.45}}.tip-grid,.method-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.pay-btn{padding:18px 10px;border-radius:14px;background:var(--cream);font-weight:800;font-size:18px;display:flex;flex-direction:column;gap:4px;align-items:center;border:1.5px solid var(--cream-dark)}.pay-btn:active{background:var(--ink);color:var(--cream)}.pay-btn.big{padding:30px 10px;font-size:22px}.pay-sub{font-size:12px;font-weight:600;opacity:.6}.demo-note{color:var(--tan-dark);font-weight:600;font-size:14px;margin-top:8px}.donate-btn{width:100%;margin-top:12px;background:var(--cream);border:1.5px dashed var(--tan-dark);color:var(--tan-dark)}.donate-btn:active{background:var(--tan-dark);color:var(--white)}.donate-note{color:var(--tan-dark);font-weight:700;font-size:15px;margin-top:4px}.error-note{color:var(--red);font-weight:600;margin:10px 0}.done-check{color:var(--green)}.change-due{font-size:20px;margin-bottom:10px}.restore-box{margin-top:14px;padding:12px 14px;border:1.5px dashed var(--tan-dark);border-radius:12px}.terminal-mode{min-height:100%;background:var(--ink);color:var(--cream);display:flex;align-items:center;justify-content:center;padding:20px}.terminal-idle{text-align:center}.terminal-brand{font-family:var(--font-brand);font-size:26px;letter-spacing:3px;color:var(--tan)}.terminal-ready{font-family:var(--font-brand);font-size:62px;line-height:1.05;margin-top:6px}.terminal-amount{font-family:var(--font-brand);font-size:72px;line-height:1.05;margin:10px 0 4px}.terminal-sub{opacity:.6;margin-top:6px;font-size:16px}.terminal-exit{margin-top:28px}.terminal-done{background:var(--cream);color:var(--ink);border-radius:16px;padding:22px 20px;width:100%;max-width:460px;text-align:center;max-height:100%;overflow-y:auto}.hanger-btn{width:100%;margin-top:12px;background:var(--ink);color:var(--cream);border:1.5px solid var(--tan)}.hanger-btn:active{background:var(--tan);color:var(--ink)}.hanger-note{color:var(--tan-dark);font-weight:700;font-size:15px;margin-top:4px}.pay-breakdown{display:block;font-size:13px;font-weight:600;opacity:.6;margin-top:2px}.hanger-addon{margin:14px 0 4px;padding:10px 12px;border:1.5px dashed var(--tan);border-radius:12px}.hanger-addon-label{display:block;font-size:12px;font-weight:700;letter-spacing:.5px;color:var(--tan-dark);margin-bottom:8px}.hanger-chip-amt{font-weight:800;opacity:.75}.hanger-panel{padding:4px 2px 20px;max-width:620px}.hanger-hero{text-align:center;padding:22px 16px;margin-bottom:18px;background:var(--ink);color:var(--cream);border-radius:14px}.hanger-label{font-size:12px;letter-spacing:3px;font-weight:700;color:var(--tan)}.hanger-balance{font-family:var(--font-brand);font-size:54px;line-height:1.05;margin:4px 0 2px}.hanger-hero .muted{color:var(--cream);opacity:.55}.hanger-in{color:var(--green);font-weight:700}.hanger-out{color:var(--tan-dark);font-weight:700}.overlay.top{z-index:60}.pin-confirm{width:min(360px,100%);text-align:center}.pin-confirm .keypad{grid-template-columns:repeat(3,72px);gap:12px}.pin-confirm .key{height:62px;font-size:22px}.pin-dots.dark{margin-bottom:20px}.pin-dots.dark .dot{border-color:var(--tan-dark)}.pin-dots.dark .dot.filled{background:var(--tan-dark)}.credit-chips{margin-top:16px;text-align:left}.credit-row .chip{padding:10px 16px;font-size:14px}.social-follow{margin-top:18px;text-align:left}.social-incentive{background:var(--cream);color:var(--tan-dark);font-weight:700;font-size:13.5px;padding:8px 12px;border-radius:10px;margin-bottom:12px}.social-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.social-card{text-align:center}.social-qr{width:108px;height:108px;background:var(--white);border:1.5px solid var(--cream-dark);border-radius:10px;padding:6px}.social-qr-load{width:100%;height:100%;background:var(--cream);border-radius:6px}.social-label{font-size:12px;font-weight:700;color:var(--ink-soft);margin-top:5px}.lead-cap{margin-top:16px;text-align:left}.lead-row{display:grid;grid-template-columns:1fr auto;gap:10px}.lead-msg{font-size:13.5px;margin-top:8px;font-weight:600}.lead-error{color:var(--red)}.lead-ok{color:var(--green)}.lead-suggest{color:var(--tan-dark);font-weight:800;text-decoration:underline;padding:2px 4px}.reports{flex:1;overflow-y:auto;padding:18px}.reports-bar{display:flex;gap:12px;margin-bottom:16px;align-items:center}.date-input{width:auto}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}.stat{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.stat.accent{background:var(--ink);color:var(--cream)}.stat-select{width:auto;padding:3px 6px;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;background:var(--ink-soft);color:var(--tan);border:1px solid var(--tan-dark);border-radius:7px;margin-left:4px}.stat-label{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;opacity:.6}.stat-val{font-size:26px;font-weight:800;margin-top:4px}.stat-sub{font-size:11px;opacity:.6;margin-top:4px}.report-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.community-panel{background:var(--ink);color:var(--cream);margin-bottom:14px}.community-panel .panel-title{color:var(--tan)}.community-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.community-stat{text-align:center;padding:8px}.community-num{font-size:40px;font-weight:800;color:var(--cream)}.community-lbl{font-size:13px;font-weight:700;letter-spacing:.5px;color:var(--tan);text-transform:uppercase}.community-panel .muted{color:#a49a86}.milk-panel{margin-bottom:14px}.milk-report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.milk-report-card{background:var(--cream);border-radius:10px;padding:12px}.milk-report-card.low{background:#f7e2dc}.milk-report-head{display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:14px;margin-bottom:6px}.milk-row{padding:12px 0;border-bottom:1px dashed var(--cream-dark)}.milk-row-head{display:flex;justify-content:space-between;align-items:baseline;font-weight:700}.milk-name{font-size:15px}.milk-level{font-size:13px}.milk-level.low{color:var(--red);font-weight:800}.milk-bar-track{height:10px;background:var(--cream-dark);border-radius:5px;margin:6px 0;overflow:hidden}.milk-bar{height:100%;background:var(--tan-dark);border-radius:5px}.milk-bar.low{background:var(--red)}.milk-row-actions{display:flex;gap:14px;align-items:center;margin-top:4px}.milk-low-tag{color:var(--red);font-size:11px;font-weight:800;letter-spacing:.5px}.panel{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.panel.narrow{max-width:560px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.panel-title{font-weight:800;font-size:15px;margin-bottom:10px}.mix-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px dashed var(--cream-dark);font-size:15px}.mix-row.small{font-size:13px}.hour-row{display:grid;grid-template-columns:52px 1fr 70px;align-items:center;gap:8px;padding:4px 0;font-size:13px}.hour-bar{height:14px;background:var(--tan);border-radius:4px;min-width:3px}.hour-val{text-align:right;color:#6d6656}.order-list{max-height:420px;overflow-y:auto}.order-row{display:grid;grid-template-columns:50px 70px 80px 1fr 70px;gap:8px;padding:8px 0;border-bottom:1px dashed var(--cream-dark);font-size:14px;align-items:center}.order-row.refunded{opacity:.45;text-decoration:line-through}.refund-tag{color:var(--red);font-size:12px;font-weight:700;text-decoration:none}.link-btn{color:var(--tan-dark);font-weight:700;font-size:13px;padding:4px 8px}.muted{color:#8a8171}.small{font-size:12px;margin-top:10px}.settings{flex:1;overflow-y:auto;padding:18px}.settings-tabs{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.field{display:block;font-size:13px;font-weight:700;margin-bottom:12px}.field input,.field select{margin-top:6px;font-weight:400}.item-admin.inactive{opacity:.45}.dep-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:8px}.opt-row{display:grid;grid-template-columns:1fr 110px 44px;gap:10px;align-items:center;margin-bottom:8px}.staff-add{display:grid;grid-template-columns:1fr 130px 130px 90px;gap:10px;margin-top:14px}@media(max-width:900px){.register{grid-template-columns:1fr;grid-template-rows:1fr auto}.ticket{border-left:none;border-top:1.5px solid var(--cream-dark);max-height:45vh}.staff-add{grid-template-columns:1fr 1fr}}@media(max-width:600px){.topbar{flex-wrap:wrap;gap:8px 12px;padding:10px 12px}.brand-line{font-size:15px}.brand-pos{display:none}.tabs{order:3;flex-basis:100%}.tab{flex:1;text-align:center;padding:9px 10px;font-size:14px}.topbar-right{margin-left:auto;gap:6px 8px;flex-wrap:wrap;justify-content:flex-end}.clock,.staff-name{font-size:12px}.lock-btn{padding:6px 12px;font-size:13px}.milk-pill{max-width:130px;font-size:10px;padding:4px 8px}.menu-side{padding:10px}.cat-tabs{flex-wrap:nowrap;overflow-x:auto;margin:0 -10px 12px;padding:0 10px 4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cat-tabs.edit-mode{flex-wrap:wrap;overflow-x:visible}.cat-tabs::-webkit-scrollbar{display:none}.cat-tab{white-space:nowrap;flex-shrink:0;padding:10px 16px;font-size:14px}.item-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.item-tile{min-height:84px;padding:12px}.item-name{font-size:14.5px}.ticket{max-height:42vh}.ticket-head{padding:10px 14px;font-size:12px}.ticket-empty{padding:12px 0}.ticket-lines{padding:4px 14px}.ticket-totals{padding:8px 14px}.tot-row.grand{font-size:19px}.ticket-actions{padding:0 14px 12px;gap:8px}.btn-ghost{padding:13px 14px}.btn-charge{padding:13px 12px;font-size:15px}.sheet{padding:20px}.sheet-actions{flex-wrap:wrap}.sheet-actions .btn-ghost{flex:1}.sheet-actions .btn-charge{flex-basis:100%}.pay-amount{font-size:32px}.reports,.settings{padding:12px}}