.finance-price-filter{grid-template-rows:1fr auto;gap:.5rem;min-width:0;margin-bottom:15px;display:grid;position:relative}.finance-price-filter>span{font-weight:var(--weight-medium,500)}.finance-price-filter-trigger{width:100%;min-height:var(--control-height,3rem);text-align:left;font:inherit;border-radius:var(--radius-control,10px);justify-content:space-between}.finance-price-filter-trigger>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.finance-price-filter-arrow{flex:none;display:flex;transform:rotate(90deg)}.finance-price-filter-options{inset-inline:0;z-index:20;border:1px solid var(--line);border-radius:var(--radius-control,10px);background:var(--white,#fff);max-height:min(24rem,60vh);margin-top:4px;padding:8px;position:absolute;top:100%;overflow:auto;box-shadow:0 2px 10px #1f293708}.finance-summary .finance-price-filter-options label{cursor:pointer;min-height:44px;font:inherit;overflow-wrap:anywhere;align-items:center;gap:8px;padding:8px;display:flex}.finance-price-filter-options input[type=checkbox]{flex:none;width:20px;height:20px;min-height:0;margin:0}.finance-price-filter-options label:focus-within{outline:2px solid var(--blue);outline-offset:-2px;border-radius:var(--radius-control,10px)}.phase3-receipt{padding:var(--space-2);color:var(--text);font-size:var(--text-body);line-height:1.6}.phase3-receipt>p{color:var(--muted);font-size:var(--text-small);margin:var(--space-2) 0 var(--space-4)}.phase3-receipt dl{gap:var(--space-2) var(--space-3);margin:var(--space-4) 0;font-size:var(--text-small);grid-template-columns:5rem minmax(0,1fr)}.phase3-receipt dt{color:var(--muted)}.phase3-receipt dd{color:var(--text)}.phase3-receipt table{table-layout:fixed;width:100%}.phase3-receipt .receipt-item-col{width:48%}.phase3-receipt .receipt-quantity-col{width:12%}.phase3-receipt .receipt-unit-col{width:22%}.phase3-receipt .receipt-amount-col{width:18%}.phase3-receipt table :is(th,td){padding:var(--space-3) var(--space-1);vertical-align:middle;font-size:var(--text-small);line-height:1.6}.phase3-receipt table th{color:var(--muted);font-weight:var(--weight-section)}.phase3-receipt .receipt-item-name{overflow-wrap:anywhere;display:block}.phase3-receipt .receipt-price-type{margin-top:var(--space-1);color:var(--muted);font-size:var(--text-small);overflow-wrap:anywhere;line-height:1.6;display:block}.phase3-receipt table .receipt-number{text-align:right;font-variant-numeric:tabular-nums}.phase3-receipt td.receipt-number{white-space:nowrap}.phase3-receipt .receipt-total{margin:var(--space-4) 0;padding:var(--space-4) 0;gap:var(--space-3)}.phase3-receipt .receipt-total b{font-variant-numeric:tabular-nums;white-space:nowrap}.phase3-daily-report .phase3-date-label{margin-bottom:0}.phase3-daily-report .phase3-date-label small{color:var(--muted);font-size:var(--text-small);margin-top:var(--space-2);line-height:1.6}.phase3-sales-table{table-layout:fixed;width:100%;min-width:46rem}.phase3-sales-table .sale-reference-col{width:27%}.phase3-sales-table .sale-employee-col{width:22%}.phase3-sales-table .sale-payment-col{width:12%}.phase3-sales-table .sale-total-col{width:14%}.phase3-sales-table .sale-count-col{width:13%}.phase3-sales-table .sale-action-col{width:12%}.phase3-sales-table :is(th,td){padding:var(--space-3);vertical-align:middle;overflow-wrap:anywhere}.phase3-sales-table th{font-weight:var(--weight-section);white-space:normal}.phase3-sales-table .sale-count-label{white-space:nowrap;display:inline-block}.phase3-sales-table td strong{font-size:var(--text-table);font-weight:var(--weight-medium)}.phase3-sales-table td small{margin-top:var(--space-1);color:var(--muted);font-size:var(--text-small);line-height:1.6;display:block}.phase3-sales-table .number{text-align:right;font-variant-numeric:tabular-nums}.phase3-sales-table td.number{white-space:nowrap}.phase3-sales-table .sale-detail-action{text-align:center}@media print{.phase3-receipt{padding:4mm;font-size:12px}.phase3-receipt table :is(th,td),.phase3-receipt .receipt-price-type{padding:2mm 1mm;font-size:12px}.phase3-receipt .receipt-price-type{padding:0}.phase3-receipt>p,.phase3-receipt dl{font-size:12px}.phase3-receipt .receipt-item-col{width:40%}.phase3-receipt .receipt-quantity-col{width:13%}.phase3-receipt .receipt-unit-col{width:25%}.phase3-receipt .receipt-amount-col{width:22%}}.search-field{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);width:100%;min-width:0;min-height:44px;color:var(--muted);box-sizing:border-box;grid-template-columns:20px minmax(0,1fr) 44px;align-items:center;gap:8px;padding-left:12px;display:grid}.search-field .search-field-icon{justify-content:center;align-items:center;display:flex}.search-field input{width:100%;min-width:0;box-shadow:none;font:inherit;color:var(--text);background:0 0;border:0;border-radius:0;outline:none;height:auto;min-height:44px;margin:0;padding:8px 0}.search-field input::-webkit-search-cancel-button,.search-field input::-webkit-search-decoration{appearance:none}.search-field:focus-within{border-color:var(--blue);outline:2px solid var(--blue);outline-offset:2px}.search-field.search-field input:focus-visible{box-shadow:none;outline:none}.search-field .search-field-clear{width:44px;height:44px;min-height:44px;color:var(--muted);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex}.search-field-clear:hover{background:var(--color-hover,#eef2f6)}.search-field-clear:active{background:var(--color-selected,#eaf2fa)}.search-field-clear:focus-visible{outline:2px solid var(--blue);outline-offset:-3px}.v2-filters>.search-field{flex:14rem;width:auto}.panel-title>.search-field{max-width:330px}.financial-overview{gap:1rem;min-width:0;display:grid}.financial-overview .panel{min-width:0}.financial-filters{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1rem;padding:1rem;display:grid}.financial-filters label{gap:.5rem;min-width:0;display:grid}.financial-overview .panel-title{flex-wrap:wrap;gap:1rem}.financial-overview .search-field{width:min(22rem,100%)}.financial-overview .number{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.financial-overview table{width:100%}.financial-overview td small{display:block}.financial-bar{background:var(--blue);border-radius:4px;min-width:2px;height:1rem;display:block}.financial-overview .table-scroll{max-width:100%;overflow:auto}.financial-overview h2{font-size:var(--text-section);line-height:1.5}.financial-overview .panel{padding:1rem}.financial-overview button,.financial-overview a.button{min-height:44px}.financial-overview .stats{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:1rem;display:grid}.financial-overview .stat>strong{line-height:1.4;display:block}.financial-overview .stat>small{margin-top:.5rem;line-height:1.6;display:block}.financial-overview .stat>.kpi-period{flex-wrap:wrap;gap:.25rem;display:flex}.financial-overview .kpi-period span{white-space:nowrap}.finance-summary .page-title{flex-wrap:wrap;gap:16px}.finance-summary .report-actions,.finance-group-manager .report-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.finance-summary .financial-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.finance-group-table th{white-space:normal;vertical-align:bottom}.finance-group-table td{vertical-align:middle}.finance-group-link{color:var(--blue);text-align:left;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;padding:8px}.finance-group-link:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.finance-group-table{min-width:720px}.finance-print-heading{line-height:1.6}.finance-group-manager{max-width:min(1000px,100vw - 32px)}.finance-group-manager .table-scroll{overflow:auto}.finance-group-manager table{width:100%}.finance-group-manager td small,.finance-price-choice small,.finance-selected-price small{display:block}.finance-group-manager .number{text-align:right;font-variant-numeric:tabular-nums}.finance-color{border-radius:4px;width:12px;height:12px;margin-right:8px;display:inline-block}.finance-group-form form{gap:16px;display:grid}.finance-group-form label{gap:8px;display:grid}.finance-group-form label.finance-check{align-items:center;gap:8px;min-height:44px;display:flex}.finance-check input[type=checkbox],.finance-price-choice input[type=checkbox]{flex:none;width:20px;height:20px}.finance-member-panes{grid-template-columns:1fr 1fr;gap:16px;min-height:0;display:grid}.finance-member-panes section{flex-direction:column;gap:8px;min-width:0;display:flex}.finance-price-list{border:1px solid var(--line);border-radius:var(--radius-sm,8px);max-height:40vh;padding:8px;overflow-y:auto}.finance-price-choice{cursor:pointer;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:12px;min-height:44px;padding:12px 8px;display:grid}.finance-price-choice input{margin:3px 0 0}.finance-price-choice strong,.finance-selected-price strong{overflow-wrap:anywhere;font-weight:600}.finance-selected-price{justify-content:space-between;gap:8px;padding:12px 8px;display:flex}.finance-members{max-width:min(1100px,100vw - 32px)}.finance-members>.search-field{width:100%}.finance-members .modal-actions{flex:none;position:relative}.finance-members .icon-button{min-width:44px;min-height:44px}.finance-summary .button{gap:8px}.finance-summary .disabled{opacity:.5;pointer-events:none}@media (width<=900px){.finance-summary .financial-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-member-panes{grid-template-columns:1fr}.finance-price-list{max-height:25vh}.finance-members{max-height:calc(100dvh - 24px)}.finance-summary .stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@page finance-summary{size:A4 portrait;margin:12mm;@bottom-center{content:counter(page) " / " counter(pages);font-size:9px}}@media print{body:has(.finance-summary):not(:has(.modal-backdrop))>#root{display:block!important}body:has(.finance-summary):not(:has(.modal-backdrop)) .workspace>.finance-summary{display:grid!important}body:has(.finance-summary):not(:has(.modal-backdrop)){page:finance-summary}.finance-summary .finance-controls{display:none!important}.finance-summary .page-title h1{font-size:20px}.finance-summary .page-title .eyebrow{display:none}.finance-summary .stats{grid-template-columns:repeat(3,1fr);gap:8px}.finance-summary .stat{padding:8px}.finance-summary .panel{break-inside:auto;padding:8px}.finance-summary .finance-group-table{table-layout:fixed;min-width:0;font-size:9px}.finance-summary .finance-group-table th,.finance-summary .finance-group-table td{white-space:normal;overflow-wrap:anywhere;padding:6px 3px}.finance-summary .finance-group-link{min-height:0;color:inherit;padding:0}.finance-summary tr{break-inside:avoid}.finance-summary thead{display:table-header-group}.finance-summary tfoot{display:table-row-group}.finance-summary .table-scroll{overflow:visible}}.workspace,.app-main{min-width:0}.financial-filters{grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr))}.financial-filters input,.financial-filters select{width:100%;min-width:0;max-width:100%}.financial-overview .stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr))}.table-scroll .button,.modal-actions .button,.pagination .button{vertical-align:middle;justify-content:center;align-items:center;min-height:44px;padding:.5rem .875rem;line-height:1.5;display:inline-flex}.table-scroll .row,.user-actions{flex-wrap:wrap;align-items:center;gap:.5rem}.table-scroll th.number,.table-scroll td.number{text-align:right;font-variant-numeric:tabular-nums}.cash-controls table.cash-session-table th:nth-child(n+2):nth-child(-n+5),.cash-controls table.cash-session-table td:nth-child(n+2):nth-child(-n+5){text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.cash-controls table.cash-session-table th:last-child,.cash-controls table.cash-session-table td:last-child{text-align:center}.unit-manager,.unit-manager form{gap:1rem;min-width:0;display:grid}.unit-manager label{gap:.5rem;display:grid}.unit-manager td small{display:block}.round2-report{gap:1rem;min-width:0;display:grid}.round2-report .panel{min-width:0}.round2-report .report-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.round2-report .chart-bars{grid-template-columns:repeat(24,minmax(0,1fr));align-items:end;gap:4px;height:12rem;padding-top:1rem;display:grid}.round2-report .chart-bar{background:var(--blue);border-radius:4px 4px 0 0;min-width:0;min-height:1px}.round2-report .chart-labels{justify-content:space-between;display:flex}.round2-report tfoot{font-weight:600}.round2-report .table-scroll{max-width:100%;overflow:auto}.round2-report table{width:100%}.round2-report th.number,.round2-report td.number{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}@media print{body:has(.round2-report) .sidebar,body:has(.round2-report) .topbar,body:has(.round2-report) .app-footer,body:has(.round2-report) .demo-ribbon,.round2-report .report-actions,.round2-report .financial-filters{display:none!important}body:has(.round2-report) .app-shell{display:block}body:has(.round2-report) .workspace{padding:0}.round2-report .table-scroll{overflow:visible}.round2-report .panel{break-inside:avoid;box-shadow:none}}.sales-history .history-actions,.sales-history .history-pagination{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.sales-history .history-pagination{margin-top:var(--space-4)}.table-scroll .row{display:flex}.cash-table-actions{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-thai-thai-400-normal-BEOmKAI1.woff2)format("woff2"),url(/assets/noto-sans-thai-thai-400-normal-Dxb_unuU.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-thai-latin-ext-400-normal-nBP59pVw.woff2)format("woff2"),url(/assets/noto-sans-thai-latin-ext-400-normal-B-1H0YkH.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-thai-latin-400-normal-BaWBrqFP.woff2)format("woff2"),url(/assets/noto-sans-thai-latin-400-normal-Dh_FJjOB.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/noto-sans-thai-thai-500-normal-CU_X86GQ.woff2)format("woff2"),url(/assets/noto-sans-thai-thai-500-normal-BOGXO2tw.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/noto-sans-thai-latin-ext-500-normal-B-ZWb8SZ.woff2)format("woff2"),url(/assets/noto-sans-thai-latin-ext-500-normal-CrEHO7C8.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/noto-sans-thai-latin-500-normal-fyBKClF1.woff2)format("woff2"),url(/assets/noto-sans-thai-latin-500-normal-BC04jsmm.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-thai-thai-600-normal-Cs73sVjl.woff2)format("woff2"),url(/assets/noto-sans-thai-thai-600-normal-CmgB8_JK.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-thai-latin-ext-600-normal-maHHBsez.woff2)format("woff2"),url(/assets/noto-sans-thai-latin-ext-600-normal-PkMZo0xa.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-thai-latin-600-normal-CemcjnVR.woff2)format("woff2"),url(/assets/noto-sans-thai-latin-600-normal-Dbc-dNO6.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-thai-thai-700-normal-Cm52XUnT.woff2)format("woff2"),url(/assets/noto-sans-thai-thai-700-normal-C9ISMlQq.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-thai-latin-ext-700-normal-uJk63onE.woff2)format("woff2"),url(/assets/noto-sans-thai-latin-ext-700-normal-xdwl2Xg6.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-thai-latin-700-normal-_dn-40wb.woff2)format("woff2"),url(/assets/noto-sans-thai-latin-700-normal-C4AMFKt5.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--blue:#0058a3;--blue-dark:#003e77;--yellow:#ffda1a;--white:#fff;--bg:#f5f6f8;--text:#1f2937;--muted:#6b7280;--line:#e8ecf1;--green:#18845f;--red:#c53b42;--radius:16px;--shadow:0 8px 28px #15355008;font-family:var(--font-family);color:var(--text);background:var(--bg);font-synthesis:none;font-size:var(--text-body)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea,pre,code{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #3898e9}a{color:var(--blue);text-decoration:none}h1,h2,h3,p{margin-top:0}h1{font-size:var(--text-title);letter-spacing:-.6px;margin-bottom:5px;line-height:1.35}h2{font-size:var(--text-section);margin-bottom:12px}h3{font-size:var(--text-body)}p{line-height:1.7}small{font-size:var(--text-small)}svg{vertical-align:middle;flex-shrink:0}input,select,textarea{width:100%;min-height:43px;color:var(--text);background:#fff;border:1px solid #dce2e9;border-radius:9px;min-width:0;padding:10px 12px}input[readonly],input:disabled{background:#f3f5f7}label{font-size:var(--text-small);margin-bottom:15px;font-weight:600;display:block}label>input,label>select,label>textarea,label>.password-field{margin-top:6px}label small{color:var(--muted);margin-top:6px;font-weight:400;display:block}input[type=checkbox]{width:18px;height:18px;min-height:0;accent-color:var(--blue)}.button{background:var(--blue);color:#fff;min-height:44px;font-weight:600;font-size:var(--text-small);border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:10px 19px;transition:background .15s,transform .15s;display:inline-flex}.button:hover:not(:disabled){background:var(--blue-dark);transform:translateY(-1px)}.button.yellow{background:var(--yellow);color:#173b58}.button.yellow:hover:not(:disabled){background:#f5cb00}.button.secondary{color:var(--text);background:#fff;border-color:#dce3ec}.button.secondary:hover:not(:disabled){background:#f0f5fa}.button.danger{background:var(--red)}.button.danger-outline{color:var(--red);background:#fff;border-color:#ecc3c5}.icon-button{color:#657389;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.icon-button:hover:not(:disabled){color:var(--blue);background:#eaf1f9}.text-button{color:var(--blue);font-size:var(--text-small);background:0 0;border:0;min-height:36px;padding:9px 6px;font-weight:600}.danger-text{color:var(--red)!important}.muted{color:var(--muted);font-size:var(--text-small)}.eyebrow{font-size:var(--text-small);letter-spacing:1.8px;color:var(--muted);margin-bottom:7px;font-weight:700}.eyebrow.light{color:var(--muted)}.badge{font-size:var(--text-small);white-space:nowrap;color:var(--blue);background:#eaf3fc;border-radius:6px;align-items:center;gap:5px;padding:5px 9px;font-weight:600;display:inline-flex}.badge.green{color:#24724f;background:#e8f5ee}.badge.red{color:#b83d44;background:#ffedee}.badge.amber{color:#916619;background:#fff5dc}.badge.neutral{color:var(--muted);background:#edf0f4}.status-dot{background:#56cbad;border-radius:50%;width:6px;height:6px;margin:0 5px;display:inline-block}.app-shell{grid-template-columns:220px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{background:var(--blue);color:#fff;z-index:15;flex-direction:column;width:220px;padding:28px 15px 0;display:flex;position:fixed;top:0;bottom:0;left:0}.brand{font-size:var(--text-section);white-space:nowrap;letter-spacing:-.7px;align-items:center;gap:10px;font-weight:700;display:flex}.brand b{color:var(--yellow)}.brand small{font-size:var(--text-small);color:var(--muted);letter-spacing:.7px;margin-top:-3px;font-weight:400;display:block}.brand-mark{width:34px;height:43px;display:block}.brand-mark svg{width:100%;height:100%}.sidebar .brand{margin-bottom:20px;margin-left:8px}.sidebar-label{font-size:var(--text-small);color:#85b5db;letter-spacing:2px;margin-bottom:4px;padding-left:15px}.sidebar nav{scrollbar-width:thin;flex:1;overflow:auto}.nav-group{font-size:var(--text-small);color:#8cbbde;padding:12px 15px 6px}.sidebar nav a{min-height:41px;font-size:var(--text-small);color:var(--muted);border-radius:9px;align-items:center;gap:12px;margin:2px 0;padding:10px 13px;display:flex}.sidebar nav a:hover{color:#fff;background:#ffffff12}.sidebar nav a.active{background:var(--yellow);color:#183d58;font-weight:700;box-shadow:0 3px 12px #00346122}.sidebar nav a small{font-size:var(--text-small);opacity:.7;margin-left:auto}.sidebar-foot{font-size:var(--text-small);border-top:1px solid #ffffff20;align-items:center;gap:3px;padding:20px 4px;display:flex}.sidebar-foot small{font-size:var(--text-small);color:var(--muted);display:block}.version{font-size:var(--text-small);color:var(--muted);margin-left:auto}.app-main{grid-column:2;min-width:0}.topbar{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:15px;height:76px;padding:0 27px;display:flex}.store-context strong{font-size:var(--text-small)}.store-context strong span{color:var(--muted);margin:0 8px}.store-context small{color:var(--muted);font-size:var(--text-small);margin-top:2px;display:block}.topbar-right{align-items:center;gap:22px;margin-left:auto;display:flex}.topbar time{font-size:var(--text-small);color:var(--muted)}.employee{border-left:1px solid var(--line);align-items:center;gap:10px;padding-left:20px;display:flex}.avatar{width:35px;height:35px;color:var(--blue);background:#e8f1fb;border-radius:50%;place-items:center;font-weight:600;display:grid}.employee strong{font-size:var(--text-small);display:block}.employee select{min-height:20px;font-size:var(--text-small);color:var(--muted);background:0 0;border:0;max-width:125px;padding:0}.demo-ribbon{height:26px;font-size:var(--text-small);color:var(--muted);background:#edf3f9;justify-content:center;align-items:center;gap:9px;display:flex}.demo-ribbon span{font-size:var(--text-small);letter-spacing:1px;color:var(--blue);font-weight:700}.workspace{min-width:0;max-width:1800px;margin:auto;padding:25px 26px 20px}.app-footer{font-size:var(--text-small);color:var(--muted);justify-content:space-between;padding:0 27px 13px;display:flex}.collapsed{grid-template-columns:76px minmax(0,1fr)}.collapsed .sidebar{width:76px;padding-left:10px;padding-right:10px}.collapsed .brand>span:last-child,.collapsed .nav-group,.collapsed .sidebar-label,.collapsed nav a span,.collapsed nav a small,.collapsed .sidebar-foot div,.collapsed .version{display:none}.collapsed .sidebar .brand{margin-left:8px}.collapsed .sidebar nav a{justify-content:center;padding:13px 8px}.collapsed .sidebar-foot{justify-content:center}.page-title{justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;display:flex}.page-title p{font-size:var(--text-small);color:var(--muted);margin:8px 0 0}.panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;min-width:0;margin-bottom:20px;padding:22px}.panel-title{justify-content:space-between;align-items:center;gap:15px;margin-bottom:16px;display:flex}.panel-title h2{margin:0}.panel-title a,.panel-title>span{font-size:var(--text-small)}.panel-title p{margin:6px 0 0}.panel-title label{margin:0}.search-box{min-width:0;color:var(--muted);background:#fff;border:1px solid #e0e6ed;border-radius:10px;align-items:center;gap:8px;padding:0 13px;display:flex}.search-box input{outline-offset:0;background:0 0;border:0;min-height:43px;padding-left:0}.search-box kbd{font-family:inherit;font-size:var(--text-small);border:1px solid var(--line);white-space:nowrap;border-radius:4px;padding:1px 5px}.panel-title .search-box{width:100%;max-width:330px}.pos-layout{grid-template-columns:minmax(0,1fr) 330px;gap:25px;height:calc(100dvh - 161px);min-height:560px;display:grid}.catalog{scrollbar-width:thin;flex-direction:column;min-width:0;padding-right:2px;display:flex;overflow-y:auto}.pos-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.pos-heading h1{font-size:var(--text-title)}.category-tabs{flex-wrap:wrap;gap:9px;margin-top:15px;margin-bottom:17px;display:flex}.category-tabs button{color:var(--muted);font-size:var(--text-small);background:#fff;border:1px solid #e2e7ee;border-radius:8px;align-items:center;gap:7px;min-height:37px;padding:8px 15px;display:flex}.category-tabs button.selected{background:var(--blue);border-color:var(--blue);color:#fff}.catalog-meta{font-size:var(--text-small);justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.catalog-meta span{font-size:var(--text-small);color:var(--muted)}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.product-card{text-align:left;background:#fff;border:1px solid #e9edf2;border-radius:13px;padding:0;transition:transform .15s,box-shadow .15s;overflow:hidden;box-shadow:0 4px 12px #11334d04}.product-card:hover:not(:disabled){border-color:#a8c9e3;transform:translateY(-3px);box-shadow:0 8px 15px #12496a15}.product-card:active:not(:disabled){transform:scale(.98)}.product-art{background:#eaf2f8;justify-content:center;height:110px;display:flex;position:relative;overflow:hidden}.art-1{background:#f6ece7}.art-2{background:#f4f0df}.product-art img{object-fit:contain;width:150px;height:132px;transition:transform .2s;position:relative;top:-9px}.product-card:hover img{transform:rotate(-4deg)}.product-label{font-size:var(--text-small);color:#987331;background:#ffffffd9;border-radius:4px;padding:3px 6px;position:absolute;top:10px;left:10px}.product-info{padding:10px 12px}.product-info>small{color:var(--muted);font-size:var(--text-small);letter-spacing:.3px}.product-info h3{font-size:var(--text-small);min-height:17px;margin:3px 0 10px;line-height:1.4}.product-info>div{justify-content:space-between;align-items:center;display:flex}.product-info b{font-size:var(--text-body);color:var(--blue)}.product-info b small{font-size:var(--text-small);color:var(--muted);font-weight:400}.add-dot{width:25px;height:25px;color:var(--blue);background:#edf4fc;border-radius:8px;place-items:center;display:grid}.catalog-note{font-size:var(--text-small);color:var(--muted);align-items:center;gap:8px;margin-top:auto;padding-top:18px;display:flex}.catalog-note b{font-size:var(--text-small);letter-spacing:2px;margin-left:auto}.cart-panel{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;min-height:0;display:flex;overflow:hidden;box-shadow:0 6px 24px #123d5707}.cart-heading{justify-content:space-between;align-items:center;padding:17px 17px 10px;display:flex}.cart-heading>div{color:var(--blue);align-items:center;gap:9px;display:flex}.cart-heading h2{font-size:var(--text-body);color:var(--text);margin:0}.count-bubble{font-size:var(--text-small);background:#edf4fb;border-radius:5px;padding:3px 7px}.cart-context{border-bottom:1px solid var(--line);font-size:var(--text-small);color:var(--muted);justify-content:space-between;padding:0 20px 15px;display:flex}.cart-items{scrollbar-width:thin;flex:1;min-height:140px;padding:0 15px;overflow:auto}.cart-items .empty{padding:52px 10px}.cart-line{border-bottom:1px solid #f0f2f5;gap:9px;padding:17px 0;display:flex;position:relative}.cart-line>img{object-fit:contain;background:#eff3f7;border-radius:8px;width:42px;height:57px}.cart-line-content{flex:1;min-width:0;padding-right:6px}.cart-line-content>strong{font-size:var(--text-small);padding-right:12px;display:block}.cart-line-content>span{font-size:var(--text-small);color:var(--muted)}.cart-line-bottom{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.cart-line-bottom>b{font-size:var(--text-small)}.stepper{align-items:center;gap:8px;display:flex}.stepper button{width:30px;height:30px;color:var(--muted);background:#fff;border:1px solid #e2e8ef;border-radius:6px;place-items:center;display:grid}.stepper b{font-size:var(--text-small);text-align:center;min-width:14px}.remove-item{color:var(--muted);background:0 0;border:0;padding:3px;position:absolute;top:15px;right:-3px}.cart-bottom{border-top:1px solid var(--line);padding:18px 20px 12px}.cart-subtotal{color:var(--muted);font-size:var(--text-small);justify-content:space-between;display:flex}.grand-total{justify-content:space-between;align-items:center;margin:15px 0;display:flex}.grand-total>div{font-size:var(--text-small);font-weight:600}.grand-total small{font-size:var(--text-small);color:var(--muted);font-weight:400;display:block}.grand-total strong{font-size:var(--text-title);letter-spacing:-1px;color:var(--blue)}.pay-button{width:100%;min-height:51px;font-size:var(--text-body);justify-content:space-between}.cart-bottom p{font-size:var(--text-small);color:var(--muted);text-align:center;margin:11px 0 0}.empty{text-align:center;color:var(--muted);padding:42px 15px}.empty>span{width:70px;height:70px;color:var(--muted);background:#f3f6f9;border-radius:50%;place-items:center;margin:0 auto 17px;display:grid}.empty h3{font-size:var(--text-body);color:var(--muted);margin-bottom:7px;font-weight:600}.empty p{font-size:var(--text-small);margin-bottom:0}.modal-backdrop{backdrop-filter:blur(5px);z-index:100;background:#09254370;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;outline:0;width:500px;max-width:100%;max-height:calc(100dvh - 44px);padding:25px;overflow:auto;box-shadow:0 25px 100px #05223b40}.modal.wide{width:850px}.modal-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-head h2{font-size:var(--text-section);margin:0}.modal-actions{justify-content:flex-end;gap:10px;margin-top:23px;display:flex}.modal-actions .button{flex:1}.payment-total{text-align:center;background:#f3f7fb;border-radius:12px;flex-direction:column;gap:5px;margin-bottom:20px;padding:22px;display:flex}.payment-total>span{font-size:var(--text-small);color:var(--muted)}.payment-total strong{font-size:var(--text-title);color:var(--blue);letter-spacing:-1px}.payment-total small{color:var(--muted)}.payment-options{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:22px;display:grid}.payment-options button{color:var(--muted);background:#fff;border:2px solid #e3e9ef;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:17px;display:flex;position:relative}.payment-options button.active{border-color:var(--blue);color:var(--blue);background:#edf5ff;box-shadow:0 0 0 2px #0058a308}.payment-options strong{font-size:var(--text-body)}.payment-options button>span{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:21px;height:21px;display:grid;position:absolute;top:9px;right:9px}.payment-options small{font-size:var(--text-small);letter-spacing:1px}.required{color:var(--red)}.info-note{color:var(--muted);font-size:var(--text-small);background:#f2f6fa;border-radius:9px;margin-top:15px;padding:13px 15px;line-height:1.7}.demo-disclaimer{text-align:center;color:var(--muted);font-size:var(--text-small);margin-top:14px;display:block}.error{color:#b33b43;font-size:var(--text-small);background:#fff0f0;border:1px solid #f1ced1;border-radius:9px;margin:12px 0;padding:12px}.success-state{text-align:center;padding:16px 0}.success-state>span{color:#29845a;background:#e6f7ec;border-radius:50%;place-items:center;width:85px;height:85px;margin:0 auto 20px;display:grid}.success-state h2{font-size:var(--text-section)}.success-state p{color:var(--muted);font-size:var(--text-small)}.success-state code{font-size:var(--text-small);background:#f4f6f9;border-radius:7px;padding:12px;display:block}.success-state>strong{color:var(--blue);font-size:var(--text-title);margin-top:20px;display:block}.success-state strong small{font-size:var(--text-small)}.toast{z-index:200;color:#fff;font-size:var(--text-small);background:#174c3d;border-radius:12px;max-width:90vw;padding:13px 22px;position:fixed;bottom:23px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #12382c30}.receipt{font-size:var(--text-small);color:#253341;background:#fff;padding:10px}.receipt-logo{font-size:var(--text-title);color:var(--blue);text-align:center;letter-spacing:2px;font-weight:700}.receipt>p{text-align:center;font-size:var(--text-small);margin:5px 0 17px}.receipt-demo{text-align:center;color:var(--muted);border:1px dashed #afbbc7;margin-bottom:15px;padding:7px}.receipt dl{font-size:var(--text-small);grid-template-columns:65px minmax(0,1fr);gap:7px;display:grid}.receipt dd{text-align:right;overflow-wrap:anywhere;margin:0}.receipt dt{color:var(--muted)}.receipt table th,.receipt table td{font-size:var(--text-small);white-space:normal;padding:10px 4px}.receipt-total{font-size:var(--text-body);border-top:1px dashed #bcc8d4;border-bottom:1px dashed #bcc8d4;justify-content:space-between;margin:14px 0;padding:15px 0;display:flex}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:14px;padding:20px;position:relative}.stat p{font-size:var(--text-small);color:var(--muted);margin:2px 0 13px}.stat strong{font-size:var(--text-title);letter-spacing:-.8px}.stat>small{color:var(--muted);font-size:var(--text-small);margin-left:8px}.stat-icon{color:var(--muted);position:absolute;top:15px;right:15px}.stat-0{background:var(--blue);color:#fff;border-color:var(--blue)}.stat-0 p,.stat-0>small{color:var(--muted)}.stat-0 .stat-icon{color:var(--yellow)}.dashboard-grid{grid-template-columns:1.25fr 1fr;gap:20px;display:grid}.dashboard-grid>.panel{margin-bottom:0}.dashboard-grid{margin-bottom:20px}.ranking{border-top:1px solid #f0f3f6;align-items:center;gap:12px;padding:14px 0;display:flex}.rank{font-size:var(--text-small);color:var(--muted)}.ranking img{background:#f2f5f8;border-radius:7px;width:39px;height:45px}.ranking>div{flex:1}.ranking strong{font-size:var(--text-small)}.ranking small{color:var(--muted);font-size:var(--text-small);display:block}.ranking>b{text-align:right;font-size:var(--text-body)}.bar-track{background:#edf2f7;border-radius:4px;max-width:210px;height:4px;margin-top:8px;overflow:hidden}.bar-track>div{background:#7bafd6;border-radius:4px;height:100%}.ranking:first-of-type .bar-track>div{background:var(--yellow)}.payment-breakdown{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:17px 0;display:flex}.payment-icon{color:#319469;background:#e7f3ed;border-radius:11px;place-items:center;width:44px;height:44px;display:grid}.payment-icon.TRANSFER{color:#5688bb;background:#edf3fc}.payment-breakdown strong{font-size:var(--text-small)}.payment-breakdown small{font-size:var(--text-small);color:var(--muted);font-weight:400;display:block}.payment-breakdown>b{font-size:var(--text-body);text-align:right;margin-left:auto}.dashboard-tip{background:#f6f8fb;border-radius:11px;margin-top:23px;padding:19px}.dashboard-tip h3{font-size:var(--text-body);margin:5px 0}.dashboard-tip p{font-size:var(--text-small);color:var(--muted);margin-bottom:12px}.dashboard-tip a{font-size:var(--text-small);align-items:center;gap:10px;display:flex}.stock-alert{border-top:1px solid var(--line);align-items:center;gap:11px;padding:16px 0;display:flex}.stock-alert strong{font-size:var(--text-small)}.stock-alert small{font-size:var(--text-small);color:var(--muted);font-weight:400;display:block}.stock-alert>b{font-size:var(--text-section);margin-left:auto}.alert-dot{background:#e2b34d;border-radius:50%;width:8px;height:8px}.alert-dot.red{background:#db6a73}.meter-card>svg{color:var(--muted);margin:20px 0 10px;display:block}.meter-card p{line-height:1.8}.table-scroll{max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--text-small);text-align:left}th{font-size:var(--text-small);color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;background:#fafbfd;padding:12px 14px;font-weight:600}td{font-size:var(--text-small);white-space:nowrap;border-bottom:1px solid #eef1f5;padding:13px 14px}td small{font-size:var(--text-small);color:var(--muted);margin-top:3px;display:block}tbody tr:last-child td{border-bottom:0}.number{text-align:right}.sale-number{font-size:var(--text-small);letter-spacing:.1px}.filter-panel{border:1px solid var(--line);background:#fff;border-radius:13px;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:20px;padding:17px;display:flex}.filter-panel label{min-width:120px;font-size:var(--text-small);flex:1;margin-bottom:0}.filter-panel select,.filter-panel input{font-size:var(--text-small)}.hourly-chart{border-bottom:1px solid var(--line);align-items:flex-end;gap:8px;height:218px;padding:12px 0;display:flex}.hourly-chart button{background:0 0;border:0;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:0;padding:0;display:flex}.chart-bar{background:#a9cbe5;border-radius:5px 5px 0 0;width:100%;min-width:5px;transition:height .2s;display:block}.hourly-chart button.focused .chart-bar{background:var(--yellow)}.hourly-chart small{font-size:var(--text-small);color:var(--muted);margin-top:7px}.chart-value{font-size:var(--text-small);color:var(--muted);margin-bottom:6px}.hour-insight{font-size:var(--text-small);color:var(--muted);flex-wrap:wrap;align-items:center;gap:20px;padding-top:18px;display:flex}.hour-insight b{color:var(--text)}.heatmap th:first-child{z-index:1;background:#fff;min-width:210px;position:sticky;left:0}.heatmap td{text-align:center;min-width:87px}.table-note{font-size:var(--text-small);color:var(--muted);margin:16px 0 0}.product-cell{align-items:center;gap:12px;display:flex}.product-cell img{object-fit:contain;background:#f1f4f7;border-radius:8px;width:43px;height:48px}.row-actions{gap:4px;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px;display:grid}.check-row{flex-wrap:wrap;gap:20px;display:flex}.check-row label,.check-label{align-items:center;gap:8px;display:flex}.check-row input,.check-label input{margin:0}.product-detail{text-align:center}.product-detail>img{object-fit:contain;background:#eef4f9;border-radius:20px;width:180px;height:180px}.product-detail h2{margin:20px 0 8px}.product-detail p{color:var(--muted);font-size:var(--text-small)}.product-detail>strong{font-size:var(--text-title);color:var(--blue)}.mini-stats{grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px;display:grid}.mini-stats>div{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;gap:12px;padding:19px;display:flex}.mini-stats b{font-size:var(--text-title);color:var(--blue)}.mini-stats span{font-size:var(--text-small);color:var(--muted)}.detail-summary{font-size:var(--text-small);color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px;display:flex}.detail-summary>strong{color:var(--blue);margin-left:auto}.recipe-layout{grid-template-columns:285px minmax(0,1fr);gap:20px;display:grid}.recipe-list{padding:12px}.recipe-list button{text-align:left;width:100%;color:var(--text);background:#fff;border:0;border-radius:9px;align-items:center;gap:10px;margin-bottom:3px;padding:13px 7px;display:flex}.recipe-list button.active{color:var(--blue);background:#edf5fc}.recipe-list img{width:38px;height:42px}.recipe-list strong{font-size:var(--text-small);display:block}.recipe-list small{font-size:var(--text-small);color:var(--muted)}.recipe-list button>svg{margin-left:auto}.recipe-detail .panel-title>img{object-fit:contain;width:80px;height:100px}.recipe-detail h2{margin-top:14px}.cost-summary{font-size:var(--text-small);background:#f2f7fc;border-radius:10px;justify-content:space-between;align-items:center;margin-top:25px;padding:20px;display:flex}.cost-summary small{font-size:var(--text-small);color:var(--muted);margin-top:4px;display:block}.cost-summary strong{color:var(--blue);font-size:var(--text-title)}.cost-summary strong small{font-weight:400;display:inline}.settings-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.settings-save{justify-content:flex-end;margin-bottom:25px;display:flex}.palette{align-items:center;gap:9px;margin-top:24px;display:flex}.palette span{border:1px solid #dce4ed;border-radius:50%;width:25px;height:25px}.palette small{color:var(--muted)}.system-info{font-size:var(--text-small);flex-wrap:wrap;align-items:center;gap:18px;display:flex}.development-actions{border-top:1px solid var(--line);align-items:center;gap:12px;margin-top:23px;padding-top:20px;display:flex}.development-actions>div{flex:1}.development-actions strong{font-size:var(--text-small)}.development-actions p{font-size:var(--text-small);margin:4px 0}.development-actions .button{font-size:var(--text-small);padding:10px 13px}.coming-banner{background:#edf4fb;border:1px solid #dce9f5;border-radius:17px;align-items:center;gap:24px;margin-bottom:22px;padding:30px;display:flex}.coming-banner>span{color:var(--blue);background:#fff;border-radius:20px;place-items:center;width:80px;height:80px;display:grid}.coming-banner h2{font-size:var(--text-section);margin:13px 0 6px}.coming-banner p{color:var(--muted);font-size:var(--text-small);margin:0}.placeholder-fields{margin-top:25px}.loading{min-height:250px;color:var(--muted);font-size:var(--text-small);justify-content:center;align-items:center;gap:12px;display:flex}.spinner{border:3px solid #e1eaf3;border-top-color:var(--blue);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.boot-error{max-width:650px;margin:80px auto;padding:25px}.compact td{padding-top:8px;padding-bottom:8px}.login-screen{background:#fff;grid-template-columns:1.1fr 1fr;min-height:100dvh;display:grid}.login-story{background:var(--blue);color:#fff;min-height:700px;padding:48px 60px;position:relative;overflow:hidden}.login-story .brand{font-size:var(--text-title)}.login-story .brand-mark{width:42px;height:48px}.story-copy{z-index:2;margin-top:65px;position:relative}.story-copy h1{font-size:var(--text-title);letter-spacing:-1.5px;margin:13px 0 17px;line-height:1.45}.story-copy h1>span{color:var(--yellow)}.story-copy p{font-size:var(--text-body);color:var(--muted);line-height:1.9}.hero-icecream{width:300px;height:320px;position:absolute;bottom:65px;right:-15px;transform:rotate(10deg)}.hero-circle{background:var(--yellow);border-radius:50%;width:310px;height:310px;position:absolute;top:60px;left:-10px}.hero-icecream>img{filter:drop-shadow(0 16px 16px #003c7240);width:310px;height:365px;position:relative;top:-13px}.hero-tag{color:var(--blue);font-size:var(--text-small);background:#fff;border-radius:8px;padding:12px 20px;font-weight:600;position:absolute;bottom:20px;left:-100px;transform:rotate(-15deg);box-shadow:0 4px 15px #00396f22}.login-story-footer{font-size:var(--text-small);letter-spacing:1.5px;color:#8bb9df;justify-content:space-between;display:flex;position:absolute;bottom:25px;left:60px;right:35px}.login-panel{justify-content:center;align-items:center;padding:55px;display:flex}.login-card{width:365px;max-width:100%}.login-card h2{font-size:var(--text-title);letter-spacing:-.8px;margin:21px 0 6px}.login-card>p.muted{font-size:var(--text-small);margin-bottom:30px}.login-card label{margin-bottom:20px;font-size:.9375rem}.login-card input{min-height:49px}.password-field{position:relative}.password-field input{padding-right:45px}.password-field button{color:var(--muted);background:0 0;border:0;width:30px;height:30px;position:absolute;top:10px;right:10px}.login-submit{justify-content:space-between;width:100%;min-height:50px;margin-top:6px}.demo-login{border-top:1px solid var(--line);margin-top:28px;padding-top:22px}.demo-login>strong{font-size:var(--text-small);color:var(--muted);font-weight:400}.role-chips{gap:7px;margin:12px 0;display:flex}.role-chips button{font-size:var(--text-small);color:var(--muted);background:#fff;border:1px solid #e0e6ee;border-radius:7px;flex:1;padding:8px}.role-chips button.active{border-color:var(--blue);color:var(--blue);background:#edf5fc}.demo-login>small{font-size:var(--text-small);color:var(--muted)}.login-location{font-size:var(--text-small);text-align:center;color:var(--muted);margin:34px 0 0}@media (width>=1600px){.app-shell{grid-template-columns:242px minmax(0,1fr)}.sidebar{width:242px}.pos-layout{grid-template-columns:minmax(0,1fr) 390px;gap:30px}.product-art{height:175px}.product-art img{width:200px;height:205px;top:-14px}.product-info{padding:15px 17px}.product-info h3{font-size:var(--text-body)}.product-info b{font-size:var(--text-section)}.product-grid{gap:20px}.workspace{padding:30px 35px 22px}.pos-layout{height:calc(100dvh - 170px)}.cart-heading h2{font-size:var(--text-body)}.cart-line-content>strong{font-size:var(--text-small)}.cart-line-bottom>b{font-size:var(--text-body)}.cart-panel .stepper button{width:35px;height:35px}.collapsed{grid-template-columns:76px minmax(0,1fr)}}@media (width<=1150px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{width:76px;padding-left:10px;padding-right:10px}.sidebar .brand>span:last-child,.sidebar .nav-group,.sidebar-label,.sidebar nav a span,.sidebar nav a small,.sidebar-foot div,.version{display:none}.sidebar nav a{justify-content:center;padding:13px 7px}.sidebar-foot{justify-content:center}.sidebar .brand{margin-left:8px}.topbar time{display:none}.workspace{padding:20px}.pos-layout{grid-template-columns:minmax(0,1fr) 310px;gap:16px;height:calc(100dvh - 155px)}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-art{height:100px}.dashboard-grid{grid-template-columns:1fr 1fr}.stat strong{font-size:var(--text-section)}.stat-icon{display:none}.topbar{padding:0 20px}.recipe-layout{grid-template-columns:230px minmax(0,1fr)}.login-story{padding:40px}.story-copy h1{font-size:var(--text-title)}.login-panel{padding:35px}.hero-icecream{width:240px;right:0}.hero-circle{width:250px;height:250px}.hero-icecream>img{width:245px}.hero-tag{left:-55px}}@media (width<=800px){.workspace{padding:15px}.pos-layout{grid-template-columns:minmax(0,1fr) 285px;gap:12px}.product-grid{gap:9px}.product-info{padding:8px}.product-info h3{font-size:var(--text-small);min-height:31px}.product-info b{font-size:var(--text-body)}.product-art{height:88px}.product-art img{height:110px}.catalog-note{display:none}.topbar{gap:7px;padding:0 12px}.topbar-right{gap:5px}.employee{padding-left:10px}.employee strong{font-size:var(--text-small);white-space:nowrap;max-width:100px;overflow:hidden}.store-context strong,.store-context small{font-size:var(--text-small)}.employee .avatar{display:none}.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.settings-grid,.recipe-layout{grid-template-columns:1fr}.recipe-list{display:flex;overflow:auto}.recipe-list button{min-width:180px}.coming-banner{padding:20px}.development-actions{flex-wrap:wrap}.development-actions>div{flex-basis:100%}.mini-stats{grid-template-columns:repeat(2,1fr)}.login-screen{grid-template-columns:.8fr 1fr}.login-story{padding:30px}.story-copy h1{font-size:var(--text-title)}.hero-icecream{right:-65px}.login-story-footer{left:30px;right:20px}.login-story-footer span{display:none}.login-panel{padding:30px}.pos-heading .badge{display:none}}@media (width<=640px){.app-shell,.collapsed{grid-template-columns:58px minmax(0,1fr)}.sidebar,.collapsed .sidebar{width:58px;padding:20px 5px 0}.sidebar .brand{margin-left:7px}.brand-mark{width:30px}.sidebar nav a{padding:12px 4px}.topbar{height:65px}.store-context small,.employee strong{display:none}.employee select{font-size:var(--text-small);width:90px}.topbar-right{gap:0}.topbar>.icon-button{display:none}.demo-ribbon{font-size:var(--text-small)}.workspace{padding:12px}.pos-layout{flex-direction:column;height:auto;min-height:0;display:flex}.catalog{overflow:visible}.cart-panel{min-height:370px}.cart-items{max-height:320px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-art{height:105px}.product-art img{height:135px}.product-info h3{font-size:var(--text-small)}.category-tabs{margin:12px 0}.pos-heading{margin-bottom:10px}.pos-heading h1{font-size:var(--text-title)}.eyebrow{font-size:var(--text-small);letter-spacing:1px}.cart-panel{margin-top:15px}.page-title{flex-direction:column;align-items:flex-start;gap:12px}h1{font-size:var(--text-title)}.page-title p{font-size:var(--text-small)}.panel{padding:15px}.stats{gap:10px}.stat{padding:15px}.stat strong{font-size:var(--text-section)}.stat>small{font-size:var(--text-small)}.hourly-chart{gap:3px}.chart-value{display:none}.hourly-chart small{font-size:var(--text-small)}.modal-backdrop{padding:12px}.modal{padding:19px}.form-grid{grid-template-columns:1fr}.settings-grid{gap:0}.coming-banner{align-items:flex-start;gap:13px}.coming-banner>span{flex-shrink:0;width:45px;height:45px}.coming-banner h2{font-size:var(--text-section)}.coming-banner p{font-size:var(--text-small)}.app-footer{font-size:var(--text-small);padding:8px 12px}.app-footer span{text-align:right;max-width:175px}.login-screen{display:block}.login-story{height:195px;min-height:auto;padding:25px}.login-story .brand{font-size:var(--text-section)}.story-copy{margin:20px 0 0}.story-copy h1{font-size:var(--text-section);margin:6px 0;line-height:1.35}.story-copy h1 br,.story-copy p,.story-copy .eyebrow,.login-story-footer{display:none}.hero-icecream{width:135px;height:170px;bottom:13px;right:18px}.hero-circle{width:145px;height:145px;top:32px}.hero-icecream>img{width:140px;height:185px;top:-1px}.hero-tag{display:none}.login-panel{padding:30px 25px}.login-card h2{font-size:var(--text-title);margin-top:13px}.login-card .badge{display:none}.login-location{margin-top:22px}}@media print{body{background:#fff}.sidebar,.topbar,.demo-ribbon,.workspace>:not(.modal-backdrop),.app-footer,.toast,.modal-head,.no-print{display:none!important}.app-shell,.app-main,.workspace,.modal-backdrop,.modal{width:auto!important;max-width:none!important;max-height:none!important;box-shadow:none!important;backdrop-filter:none!important;background:#fff!important;margin:0!important;padding:0!important;display:block!important;position:static!important;overflow:visible!important}.modal-backdrop .modal>:not(.receipt){display:none!important}.receipt{width:78mm;margin:0 auto;padding:4mm}.receipt table{width:100%}@page{margin:8mm}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width>=1151px) and (width<=1599px){.pos-heading{margin-bottom:10px}.category-tabs{margin-top:10px;margin-bottom:10px}.catalog-meta{margin-bottom:8px}.product-art{height:95px}.product-art img{height:112px;top:-6px}.product-info h3{margin-bottom:6px}.catalog-note{padding-top:10px}.stepper button{width:36px;height:36px}}@media print{body>#root{display:none!important}body>.modal-backdrop{display:block!important}.receipt{break-inside:avoid}}.analytics-filters{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px;display:grid}.analytics-filters label{font-size:var(--text-small);flex-direction:column;gap:6px;display:flex}.analytics-filters input,.analytics-filters select{width:100%;min-width:0}.analytics-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;display:flex}.analytics-check{font-size:var(--text-small);align-items:center;gap:8px;margin-right:auto;display:flex}.analytics-check input{width:auto}.analytics-stats{margin:16px 0}.analytics-bar{background:#e8edf2;border-radius:6px;width:100px;height:8px;margin-right:8px;display:inline-block;overflow:hidden}.analytics-bar span{background:#1670b8;border-radius:6px;height:100%;display:block}@media (width<=640px){.story-copy h1{max-width:calc(100% - 145px);font-size:var(--text-section);letter-spacing:0;line-height:1.55}.story-copy h1 br{display:block}}:root{--font-family:"Noto Sans Thai",sans-serif;--blue:#0058a3;--blue-dark:#004881;--yellow:#ffda1a;--bg:#f5f6f8;--white:#fff;--text:#1f2937;--muted:#526173;--line:#d8dfe7;--green:#146c4c;--red:#b42332;--color-warning:#89510a;--color-info:#0058a3;--color-selected:#eaf2fa;--color-hover:#eef2f6;--color-disabled:#5f6b7b;--color-focus:#0058a3;--surface:#fff;--surface-subtle:#f5f6f8;--weight-regular:400;--weight-medium:500;--weight-section:600;--weight-emphasis:700;--text-small:.875rem;--text-body:1rem;--text-table:.9375rem;--text-product:1.125rem;--text-section:1.25rem;--text-title:1.75rem;--text-total:2rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--control-height:3rem;--touch-target:2.75rem;--radius:12px;--radius-control:10px;--shadow:0 2px 10px #1f293708;--duration:.12s;letter-spacing:normal;font-synthesis:none;font-size:16px;line-height:1.6}:root[data-ui-scale=large]{font-size:18px}:root[data-ui-scale=extra-large]{font-size:20px}:root{--control-border:#7a8797}body{color:var(--text);background:var(--bg)}body button,body input,body select,body textarea{font-family:inherit;line-height:1.55}body :is(h1,h2,h3){letter-spacing:normal;font-weight:var(--weight-section);line-height:1.5}body h1{font-size:var(--text-title)}body h2{font-size:var(--text-section)}body h3{font-size:var(--text-product)}body p{line-height:1.7}body small{font-size:var(--text-small);line-height:1.6}body label{font-size:var(--text-body);font-weight:var(--weight-medium)}body :is(input,select,textarea){font-size:var(--text-body);min-height:var(--control-height);border-color:var(--line);border-radius:var(--radius-control);padding:.65rem .75rem}body textarea{min-height:6rem}body input[type=checkbox],body input[type=radio]{width:1.25rem;min-width:0;height:1.25rem;min-height:0;accent-color:var(--blue)}body label:has(>input[type=checkbox]),body label:has(>input[type=radio]){min-height:var(--touch-target);align-items:center;gap:.625rem;font-weight:500;display:flex}body :is(.button,.login-submit){font-size:var(--text-body);min-height:var(--control-height);border-radius:var(--radius-control);transition:background var(--duration),box-shadow var(--duration);gap:.5rem;padding:.65rem 1rem;font-weight:500}body .button:hover:not(:disabled){transform:none}body .button:active:not(:disabled){filter:brightness(.94)}body .button.yellow{background:var(--yellow);color:var(--text)}body .button.secondary{color:var(--text);border-color:var(--line);background:#fff}body .button.danger{background:var(--red);color:#fff}body :is(.icon-button,.remove-item,.password-field button){min-width:var(--touch-target);min-height:var(--touch-target);width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-control)}body .text-button{font-size:var(--text-small);min-height:var(--touch-target);padding:.5rem .75rem;font-weight:500}body button:disabled{opacity:1;color:var(--color-disabled);background:#edf0f4;border-color:#d8dfe7}body :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}body :is(.muted,.page-title p,.panel-title p){color:var(--muted);font-size:var(--text-small)}body :is(.badge,.v2-status,.v2-flavor){font-size:var(--text-small);font-weight:400}body .badge.green{color:var(--green);background:#eaf5ee}body .badge.red{color:var(--red);background:#fff0f1}body .badge.amber{color:var(--color-warning);background:#fff5e5}body .badge.neutral{color:var(--muted)}body .panel{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-6)}body .panel-title{gap:var(--space-4);flex-wrap:wrap}body .panel-title h2{font-weight:600;font-size:var(--text-section)}body .modal-backdrop{backdrop-filter:none;padding:var(--space-4);background:#18212f66}body .modal{border-radius:var(--radius);width:min(100%,38rem);max-width:38rem;max-height:calc(100dvh - 2rem);padding:var(--space-6);overflow-y:auto;box-shadow:0 12px 48px #17223322}body .modal.wide{width:min(100%,58rem);max-width:58rem}body .modal-head h2{font-size:var(--text-section);font-weight:600}body .modal-actions{gap:var(--space-3);flex-wrap:wrap}body .modal-actions .button{flex:0 auto}body .modal-actions .danger{margin-left:var(--space-3)}body .error{color:var(--red);font-size:var(--text-body);padding:var(--space-3);border-radius:var(--radius-control);background:#fff0f1}body .info-note{color:var(--blue);font-size:var(--text-body)}body .toast{font-size:var(--text-body);border-radius:var(--radius-control);max-width:calc(100vw - 2rem)}body .empty-state{font-size:var(--text-body);padding:var(--space-6)}body :is(.empty-state p,.loading){color:var(--muted);font-size:var(--text-body)}body .table-scroll{overscroll-behavior-inline:contain;max-width:100%;overflow-x:auto}body table :is(td,th){font-size:var(--text-small);padding:.875rem .75rem;line-height:1.65}body table th{color:var(--muted);font-weight:500}body table td strong{font-weight:500;font-size:var(--text-body)}body .form-grid{gap:var(--space-4)}body .app-shell{grid-template-columns:216px minmax(0,1fr)}body .sidebar{background:var(--blue);width:216px;padding:24px 12px 0}body .sidebar nav a{min-height:var(--control-height);font-size:var(--text-small);color:#fff;gap:12px;font-weight:400}body .sidebar nav a.active{background:var(--yellow);color:var(--text);box-shadow:none;font-weight:500}body .sidebar :is(.nav-group,.sidebar-label,.sidebar-foot small,.version,.brand small){color:#d4e6f6;font-size:var(--text-small);letter-spacing:normal}body .sidebar-foot{font-size:var(--text-small)}body .topbar{flex-wrap:wrap;gap:12px;height:auto;min-height:80px;padding:12px 24px}body .topbar-right{gap:12px}body .store-context strong,body .employee strong{font-size:var(--text-body);font-weight:500}body .store-context small,body .employee small,body .topbar time{font-size:var(--text-small);color:var(--muted)}body .employee{padding-left:12px}body .workspace{padding:var(--space-6);min-width:0}body .demo-ribbon,body .app-footer{font-size:var(--text-small);color:var(--muted);line-height:1.7}body .demo-ribbon{padding:.5rem 1rem}body .app-footer{flex-wrap:wrap;gap:16px;padding:1rem}body .collapsed{grid-template-columns:72px minmax(0,1fr)}body .collapsed .sidebar{width:72px}body .ui-scale-control label{font-size:var(--text-small);align-items:center;gap:.5rem;margin:0;display:flex}body .ui-scale-control select{width:auto;max-width:9rem;font-size:var(--text-small);min-height:var(--touch-target);padding:.4rem .5rem}body .ui-scale-control small{max-width:15rem;color:var(--color-warning);display:block}body .pos-layout{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(320px,23rem);align-items:start;height:auto;min-height:0;display:grid;container-type:inline-size}body .catalog{min-width:0;overflow:visible}body .pos-heading{margin-bottom:var(--space-4);flex-wrap:wrap;gap:16px}body .pos-heading h1{font-size:var(--text-title)}body .eyebrow{font-size:var(--text-small);letter-spacing:normal;color:var(--muted);font-weight:400}body .search-box{min-height:var(--control-height)}body .search-box input{font-size:var(--text-body)}body .category-tabs{margin:var(--space-4) 0;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}body .category-tabs button{font-size:var(--text-body);min-height:var(--control-height);white-space:nowrap;border-radius:var(--radius-control);color:var(--text);padding:.5rem 1rem;font-weight:500}body .category-tabs button.selected{background:var(--color-selected);color:var(--blue);border-color:var(--blue)}body .catalog-meta{font-size:var(--text-small);color:var(--muted);margin-bottom:var(--space-4)}body .catalog-meta strong{color:var(--text);font-weight:500;font-size:var(--text-body)}body .product-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));display:grid}body .product-card{border:1px solid var(--line);border-radius:var(--radius);text-align:left;box-shadow:none;height:auto;transition:border-color var(--duration),background var(--duration);background:#fff;overflow:hidden}body .product-card:hover:not(:disabled){box-shadow:none;border-color:var(--blue);transform:none}body .product-card:active:not(:disabled){background:var(--color-selected)}body .product-card:disabled{color:var(--muted);background:#f5f6f8}body .product-art{aspect-ratio:1.5;background:#f5f6f8;place-items:center;height:auto;display:grid;position:relative}body .product-art img{object-fit:contain;width:85%;height:100%;max-height:160px;position:static;transform:none}body .product-label{font-size:var(--text-small);color:var(--blue);background:#fff;padding:4px 8px;font-weight:500;line-height:1.5}body .product-info{padding:var(--space-3)}body .product-info>small{font-size:var(--text-small);color:var(--muted);overflow-wrap:anywhere}body .product-info h3{font-size:var(--text-product);white-space:normal;overflow-wrap:anywhere;min-height:0;margin:.375rem 0 .625rem;font-weight:500;line-height:1.6;display:block;overflow:visible}body .product-info b{font-size:var(--text-section);color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}body .product-info b small{font-size:var(--text-small);font-weight:400}body .add-dot{background:var(--color-selected);width:32px;height:32px;color:var(--blue)}body .catalog-note{display:none}body .cart-panel{border:1px solid var(--line);min-height:0;max-height:none;box-shadow:none;border-radius:var(--radius);position:sticky;top:16px;overflow:visible}body .cart-heading{padding:var(--space-4);gap:8px}body .cart-heading h2{font-size:var(--text-product);white-space:normal;font-weight:600}body .cart-context{font-size:var(--text-small);padding:var(--space-3) var(--space-4);color:var(--muted)}body .cart-items{min-height:120px;max-height:40dvh;padding:0 var(--space-4);overflow-y:auto}body .cart-line{padding:var(--space-4) 0;align-items:flex-start;gap:12px}body .cart-line>img{object-fit:contain;width:44px;height:54px}body .cart-line-content{min-width:0}body .cart-line-content>strong{font-size:var(--text-body);font-weight:500;line-height:1.6}body .cart-line-content>span{font-size:var(--text-small);color:var(--muted)}body .cart-line-bottom{flex-wrap:wrap;gap:8px}body .cart-line-bottom>b{font-size:var(--text-body);font-variant-numeric:tabular-nums;font-weight:600}body .stepper{border:1px solid var(--line);border-radius:var(--radius-control)}body .stepper button{width:var(--touch-target);height:var(--touch-target);min-width:var(--touch-target);min-height:var(--touch-target)}body .stepper b{min-width:24px;font-weight:500;font-size:var(--text-body)}body .remove-item{color:var(--red);flex-shrink:0;margin-left:auto;position:static}body .cart-bottom{padding:var(--space-4)}body .cart-subtotal{font-size:var(--text-body)}body .grand-total{font-size:var(--text-body);flex-wrap:wrap;gap:12px}body .grand-total strong{font-size:var(--text-total);font-variant-numeric:tabular-nums;font-weight:700;line-height:1.5}body .grand-total small,body .cart-bottom>p{font-size:var(--text-small);color:var(--muted);line-height:1.6}body .pay-button{min-height:3.5rem;font-size:var(--text-product);font-weight:600}body .payment-total strong{font-size:var(--text-total);font-variant-numeric:tabular-nums;font-weight:700}body .payment-total :is(span,small){font-size:var(--text-body);color:var(--muted)}body .payment-options{gap:var(--space-3)}body .payment-options button{padding:var(--space-4);min-height:6rem;box-shadow:none}body .payment-options strong{font-weight:500;font-size:var(--text-product)}body .payment-options small{font-size:var(--text-small);color:var(--muted)}body .success-state h2{font-size:var(--text-section);font-weight:600}body .demo-disclaimer{font-size:var(--text-small);color:var(--muted)}body .product-v2{color:var(--text)}body .product-v2 :is(h1,h2){font-weight:600}body .v2-sections button,body .v2-editor-nav button{font-size:var(--text-body);min-height:var(--control-height);padding:.625rem .875rem;font-weight:500}body .v2-filters label{color:var(--muted);font-size:.9375rem}body .v2-filters{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}body .product-v2 table :is(td,th){font-size:var(--text-small);color:var(--text);vertical-align:middle;padding:.625rem .75rem}body .product-v2 table th{font-weight:600}body .product-v2 table td{font-size:var(--text-table)}body .product-v2 table td strong{font-size:var(--text-body);font-weight:500}body .v2-price{font-size:var(--text-small);padding:.5rem .625rem}body .v2-price.disabled small{color:var(--red);font-size:var(--text-small)}body .v2-price b{font-weight:600}body .v2-sku{font-size:var(--text-small)!important}body .product-v22 .icon-button,body .v2-row-actions>.icon-button{width:var(--touch-target);height:var(--touch-target);min-width:var(--touch-target);min-height:var(--touch-target)}body .v22-editor{grid-template-columns:13rem minmax(0,1fr);min-height:0;margin:0}body .v22-editor-header{padding:var(--space-6);gap:var(--space-4);flex-wrap:wrap}body .v22-editor-header h1{font-size:var(--text-title);font-weight:600}body .v22-fields{padding:var(--space-6);min-height:0}body .v22-fields :is(input,select,textarea){font-size:var(--text-body)}body .v22-fields :is(h2,h3){font-size:var(--text-section)}body .v22-info{gap:var(--space-4);grid-template-columns:96px minmax(0,1fr)}body .v22-info .form-grid{gap:var(--space-4)}body .v22-label-row{flex-wrap:wrap;gap:8px;margin:.5rem 0}body .v22-manage-link{font-size:var(--text-small);min-height:var(--touch-target);align-items:center;gap:6px;padding:.5rem;display:inline-flex}body .v2-image-editor small,body .v2-readonly-image small,body .v2-history :is(small,time){font-size:var(--text-small);color:var(--muted)}body .v22-editor .v2-toggle{font-size:var(--text-body)}body .v22-editor .v2-toggle input{width:1.25rem}body .v22-field-error{font-size:var(--text-small)}body .v22-setting{padding:var(--space-4)}body .v22-price-table{min-width:600px}body .v2-row-menu button{min-height:var(--touch-target);font-size:var(--text-body)}body .v2-history article{padding:var(--space-4);border-color:var(--line)}body .v2-history strong{font-weight:500;font-size:var(--text-body)}body .v22-danger-zone{padding:var(--space-4);flex-wrap:wrap;gap:16px}body .v22-subtitle,body .v22-draft-badge,body .v22-editor-header nav{font-size:var(--text-small)}body .login-story{padding:var(--space-8);min-height:650px}body .story-copy h1{letter-spacing:normal;font-size:2.25rem;font-weight:600;line-height:1.6}body .story-copy p{font-size:var(--text-body);color:#d4e6f6}body .login-story-footer{font-size:var(--text-small);letter-spacing:normal;color:#d4e6f6}body .login-panel{padding:var(--space-8)}body .login-card{width:25rem}body .login-card h2{font-size:var(--text-title);letter-spacing:normal;font-weight:600}body .login-card :is(label,input){font-size:var(--text-body)}body .login-card :is(.muted,.login-location,.demo-login small){font-size:var(--text-small);color:var(--muted)}body .password-field button{top:4px;right:4px}body .password-field input{padding-right:3.5rem}body .role-chips{flex-wrap:wrap}body .role-chips button{font-size:var(--text-small);min-height:var(--touch-target);color:var(--muted);min-width:6rem}body .stat strong{font-size:var(--text-title);font-weight:600}body :is(.stat>small,.stat p,.mini-stat small,.recipe-list small,.cost-summary small,.coming-banner p,.development-actions p){font-size:var(--text-small);color:var(--muted)}body .recipe-list strong{font-size:var(--text-body);font-weight:500}body .recipe-list button{min-height:var(--control-height)}body .coming-banner h2{font-weight:600;font-size:var(--text-section)}body .stat-label{font-size:var(--text-body)}body .page-title p{font-size:var(--text-small)}body .filters{gap:var(--space-3);flex-wrap:wrap}body .analytics-filters{grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr))}body .analytics-check{font-size:var(--text-body)}body .hourly-chart small{font-size:var(--text-small)}@container (width<=950px){.pos-layout>.catalog{min-width:0}}@media (width<=1150px){body .app-shell,body .collapsed{grid-template-columns:72px minmax(0,1fr)}body .sidebar,body .collapsed .sidebar{width:72px;padding:20px 10px 0}body .sidebar nav a{justify-content:center;padding:8px}body .sidebar .brand>span:last-child,body .sidebar .nav-group,body .sidebar-label,body .sidebar nav a span,body .sidebar nav a small,body .sidebar-foot div,body .version{display:none}body .sidebar .brand{margin-left:4px}body .workspace{padding:var(--space-4)}body .topbar{padding:12px 16px}body .pos-layout{gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(310px,21rem)}body .v22-info{grid-template-columns:1fr}body .v22-info>.v2-readonly-image{align-items:center;gap:12px;display:flex}body .v22-info .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=950px){body .pos-layout{gap:var(--space-6);flex-direction:column;display:flex}body .catalog,body .cart-panel{width:100%}body .cart-panel{position:static}body .product-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr))}body .cart-items{max-height:28rem}body .v22-editor{display:block}body .v22-editor .v2-editor-nav{border-right:0;border-bottom:1px solid var(--line);gap:8px;padding:.75rem;display:flex;overflow-x:auto}body .v22-editor .v2-editor-nav button{white-space:nowrap;flex-shrink:0;width:auto}body .v22-editor .v2-editor-nav svg{display:inline}body .v22-info .form-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}body .ui-scale-control label>span{display:none}body .employee{border:0;padding:0}body .employee strong{white-space:normal;max-width:none}body .employee .avatar{display:none}body .login-screen{grid-template-columns:1fr}body .login-story{height:auto;min-height:0;padding:var(--space-6)}body .story-copy{max-width:70%;margin:1rem 0 0}body .story-copy h1{font-size:var(--text-title)}body .story-copy p,body .login-story-footer{display:none}body .hero-icecream{width:160px;height:180px;bottom:0;right:16px}body .hero-circle{width:160px;height:160px;top:15px}body .hero-icecream>img{width:160px;height:200px}body .hero-tag{display:none}}@media (width<=650px){body .app-shell,body .collapsed{grid-template-columns:60px minmax(0,1fr)}body .sidebar,body .collapsed .sidebar{width:60px;padding:16px 4px 0}body .topbar{gap:8px;padding:8px 12px}body .topbar>.icon-button{display:none}body .store-context strong{font-size:var(--text-small)}body .topbar-right{flex-wrap:wrap;flex:1;justify-content:flex-end;gap:8px;margin-left:0}body .employee strong{display:none}body .workspace{padding:var(--space-3)}body .panel,body .v22-fields,body .v22-editor-header{padding:var(--space-4)}body .product-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(100%,9rem),1fr))}body .product-art{aspect-ratio:1.5}body .product-info h3{font-size:var(--text-product)}body .page-title{gap:16px}body .cart-line>img{display:none}body .payment-options{grid-template-columns:repeat(2,minmax(0,1fr))}body .payment-options button{padding:var(--space-3)}body .modal-actions .button{flex:10rem}body .v22-editor-header .row-actions{flex-wrap:wrap}body .v22-editor-header .row-actions button{flex:auto}body .app-footer span{max-width:none}body .story-copy{max-width:70%}body .login-story .brand,body .story-copy h1{font-size:var(--text-section)}body .hero-icecream{width:130px;right:-12px}body .login-panel{padding:var(--space-6)}body .stats,body .settings-grid,body .dashboard-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{body{font-size:12px}.ui-scale-control{display:none!important}.receipt :is(td,th){font-size:12px}}body .empty{color:var(--muted);padding:var(--space-6)}body .empty h3{color:var(--text);font-weight:500;font-size:var(--text-product)}body .empty p{font-size:var(--text-small);color:var(--muted)}body .catalog-meta span,body .cart-subtotal{color:var(--muted)}body .button:disabled,body .icon-button:disabled,body .text-button:disabled{color:var(--color-disabled);border-color:var(--line);opacity:1;background:#edf0f4}body .button:disabled svg{color:inherit}body .search-box kbd{color:var(--muted);font-size:var(--text-small)}body .v2-price-badges{gap:8px}body .count-bubble{font-size:var(--text-small)}body ::placeholder{color:var(--muted);opacity:1}body :is(.button,.icon-button,.category-tabs button,.stepper button) svg{width:1.25rem;height:1.25rem}body .pos-order-summary,body .cart-return{display:none}@media (width<=950px){body .pos-order-summary{z-index:5;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);order:-1;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:.625rem .875rem;display:flex;position:sticky;top:0}body .pos-order-summary span{font-size:var(--text-small);color:var(--muted);display:block}body .pos-order-summary strong{font-size:var(--text-product);font-variant-numeric:tabular-nums;font-weight:600}body .cart-return{align-items:center;gap:8px;display:inline-flex}body .cart-context{flex-wrap:wrap;gap:12px}body #pos-cart,body #pos-catalog{scroll-margin-top:6rem}}body .product-card{flex-direction:column;display:flex}body .product-art{flex-shrink:0;width:100%}body .product-info{flex-direction:column;flex:1;width:100%;display:flex}body .product-info>div:last-child{gap:8px;margin-top:auto}body :is(input,textarea){border-color:var(--control-border);font-weight:400}body select{border:1px solid var(--control-border);font-size:var(--text-body);min-height:var(--touch-target);padding:.5rem .8125rem;font-weight:500}body .button.secondary{border-color:var(--control-border)}body input::placeholder{font-style:normal}body input[aria-invalid=true]{border-color:var(--red)}body .login-story :is(.brand small,.eyebrow.light){color:#d4e6f6}body .hourly-chart{gap:.5rem;max-width:100%;height:auto;min-height:16rem;padding-bottom:1rem;overflow-x:auto}body .hourly-chart button{min-width:var(--touch-target);min-height:var(--touch-target)}body .chart-bar{background:var(--blue)}body .hourly-chart button.focused .chart-bar{background:var(--yellow);border:2px solid var(--blue)}.field-error{color:var(--red);font-size:var(--text-small);margin-top:var(--space-1);font-weight:400;line-height:1.6;display:block}.workspace [role=alert],.modal [role=alert],.boot-error [role=alert]{color:var(--red)}.toast{align-items:center;gap:var(--space-2);display:flex}.toast.toast-error{color:var(--red);border:1px solid var(--red);background:#fff0f1}.toast.toast-warning{color:var(--color-warning);border:1px solid var(--color-warning);background:#fff5e5}input[aria-invalid=true],select[aria-invalid=true],textarea[aria-invalid=true]{box-shadow:0 0 0 1px var(--red);border-color:var(--red)!important}.cash-controls [role=alert],.meter-phase4a [role=alert],.pos-phase1 [role=alert]{color:var(--red)}.receiving-form{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.receiving-form>label{align-content:start;gap:var(--space-2);min-width:0;display:grid}.receiving-form .full-row{grid-column:1/-1}.receiving-form textarea{min-height:4.5rem}.stock-warning{color:var(--color-warning);border-radius:var(--radius-control);padding:var(--space-3);background:#fff5e5}.inventory-tabs{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.inventory-tabs .button[aria-pressed=true]{color:#fff;background:var(--blue)}.recipe-ingredient-row{gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:minmax(10rem,2fr) minmax(5rem,1fr) minmax(5rem,1fr) auto;align-items:end;display:grid}.recipe-ingredient-row label{gap:var(--space-2);min-width:0;display:grid}@media (width<=900px){.recipe-ingredient-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.recipe-ingredient-row>label:first-child{grid-column:1/-1}}.meter-form{gap:var(--space-4);display:grid}.meter-form>label{gap:var(--space-2);display:grid}.meter-phase4a.cashier-meter table{min-width:40rem}.cashier-meter .modal,.modal.meter-close-dialog{max-width:28rem}.inventory-actions{justify-content:flex-end;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width<=700px){.receiving-form{grid-template-columns:minmax(0,1fr)}}body .ui-scale-control{align-items:center;gap:.5rem}body .ui-scale-control select{width:auto;max-width:9rem;min-height:var(--touch-target);height:auto;font-size:var(--text-body);border-radius:.625rem;padding:.5rem .8125rem;font-weight:500;line-height:1.5}body .v21-filter{flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1rem;display:flex}body .v21-filter>label:first-child{flex:16rem;min-width:0}body .v21-filter>label:last-child{flex:0 11.25rem;min-width:10rem;max-width:220px}body .v21-filter label{font-weight:500}body .v21-filter select{min-height:var(--touch-target);padding-block:.5rem;font-weight:500}body .v231-legacy-detail dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem 1.5rem;margin:0 0 1.25rem;display:grid}body .v231-legacy-detail dt{font-size:var(--text-small);color:var(--muted);font-weight:400}body .v231-legacy-detail dd{overflow-wrap:anywhere;margin:.25rem 0 0;font-weight:500}body .v231-legacy-detail details{border-top:1px solid var(--line);padding-top:.75rem}body .v231-legacy-detail summary{cursor:pointer;min-height:var(--touch-target);padding:.5rem 0;font-weight:500}body .v231-legacy-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;max-height:22rem;font-size:var(--text-small);overflow:auto}body .v231-legacy-detail details>small{overflow-wrap:anywhere;display:block}body .v231-legacy-detail h3{font-size:var(--text-product);font-weight:600}body .v2-price-badges{gap:.25rem;min-width:0;display:grid}body .v2-price-badges .v2-price{background:var(--bg);border:1px solid var(--line);color:var(--text);font-size:var(--text-table);white-space:normal;border-radius:.5rem;grid-template-columns:minmax(0,1fr) auto;gap:.125rem .75rem;padding:.375rem .5rem;font-weight:400;line-height:1.5;display:grid}body .v2-price .v231-price-type{overflow-wrap:break-word;align-self:center}body .v2-price b{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:500}body .v2-price small{color:var(--muted);font-size:var(--text-small);white-space:nowrap;overflow-wrap:normal;word-break:normal;grid-column:1/-1;margin:0}body .v2-price.disabled{opacity:1;background:var(--bg)}body .v2-product-table img{object-fit:contain;width:3rem;height:3rem}body .v2-product-table{table-layout:fixed;width:100%;min-width:56rem}body .v2-product-table :is(th,td){overflow-wrap:break-word}body .product-v2 .v2-product-table th{white-space:normal;overflow-wrap:anywhere;line-height:1.6}body .v2-product-table td:nth-child(2),body .v2-product-table td:nth-child(4),body .v2-product-table td:nth-child(5){white-space:normal}body .v2-product-table td:nth-child(2) strong,body .v2-product-table .v2-flavor{white-space:normal;overflow-wrap:anywhere;display:block}body .v2-product-table :is(th,td):first-child{width:4.75rem}body .product-v2 .v2-product-table th:first-child{white-space:nowrap}body .v2-product-table :is(th,td):nth-child(3){width:7rem}body .v2-product-table :is(th,td):nth-child(4){width:6rem}body .v2-product-table :is(th,td):nth-child(5){width:5.25rem}body .v2-product-table :is(th,td):nth-child(6){width:12.75rem}body .v2-product-table :is(th,td):nth-child(7){width:6rem}body .v2-product-table :is(th,td):nth-child(8){width:6.5rem}body .v2-price b{margin-left:0}body .v2-price.disabled small{color:var(--muted)}body .v2-filters{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}body .v2-filters .v2-search{flex:14rem;min-width:0}body .v2-filters>label{flex:0 11rem;min-width:9rem}body .v2-filters>.button{flex:none}body .check-row{flex-wrap:wrap;align-items:center;gap:.25rem 1.25rem;display:flex}body .check-row label,body label.v2-toggle{min-height:var(--touch-target);font-size:var(--text-body);cursor:pointer;align-items:center;gap:.625rem;margin:0;font-weight:500;line-height:1.6;display:flex}body .check-row input[type=checkbox],body .v2-toggle input[type=checkbox]{width:1.25rem;height:1.25rem;min-height:0;accent-color:var(--blue);flex:none;margin:0}body .v22-setting .check-row+small{margin-top:.375rem;display:block}body .v231-optional{color:var(--muted);margin:0;font-weight:400;display:inline}@media (width<=650px){body .v231-legacy-detail dl{grid-template-columns:1fr}body .v21-filter>label:last-child{flex-basis:12rem;max-width:100%}}.app-shell.responsive-shell{grid-template-columns:242px minmax(0,1fr)}.responsive-shell>.sidebar{width:242px}.app-shell.responsive-shell.collapsed{grid-template-columns:76px minmax(0,1fr)}.responsive-shell.collapsed>.sidebar{width:76px}.responsive-shell .topbar>.navigation-toggle{min-width:44px;min-height:44px;display:inline-flex}.navigation-drawer.modal{border-radius:0;flex-direction:column;width:min(340px,100vw - 24px);height:100dvh;max-height:100dvh;margin:0;padding:16px;display:flex}.modal-backdrop:has(>.navigation-drawer){justify-content:flex-start;align-items:stretch;padding:0}.navigation-drawer .modal-head{flex:none}.navigation-drawer .sidebar{background:var(--blue-dark);border-radius:var(--radius);flex-direction:column;flex:1;width:100%;height:auto;min-height:0;padding:0;display:flex;position:static;overflow:auto}.navigation-drawer .sidebar .brand>span:last-child,.navigation-drawer .sidebar .nav-group,.navigation-drawer .sidebar-label,.navigation-drawer .sidebar nav a span,.navigation-drawer .sidebar nav a small,.navigation-drawer .sidebar-foot div,.navigation-drawer .version{display:revert}.navigation-drawer .sidebar nav a{justify-content:flex-start;gap:12px;min-height:44px;padding:12px}.navigation-drawer .sidebar .brand{margin:16px}.navigation-drawer .sidebar nav{min-height:0;overflow:auto}.navigation-drawer .sidebar-foot{justify-content:flex-start}.responsive-shell .sidebar nav a{position:relative}.responsive-shell.collapsed .sidebar nav a:focus-visible:after,.responsive-shell.collapsed .sidebar nav a:hover:after{content:attr(aria-label);background:var(--blue-dark);color:#fff;z-index:45;max-width:280px;box-shadow:var(--shadow);border-radius:8px;padding:8px 12px;position:fixed;left:80px}@media (width<=1150px){.app-shell.responsive-shell,.app-shell.responsive-shell.collapsed{grid-template-columns:minmax(0,1fr)}.responsive-shell .app-main{grid-column:1;min-width:0}.responsive-shell .topbar,.responsive-shell .store-context{min-width:0}.responsive-shell .store-context strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.responsive-shell .topbar-right{min-width:0}.responsive-shell .topbar>.navigation-toggle{flex-shrink:0}}@media print{.navigation-toggle,.navigation-drawer{display:none!important}}body .ui-scale-control.ui-scale-segmented{flex-shrink:0;align-items:center;gap:8px;display:flex;position:relative}.ui-scale-segmented .scale-control-label{font-size:var(--text-small);white-space:nowrap;font-weight:500}.ui-scale-segmented .scale-segments{isolation:isolate;grid-template-columns:repeat(3,44px);width:132px;height:44px;display:grid;position:relative}.ui-scale-segmented .scale-segments:before{content:"";z-index:-1;background:#f5f6f8;border:1px solid #e2e8f0;border-radius:12px;position:absolute;inset:3px 0}body .ui-scale-segmented .scale-segments button{color:#475569;cursor:pointer;width:44px;min-width:0;height:44px;min-height:44px;font-family:var(--font-family);background:0 0;border:0;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-weight:500;line-height:1;display:flex;position:relative}.ui-scale-segmented .scale-segments button:before{content:"";z-index:-1;border-radius:9px;position:absolute;inset:5px 3px}.ui-scale-segmented .scale-segments button[aria-checked=true]{color:#fff}.ui-scale-segmented .scale-segments button[aria-checked=true]:before{background:#0058a3}.ui-scale-segmented .scale-segments button[aria-checked=false]:hover:before{background:#e7ecf2}.ui-scale-segmented .scale-segments button:focus-visible{outline-offset:2px;outline:2px solid #0058a3}.ui-scale-segmented .scale-segments button:first-child span{font-size:13px}.ui-scale-segmented .scale-segments button:nth-child(2) span{font-size:17px}.ui-scale-segmented .scale-segments button:nth-child(3) span{font-size:21px}.ui-scale-segmented small[role=status]{z-index:5;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:240px;padding:6px;position:absolute;top:100%;right:0}body .employee.profile-display{position:relative}body .profile-display .profile-avatar-trigger{width:44px;height:44px;min-height:44px;color:inherit;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}body .profile-display .profile-avatar-trigger .avatar{justify-content:center;align-items:center;display:flex}body .profile-display .profile-name-trigger{min-height:0;color:inherit;font:inherit;text-align:left;background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;padding:0;display:flex}.profile-display .profile-name-trigger svg{color:#64748b;flex-shrink:0}.profile-display .profile-identity{min-width:0}.profile-display .profile-name-trigger:focus-visible,.profile-display .profile-avatar-trigger:focus-visible{outline-offset:3px;outline:2px solid #0058a3}body .profile-display-popover{box-sizing:border-box;z-index:50;background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:18.75rem;max-width:calc(100vw - 24px);padding:16px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 4px 16px #1f29371a}body .profile-display-popover .ui-scale-segmented{grid-template-columns:minmax(0,1fr) 108px;align-items:center;gap:8px 12px;display:grid}.profile-display-popover .scale-control-label{white-space:normal;min-width:0;font-size:var(--text-table);color:#1f2937;align-items:center;gap:8px;font-weight:500;line-height:1.6;display:flex}.profile-display-popover .scale-control-label svg{color:#64748b;flex-shrink:0}.profile-display-popover .scale-segments{grid-template-columns:repeat(3,36px);width:108px;height:36px}.profile-display-popover .scale-segments:before{inset:0}body .profile-display-popover .ui-scale-segmented .scale-segments button{color:#64748b;width:36px;height:36px;min-height:36px}.profile-display-popover .scale-segments button:before{border-radius:9px;inset:2px}body .profile-display-popover .ui-scale-segmented .scale-segments button[aria-checked=true]{color:#fff}body .profile-display-popover .ui-scale-segmented small[role=status]{background:0 0;border:0;grid-column:1/-1;width:auto;max-width:100%;padding:0;position:static}@media (width<=600px){body .profile-display .profile-name-trigger strong{font-size:var(--text-small);display:block}body .profile-display .profile-avatar-trigger{display:none}}body .profile-display-popover{width:20.5rem;max-width:calc(100vw - 32px)}body .profile-display-popover .ui-scale-segmented .scale-segments{grid-template-columns:repeat(3,44px);width:132px;height:44px}body .profile-display-popover .ui-scale-segmented .scale-segments button{width:44px;height:44px;min-height:44px}body .profile-display-popover .scale-segments button:before{border-radius:9px;inset:4px}body .profile-display-popover .ui-scale-segmented{grid-template-columns:minmax(0,1fr) 132px}body .profile-display .profile-name-whole{flex-direction:column;align-items:flex-start;gap:0;min-height:44px}.profile-display .profile-name-row{align-items:center;gap:6px;min-width:0;display:flex}.user-management .user-toolbar{grid-template-columns:minmax(12rem,1fr) minmax(9rem,12rem) minmax(9rem,12rem);align-items:end;gap:.75rem;margin-bottom:1rem;display:grid}.user-management .user-toolbar label{margin:0}.user-management .user-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.user-management td{vertical-align:middle}.user-management .icon-button{min-width:2.75rem;min-height:2.75rem}.user-management .user-audit{border-bottom:1px solid var(--line);padding:1rem 0}.user-management pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:.875rem}.user-management details{overflow-wrap:anywhere}.user-management .check-label{align-items:center;gap:.75rem;min-height:2.75rem;display:flex}.user-management .check-label input{width:1.25rem;height:1.25rem;margin:0}.user-management .tabs{gap:.5rem;margin-bottom:1rem;display:flex}.user-management .tabs button{border:1px solid var(--line);background:var(--white);border-radius:10px;min-height:2.75rem;padding:.5rem 1rem}.user-management .tabs button.active{background:var(--blue);color:#fff}@media (width<=800px){.user-management .user-toolbar{grid-template-columns:1fr}.user-management .user-actions{min-width:5.5rem}}.password-change-screen{min-height:100dvh;display:flex}.password-change-screen .login-panel{width:100%;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.password-change-screen .login-card{width:100%;max-width:28rem}.user-audit{border-bottom:1px solid var(--line);padding:1rem 0}.user-audit pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:.875rem}.role-management table{min-width:48rem}.role-management td:last-child,.role-management th:last-child{width:12rem;min-width:12rem}.role-management td:last-child .user-actions{flex-wrap:nowrap}.role-toolbar{flex-wrap:wrap;align-items:end;gap:1rem;margin-block:1rem;display:flex}.role-toolbar>label{flex:18rem;min-width:0;max-width:32rem;margin:0}.role-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;display:grid}.role-permissions{border:1px solid var(--line);border-radius:var(--radius);gap:.5rem;min-width:0;margin:0 0 1rem;padding:1rem;display:grid}.role-permissions legend{padding-inline:.5rem;font-weight:600}.role-permission{cursor:pointer;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:4px 12px;min-height:44px;padding-block:4px;margin:0!important;font-weight:500!important;display:grid!important}.role-permission input{grid-area:1/1;align-self:center;width:20px;height:20px;min-height:20px;margin:0}.role-permission>span{overflow-wrap:break-word;line-height:1.6;display:contents}.role-permission>span>span{grid-area:1/2;min-width:0}.role-permission small{font-size:var(--text-small);grid-area:2/2;min-width:0;margin:0;font-weight:400;line-height:1.6;display:block}.role-form{min-width:0}.role-management .user-actions{flex-wrap:wrap}.role-management td{vertical-align:middle}.modal.role-dialog{flex-direction:column;width:min(48rem,100vw - 32px);min-width:0;max-height:calc(100dvh - 32px);padding:0;display:flex;overflow:hidden}.role-dialog>.modal-head{border-bottom:1px solid var(--line);flex:none;margin:0;padding:16px}.role-dialog .role-form{flex-direction:column;min-height:0;display:flex;overflow:hidden}.role-dialog-body{overscroll-behavior:contain;min-height:0;padding:16px;overflow-y:auto}.role-dialog .modal-actions{border-top:1px solid var(--line);background:var(--white);flex:none;margin:0;padding:12px 16px;position:static}.business-audit h3{font-size:var(--text-body);margin:0;font-weight:600}.business-audit p{margin:8px 0}.business-audit ul{margin:8px 0;padding-left:24px;line-height:1.7}.business-audit{overflow-wrap:break-word}.user-management .check-label{cursor:pointer;font-weight:500}@media (width<=800px){.role-toolbar{flex-direction:column;align-items:stretch}.role-toolbar>label{flex:auto;max-width:none}.role-fields{grid-template-columns:1fr}}.cash-preview dl{gap:.5rem;display:grid}.cash-preview dl>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) max-content;align-items:baseline;gap:.75rem;padding-block:.5rem;display:grid}.cash-preview dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.cash-preview p{line-height:1.6}.uat-sandbox{padding:var(--space-4);margin-block:var(--space-4)}.uat-sandbox h2{font-size:var(--text-section);margin:var(--space-4) 0 var(--space-2);font-weight:600;line-height:1.5}.uat-sandbox p{color:var(--muted);margin-block:var(--space-2);line-height:1.6}.uat-fields{gap:var(--space-3);margin-block:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));display:grid}.uat-fields label{gap:var(--space-2);min-width:0;font-weight:500;display:grid}.uat-confirm{align-items:center;gap:var(--space-3);min-height:44px;margin-block:var(--space-4);cursor:pointer;font-weight:500;display:flex}.uat-confirm input{flex:0 0 20px;width:20px;height:20px;margin:0}.uat-links{gap:var(--space-3);flex-wrap:wrap;display:flex}.uat-sandbox dl>div{justify-content:space-between;gap:var(--space-3);padding-block:var(--space-2);display:flex}.uat-monthly{min-width:0;max-width:100%}.uat-monthly .mini-stats{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr))}.uat-monthly .mini-stats>div,.uat-monthly .panel{min-width:0}.uat-monthly .table-scroll{max-width:100%;overflow-x:auto}.uat-monthly td a{align-items:center;min-width:44px;min-height:44px;padding:4px 8px;display:inline-flex}.product-v2{color:#102a50}.product-v2 h2{font-size:var(--text-section)}.v2-sections{border-bottom:1px solid #dce5ef;gap:8px;margin:0 0 20px;display:flex}.v2-sections button{color:#536982;background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:13px 20px;display:flex}.v2-sections button.active{color:var(--blue);border-color:var(--blue);font-weight:600}.product-v2 .panel{background:#fff;border:1px solid #edf2f8;border-radius:12px;box-shadow:0 8px 30px #15487b05}.v2-message{color:#246241;background:#eaf7ef;border-radius:9px;margin-bottom:16px;padding:12px 18px}.v2-filters{grid-template-columns:minmax(220px,1.7fr) repeat(3,minmax(130px,1fr)) auto;align-items:end;gap:15px;margin-bottom:18px;display:grid}.v2-filters label{font-size:var(--text-small);color:#536982;margin:0}.v2-search{position:relative}.v2-search svg{position:absolute;top:16px;left:12px}.v2-search input{padding-left:38px}.product-v2 table th{color:#4a6384;font-size:var(--text-small);white-space:nowrap;background:#f4f7fa;font-weight:500}.product-v2 table td{font-size:var(--text-small);border-bottom:1px solid #eef2f7;padding:13px 10px}.v2-product-table{min-width:1050px}.v2-product-table td:first-child{width:64px}.v2-product-table img{object-fit:contain;background:#f4f4f2;border-radius:7px;width:50px;height:58px}.v2-product-table strong{font-size:var(--text-small)}.v2-flavor{color:var(--muted);margin-top:5px;display:block}.v2-sku{color:#4a6384;white-space:nowrap;font-size:var(--text-small)!important}.v2-category{white-space:nowrap;font-size:var(--text-small);background:#eeeae5;border-radius:5px;padding:7px 8px}.v2-category.meter{color:#a8650c;background:#fff3ca}.v2-price-badges{flex-wrap:wrap;gap:7px;min-width:160px;display:flex}.v2-price{white-space:nowrap;font-size:var(--text-small);border-radius:5px;padding:6px 8px}.v2-price b{margin-left:7px}.v2-price.retail{color:#005ab5;background:#e2f0ff}.v2-price.staff{color:#322e19;background:#fff0b5}.v2-price.disabled{color:#64778e;background:#edf0f5}.v2-price.disabled small{color:#d6424c;font-size:var(--text-small)}.v2-status{white-space:nowrap;font-size:var(--text-small);color:#48617f;align-items:center;gap:7px;display:inline-flex}.v2-status i{background:#15a761;border-radius:50%;width:7px;height:7px;display:block}.v2-status.off i{background:#9aabba}.v2-row-actions{gap:4px;display:flex;position:relative}.v2-row-actions>.icon-button{color:#12365f;border:1px solid #e0e7f0;width:34px;height:34px}.v2-row-menu{z-index:8;background:#fff;border:1px solid #dce5ef;border-radius:9px;min-width:165px;padding:7px;position:absolute;top:39px;right:0;box-shadow:0 12px 35px #10365725}.v2-row-menu button{text-align:left;color:#24466d;width:100%;font-size:var(--text-small);background:#fff;border:0;border-radius:5px;gap:8px;padding:10px;display:flex}.v2-row-menu button:hover{background:#edf4fd}.v2-row-menu button.danger-text{background:#fff0f1}.v2-empty{text-align:center;color:var(--muted);padding:30px}.modal:has(.v2-editor){width:calc(100vw - 36px);max-width:1100px}.v2-editor{grid-template-columns:160px minmax(0,1fr);margin:-5px -8px 0;display:grid}.v2-editor-nav{background:#f7faff;border-right:1px solid #e7eef6;padding:12px 8px}.v2-editor-nav button{text-align:left;width:100%;font-size:var(--text-small);color:#536982;background:0 0;border:0;border-radius:6px;align-items:center;gap:9px;margin-bottom:3px;padding:13px 8px;display:flex}.v2-editor-nav button.active{color:#0061b9;background:#e4f3ff;border-left:3px solid #0061b9;font-weight:600}.v2-editor-body{min-width:0;min-height:440px;padding:18px}.v2-info-grid{grid-template-columns:112px minmax(0,1fr);gap:18px;display:grid}.v2-info-grid .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v2-info-grid label{margin-bottom:0}.v2-info-grid input,.v2-info-grid select,.v2-info-grid textarea{font-size:var(--text-small)}.v2-info-grid .panel-title{margin-bottom:14px}.v2-toggle{font-size:var(--text-small);align-items:center;gap:8px;margin:0;font-weight:400;display:inline-flex}.v2-toggle input{margin:0!important}.v2-image-editor{flex-direction:column;align-items:center;gap:9px;margin-bottom:20px;display:flex}.v2-image-editor>img{object-fit:contain;background:#f3f3f0;border-radius:8px;width:100%;max-width:180px;height:175px}.v2-image-editor .button{font-size:var(--text-small);min-height:36px;margin:0;padding:8px;position:relative}.v2-image-editor input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.v2-image-editor small{font-size:var(--text-small);color:var(--muted)}.v2-price-editor{border:1px solid #e3edf8;border-radius:8px;margin-top:20px;padding:12px}.v2-price-editor h3{margin:0}.v2-price-editor .button{min-height:32px;font-size:var(--text-small);padding:5px 10px}.v2-price-editor td{padding:8px!important}.v2-price-editor input,.v2-price-editor select{min-height:34px;font-size:var(--text-small);padding:6px}.v2-price-editor table{min-width:560px}.v2-price-editor td:nth-child(2){width:105px}.v2-price-editor td:nth-child(4){max-width:155px}.v2-editor-footer{border-top:1px solid #e7eef6;grid-column:1/-1;align-items:center;gap:10px;padding:16px;display:flex}.v2-editor-footer>span{flex:1}.v2-editor-footer p{color:var(--red);font-size:var(--text-small);max-width:220px;margin:0}.v2-detail{flex-direction:column;align-items:center;gap:12px;display:flex}.v2-detail img{max-width:180px;max-height:190px}.v2-detail p{margin:0}.v2-delete{text-align:center}.v2-delete-icon{color:#ed273c;background:#ffe3e6;border-radius:50%;place-items:center;width:54px;height:54px;margin-bottom:15px;display:inline-grid}.v2-delete .row-actions{justify-content:center;margin-top:22px}.v2-history article{border-bottom:1px solid #edf2f8;padding:12px 0}.v2-history time,.v2-history small{color:var(--muted);font-size:var(--text-small);display:block}.v2-history pre{white-space:pre-wrap;word-break:break-word;font-size:var(--text-small);background:#f4f7fb;padding:8px}.v2-history{max-height:480px;overflow:auto}@media (width<=1000px){.v2-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.v2-filters .v2-search{grid-column:1/-1}}@media (width<=600px){.v2-sections{gap:0}.v2-sections button{font-size:var(--text-small);padding:10px 8px}.product-v2 .panel-title{gap:8px}.product-v2 h2{font-size:var(--text-body)}.v2-editor{grid-template-columns:1fr}.v2-editor-nav{border-bottom:1px solid #e7eef6;border-right:0;display:flex;overflow:auto}.v2-editor-nav button{white-space:nowrap;flex-shrink:0;width:auto;padding:9px}.v2-editor-nav svg{display:none}.v2-editor-body{min-height:360px;padding:12px}.v2-info-grid{grid-template-columns:1fr}.v2-info-grid .v2-image-editor{max-width:130px;margin:auto}.v2-info-grid .form-grid{grid-template-columns:1fr}.v2-editor-footer{flex-wrap:wrap;padding:12px}.v2-editor-footer p{flex-basis:100%;max-width:100%}.v2-editor-footer .button{font-size:var(--text-small);padding:9px 12px}.modal:has(.v2-editor){width:calc(100vw - 20px)}}.v2-sections{overflow-x:auto}.v2-sections button{white-space:nowrap;flex-shrink:0}.v21-filter{flex-wrap:wrap;gap:16px;margin:16px 0;display:flex}.v21-filter label{flex:1;min-width:180px}.v21-evidence{white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f6f8;max-height:50vh;padding:16px;overflow:auto}.v2-readonly-image{min-width:0;overflow:hidden}.v2-readonly-image>img{object-fit:contain;background:#f5f6f8;border-radius:8px;width:100%;max-width:112px;height:140px;display:block}.v2-readonly-image small{color:#687887;font-size:var(--text-small);margin-top:8px;display:block}.v21-legacy h2{font-size:var(--text-section)}.v2-editor-footer p{max-width:480px}.v2-editor-body .v21-legacy .panel-title{flex-wrap:wrap;gap:12px}.product-v22{color:#1f2937;min-width:0}.v22-editor-page{max-width:1240px;margin:auto}.v22-editor-header{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:18px;padding:22px 24px;display:flex}.v22-editor-header h1{font-size:var(--text-title);margin:10px 0}.v22-editor-header nav{font-size:var(--text-body);color:#6b7280}.v22-editor-header a,.v22-manage-link{color:#0058a3}.v22-subtitle{font-size:var(--text-body);flex-wrap:wrap;align-items:center;gap:12px;display:flex}.v22-draft-badge{color:#854d0e;background:#fff8d6;border-radius:5px;padding:3px 8px}.v22-editor{background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:210px minmax(0,1fr);min-height:520px;display:grid;overflow:visible}.v22-editor .v2-editor-nav{border-right:1px solid #e5e7eb;align-self:start;padding:18px 12px}.v22-editor .v2-editor-nav button{text-align:left;width:100%;min-height:44px;padding:13px 10px}.v22-fields{border:0;min-width:0;margin:0;padding:28px}.v22-fields h2{font-size:var(--text-section);margin:0 0 10px}.v22-fields label{display:block}.v22-fields .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.v22-full{grid-column:1/-1}.v22-label-row{justify-content:space-between;align-items:center;gap:10px;margin:8px 0;display:flex}.v22-manage-link{font-size:var(--text-small);cursor:pointer;background:0 0;border:0;padding:5px;text-decoration:underline}.v22-setting{border:1px solid #e5e7eb;border-radius:8px;margin:16px 0;padding:18px}.v22-note,.v22-return{background:#eef5fc;border-radius:8px;padding:14px 18px}.v22-return{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.v22-return p{margin:0}.v22-danger-zone{background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin:24px 0;padding:18px 24px;display:flex}.danger-outline{color:#b91c1c;background:#fff;border:1px solid #fecaca}.v22-actions{white-space:nowrap;align-items:center;gap:6px;display:flex}.v22-actions .icon-button,.product-v22 .icon-button{min-width:40px;min-height:40px}.product-v22 :is(button,a,input,select,textarea):focus-visible{outline-offset:3px;outline:3px solid #0058a3}.v22-fields input[aria-invalid=true],.v22-management input[aria-invalid=true]{border-color:#b91c1c}.v22-field-error{color:#b91c1c;font-size:var(--text-small);margin:6px 0}.v22-empty{text-align:center;color:#6b7280;padding:30px}.v22-price-table input[type=number]{min-width:115px}.v22-price-table select{min-width:150px}.v22-management fieldset{border:0;min-width:0;margin:0;padding:0}.v22-management .panel-title p{margin:8px 0 0}.v22-navigation-confirm{z-index:12000}.v22-editor .v2-image-editor{max-width:450px;margin:24px auto}.v22-audit-detail{white-space:normal;max-width:420px}.product-v22 .modal-actions{justify-content:flex-end;gap:10px;padding-top:18px;display:flex}.product-v22 .muted{color:#6b7280}.v22-editor .v2-toggle{align-items:center;gap:8px;display:flex}.v22-editor .v2-toggle input{width:auto}.v22-editor input,.v22-editor select,.v22-editor textarea{max-width:100%}@media (width<=950px){.v22-editor{grid-template-columns:175px minmax(0,1fr)}.v22-fields{padding:20px}.v22-editor-header{padding:18px}.v22-editor-header .row-actions{flex-wrap:wrap}.v22-fields .form-grid{grid-template-columns:1fr}.v22-editor .panel-title{align-items:flex-start;gap:12px}}@media (width<=650px){.v22-editor{min-height:0;display:block}.v22-editor .v2-editor-nav{border-bottom:1px solid #e5e7eb;border-right:0;gap:6px;padding:10px;display:flex;overflow-x:auto}.v22-editor .v2-editor-nav button{white-space:nowrap;flex-shrink:0;width:auto}.v22-editor-header{flex-direction:column;align-items:flex-start;gap:14px}.v22-editor-header .row-actions{width:100%;display:flex}.v22-editor-header .row-actions button{flex:1}.v22-fields{padding:18px}.v22-return,.v22-danger-zone{flex-direction:column;align-items:flex-start}.v22-label-row,.v22-editor .panel-title{flex-wrap:wrap}.product-v22 .v2-sections{flex-wrap:nowrap;overflow-x:auto}.product-v22 .v2-sections button{white-space:nowrap;flex-shrink:0}}.v22-info{grid-template-columns:112px minmax(0,1fr);gap:24px;display:grid}.modal:has(.v22-fields) fieldset{border:0;min-width:0}.v22-fields .form-grid label{margin-bottom:0}.v22-editor .v2-editor-nav button{font-size:var(--text-small)}.v22-audit-values{grid-template-columns:1fr 1fr;gap:20px;display:grid}.v22-audit-values dl>div{margin:10px 0}.v22-audit-values dd{overflow-wrap:anywhere;margin:4px 0}.v22-audit-values dt{font-weight:600}@media (width<=950px){.v22-info{grid-template-columns:1fr}.v22-info>.v2-readonly-image{align-items:center;gap:12px;display:flex}.v22-info .v2-readonly-image>img{width:80px;height:95px}}@media (width<=650px){.v22-audit-values{grid-template-columns:1fr}}body .product-v2 .pl-reference-table{table-layout:fixed;background:#fff;width:100%;min-width:calc(76rem + 2px)}.pl-reference-table .pl-number-col{width:4%}.pl-reference-table .pl-image-col{width:5%}.pl-reference-table .pl-name-col{width:23%}.pl-reference-table .pl-sku-col{width:12%}.pl-reference-table .pl-category-col{width:11%}.pl-reference-table .pl-type-col{width:8%}.pl-reference-table .pl-price-col{width:19%}.pl-reference-table .pl-status-col{width:10%}.pl-reference-table .pl-action-col{width:8%}body .product-v2 .pl-reference-table th,body .product-v2 .pl-reference-table td{vertical-align:middle;border-bottom:1px solid #e8edf2;padding:.625rem}body .product-v2 table.pl-reference-table :is(th,td):nth-child(n){overflow-wrap:normal;width:auto}body .product-v2 .pl-reference-table th{background:#f0f2f5;font-size:.9375rem;font-weight:600}body .product-v2 .pl-reference-table td{overflow-wrap:normal;height:4.25rem;font-size:.9375rem}body .product-v2 .pl-reference-table td:has(.pl-price-row:nth-child(2)){height:5rem}body .product-v2 .pl-reference-table td:nth-child(3) strong{font-size:1rem;font-weight:600;line-height:1.5}body .product-v2 .pl-reference-table .v2-flavor{margin-top:.125rem;font-size:.875rem;line-height:1.5}body .product-v2 .pl-reference-table img{object-fit:contain;width:3.25rem;height:3.5rem;display:block}.pl-reference-table .pl-number{text-align:center}.pl-reference-table .pl-prices{flex-direction:column;gap:.4375rem;width:100%;display:flex}.pl-reference-table .pl-price-row{white-space:nowrap;color:#1f2937;grid-template-columns:.875rem minmax(0,1fr) auto;align-items:center;gap:.5rem;font-size:.9375rem;line-height:1.4;display:grid}.pl-reference-table .pl-price-row b{text-align:right;font-variant-numeric:tabular-nums;font-size:1rem;font-weight:600}.pl-reference-table .pl-price-row.inactive{color:#626d7c}.pl-reference-table .pl-price-indicator{color:#fff;background:#138341;border-radius:50%;justify-content:center;align-items:center;width:.875rem;height:.875rem;font-size:.625rem;font-weight:600;line-height:1;display:inline-flex}.pl-reference-table .inactive .pl-price-indicator{background:#8a929e}.pl-reference-table .pl-product-status{white-space:nowrap;color:#146b32;background:#def3e4;border-radius:999px;justify-content:center;align-items:center;padding:.25rem .625rem;font-size:.875rem;font-weight:500;line-height:1.5;display:inline-flex}.pl-reference-table .pl-product-status.inactive{color:#4b5563;background:#e9ecf0}body .product-v2 .pl-reference-table .v2-row-actions{flex-wrap:nowrap;justify-content:flex-end;gap:.375rem}body .product-v2 .pl-reference-table .v2-row-actions>.icon-button{width:var(--touch-target);height:var(--touch-target);flex-shrink:0;padding:.5rem}body .product-v2 .v2-products .table-scroll{overscroll-behavior-inline:contain;max-width:100%;overflow-x:auto}.cash-controls{gap:var(--space-6);min-width:0;display:grid}.cash-controls .panel{padding:var(--space-4);min-width:0}.cash-controls h2{font-size:1.25rem;font-weight:600}.cash-controls small{color:var(--muted);display:block}.cash-control-actions,.cash-control-form{gap:var(--space-4);display:grid}.cash-control-actions{grid-template-columns:repeat(auto-fit,minmax(12rem,max-content))}.cash-control-form label{gap:var(--space-2);font-weight:500;display:grid}.cash-number{text-align:right;font-variant-numeric:tabular-nums}.cash-controls [role=alert]{color:var(--red)}.cash-control-form .cash-checkbox{justify-content:flex-start;align-items:center;gap:var(--space-3);min-height:var(--touch-target);display:flex}.cash-control-form .cash-checkbox input{flex:none;order:-1;width:1.25rem;height:1.25rem}.cash-controls td .button{margin:var(--space-1)}.meter-phase4a{min-width:0}.meter-phase4a .panel{margin-bottom:var(--space-4)}.meter-policy{gap:var(--space-4);padding:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.meter-policy strong{font-weight:600}.meter-policy p{margin:var(--space-2) 0 0;color:var(--muted);font-size:var(--text-small)}.meter-phase4a table{min-width:64rem}.meter-phase4a td{vertical-align:middle;padding:var(--space-3)}.meter-phase4a td small{color:var(--muted);margin-top:var(--space-1);display:block}.meter-number{text-align:right;font-variant-numeric:tabular-nums}.meter-phase4a th.meter-number{text-align:right}.meter-phase4a summary{cursor:pointer;min-height:var(--touch-target);align-items:center;font-weight:500;display:flex}.meter-phase4a details>p,.meter-help{color:var(--muted);font-size:var(--text-small)}.meter-recovery{padding:var(--space-4);border:1px solid var(--blue);border-radius:var(--radius);margin-bottom:var(--space-4)}.meter-error{color:var(--red);overflow-wrap:anywhere}.meter-form label{font-weight:500}.meter-form>p{font-size:var(--text-small);color:var(--muted)}.meter-form textarea{min-height:6rem}.meter-phase4a .table-scroll{max-width:100%}.meter-phase4a td{overflow-wrap:anywhere}@media (width<=900px){.meter-policy{grid-template-columns:minmax(0,1fr)}}.responsive-pos{min-width:0}.responsive-pos.pos-wide{flex-direction:column;height:calc(100dvh - 190px);min-height:420px;display:flex}.responsive-pos.pos-wide .phase1-heading{flex:none;margin-bottom:16px}.responsive-pos.pos-wide .phase1-layout{flex:1;grid-template-columns:minmax(0,1fr) minmax(310px,360px);align-items:stretch;gap:16px;min-height:0}.responsive-pos.pos-wide .phase1-catalog{overscroll-behavior:contain;min-height:0;overflow-y:auto}.responsive-pos.pos-wide .phase1-cart{flex-direction:column;min-height:0;display:flex;position:static}.responsive-pos.pos-wide .phase1-cart-heading,.responsive-pos.pos-wide .phase1-summary{flex:none}.responsive-pos.pos-wide .phase1-lines{overscroll-behavior:contain;flex:1;min-height:0;max-height:none;overflow:auto}.responsive-pos.pos-wide .phase1-summary{padding-top:8px}.responsive-pos.pos-wide .phase1-total{margin:8px 0}.responsive-pos.pos-wide .phase1-summary>p{max-height:3.2em;overflow:auto}.responsive-pos.pos-wide .phase1-cart-shortcut{display:none}.responsive-pos.pos-narrow{padding-bottom:88px}.responsive-pos.pos-narrow .phase1-layout{display:block}.responsive-pos.pos-narrow .phase1-heading-actions{display:none}.pos-cart-bar{bottom:max(12px,env(safe-area-inset-bottom));z-index:35;gap:12px;min-height:56px;display:flex;position:fixed;left:16px;right:16px;box-shadow:0 4px 20px #15355030}.pos-cart-bar strong{font-variant-numeric:tabular-nums;margin-left:auto}.responsive-pos.pos-narrow:has(.phase1-filters input:focus) .pos-cart-bar{display:none}.modal-backdrop:has(>.pos-cart-sheet){align-items:flex-end;padding:0}.pos-cart-sheet.modal{border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-width:760px;max-height:calc(100dvh - 16px);margin:0 auto;padding:16px;display:flex;overflow:hidden}.pos-cart-sheet .modal-head{flex:none}.pos-cart-sheet .phase1-cart{border:0;flex-direction:column;min-height:0;padding:0;display:flex;position:static;overflow:auto}.pos-cart-sheet .phase1-cart-heading{display:none}.pos-cart-sheet .phase1-lines{overscroll-behavior:contain;flex:auto;min-height:80px;max-height:36dvh;overflow:auto}.pos-cart-sheet .phase1-summary{padding-bottom:env(safe-area-inset-bottom);flex:none}.pos-cart-sheet .phase1-total{margin:8px 0}.pos-cart-sheet .phase1-summary>p{margin-bottom:0}@media (width<=450px){.pos-cart-bar{gap:8px;padding:10px 12px;left:12px;right:12px}.pos-cart-bar>span:last-child{display:none}}@media print{.pos-cart-bar,.pos-cart-sheet{display:none!important}}.pos-phase1{color:var(--text);min-width:0}.pos-phase1 h1{font-size:var(--text-title);margin:0;font-weight:600;line-height:1.4}.phase1-heading{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.phase1-heading p{color:#64748b;margin:var(--space-2) 0 0}.phase1-status{font-size:var(--text-small);color:var(--blue);border-radius:var(--radius);padding:var(--space-2) var(--space-3);background:#eaf2fa}.phase1-layout{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(20rem,24rem);align-items:start;display:grid}.phase1-catalog,.phase1-cart{background:var(--surface);border-radius:var(--radius);min-width:0;padding:var(--space-4);border:1px solid #e2e8f0}.phase1-filters{gap:var(--space-3);grid-template-columns:minmax(0,1fr) minmax(9rem,12rem);display:grid}.pos-phase1 label{font-size:var(--text-table);font-weight:500}.pos-phase1 input,.pos-phase1 select{font-family:var(--font-family);font-size:var(--text-body);font-weight:500}.phase1-search{align-items:center;gap:var(--space-2);display:flex;position:relative}.phase1-search svg{left:var(--space-3);color:#64748b;position:absolute}.phase1-search input{width:100%;min-width:0;padding-left:2.5rem}.phase1-filters select{width:100%}.phase1-results{font-size:var(--text-small);color:#64748b;margin:var(--space-4) 0}.phase1-products{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,12rem),1fr));align-items:stretch;display:grid}.phase1-product{text-align:left;border-radius:var(--radius);min-width:0;color:var(--text);font-family:var(--font-family);background:#fff;border:1px solid #e2e8f0;flex-direction:column;padding:0;display:flex;overflow:hidden}.phase1-product>img{aspect-ratio:4/3;object-fit:contain;background:var(--bg);width:100%}.phase1-product-copy{gap:var(--space-2);padding:var(--space-3);flex:1;align-content:start;width:100%;min-width:0;display:grid}.phase1-product-copy .phase1-product-name{font-size:var(--text-product);-webkit-line-clamp:3;word-break:normal;overflow-wrap:normal;hyphens:none;-webkit-box-orient:vertical;block-size:4.5em;font-weight:500;line-height:1.5;display:-webkit-box;overflow:hidden}.phase1-product-copy>small{font-size:var(--text-small);color:#64748b}.phase1-price-options{gap:var(--space-2);display:grid}.phase1-price-option{align-items:center;gap:var(--space-2);min-height:var(--touch-target);padding:var(--space-2);border-radius:var(--radius-control);background:var(--surface);color:#1f2937;font-family:var(--font-family);font-size:var(--text-table);text-align:left;cursor:pointer;border:1px solid #b4bfcd;grid-template-columns:minmax(0,1fr) auto;font-weight:500;display:grid}.phase1-price-option:hover:not(:disabled){background:#f7f9fc;border-color:#7c8da3}.phase1-price-option:active:not(:disabled){background:#eef2f6}.phase1-price-option--staff{color:#1f2937;background:#f1f6f2;border-color:#a8b9ac}.phase1-price-option--staff:hover:not(:disabled){background:#e8f0ea;border-color:#879d8d}.phase1-price-option--staff:active:not(:disabled){background:#dfeadf;border-color:#718d7b}.phase1-option-amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.phase1-price-option:disabled{opacity:.6;cursor:not-allowed}.phase1-cart-heading{align-items:center;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid #e2e8f0;display:flex}.phase1-cart h2{font-size:var(--text-section);margin:0;font-weight:600}.phase1-cart-heading>span{font-size:var(--text-small);color:#64748b;margin-left:auto}.phase1-line{padding:var(--space-3) 0;border-bottom:1px solid #e2e8f0}.phase1-line-title{align-items:center;gap:var(--space-2);display:flex}.phase1-line-title strong{overflow-wrap:anywhere;flex:1;min-width:0;font-weight:500}.phase1-line>small{font-size:var(--text-small);color:#64748b}.phase1-line-bottom{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-variant-numeric:tabular-nums;display:flex}.phase1-quantity{align-items:center;gap:var(--space-2);display:flex}.phase1-quantity button{width:var(--touch-target);height:var(--touch-target);background:var(--bg);border-radius:var(--radius-control);color:var(--text);cursor:pointer;border:1px solid #e2e8f0;place-items:center;display:grid}.phase1-quantity output{text-align:center;min-width:2ch}.phase1-summary{padding-top:var(--space-4)}.phase1-subtotal,.phase1-total{justify-content:space-between;align-items:center;gap:var(--space-3);font-variant-numeric:tabular-nums;display:flex}.phase1-total{margin:var(--space-4) 0}.phase1-total output{font-size:var(--text-total);font-weight:700;line-height:1.5}.phase1-payment{margin:0 0 var(--space-4);border:0;min-width:0;padding:0}.phase1-payment legend{font-size:var(--text-table);margin-bottom:var(--space-2);font-weight:500}.phase1-payment-segments{gap:var(--space-1);padding:var(--space-1);background:var(--bg);border-radius:var(--radius);border:1px solid #e2e8f0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.phase1-payment label{justify-content:center;align-items:center;gap:var(--space-2);min-width:0;min-height:var(--touch-target);padding:var(--space-2);border-radius:var(--radius-control);color:var(--text);cursor:pointer;margin:0;display:flex;position:relative}.phase1-payment label.is-selected{background:var(--green);color:#fff}.phase1-payment label:not(.is-selected):hover{background:var(--color-hover)}.phase1-payment input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.phase1-payment label:has(input:focus-visible){outline:3px solid var(--blue);outline-offset:2px}.phase1-payment label:has(input:disabled){opacity:.6;cursor:not-allowed}.phase1-payment-check{visibility:hidden;display:flex}.phase1-payment label.is-selected .phase1-payment-check{visibility:visible}.phase1-payment svg{flex-shrink:0}.phase1-confirm{width:100%}.phase1-summary>p{font-size:var(--text-small);color:#64748b;margin:var(--space-2) 0 0}.pos-phase1 button:focus-visible,.pos-phase1 input:focus-visible,.pos-phase1 select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.phase1-error p{overflow-wrap:anywhere}.phase1-lines{max-height:38rem;overflow-y:auto}.phase1-cart{top:var(--space-4);position:sticky}.phase1-heading-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.phase1-cart-shortcut{display:none}.phase1-cart{scroll-margin-top:var(--space-4)}@media (width<=1100px){.phase1-layout{grid-template-columns:minmax(0,1fr)}.phase1-cart{position:static}.phase1-lines{max-height:none}.phase1-heading{flex-wrap:wrap;align-items:flex-start}.phase1-cart-shortcut{display:inline-flex}}@media (width<=600px){.phase1-filters{grid-template-columns:minmax(0,1fr)}.phase1-total{flex-wrap:wrap}}
