:root{--primary:#1463d8;--primary-dark:#0b2f63;--primary-soft:#e8f1ff;--success:#0f9f6e;--success-soft:#e7f8f1;--warning:#d97706;--warning-soft:#fff4dd;--danger:#dc2626;--danger-soft:#fee2e2;--ink:#172033;--muted:#667085;--line:#dde5ef;--panel:#fff;--body:#eef3f8;--tile:#f7fafc;--shadow:0 14px 35px #132a521f;--radius:8px;color:var(--ink);background:var(--body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.eyebrow{color:var(--muted);text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.login-screen{background:linear-gradient(135deg,#1463d81f,#0f9f6e1a),#eef3f8;align-items:center;min-height:100vh;padding:28px;display:flex}.login-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);text-align:center;border-radius:16px;width:100%;max-width:760px;margin:0 auto;padding:40px}.brand-mark{border:1px solid var(--line);background:#fff;border-radius:14px;justify-content:center;align-items:center;width:96px;height:96px;margin-bottom:18px;padding:8px;display:inline-flex}.brand-mark img{object-fit:contain;width:100%;height:100%}.login-card h1{margin:8px 0 28px;font-size:32px;line-height:1.18}.admin-login-card{text-align:left;gap:14px;max-width:440px;display:grid}.admin-login-card .brand-mark,.admin-login-card .eyebrow,.admin-login-card h1{text-align:center;justify-self:center}.admin-login-card h1{margin-bottom:8px}.admin-login-field{gap:6px;display:grid}.admin-login-field span{color:var(--muted);font-size:13px;font-weight:700}.admin-login-field input{border:1px solid var(--line);border-radius:var(--radius);outline:0;min-height:44px;padding:0 12px}.admin-login-field input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #1463d81f}.form-error{background:var(--danger-soft);border-radius:var(--radius);color:#991b1b;border:1px solid #fecaca;margin:0;padding:10px 12px;font-size:13px;font-weight:700}.product-save-error{margin:0 22px 22px}.login-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.mode-button{border-radius:var(--radius);color:#fff;text-align:left;border:0;align-items:center;gap:14px;min-height:82px;padding:18px;display:flex}.mode-button.admin{background:var(--primary)}.mode-button.sale{background:var(--success)}.mode-button strong,.mode-button small{display:block}.mode-button strong{margin-bottom:3px;font-size:19px}.mode-button small{color:#ffffffd6;font-size:13px;line-height:1.35}.mode-icon{background:#ffffff2e;border-radius:8px;flex:0 0 42px;justify-content:center;align-items:center;height:42px;font-size:22px;display:flex}.version{color:var(--muted);margin:24px 0 0;font-size:13px}.pos-shell{background:#0b2f63;height:100vh;overflow:hidden}.topbar,.manager-topbar{align-items:center;gap:12px;display:flex}.topbar{background:var(--primary-dark);color:#fff;height:56px;padding:8px}.icon-text-button,.icon-button,.secondary-button,.primary-button,.payment-option,.category-tab,.manager-tab{border-radius:var(--radius);border:1px solid #0000}.icon-text-button{align-items:center;min-height:38px;padding:0 12px;font-weight:700;display:inline-flex}.icon-text-button.ghost{color:#fff;background:#ffffff1c}.icon-text-button.dark{color:var(--primary-dark);background:#edf4ff}.topbar-tabs{gap:6px;display:flex}.topbar-brand{border-radius:var(--radius);background:#ffffff1c;border:1px solid #ffffff29;flex:none;align-items:center;gap:8px;height:40px;padding:4px 10px 4px 6px;display:inline-flex}.topbar-brand img{object-fit:contain;background:#fff;border-radius:7px;width:30px;height:30px;padding:2px}.topbar-brand strong{color:#fff;white-space:nowrap;font-size:14px}.topbar-tab{border-radius:var(--radius);align-items:center;height:38px;padding:0 16px;font-weight:700;display:inline-flex}.topbar-tab.active{color:var(--primary-dark);background:#fff}.topbar-tab.disabled{color:#ffffffad;background:#ffffff1a}.topbar-search{background:#17467f;border:1px solid #ffffff24;border-radius:24px;flex:auto;align-items:center;gap:8px;max-width:480px;height:40px;padding:0 14px;display:flex}.topbar-search input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0}.topbar-search input::placeholder{color:#ffffffb8}.topbar-user{margin-left:auto;padding:0 10px;font-weight:700}.pos-workspace{grid-template-columns:minmax(420px,1.15fr) minmax(390px,.9fr);gap:8px;height:calc(100vh - 56px);padding:0 8px 8px;display:grid}.menu-panel,.order-panel,.report-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.menu-panel{grid-template-rows:auto auto minmax(0,1fr);min-width:0;display:grid;overflow:hidden}.category-tabs{gap:8px;padding:12px 14px 8px;display:flex;overflow-x:auto}.category-tab{color:var(--ink);background:#fff;flex:none;min-height:34px;padding:0 14px;font-size:14px;font-weight:700}.category-tab.active{background:var(--primary);color:#fff}.menu-count{color:var(--muted);padding:0 16px 8px;font-size:13px;font-weight:700}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));grid-auto-rows:168px;align-content:start;align-items:start;gap:12px;padding:0 16px 16px;display:grid;overflow-y:auto}.product-card{background:var(--tile);border-radius:var(--radius);text-align:center;border:1px solid #e9eef5;height:168px;padding:0;position:relative;overflow:hidden}.product-card:hover{border-color:var(--primary);box-shadow:0 8px 20px #1463d824}.product-card-main{color:inherit;text-align:center;background:0 0;border:0;grid-template-rows:112px 56px;width:100%;height:100%;padding:0;display:grid}.product-image{background:#dfeaf6;justify-content:center;align-items:center;height:112px;display:flex;position:relative;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%}.product-image span{color:var(--primary-dark);font-size:24px;font-weight:800}.product-image strong{color:var(--primary);white-space:nowrap;background:#ffffffe0;border-radius:5px;padding:2px 8px;font-size:13px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.product-name{-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;min-height:40px;padding:8px 8px 10px;font-size:13px;font-weight:800;line-height:1.28;display:-webkit-box;overflow:hidden}.order-panel{background:#f8fafc;grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;display:grid;overflow:hidden}.order-head{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.order-draft-tabs{scrollbar-width:thin;flex:auto;gap:6px;min-width:0;padding:1px 4px 1px 0;display:flex;overflow-x:auto}.order-draft-tab{color:var(--muted);white-space:nowrap;background:#f1f5f9;border:1px solid #dbe4ef;border-radius:8px;flex:none;min-height:36px;padding:7px 12px;font-size:14px;font-weight:800}.order-draft-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.order-head>.icon-button{flex:none;margin-left:8px}.order-head h2,.checkout-modal h2,.panel-head h2,.manager-topbar h1{margin:0}.icon-button{color:var(--ink);background:#f3f6fa;justify-content:center;align-items:center;width:34px;height:34px;font-size:22px;display:inline-flex}.icon-button.danger{background:var(--danger-soft);color:var(--danger)}.order-lines{background:#fff;padding:0;overflow-y:auto}.empty-state,.empty-report{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:180px;display:flex}.empty-state strong,.empty-report strong{color:var(--ink)}.order-line{border-bottom:1px solid var(--line);border-left:4px solid #0000;min-height:58px;padding:0 12px}.order-line:nth-child(odd){background:#f8fbff}.order-line:hover,.order-line:focus-within{border-left-color:var(--primary);background:#eef6ff}.summary-row,.receipt-total,.panel-head,.history-row,.top-item{justify-content:space-between;align-items:center;display:flex}.line-main{grid-template-columns:minmax(180px,1fr) 116px 116px 132px 40px;align-items:center;gap:10px;min-height:58px;display:grid}.line-product{gap:1px;min-width:0;display:grid}.line-product strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.mini-remove{color:var(--danger);background:0 0;border:0;width:40px;height:40px;font-size:24px}.note-input,.money-input,.date-filter,.discount-row{gap:6px;display:grid}.line-note-button{color:var(--muted);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;justify-self:start;max-width:100%;padding:0;font-size:12px;font-weight:700;overflow:hidden}.line-note-button.has-note{color:var(--primary)}.note-input input,.money-input input,.discount-row input,.date-filter input,.image-url-input select{border:1px solid var(--line);border-radius:var(--radius);outline:0;min-height:34px;padding:0 10px}.note-input input:focus,.money-input input:focus,.discount-row input:focus,.date-filter input:focus,.topbar-search:focus-within{border-color:var(--primary)}.date-control{grid-template-columns:38px minmax(140px,1fr) 38px 38px;align-items:center;gap:6px;display:grid;position:relative}.date-step-button{border-radius:var(--radius);color:var(--primary-dark);background:#edf4ff;border:1px solid #b7c9e3;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;font-weight:900;line-height:1;display:inline-flex}.date-step-button:hover{background:var(--primary);color:#fff}.date-calendar-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;top:100%;right:0}.qty-stepper{border-radius:var(--radius);border:1px solid #b7c9e3;grid-template-columns:32px 46px 32px;align-items:center;height:34px;display:inline-grid;overflow:hidden}.qty-stepper button{color:var(--primary-dark);background:#fff;border:0;height:100%;font-size:20px}.qty-stepper span{text-align:center;font-size:18px;font-weight:800}.line-price,.line-subtotal{text-align:right;white-space:nowrap}.line-subtotal{font-size:17px}.order-summary{background:linear-gradient(#f8fbff 0%,#eef5ff 100%);border-top:1px solid #cbdcf2;gap:8px;padding:10px 16px;display:grid;box-shadow:0 -8px 18px #0b2f6314}.note-input span,.money-input span,.date-filter span,.discount-row span{color:var(--muted);font-size:12px;font-weight:700}.discount-row{grid-template-columns:84px minmax(0,1fr);align-items:center}.discount-row input{min-height:38px}.summary-row{font-size:15px}.payment-total-box{border:1px solid #bfd5f3;border-left:5px solid var(--primary);border-radius:var(--radius);background:#fff;gap:8px;padding:10px 12px;display:grid;box-shadow:0 8px 20px #1463d81a}.summary-row.total{border-top:1px dashed #b8c9dd;padding-top:8px;font-size:20px}.summary-row.total strong{color:var(--primary);font-size:24px}.order-actions{background:#fff;grid-template-columns:1fr 1.35fr;gap:10px;padding:14px 16px 16px;display:grid}.secondary-button,.primary-button{min-height:46px;padding:0 12px;font-weight:800}.secondary-button{color:var(--primary);background:#fff;border-color:#b7c9e3}.primary-button{background:var(--primary);color:#fff}.modal-backdrop{z-index:10;background:#0d18266b;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.checkout-modal,.image-modal{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;gap:18px;width:100%;max-width:440px;padding:22px;display:grid}.image-modal{max-width:520px}.image-modal.product-editor{max-width:720px}.modal-head{justify-content:space-between;align-items:flex-start;display:flex}.payment-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.payment-option{border-color:var(--line);background:#f6f8fb;min-height:44px;font-weight:800}.payment-option.active{background:var(--success-soft);border-color:var(--success);color:#06724d}.cash-only-badge{background:var(--success-soft);border:1px solid var(--success);border-radius:var(--radius);color:#06724d;justify-content:space-between;align-items:center;min-height:54px;padding:0 16px;display:flex}.cash-only-badge span{color:#08704d;font-weight:700}.cash-only-badge strong{font-size:20px}.money-input.large input{height:48px;font-size:22px;font-weight:800}.modal-submit{width:100%}.image-preview{border:1px solid var(--line);border-radius:var(--radius);background:#edf3fb;justify-content:center;align-items:center;height:220px;display:flex;overflow:hidden}.image-preview img{object-fit:contain;width:100%;height:100%}.image-preview span{color:var(--primary-dark);font-size:34px;font-weight:900}.image-url-input,.file-input,.product-editor-fields{gap:6px;display:grid}.product-editor-grid{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:16px;display:grid}.price-editor-input input{min-height:48px;font-size:22px;font-weight:800}.image-url-input span,.file-input span{color:var(--muted);font-size:12px;font-weight:700}.image-url-input input{border:1px solid var(--line);border-radius:var(--radius);outline:0;min-height:40px;padding:0 10px}.image-url-input select{background:#fff;min-height:40px}.image-url-input input:focus{border-color:var(--primary)}.file-input input{border-radius:var(--radius);border:1px dashed #a8b8cf;padding:10px}.modal-actions{grid-template-columns:1fr 1fr 1.2fr;gap:10px;display:grid}.modal-actions.product-editor-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-shell{background:var(--body);min-height:100vh;padding:20px}.manager-topbar{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);justify-content:space-between;padding:14px 16px}.manager-topbar h1{font-size:24px}.manager-brand{align-items:center;gap:12px;min-width:0;display:flex}.manager-brand img{border:1px solid var(--line);object-fit:contain;background:#fff;border-radius:10px;flex:0 0 54px;width:54px;height:54px;padding:4px}.manager-tabs{gap:8px;margin-left:auto;display:flex}.manager-tab{color:var(--primary-dark);background:#edf4ff;min-height:38px;padding:0 16px;font-weight:800}.manager-tab.active{background:var(--primary);color:#fff}.date-filter{min-width:180px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0;display:grid}.kpi-card{background:var(--panel);border:1px solid var(--line);border-left:6px solid var(--primary);border-radius:var(--radius);gap:8px;padding:16px;display:grid}.kpi-card span{color:var(--muted);font-weight:700}.kpi-card strong{font-size:26px}.kpi-card.green{border-left-color:var(--success)}.kpi-card.orange{border-left-color:var(--warning)}.kpi-card.gray{border-left-color:#64748b}.dashboard-grid{grid-template-columns:1.35fr .8fr;gap:14px;display:grid}.report-panel{min-width:0;padding:16px}.report-panel.wide{grid-column:span 1}.panel-head{gap:10px;margin-bottom:16px}.panel-head span{color:var(--muted);font-size:13px;font-weight:700}.revenue-chart-head{flex-wrap:wrap;align-items:flex-start}.revenue-chart-title{gap:4px;display:grid}.revenue-chart-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.revenue-view-toggle,.daily-range-toggle{border:1px solid var(--line);background:#eef3f8;border-radius:8px;padding:3px;display:inline-flex}.revenue-view-toggle button,.daily-range-toggle button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:6px;min-height:34px;padding:0 11px;font-size:12px;font-weight:800}.revenue-view-toggle button.active,.daily-range-toggle button.active{background:var(--primary);color:#fff;box-shadow:0 3px 8px #1463d833}.hour-chart{grid-template-columns:repeat(17,minmax(18px,1fr));align-items:end;gap:7px;height:240px;display:grid}.hour-bar{grid-template-rows:1fr auto;align-items:center;gap:6px;height:100%;display:grid}.hour-bar span{background:linear-gradient(180deg, var(--success), var(--primary));border-radius:5px 5px 0 0;align-self:end;width:100%;min-height:4px;display:block}.hour-bar small{color:var(--muted);text-align:center;font-size:11px}.daily-chart-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;padding-bottom:5px;overflow-x:auto}.daily-revenue-chart{grid-auto-columns:minmax(44px,1fr);grid-auto-flow:column;align-items:end;gap:8px;min-width:560px;height:240px;display:grid}.daily-revenue-bar{grid-template-rows:18px 1fr auto;align-items:center;gap:5px;min-width:0;height:100%;display:grid}.daily-revenue-bar>strong{color:var(--primary-dark);text-align:center;white-space:nowrap;font-size:10px}.daily-bar-track{background:#eef3f8;border-radius:6px 6px 2px 2px;align-items:end;width:100%;height:100%;display:flex;overflow:hidden}.daily-bar-track i{background:linear-gradient(180deg, var(--success), var(--primary));border-radius:6px 6px 2px 2px;width:100%;min-height:4px;display:block}.daily-revenue-bar small{color:var(--muted);text-align:center;white-space:nowrap;font-size:10px}.top-items,.order-history{gap:8px;display:grid}.top-item{background:var(--tile);border-radius:var(--radius);gap:10px;min-height:48px;padding:10px 12px}.top-item span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:700;overflow:hidden}.top-item strong{background:var(--primary-soft);color:var(--primary);text-align:center;border-radius:5px;min-width:34px;padding:4px 8px}.top-item em{color:var(--muted);white-space:nowrap;font-style:normal}.history-card{background:var(--tile);border-radius:var(--radius);border:1px solid #0000;transition:border-color .16s,box-shadow .16s;overflow:hidden}.history-card.expanded{background:#fff;border-color:#bcd8fb;box-shadow:0 8px 22px #18569f17}.history-row{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;min-height:64px;display:grid}.history-toggle-button{color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:minmax(180px,1fr) auto auto 22px;align-items:center;gap:14px;min-width:0;padding:10px 14px;display:grid}.history-toggle-button:hover,.history-toggle-button:focus-visible{background:#edf6ff;outline:0}.history-toggle-button:focus-visible{box-shadow:inset 0 0 0 2px var(--primary)}.history-order-identity{gap:3px;display:grid}.history-order-identity>span,.history-line-count{color:var(--muted);font-size:13px}.history-order-total{white-space:nowrap}.history-chevron{color:var(--primary);font-size:22px;line-height:1;transition:transform .16s;transform:rotate(0)}.history-card.expanded .history-chevron{transform:rotate(180deg)}.history-delete-button{background:var(--danger-soft);color:var(--danger);cursor:pointer;border:0;border-radius:6px;align-self:center;min-height:34px;margin-right:12px;padding:0 12px;font-weight:800}.history-details{border-top:1px solid var(--line);background:#fff;padding:8px 14px 14px}.history-item{border-bottom:1px solid #e8eef5;grid-template-columns:minmax(180px,1fr) 86px 110px 120px;align-items:center;gap:12px;min-height:46px;display:grid}.history-item>span:not(.history-item-note){color:var(--muted)}.history-item>:last-child:not(.history-item-note){text-align:right}.history-item-head{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;min-height:34px;font-size:11px;font-weight:800}.history-item-note{color:#805200;grid-column:1/-1;padding:0 0 9px;font-size:12px}.history-payment-summary{flex-direction:column;align-items:flex-end;gap:5px;padding-top:12px;display:flex}.history-payment-summary span{color:var(--muted);justify-content:space-between;gap:18px;min-width:270px;display:flex}.history-payment-summary strong{color:var(--ink)}.history-order-note{color:#805200;background:#fff8e8;border-radius:6px;margin:10px 0 0;padding:8px 10px;font-size:13px}.product-admin-panel{gap:14px;margin-top:14px;display:grid}.product-admin-toolbar{justify-content:space-between;align-items:end;gap:16px;display:flex}.product-admin-toolbar h2{margin:2px 0 0}.product-search{gap:6px;display:grid}.product-search span{color:var(--muted);font-size:12px;font-weight:700}.product-search input{border:1px solid var(--line);border-radius:var(--radius);outline:0;min-height:40px;padding:0 12px}.product-search input:focus{border-color:var(--primary)}.product-admin-actions{grid-template-columns:minmax(260px,380px) auto;align-items:end;gap:10px;display:grid}.product-add-button{white-space:nowrap;min-height:40px}.product-admin-list{gap:8px;max-height:calc(100vh - 210px);padding-right:2px;display:grid;overflow-y:auto}.product-admin-row{background:var(--tile);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:minmax(260px,1fr) 160px auto;align-items:center;gap:12px;min-height:78px;padding:9px 10px;display:grid}.product-admin-info{align-items:center;gap:12px;min-width:0;display:flex}.product-thumb{background:#dfeaf6;border-radius:7px;flex:0 0 58px;justify-content:center;align-items:center;height:58px;display:flex;overflow:hidden}.product-thumb img{object-fit:cover;width:100%;height:100%}.product-thumb span{color:var(--primary-dark);font-size:18px;font-weight:900}.product-admin-name{gap:3px;min-width:0;display:grid}.product-admin-name strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.product-admin-name span,.product-admin-price span,.product-admin-price em{color:var(--muted);font-size:12px}.product-admin-badges{flex-wrap:wrap;gap:6px;display:flex}.product-admin-badges em{background:var(--primary-soft);color:var(--primary);border-radius:5px;padding:2px 6px;font-size:11px;font-style:normal;font-weight:800}.product-admin-price{text-align:right;gap:2px;display:grid}.product-admin-price strong{font-size:17px}.product-admin-price em{font-style:normal}.product-edit-button{min-height:38px;padding:0 16px}.product-row-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.product-delete-button{flex:0 0 38px;width:38px;height:38px}.receipt-print{display:none}.table-order-overlay{z-index:10000;background:#050c19f5;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.table-order-modal{background:#fff;border:6px solid #ef4444;border-radius:24px;width:100%;max-width:920px;max-height:calc(100vh - 40px);padding:28px;overflow:auto;box-shadow:0 28px 90px #0000008c}.table-order-modal-head{border-bottom:2px solid var(--line);justify-content:space-between;align-items:flex-start;padding-bottom:18px;display:flex}.table-order-alert-label{color:#dc2626;font-size:20px;font-weight:900}.table-order-modal h1{color:#b91c1c;margin:12px 0;font-size:clamp(42px,8vw,76px);line-height:1}.table-order-modal-head p{color:var(--muted);margin:0;font-size:20px}.table-order-pending-count{color:#b91c1c;background:#fee2e2;border-radius:999px;padding:10px 16px}.sound-enable-button{color:#92400e;background:#fff4dd;border:2px solid #f59e0b;border-radius:12px;width:100%;margin-top:16px;padding:12px 18px;font-weight:800}.table-order-items{gap:10px;margin:22px 0;display:grid}.table-order-item{border:1px solid var(--line);background:#f8fafc;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:6px 16px;padding:16px;font-size:22px;display:grid}.table-order-item em{color:#b45309;grid-column:1/-1;font-size:17px;font-style:normal}.table-order-note{background:#fff7ed;border:2px solid #fb923c;border-radius:12px;padding:14px;font-size:20px}.table-order-total{border-top:2px solid var(--line);justify-content:space-between;align-items:center;padding:18px 0;font-size:26px;display:flex}.table-order-total strong{color:#dc2626;font-size:34px}.table-order-actions,.table-order-reject-form>div{grid-template-columns:1fr 2fr;gap:16px;display:grid}.table-order-actions button,.table-order-reject-form button{border:0;border-radius:14px;min-height:66px;font-size:22px;font-weight:900}.danger-button{color:#b91c1c;background:#fee2e2}.table-order-confirm{color:#fff;background:#16a34a}.table-order-reject-form label{gap:8px;margin-bottom:16px;font-weight:800;display:grid}.table-order-reject-form input{border:2px solid var(--line);border-radius:10px;padding:14px;font-size:20px}.customer-menu-shell{background:radial-gradient(circle at 8% 3%,#ff75a82e 0 38px,#0000 39px),radial-gradient(circle at 92% 6%,#4ad2c02e 0 46px,#0000 47px),#fff8e8;min-height:100vh;padding-bottom:90px}.customer-menu-shell.has-cart{padding-bottom:calc(34vh + 24px)}.customer-menu-header{color:#fff;background:linear-gradient(135deg,#ff477d,#ff6a3d);border-bottom:5px solid #fff;align-items:center;gap:12px;padding:14px 16px;display:flex;box-shadow:0 5px 18px #d22a5d38}.customer-menu-header img{object-fit:contain;background:#fff;border:3px solid #fffc;border-radius:18px;width:70px;height:70px;padding:4px}.customer-menu-title{min-width:0}.customer-menu-title small,.customer-menu-title h1{margin:0}.customer-menu-title small{letter-spacing:.08em;font-size:11px;font-weight:900}.customer-menu-title h1{letter-spacing:-.04em;text-shadow:0 2px #7e153638;margin:5px 0 3px;font-size:clamp(25px,8vw,34px);line-height:1}.customer-menu-title h1 span:first-child{color:#ffe548}.customer-menu-title h1 span:nth-child(2){color:#86ed69}.customer-menu-title h1 span:nth-child(3){color:#72e8f6}.customer-menu-title h1 span:nth-child(4){color:#fff}.customer-menu-title>strong{color:#e83268;background:#fff;border-radius:999px;padding:3px 10px;font-size:13px;display:inline-block}.customer-menu-tools{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#fff8e8f0;padding:12px 12px 10px;position:sticky;top:0}.customer-search{background:#fff;border:2px solid #ffd0df;border-radius:15px;align-items:center;padding:0 12px;display:flex;box-shadow:0 4px 12px #d22a5d14}.customer-search>span{color:#df3769;font-size:24px;font-weight:900}.customer-search input{background:0 0;border:0;outline:0;width:100%;padding:12px 9px;font-size:16px}.customer-category-nav{grid-template-columns:repeat(6,minmax(92px,1fr));gap:7px;margin-top:9px;padding-bottom:2px;display:grid;overflow-x:auto}.customer-category-nav a{color:#fff;text-align:center;white-space:nowrap;border-radius:999px;padding:8px 9px;font-size:12px;font-weight:900;text-decoration:none}.category-tra-sua>h2,.customer-category-nav .category-tra-sua{background:#f34f8a}.category-tra-nuoc-ep>h2,.customer-category-nav .category-tra-nuoc-ep{background:#73b92b}.category-cafe>h2,.customer-category-nav .category-cafe{background:#309bc9}.category-bingsu>h2,.customer-category-nav .category-bingsu{background:#9a55bc}.category-nuoc-suoi-nuoc-ngot>h2,.customer-category-nav .category-nuoc-suoi-nuoc-ngot{background:#eaa51d}.category-kem>h2,.customer-category-nav .category-kem{background:#e66aa8}.customer-menu-sections{gap:14px;padding:2px 12px 18px;display:grid}.customer-category{background:#ffffffc2;border:2px dashed #df376938;border-radius:22px;scroll-margin-top:116px;overflow:hidden}.customer-category>h2{color:#fff;text-transform:uppercase;align-items:center;gap:7px;margin:0;padding:10px 15px;font-size:20px;display:flex}.customer-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:11px;display:grid}.customer-product-card{background:#fff;border:1px solid #e15c812e;border-radius:16px;min-width:0;padding-bottom:10px;position:relative;overflow:hidden;box-shadow:0 5px 14px #663d4a17}.customer-product-tap-target>img,.customer-product-placeholder{object-fit:cover;background:linear-gradient(145deg,#fff4c9,#ffe8ef);justify-content:center;align-items:center;width:100%;height:118px;font-size:44px;display:flex}.customer-product-tap-target{-webkit-tap-highlight-color:transparent;touch-action:pan-y;background:0 0;border:0;width:100%;padding:0;transition:filter .1s,transform .1s;display:block}.customer-product-tap-target:active{filter:brightness(.92);transform:scale(.985)}.customer-product-info{padding:9px 10px 4px}.customer-product-card h3{color:#332b2d;min-height:37px;margin:0 0 6px;font-size:14px;line-height:1.3}.customer-product-card strong{color:#e62f64;font-size:15px}.customer-add{color:#fff;background:#ff477d;border:0;border-radius:50%;width:36px;height:36px;font-size:24px;position:absolute;bottom:10px;right:10px;box-shadow:0 3px 8px #e62f644d}.customer-qty{justify-content:flex-end;align-items:center;gap:9px;padding:3px 9px;display:flex}.customer-qty button{color:#fff;background:#ff477d;border:0;border-radius:50%;width:32px;height:32px}.customer-item-note{border:1px solid #ffd0df;border-radius:8px;width:calc(100% - 20px);margin:6px 10px 0;padding:8px}.customer-empty{color:#765b64;text-align:center;padding:24px;font-weight:800}.customer-service-note{text-align:center;background:#fffaf0;border:2px dashed #f1af22;border-radius:20px;margin:0 14px 16px;padding:14px}.customer-service-note>span{font-size:28px;display:block}.customer-service-note p{margin:5px 0}.customer-service-note strong{color:#e82f66;font-size:18px}.customer-wifi{color:#fff;background:#f54c81;justify-content:center;align-items:center;gap:8px;padding:13px 10px;font-size:14px;display:flex}.customer-wifi span{font-size:22px}.customer-cart-bar{height:34vh;max-height:360px;padding:8px 12px max(8px, env(safe-area-inset-bottom));z-index:20;background:#fff;border-top:2px solid #ffd0df;flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #132a5224}.customer-cart-header{justify-content:space-between;align-items:center;padding:0 2px 7px;display:flex}.customer-cart-header strong{color:#332b2d;font-size:16px}.customer-cart-header span{color:#d92e63;background:#ffe8ef;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:900}.customer-cart-header>div{align-items:center;gap:8px;display:flex}.customer-cart-clear{color:#c92d58;background:0 0;border:0;padding:5px 2px;font-size:12px;font-weight:800}.customer-cart-items{overscroll-behavior:contain;gap:6px;min-height:0;padding-right:2px;display:grid;overflow-y:auto}.customer-cart-row{background:#fff8fa;border:1px solid #ffd0df;border-radius:10px;padding:6px 8px}.customer-cart-row-main{justify-content:space-between;align-items:center;gap:8px;display:flex}.customer-cart-row-main>div:first-child{min-width:0;display:grid}.customer-cart-row-main strong{color:#332b2d;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.customer-cart-row-main small{color:#d92e63;font-size:11px;font-weight:800}.customer-cart-qty{align-items:center;gap:7px;display:flex}.customer-cart-qty button{color:#fff;background:#ff477d;border:0;border-radius:50%;width:28px;height:28px;font-size:17px}.customer-cart-row>input,.customer-cart-checkout>input{border:1px solid #ffd0df;border-radius:8px;width:100%;padding:7px 9px;font-size:13px}.customer-cart-row>input{margin-top:5px}.customer-cart-checkout{background:#fff;gap:6px;padding-top:7px;display:grid}.customer-cart-checkout .form-error{margin:0}.customer-cart-checkout>button{color:#fff;background:linear-gradient(135deg,#ff477d,#e72f63);border:0;border-radius:12px;justify-content:space-between;align-items:center;width:100%;min-height:54px;padding:13px 15px;font-size:16px;display:flex}.customer-menu-state,.customer-order-result{text-align:center;background:#fff8e8;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.customer-order-result img{object-fit:contain;width:100px;height:100px}.customer-order-status{color:#d97706;background:#fff4dd;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin-top:24px;font-size:42px;display:flex}.customer-order-status.confirmed{color:#16a34a;background:#dcfce7}.customer-order-status.cancelled{color:#dc2626;background:#fee2e2}.customer-order-result button{color:#fff;background:#ff477d;border:0;border-radius:12px;margin-top:20px;padding:14px 24px;font-weight:800}@media (width<=1020px){.pos-shell{height:auto;min-height:100vh;overflow:visible}.topbar{flex-wrap:wrap;height:auto}.topbar-search{order:4;width:100%;max-width:none}.pos-workspace,.dashboard-grid,.kpi-grid{grid-template-columns:1fr}.pos-workspace{height:auto}.menu-panel,.order-panel{min-height:520px}}@media (width<=720px){.login-screen,.dashboard-shell{padding:12px}.login-card{padding:24px}.login-actions,.modal-actions,.payment-options,.order-actions{grid-template-columns:1fr}.manager-topbar{flex-direction:column;align-items:stretch}.manager-brand{align-items:flex-start}.manager-tabs{margin-left:0}.revenue-chart-head{flex-direction:column;align-items:stretch}.revenue-chart-controls{flex-direction:column;justify-content:flex-start;align-items:stretch}.revenue-view-toggle,.daily-range-toggle{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.daily-range-toggle{grid-template-columns:repeat(3,minmax(0,1fr))}.revenue-view-toggle button,.daily-range-toggle button{min-height:42px;padding:0 7px}.hour-chart,.daily-revenue-chart{height:220px}.topbar-brand strong{display:none}.topbar-brand{padding:4px}.product-admin-toolbar{flex-direction:column;align-items:stretch}.product-editor-grid,.product-admin-actions{grid-template-columns:1fr}.product-admin-row{flex-direction:column;align-items:stretch;min-height:176px;display:flex}.product-admin-price{text-align:left}.product-row-actions{justify-content:stretch}.product-row-actions .product-edit-button{flex:auto}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history-row{grid-template-columns:minmax(0,1fr) auto}.history-toggle-button{grid-template-columns:minmax(0,1fr) auto 20px;gap:5px 10px;padding:10px}.history-order-identity,.history-line-count{grid-column:1/2}.history-order-total{grid-area:1/2/3/3}.history-chevron{grid-area:1/3/3/4}.history-delete-button{margin-right:8px;padding:0 10px}.history-details{padding:6px 10px 12px}.history-item-head{display:none}.history-item{grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:9px 0}.history-item>strong:first-child{grid-column:1/-1}.history-item>span:before,.history-item>strong[data-label]:before{color:var(--muted);content:attr(data-label) ": ";font-size:11px;font-weight:500}.history-item-note{grid-column:1/-1;padding-bottom:0}.history-payment-summary span{min-width:min(100%,270px)}}@media print{@page{margin:0;size:80mm 180mm}html,#app,body{background:#fff;width:80mm;height:auto;min-height:0;margin:0;padding:0;overflow:visible}.pos-shell{background:#fff;width:80mm;height:auto;min-height:0;padding:0;display:block;overflow:visible}.pos-shell>:not(.receipt-print){display:none!important}.receipt-print{box-sizing:border-box;color:#000;width:80mm;max-width:80mm;margin:0;padding:2mm 2mm 5mm;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.22;display:block;position:static}.receipt-print h1{text-align:center;margin:8px 0 6px;font-size:28px;font-weight:800;line-height:1.1}.receipt-print p{text-align:center;margin:1px 0}.receipt-topline,.receipt-time-row,.receipt-total{justify-content:space-between;gap:6px;display:flex}.receipt-topline{margin-bottom:8px;font-size:13px}.receipt-address,.receipt-phone{font-size:15px;font-weight:700}.receipt-title-row{grid-template-columns:70px 1fr;align-items:center;margin:9px 0 8px;display:grid}.receipt-order-type{text-align:center;border:1px solid #000;border-radius:7px;padding:7px 8px;font-weight:700;display:inline-block}.receipt-title-block{justify-items:center;font-size:15px;line-height:1.22;display:grid}.receipt-title-block strong{font-size:17px}.receipt-time-row{margin:8px 0 6px;font-size:14px}.receipt-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:15px}.receipt-table th{text-align:right;border-bottom:1px solid #000;padding:3px 0 4px;font-weight:800}.receipt-table th:first-child{text-align:left}.receipt-table th:first-child,.receipt-table td:first-child{width:43%}.receipt-table th:nth-child(2),.receipt-table td:nth-child(2){width:19%}.receipt-table th:nth-child(3),.receipt-table td:nth-child(3){width:11%}.receipt-table th:nth-child(4),.receipt-table td:nth-child(4){width:27%}.receipt-table td{text-align:right;vertical-align:top;border-bottom:1px solid #000;padding:4px 0}.receipt-table td:first-child{overflow-wrap:anywhere;text-align:left;padding-right:5px}.receipt-table em{font-size:13px;font-style:normal;display:block}.receipt-total{padding:2px 0;font-size:15px}.receipt-total strong{text-align:right;min-width:76px}.receipt-total.grand{font-size:18px;font-weight:800}.receipt-note{text-align:left;border-top:1px dotted #000;margin-top:6px;padding-top:4px;font-size:13px}.receipt-wifi{text-align:left;border-top:1px dotted #000;border-bottom:1px dotted #000;margin-top:6px;padding:4px 0;font-size:16px;font-style:italic}}