.cashier-section{padding-top:20px;padding-bottom:70px;scroll-margin-top:30px}
.cashier-section-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}
.cashier-section-heading h2{font-size:34px;line-height:1.4;letter-spacing:-.035em;margin-top:13px}
.cashier-intro{font-size:14px;line-height:1.9;color:var(--muted);margin-top:12px}
.cashier-shell{border:1px solid #ccd3dc;border-radius:12px;overflow:hidden;background:#f0eeee;color:#212529;box-shadow:0 12px 35px -20px #284e7b44;font-size:14px}
.cashier-shell button,.cashier-shell select,.cashier-shell input{font-family:inherit}
.cashier-shell button{line-height:1.4;background:#f4f4f4;border:1px solid #ccc;border-radius:5px;color:#212529}
.cashier-shell button:hover:not(:disabled){filter:brightness(.97)}
.cashier-shell button:disabled{cursor:default;opacity:.45}
.cashier-shell button.cashier-primary{background:var(--blue);color:white;border-color:var(--blue);font-weight:600}
.cashier-top{height:61px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px;border-bottom:1px solid #ccc;background:#fff}
.cashier-navigation{display:flex;align-items:center;gap:5px;min-width:0}
.cashier-navigation>button{padding:10px 15px;font-size:15px;border-color:transparent;white-space:nowrap;background:white}
.cashier-navigation>button.active{background:#c8dcf0;color:#064d98}
.cashier-nav-divider{width:1px;height:30px;background:#d9dde3;margin:0 10px;flex:none}
.cashier-order-tab{font-size:12px;font-weight:600;color:#4e677f;padding:8px 12px;background:#eaf2fb;border-radius:5px;white-space:nowrap}
.cashier-header-right{display:flex;align-items:center;gap:18px;min-width:0}
.cashier-search{display:flex;align-items:center;gap:5px;border:1px solid #ccc;border-radius:5px;padding:7px 10px;background:white}
.cashier-search>span{font-size:21px;line-height:1;color:#626e7b}
.cashier-search input{width:215px;min-width:0;border:0;padding:3px;color:#212529;background:white;font-size:13px}
.cashier-search input:focus-visible{outline-offset:3px}
.cashier-search:has(input:disabled){opacity:.5}
.cashier-operator{font-size:12px;color:#5f6b79;white-space:nowrap;padding-right:8px}
.cashier-screen{height:590px;overflow:hidden}
.cashier-shop{display:flex;height:100%;position:relative}
.cashier-cart{width:400px;display:flex;flex-direction:column;padding:0 8px 8px;background:#fff;border-right:1px solid #ccc;flex:none}
.cashier-order-lines{flex:1;min-height:135px;overflow:auto;margin:0 -8px}
.cashier-order-line{width:100%;text-align:left;border:0!important;border-radius:0!important;padding:12px 14px;background:white!important}
.cashier-order-line.selected{background:#c8dcf0!important}
.cashier-line-main{display:flex;gap:9px;align-items:flex-start;font-size:14px;line-height:1.5}
.cashier-line-main>b{min-width:18px;font-weight:700}
.cashier-line-main strong{font-weight:500;flex:1}
.cashier-line-main em{font-style:normal;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.cashier-line-detail{display:block;font-size:11px;color:#5e6e7d;line-height:1.6;margin-top:5px;margin-left:27px}
.cashier-empty-cart{height:100%;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;color:#65717d}
.cashier-empty-cart>span{font-size:42px;color:#bdc6cf;line-height:1;margin-bottom:18px}
.cashier-empty-cart h3{font-size:20px;font-weight:500;margin-bottom:9px}
.cashier-empty-cart p{font-size:12px;line-height:1.8;max-width:240px}
.cashier-total-block{border-top:1px solid #ccc;padding:12px 8px 8px;flex:none}
.cashier-total-block>div{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin-bottom:7px;color:#687583}
.cashier-total-block>strong{display:flex;justify-content:space-between;gap:12px;font-size:24px;line-height:1.4;font-weight:700;font-variant-numeric:tabular-nums}
.cashier-cart-controls{display:flex;gap:6px;margin-top:5px;flex:none}
.cashier-cart-controls>label{display:flex;align-items:center;gap:7px;padding:8px 10px;background:#f4f4f4;border:1px solid #ccc;border-radius:5px;flex:1;min-width:0}
.cashier-cart-controls>label>span{flex:none;font-size:12px;color:#687381}
.cashier-cart-controls select{flex:1;width:auto;min-width:0;border:0;background:transparent;font-size:13px;color:#212529}
.cashier-cart-controls>button{font-size:13px;padding:8px 14px}
.cashier-numpad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:6px;overflow:hidden;gap:1px;background:#ccc;border:1px solid #ccc;margin-top:8px;flex:none}
.cashier-numpad>button{border:0;border-radius:0;font-size:20px;height:54px;font-weight:500}
.cashier-numpad>button.mode-key{font-size:13px}
.cashier-numpad>button.selected-mode{background:#c8dcf0;color:#064d98}
.cashier-pay{min-height:70px;display:flex;align-items:center;justify-content:space-between;padding:12px 20px;font-size:20px;margin-top:8px;flex:none}
.cashier-pay>span{font-size:18px;font-variant-numeric:tabular-nums}
.cashier-pay>span>span{margin-left:15px;font-size:25px;font-weight:400}
.cashier-products{flex:1;min-width:0;display:flex;flex-direction:column;background:#f4f4f4}
.cashier-categories{display:flex;gap:6px;padding:10px 10px 14px;overflow-x:auto;flex:none}
.cashier-categories button{min-height:45px;padding:9px 20px;border-color:#dedede;background:white;white-space:nowrap;font-size:14px}
.cashier-categories button[aria-pressed="true"]{background:#c8dcf0;border-color:#a9c9e9;color:#064d98}
.cashier-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(115px,1fr));gap:8px;padding:0 10px 12px;overflow:auto;align-content:start}
.cashier-product-card{min-width:0;width:100%;white-space:normal;overflow-wrap:anywhere;min-height:95px;position:relative;padding:12px!important;border-color:#e2e2e2!important;border-radius:8px!important;display:flex;align-items:center;justify-content:center;text-align:center;font-size:15px;font-weight:500;line-height:1.5}
.cashier-product-card.cashier-color-care{background:#e9e6f5}
.cashier-product-card.cashier-color-food{background:#f5eddb}
.cashier-product-card.cashier-color-drink{background:#e1edf4}
.cashier-product-count{position:absolute;right:5px;bottom:5px;background:#212529;color:white;min-width:23px;padding:2px 6px;border-radius:4px;line-height:1.4;font-size:13px}
.cashier-no-results{grid-column:1/-1;text-align:center;color:#87909b;font-size:14px;margin:80px 15px}
.cashier-mobile-switch{display:none}
.cashier-status{min-height:33px;border-top:1px solid #d9dde2;background:#fff;padding:8px 12px;font-size:11px;line-height:1.6;color:#728093}
.cashier-disclaimer{font-size:11px;line-height:1.8;color:#8a98aa;margin-top:14px;text-align:center}
.cashier-payment{height:100%;display:flex;gap:8px;padding:8px;background:#f0eeee}
.cashier-payment-left{width:392px;flex:none;display:flex;flex-direction:column;min-height:0}
.cashier-payment-left h3{font-size:12px;color:#6c7784;font-weight:500;padding:8px 4px 12px}
.cashier-methods{display:flex;flex-direction:column;gap:8px}
.cashier-methods button{min-height:61px;display:flex;align-items:center;gap:15px;font-size:17px;text-align:left;padding:12px 20px}
.cashier-methods button>span{color:#657482;font-size:23px}
.cashier-methods button[aria-pressed="true"]{background:#c8dcf0;border-color:#a6c2de}
.cashier-payment-help{font-size:12px;line-height:1.8;color:#7b8794;margin:18px 6px;flex:1}
.cashier-payment-actions{display:grid;grid-template-columns:.7fr 1.3fr;gap:8px;margin-top:8px}
.cashier-payment-actions>button{min-height:70px;font-size:14px;padding:12px}
.cashier-payment-summary{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:35px 36px;background:#fff;border-radius:6px}
.cashier-payment-kicker{font-size:13px;color:#6b7785;margin-bottom:10px}
.cashier-payment-total{font-size:clamp(32px,4vw,70px);font-weight:700;letter-spacing:-.045em;font-variant-numeric:tabular-nums;line-height:1.35}
.cashier-payment-line{display:flex;justify-content:space-between;align-items:center;gap:25px;border:1px solid #b9c9dc;background:#eaf1f8;border-radius:5px;padding:12px 15px;width:100%;margin-top:30px;font-size:15px}
.cashier-payment-line>label{display:flex;align-items:center;gap:5px;min-width:0}
.cashier-payment-currency{font-size:12px;color:#778593}
.cashier-payment-line input{width:135px;padding:8px 6px;border:1px solid #b8c5d5;border-radius:4px;background:white;text-align:right;font-size:19px;color:#212529;font-variant-numeric:tabular-nums}
.cashier-change-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:14px;padding:15px 5px;border-bottom:1px solid #e2e5e9}
.cashier-change-row strong{font-size:19px;font-variant-numeric:tabular-nums}
.cashier-payment-state{font-size:12px;line-height:1.8;color:#5e7a6c;margin-top:18px;text-align:center}
.cashier-payment-state.insufficient{color:#a16e35}
.cashier-payment-sample{font-size:11px;color:#8f99a4;margin-top:9px;line-height:1.8;text-align:center}
.cashier-receipt-screen{height:100%;display:grid;grid-template-columns:400px 1fr;gap:20px;padding:25px;background:#f4f4f4}
.cashier-receipt-actions{padding:45px 18px;display:flex;flex-direction:column;align-items:flex-start}
.cashier-receipt-actions h3{font-size:27px;font-weight:600;line-height:1.5;margin-top:22px}
.cashier-receipt-actions p{font-size:14px;line-height:1.9;color:#6f7c8a;margin-top:12px}
.cashier-receipt-actions button{font-size:18px;min-height:65px;padding:14px 22px;margin-top:30px;display:flex;gap:35px;align-items:center}
.cashier-receipt-actions small{font-size:11px;color:#929da8;line-height:1.8;margin-top:17px}
.cashier-receipt-scroll{overflow:auto;padding:5px 10px 20px}
.cashier-receipt-paper{max-width:340px;margin:0 auto;background:white;border:1px solid #e1e1e1;box-shadow:0 4px 15px #14263c0b;padding:23px 24px;color:#454b53;text-align:center;font-size:11px;line-height:1.7;font-variant-numeric:tabular-nums}
.cashier-receipt-paper>img{object-fit:contain;margin-bottom:5px}
.cashier-receipt-paper h3{font-size:17px;letter-spacing:.08em;margin-bottom:7px}
.cashier-receipt-label{font-weight:600;color:#738092;line-height:1.6;margin-bottom:9px}
.cashier-receipt-lines{margin:16px 0 11px;border-block:1px dashed #bdc2c9;padding-block:5px;text-align:left}
.cashier-receipt-lines>div{display:grid;grid-template-columns:1fr auto;gap:3px 10px;padding-block:8px}
.cashier-receipt-lines strong{font-size:12px;font-weight:600;line-height:1.5}
.cashier-receipt-lines b{font-weight:500;white-space:nowrap}
.cashier-receipt-lines span{grid-column:1/-1;font-size:10px;color:#87909a}
.cashier-receipt-total{display:flex;justify-content:space-between;gap:10px;font-size:16px;margin-bottom:10px;line-height:1.5}
.cashier-receipt-kv{display:flex;justify-content:space-between;gap:10px;font-size:10px;margin-top:5px;text-align:left}
.cashier-receipt-kv b{font-weight:500;white-space:nowrap}
.cashier-receipt-thanks{margin-top:20px;font-size:11px}
.cashier-receipt-paper footer{font-size:10px;letter-spacing:.1em;font-weight:600;color:#939aa3;margin-top:13px;padding-top:12px;border-top:1px dashed #bdc2c9}
.cashier-history{height:100%;overflow:auto;padding:25px}
.cashier-history>h3{font-size:22px;line-height:1.4}
.cashier-history>p{font-size:12px;color:#7f8a98;margin-top:8px}
.cashier-history-list{display:flex;flex-direction:column;gap:8px;margin-top:25px}
.cashier-history-list>button{display:grid;grid-template-columns:1fr 1fr auto auto;gap:30px;align-items:center;padding:18px 22px;background:white;text-align:left}
.cashier-history-list strong{font-size:14px}
.cashier-history-list span{font-size:12px;color:#708c7c}
.cashier-history-list b{font-size:16px;font-variant-numeric:tabular-nums}
.cashier-history-list small{font-size:12px;color:var(--blue)}
.cashier-history-empty{height:75%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;text-align:center}
.cashier-history-empty h4{font-size:18px;font-weight:500;margin:0}
.cashier-history-empty p{font-size:13px;line-height:1.8;color:#7f8a98}
.cashier-history-empty button{padding:12px 25px;margin-top:8px}
@media(min-width:1400px){.cashier-cart{width:450px}.cashier-payment-left{width:442px}}
@media(max-width:1100px){.cashier-search input{width:165px}.cashier-operator{display:none}.cashier-cart{width:370px}.cashier-payment-left{width:362px}.cashier-payment-summary{padding-inline:25px}.cashier-payment-total{font-size:48px}.cashier-receipt-screen{grid-template-columns:330px 1fr}.cashier-receipt-actions{padding:35px 10px}}
@media(max-width:960px){.cashier-section-heading .eyebrow{justify-content:flex-start}.cashier-screen{height:600px}.cashier-cart{width:330px}.cashier-payment-left{width:322px}.cashier-product-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.cashier-payment-summary{padding-inline:20px}.cashier-payment-total{font-size:38px}.cashier-payment-line{gap:10px;padding-inline:10px}.cashier-payment-line input{width:105px;font-size:17px}.cashier-receipt-screen{grid-template-columns:280px 1fr;padding:20px;gap:10px}.cashier-receipt-actions h3{font-size:23px}.cashier-receipt-actions p{font-size:13px}}
@media(max-width:700px){.cashier-section{padding-top:8px;padding-bottom:46px}.cashier-section-heading{align-items:flex-start;gap:15px;margin-bottom:22px}.cashier-section-heading h2{font-size:27px}.cashier-intro{font-size:13px}.cashier-section-heading .reset-button{font-size:11px;margin-top:3px}.cashier-shell{border-radius:8px}.cashier-top{height:auto;min-height:106px;flex-wrap:wrap;gap:8px;padding:8px}.cashier-navigation{width:100%}.cashier-navigation>button{font-size:13px;padding:8px 12px}.cashier-nav-divider{margin-inline:7px;height:25px}.cashier-order-tab{font-size:10px;padding:7px 10px}.cashier-header-right{width:100%}.cashier-search{width:100%;padding:5px 8px}.cashier-search input{width:100%;font-size:12px}.cashier-screen{height:620px}.cashier-shop{display:flex;flex-direction:column}.cashier-cart{width:100%;border-right:0;flex:1;min-height:0;display:none}.cashier-products{flex:1;min-height:0}.cashier-shop[data-pane="cart"] .cashier-cart{display:flex}.cashier-shop[data-pane="cart"] .cashier-products{display:none}.cashier-cart>.cashier-pay{display:none}.cashier-mobile-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px;border-top:1px solid #ccc;background:white;flex:none}.cashier-mobile-switch button{min-height:70px;display:flex;flex-direction:column;justify-content:center;gap:4px;font-size:13px}.cashier-mobile-switch button strong{font-size:16px}.cashier-mobile-switch button span{font-size:12px}.cashier-categories{padding:8px 8px 12px;gap:5px}.cashier-categories button{font-size:12px;padding-inline:15px;min-height:40px}.cashier-product-grid{padding:0 8px 10px;gap:6px;grid-template-columns:repeat(auto-fill,minmax(95px,1fr))}.cashier-product-card{font-size:13px;min-height:100px;aspect-ratio:1.25}.cashier-numpad>button{height:46px}.cashier-order-lines{min-height:140px}.cashier-line-main{font-size:13px}.cashier-total-block>strong{font-size:22px}.cashier-cart-controls{margin-bottom:3px}.cashier-payment{display:flex;flex-direction:column;gap:8px;padding:10px;overflow:auto}.cashier-payment-left{display:contents}.cashier-payment-left>h3{order:0;padding-block:0;font-size:11px}.cashier-methods{order:1;flex-direction:row;gap:8px}.cashier-methods button{flex:1;min-height:48px;padding:10px 14px;font-size:14px;gap:10px}.cashier-methods button>span{font-size:18px}.cashier-payment-help{order:2;margin:0 4px;font-size:10px;flex:none}.cashier-payment-summary{order:3;flex:none;padding:16px 15px;border:1px solid #e0e3e6}.cashier-payment-total{font-size:36px}.cashier-payment-kicker{font-size:11px;margin-bottom:3px}.cashier-payment-line{margin-top:14px;font-size:13px;padding-block:8px}.cashier-payment-line input{width:110px;font-size:17px;padding:6px}.cashier-change-row{padding-block:10px;font-size:12px}.cashier-change-row strong{font-size:16px}.cashier-payment-state{margin-top:10px;font-size:10px}.cashier-payment-sample{font-size:9px;margin-top:4px}.cashier-payment-left>.cashier-numpad{order:4;flex:none;margin-top:0}.cashier-payment-left>.cashier-numpad>button{height:36px;font-size:17px}.cashier-payment-actions{order:5;flex:none;margin-top:0}.cashier-payment-actions>button{min-height:54px;font-size:12px;padding:8px}.cashier-status{font-size:9px;padding:7px 9px;min-height:32px}.cashier-disclaimer{font-size:10px;padding-inline:8px;text-align:left}.cashier-receipt-screen{display:flex;flex-direction:column;gap:15px;padding:17px 12px;overflow:auto}.cashier-receipt-actions{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:6px 10px;padding:0}.cashier-receipt-actions .success-icon{width:25px;height:25px;font-size:13px}.cashier-receipt-actions h3{font-size:19px;margin:0}.cashier-receipt-actions p{grid-column:1/-1;font-size:11px;margin:0}.cashier-receipt-actions button{grid-column:1/-1;width:100%;min-height:45px;margin-top:7px;font-size:14px;padding:10px 16px;justify-content:space-between}.cashier-receipt-actions small{display:none}.cashier-receipt-scroll{overflow:visible;padding:0}.cashier-receipt-paper{padding:19px 21px}.cashier-history{padding:20px 15px}.cashier-history-list>button{grid-template-columns:1fr auto;gap:8px 15px;padding:15px}.cashier-history-list strong{font-size:12px}.cashier-history-list span{font-size:10px;grid-column:1}.cashier-history-list b{grid-column:2;grid-row:1;font-size:14px}.cashier-history-list small{grid-column:2;grid-row:2;font-size:11px}.cashier-history-empty h4{font-size:15px}.cashier-history-empty p{font-size:12px}}
@media(max-width:520px){.cashier-section-heading{display:block;position:relative}.cashier-section-heading .eyebrow{font-size:10px;padding-right:85px}.cashier-section-heading>.reset-button{position:absolute;right:0;top:0;font-size:10px;padding:6px 8px}.cashier-section-heading h2{font-size:24px}.cashier-intro{font-size:12px}.cashier-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}