/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}}:root{--ink:#26231f;--cream:#f5f1e8;--paper:#fffdf8;--line:#dfd8ca;--coffee:#583b2b;--green:#2f7654;--orange:#d47745;--red:#a84e3f}*{box-sizing:border-box}html,body{background:var(--cream);min-height:100%;color:var(--ink);margin:0;font-family:Noto Sans Thai,Leelawadee UI,Tahoma,Arial,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #d4774550}.coffee-pos{min-height:100vh}.pos-top{color:#fff;z-index:20;background:#28231f;align-items:center;gap:24px;height:76px;padding:0 22px;display:flex;position:sticky;top:0}.coffee-brand{align-items:center;gap:10px;min-width:185px;display:flex}.coffee-brand>span,.login-brand>span{background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font:800 19px Georgia;display:grid}.coffee-brand b,.coffee-brand small{display:block}.coffee-brand small{letter-spacing:1.7px;color:#a9a29c;font-size:7px}.shift-pill{color:#bbb;background:#39332e;border:1px solid #5d5751;border-radius:20px;align-items:center;gap:7px;padding:8px 13px;font-size:9px;display:flex}.shift-pill i{background:#888;border-radius:50%;width:7px;height:7px}.top-right{align-items:center;gap:8px;margin-left:auto;display:flex}.top-right button{color:#fff;background:#342e29;border:1px solid #504943;border-radius:7px;padding:9px 12px;font-size:9px}.top-right .user{color:#49382e;background:#eee1d2;border-radius:50%;width:36px;height:36px;padding:0;font-weight:800}.coffee-auth-loading{color:#172226;background:#f4f7f8;place-content:center;justify-items:center;gap:18px;min-height:100dvh;display:grid}.coffee-auth-loading img{object-fit:contain;width:96px;height:96px}.login-error{color:#bd4034;background:#fff0ee;border-radius:10px;margin:0;padding:10px 12px;font-weight:700}.production-empty-menu{text-align:center;color:#607075;background:#f8fbfb;border:1px dashed #bdc9cc;border-radius:20px;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:10px;min-height:320px;display:flex}.production-empty-menu span{font-size:42px}.production-empty-menu b{color:#172226;font-size:22px}.production-empty-menu p{margin:0}.production-empty-menu button{color:#fff;background:#11b5d3;border:0;border-radius:12px;margin-top:8px;padding:12px 18px;font-weight:800}.pos-layout{grid-template-columns:minmax(0,1fr) 390px;min-height:calc(100vh - 76px);display:grid}.menu-pane{min-width:0;padding:27px 25px 55px}.menu-head{justify-content:space-between;align-items:end;display:flex}.menu-head small,.order-head small,.custom-modal header small,.shift-modal header small,.receipt-modal header small,.bo-hero small,.bo-panel header small{letter-spacing:1.5px;color:var(--orange);font-size:8px;font-weight:800}.menu-head h1{margin:3px 0 0;font-size:25px}.menu-search{border:1px solid var(--line);background:var(--paper);border-radius:8px;gap:8px;width:280px;padding:9px 11px;display:flex}.menu-search input{background:0 0;border:0;outline:0;width:100%;font-size:10px}.cat-tabs{gap:7px;margin:20px 0 15px;padding-bottom:2px;display:flex;overflow:auto}.cat-tabs button{white-space:nowrap;border:1px solid var(--line);background:#fffdf8;border-radius:20px;padding:8px 12px;font-size:9px}.cat-tabs button span{color:#999;margin-left:6px}.cat-tabs button.active{background:var(--coffee);border-color:var(--coffee);color:#fff}.drink-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;display:grid}.drink-card{border:1px solid var(--line);background:var(--paper);text-align:left;border-radius:11px;padding:0;transition:all .16s;overflow:hidden}.drink-card:hover{transform:translateY(-2px);box-shadow:0 7px 17px #4c382b12}.drink-art{place-items:center;height:105px;display:grid;position:relative}.drink-art i{color:#fff;background:#ffffff35;border:2px solid #fffa;border-radius:8px 8px 18px 18px;place-items:center;width:54px;height:66px;font-size:22px;font-style:normal;display:grid}.drink-art em{color:#fff;background:#3a3029bb;place-items:center;font-size:12px;font-style:normal;font-weight:800;display:grid;position:absolute;inset:0}.drink-info{padding:11px;display:block}.drink-info small,.drink-info b,.drink-info strong{display:block}.drink-info small{color:#8b867e;font-size:7px}.drink-info b{margin:3px 0 9px;font-size:11px}.drink-card.soldout{opacity:.72}.order-pane{background:var(--paper);border-left:1px solid var(--line);flex-direction:column;height:calc(100vh - 76px);display:flex;position:sticky;top:76px;overflow:auto}.order-head{border-bottom:1px solid #eee8dc;justify-content:space-between;align-items:center;padding:18px 18px 13px;display:flex}.order-head h2{margin:3px 0;font-size:17px}.order-head>b{background:#eee8dc;border-radius:12px;padding:5px 9px;font-size:9px}.customer-field{border-bottom:1px solid #eee8dc;padding:11px 18px;font-size:8px;font-weight:700}.customer-field input{border:1px solid var(--line);background:#faf7f0;border-radius:6px;width:100%;margin-top:5px;padding:8px;font-size:9px;display:block}.cart-lines{flex:1;min-height:140px;padding:5px 18px}.empty-order{text-align:center;color:#aaa;place-content:center;height:190px;display:grid}.empty-order>span{font-size:26px}.empty-order b,.empty-order small{display:block}.empty-order b{color:#777;margin-top:7px;font-size:11px}.empty-order small{margin-top:3px;font-size:8px}.cart-line{border-bottom:1px solid #eee8dc;grid-template-columns:23px 1fr auto;gap:8px;padding:11px 0;display:grid}.cart-line>span{background:#e9e2d6;border-radius:50%;place-items:center;width:22px;height:22px;font-size:8px;display:grid}.cart-line b,.cart-line small,.cart-line em,.cart-line strong{display:block}.cart-line>div>b{font-size:10px}.cart-line small{color:#858078;margin-top:3px;font-size:7px}.cart-line em{color:var(--orange);font-size:7px;font-style:normal}.cart-line strong{margin-top:6px;font-size:10px}.line-qty{border:1px solid var(--line);border-radius:5px;align-self:center;align-items:center;height:28px;display:flex!important}.line-qty button{background:#f3eee5;border:0;width:24px;height:26px}.line-qty b{text-align:center;width:20px;font-size:9px}.payment-box{padding:10px 18px}.payment-box>span{font-size:8px;font-weight:700}.payment-box>div{grid-template-columns:repeat(2,1fr);gap:5px;margin-top:5px;display:grid}.payment-box button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:8px;font-size:8px}.payment-box button.active{border-color:var(--orange);color:#b45129;background:#fff2e9;font-weight:800}.totals{border-top:1px solid #eee8dc;justify-content:space-between;align-items:center;padding:10px 18px;display:flex}.totals span{font-size:10px}.charge{background:var(--orange);color:#fff;border:0;border-radius:8px;justify-content:space-between;margin:0 18px;padding:13px 14px;font-size:11px;font-weight:800;display:flex;box-shadow:0 3px #a74e27}.charge:disabled{background:#bbb;box-shadow:0 3px #999}.order-foot{gap:6px;padding:10px 18px 15px;display:flex}.order-foot button{border:1px solid var(--line);background:#fff;border-radius:5px;flex:1;padding:7px;font-size:8px}.coffee-overlay{z-index:50;background:#24201db3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.custom-modal,.shift-modal,.receipt-modal{background:var(--paper);border-radius:13px;width:min(760px,100%);max-height:94vh;overflow:auto}.custom-modal>header,.shift-modal>header,.receipt-modal>header{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:13px;padding:17px 20px;display:flex}.custom-art{color:#fff;border-radius:10px;place-items:center;width:58px;height:58px;font-size:22px;display:grid}.custom-modal header>div,.shift-modal header>div,.receipt-modal header>div{flex:1}.custom-modal h2,.shift-modal h2,.receipt-modal h2{margin:2px 0;font-size:20px}.custom-modal header p,.shift-modal header p,.receipt-modal header p{color:#888;margin:0;font-size:8px}.custom-modal header>button,.shift-modal header>button,.receipt-modal header>button{background:0 0;border:0;font-size:24px}.custom-body{padding:14px 20px}.custom-group{border-bottom:1px solid #eee8dc;padding:10px 0}.custom-group>div:first-child{justify-content:space-between;margin-bottom:7px;display:flex}.custom-group b{font-size:9px}.custom-group small{color:#888;font-size:7px}.choice-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.choice-grid button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px;font-size:8px}.choice-grid button.active{border-color:var(--orange);color:#a64a22;background:#fff0e7;font-weight:800}.choice-grid.toppings{grid-template-columns:repeat(3,1fr)}.choice-grid.toppings button{justify-content:space-between;display:flex}.drink-note{padding-top:12px;font-size:8px;font-weight:700;display:block}.drink-note textarea{border:1px solid var(--line);background:#faf7f0;border-radius:7px;width:100%;min-height:55px;margin-top:5px;padding:9px;display:block}.custom-modal>footer,.shift-modal>footer{border-top:1px solid var(--line);background:#fff;justify-content:flex-end;gap:7px;padding:12px 20px;display:flex;position:sticky;bottom:0}.custom-modal>footer button,.shift-modal>footer button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:10px 14px;font-size:9px}.custom-modal .add-drink,.shift-modal .confirm-shift{background:var(--orange);border-color:var(--orange);color:#fff;font-weight:800;display:flex}.custom-modal .add-drink{justify-content:space-between;min-width:190px}.shift-modal .confirm-shift{justify-content:center;width:auto;min-width:0;padding-inline:20px}.shift-modal{width:min(480px,100%)}.shift-modal>label{margin:20px;font-size:9px;font-weight:700;display:block;position:relative}.shift-modal>label input{border:1px solid var(--line);background:#faf7f0;border-radius:8px;width:100%;margin-top:6px;padding:13px 50px 13px 13px;font-size:18px;font-weight:800;display:block}.shift-modal>label span{color:#888;font-size:9px;position:absolute;bottom:15px;right:13px}.quick-cash{grid-template-columns:repeat(4,1fr);gap:6px;padding:0 20px 20px;display:grid}.quick-cash button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:8px;font-size:8px}.shift-summary{padding:14px 20px 0}.shift-summary p{justify-content:space-between;margin:7px 0;font-size:9px;display:flex}.shift-summary .expected{border-top:1px solid var(--line);padding-top:10px;font-size:11px}.difference{border-radius:7px;justify-content:space-between;margin:0 20px 20px;padding:12px;font-size:10px;display:flex}.difference.ok{color:var(--green);background:#e4f1e9}.difference.over{color:#a66b18;background:#fff0dd}.difference.short{color:var(--red);background:#fae5df}.receipt-modal{width:min(440px,100%)}.shift-modal,.receipt-modal{flex-direction:column;display:flex;overflow:hidden}.shift-modal>header,.receipt-modal>header{flex:none}.shift-modal-body,.receipt-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow:hidden auto}.shift-modal-body>label{margin:20px;font-size:9px;font-weight:700;display:block;position:relative}.shift-modal-body>label input{border:1px solid var(--line);background:#faf7f0;border-radius:8px;width:100%;margin-top:6px;padding:13px 50px 13px 13px;font-size:18px;font-weight:800;display:block}.shift-modal-body>label span{color:#888;font-size:9px;position:absolute;bottom:15px;right:13px}.receipt-modal header>span{width:48px;height:48px;color:var(--green);background:#e3f1e9;border-radius:50%;place-items:center;font-size:20px;display:grid}.receipt-paper{text-align:center;background:#fff;width:310px;margin:18px auto;padding:24px;box-shadow:0 4px 20px #3c2f2815}.receipt-logo{background:var(--coffee);color:#fff;border-radius:50%;place-items:center;width:39px;height:39px;margin:auto;font:800 17px Georgia;display:grid}.receipt-paper h3{margin:7px 0 2px;font-size:12px}.receipt-paper>p{color:#888;font-size:7px}.queue-no{background:#f3eee5;margin:15px 0;padding:12px}.queue-no span,.queue-no small{font-size:7px;display:block}.queue-no b{font-size:30px;display:block}.receipt-line{text-align:left;border-bottom:1px dashed #ddd;justify-content:space-between;padding:8px 0;font-size:8px;display:flex}.receipt-line small{color:#888;font-size:7px;display:block}.receipt-total{justify-content:space-between;padding:12px 0;font-size:10px;display:flex}.receipt-paper footer{border-top:1px dashed #ddd;padding-top:10px;font-size:7px}.receipt-buttons{padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fff;flex:none;gap:7px;display:flex;box-shadow:0 -8px 20px #17222910}.receipt-buttons button{border:1px solid var(--line);background:#fff;border-radius:6px;flex:1;padding:10px;font-size:9px}.receipt-buttons .new-order{background:var(--orange);color:#fff;border-color:var(--orange)}.coffee-toast{color:#fff;z-index:80;background:#2f7654;border-radius:8px;padding:11px 14px;font-size:9px;position:fixed;bottom:18px;right:18px}.coffee-login{color:#fff;background:#26211d;grid-template-columns:1.2fr .8fr;min-height:100vh;display:grid}.coffee-login>section{background:radial-gradient(circle at 75% 35%,#6d4b3745,#0000 32%),#26211d;flex-direction:column;padding:45px 55px;display:flex}.login-brand{align-items:center;gap:10px;display:flex}.login-brand b{font-size:18px}.coffee-login section>div:nth-child(2){margin:auto 0}.coffee-login section>div:nth-child(2)>small{color:#e4a67e;font-size:8px}.coffee-login h1{margin:8px 0 13px;font-size:43px;line-height:1.18}.coffee-login section p{color:#aaa29b;max-width:520px;font-size:12px;line-height:1.7}.coffee-login section aside{color:#aaa29b;gap:17px;font-size:8px;display:flex}.coffee-login>form{background:var(--cream);color:var(--ink);flex-direction:column;justify-content:center;padding:45px 12%;display:flex}.login-cup{background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:55px;height:55px;font:800 23px Georgia;display:grid}.coffee-login form>small{color:var(--orange);letter-spacing:1px;margin-top:22px;font-size:8px}.coffee-login form h2{margin:5px 0;font-size:26px}.coffee-login form p{color:#888;margin:0 0 16px;font-size:10px}.coffee-login form label{margin-top:10px;font-size:8px;font-weight:700}.coffee-login form select,.coffee-login form input{border:1px solid var(--line);background:#fff;border-radius:7px;width:100%;margin-top:5px;padding:11px;display:block}.coffee-login form>button{background:var(--orange);color:#fff;text-align:left;border:0;border-radius:7px;margin-top:17px;padding:12px;font-size:10px;font-weight:800}.coffee-login form>button span{float:right}.coffee-login form>em{color:#999;text-align:center;margin-top:12px;font-size:7px;font-style:normal}.backoffice{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.backoffice>aside{color:#fff;background:#27221e;flex-direction:column;padding:25px 16px;display:flex}.coffee-brand.light{min-width:0}.backoffice nav{margin-top:34px}.backoffice nav button{color:#aaa;text-align:left;background:0 0;border:0;border-radius:7px;width:100%;padding:11px;font-size:11px}.backoffice nav button.active{color:#fff;border-left:3px solid var(--orange);background:#3c342e}.logout{color:#aaa;background:0 0;border:1px solid #4b433d;border-radius:6px;margin-top:auto;padding:9px}.backoffice>main{min-width:0}.backoffice>main>header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:78px;padding:0 28px;display:flex}.backoffice>main>header small{color:#888;font-size:8px}.backoffice>main>header h1{margin:2px 0;font-size:20px}.backoffice>main>header button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px 12px;font-size:9px}.bo-content{max-width:1200px;padding:25px 28px}.sales-date-filter{background:#fff;border:1px solid #d5dfe2;border-radius:8px;justify-content:space-between;align-items:end;gap:14px;min-width:0;max-width:100%;margin-bottom:14px;padding:14px 16px;display:flex;overflow:hidden}.sales-date-filter label span,.sales-date-filter small{color:#68767c;font-size:9px;display:block}.date-range-fields{flex:1;align-items:end;gap:10px;min-width:0;max-width:100%;display:flex}.date-range-fields label{flex:1;min-width:0;max-width:100%}.date-range-fields i{color:#68767c;padding-bottom:11px;font-size:10px;font-style:normal}.sales-date-filter input{width:100%;min-width:0;max-width:100%;font:inherit;background:#f8fafb;border:1px solid #cfd9dd;border-radius:7px;margin-top:6px;padding:10px 12px}.bo-hero{color:#fff;background:#322b26;border-radius:11px;justify-content:space-between;align-items:center;padding:23px;display:flex}.bo-hero div>*{display:block}.bo-hero b{margin:5px 0;font-size:31px}.bo-hero span{color:#aaa;font-size:9px}.bo-hero button{background:var(--orange);color:#fff;border:0;border-radius:7px;padding:11px 14px;font-size:9px}.bo-hero button.danger{background:#b85b49}.bo-metrics{grid-template-columns:repeat(4,1fr);gap:10px;margin:12px 0;display:grid}.bo-metrics article,.bo-panel{border:1px solid var(--line);background:#fff;border-radius:9px}.bo-metrics article{padding:16px}.bo-metrics span,.bo-metrics b{display:block}.bo-metrics span{color:#888;font-size:8px}.bo-metrics b{margin-top:6px;font-size:19px}.bo-panel{overflow:hidden}.bo-panel>header{border-bottom:1px solid #eee8dc;justify-content:space-between;align-items:center;padding:17px 18px;display:flex}.bo-panel h2{margin:3px 0;font-size:15px}.rank{border-bottom:1px solid #eee8dc;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:12px 18px;display:grid}.rank i{background:#eee8dc;border-radius:50%;place-items:center;width:25px;height:25px;font-size:8px;display:grid}.rank b,.rank small{display:block}.rank b{font-size:10px}.rank small{color:#888;font-size:8px}.rank strong{font-size:11px}.shift-row{border-bottom:1px solid #eee8dc;grid-template-columns:1.4fr .8fr .7fr .8fr .6fr;align-items:center;gap:10px;padding:14px 18px;font-size:9px;display:grid}.shift-row.history{width:100%;color:inherit;text-align:left;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #eee8dc}.shift-row.history:hover{background:#edf9fc}.shift-row.history em{color:#087990;text-align:right;font-weight:800}.shift-row.current{background:#fff9e7}.empty-shift-history{color:#78858a;text-align:center;margin:0;padding:22px 18px;font-size:10px}.shift-row small{color:#888}.shift-row em{color:var(--green);font-style:normal}.menu-list>header button{background:var(--orange);color:#fff;border:0;border-radius:6px;padding:8px 10px;font-size:8px}.menu-list>div{border-bottom:1px solid #eee8dc;grid-template-columns:42px 1fr .7fr .5fr .6fr 50px;align-items:center;gap:10px;padding:9px 18px;font-size:9px;display:grid}.menu-list>div>span{color:#fff;border-radius:7px;place-items:center;width:36px;height:36px;display:grid}.menu-list>div small{color:#888}.menu-list>div em{color:var(--red);font-style:normal}.menu-list>div em.on{color:var(--green)}.menu-list>div button{border:1px solid var(--line);background:#fff;border-radius:5px;padding:5px;font-size:8px}@media (width<=1180px){.drink-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pos-layout{grid-template-columns:minmax(0,1fr) 360px}}@media (width<=820px){.sales-date-filter{flex-direction:column;align-items:stretch}.date-range-fields{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:8px;width:100%;display:grid}.date-range-fields i{display:none}.sales-date-filter input{appearance:none;width:100%;min-width:0;max-width:100%;min-inline-size:0;max-inline-size:100%;min-height:44px;padding-inline:9px;font-size:16px;overflow:hidden}.sales-date-filter input::-webkit-date-and-time-value{text-align:left;min-width:0}.pos-top{gap:8px;height:64px;padding:0 12px}.coffee-brand{min-width:auto}.coffee-brand div{display:none}.shift-pill{margin-left:auto}.top-right{margin-left:0}.top-right>button:first-child{padding:8px}.pos-layout{min-height:calc(100vh - 64px);display:block}.menu-pane{padding:17px 12px 390px}.menu-head{display:block}.menu-search{width:100%;margin-top:10px}.drink-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.drink-art{height:100px}.order-pane{z-index:25;border-left:0;border-top:3px solid var(--orange);height:365px;position:fixed;inset:auto 0 0;box-shadow:0 -8px 25px #0002}.order-head{padding:9px 13px}.customer-field{display:none}.cart-lines{min-height:70px;max-height:112px;padding:2px 13px;overflow:auto}.empty-order{height:85px}.cart-line{padding:6px 0}.payment-box,.totals{padding:6px 13px}.charge{margin:0 13px;padding:10px 12px}.order-foot{display:none}.coffee-login{grid-template-columns:1fr}.coffee-login>section{display:none}.coffee-login>form{min-height:100vh;padding:40px 13%}.backoffice{display:block}.backoffice>aside{display:none}.backoffice>main>header{padding:0 14px}.bo-content{padding:14px}.bo-metrics,.choice-grid,.choice-grid.toppings,.shift-row{grid-template-columns:1fr 1fr}.shift-row small,.shift-row strong,.shift-row em{font-size:8px}.menu-list>div{grid-template-columns:38px 1fr 55px 45px}.menu-list>div small,.menu-list>div em{display:none}}.shift-modal>footer,.receipt-buttons{z-index:6;flex:none}@media (width<=820px){.shift-modal,.receipt-modal{height:100dvh;max-height:100dvh}.receipt-scroll{padding:0 12px}.receipt-buttons{padding:10px 14px calc(10px + env(safe-area-inset-bottom));gap:9px}.receipt-buttons button,.shift-modal>footer button{min-height:50px;font-size:14px!important}}.drink-card{grid-template-rows:118px minmax(116px,auto);align-content:start;min-width:0;height:auto!important;display:grid!important}.drink-card>.drink-art{grid-row:1;width:100%;min-height:118px;max-height:118px;display:grid;position:relative;overflow:hidden;height:118px!important}.drink-card>.drink-art img{object-fit:cover;pointer-events:none;max-width:100%;max-height:100%;display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.drink-card>.drink-info{z-index:2;background:#fff;flex-direction:column;grid-row:2;align-items:flex-start;min-width:0;min-height:116px;padding:12px 13px 11px;position:relative;display:flex!important}.drink-card>.drink-info small,.drink-card>.drink-info b,.drink-card>.drink-info strong{overflow-wrap:anywhere;max-width:100%}.drink-card>.drink-info b{margin:4px 0 6px;font-size:16px;line-height:1.3}.drink-info-status{color:#168a5b;align-items:center;gap:5px;margin-top:auto;padding-top:7px;font-size:12px;font-style:normal;font-weight:800;display:inline-flex}.drink-info-status:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.drink-info-status.unavailable{color:#c24534}@media (width<=820px){.drink-card{grid-template-rows:112px minmax(118px,auto)}.drink-card>.drink-art{min-height:112px;max-height:112px;height:112px!important}.drink-card>.drink-info{min-height:118px}}body{font-size:15px}button,input,select,textarea{font-size:14px!important}label{font-size:13px!important}small{line-height:1.45;font-size:12px!important}.shift-pill,.top-right button,.cat-tabs button,.customer-field,.payment-box>span,.order-head>b,.order-foot button,.coffee-toast{font-size:13px}.menu-search input{font-size:15px!important}.drink-info small{font-size:12px!important}.drink-info b{font-size:16px;line-height:1.35}.drink-info strong,.empty-order b{font-size:15px}.cart-line>span{font-size:12px}.cart-line>div>b,.cart-line strong{font-size:15px}.cart-line em{font-size:12px}.line-qty b,.totals span{font-size:14px}.totals span small{color:#6c777c;margin-top:3px;display:block}.totals b{font-size:27px}.charge{font-size:16px}.custom-group b,.shift-summary p,.receipt-total,.difference{font-size:13px}.custom-group small,.custom-modal header p,.shift-modal header p,.receipt-modal header p{font-size:12px!important}.choice-grid button{min-height:48px}.backoffice nav button,.bo-mobile-tabs button{font-size:14px!important}.backoffice table,.bo-panel,.bo-metrics,.sales-profit-summary{font-size:13px}.receipt-paper h3{font-size:16px}.receipt-paper>p,.queue-no span,.queue-no small,.receipt-line,.receipt-line small,.receipt-paper footer{font-size:11px!important}.receipt-total{font-size:14px}.receipt-total b{font-size:18px}.discount-box{background:#fff;border:1px solid #cfd9dd;border-radius:10px;margin-bottom:14px;overflow:hidden}.discount-box.open{border-color:var(--cyan);box-shadow:0 0 0 2px #10b6da18}.discount-trigger{width:100%;min-height:52px;color:var(--ink);background:#f5f8f9;border:0;justify-content:space-between;align-items:center;padding:12px 14px;font-weight:800;display:flex}.discount-trigger b{color:#087990}.discount-controls{border-top:1px solid #dce3e6;padding:14px}.discount-modes{grid-template-columns:1fr 1fr;gap:8px;display:grid}.discount-modes button{color:#37454b;background:#fff;border:1px solid #cfd9dd;border-radius:8px;min-height:46px;padding:8px 10px;font-weight:700}.discount-modes button.active{border-color:var(--cyan);color:#087990;background:#e9faff}.discount-controls>label{grid-template-columns:1fr 90px 42px;align-items:center;gap:8px;margin-top:12px;font-weight:700;display:grid;position:relative}.discount-controls input{text-align:right;border:1px solid #cfd9dd;border-radius:8px;width:100%;height:46px;padding:0 12px;font-weight:800}.discount-controls label>span{color:#68767c}.clear-discount{color:#b43f31;background:0 0;border:0;margin-top:10px;padding:7px 0;text-decoration:underline}.discount-actions{grid-template-columns:1fr 1.35fr;gap:8px;margin-top:14px;display:grid}.discount-actions button{color:#45545a;background:#fff;border:1px solid #cfd9dd;border-radius:8px;min-height:46px;font-weight:800}.discount-actions .confirm-discount{border-color:var(--orange);background:var(--orange);color:var(--ink);box-shadow:inset 0 -3px #d49b00}.receipt-discount{border-top:1px dashed #d5d5d5;grid-template-columns:1fr auto;gap:5px 12px;padding:9px 0;font-size:11px;display:grid}.receipt-discount b:last-child{color:#087990}@media (width<=520px){.discount-modes{grid-template-columns:1fr}.discount-controls>label{grid-template-columns:1fr 78px 36px}}@media (width<=430px){.shift-pill span{text-overflow:ellipsis;white-space:nowrap;max-width:100px;overflow:hidden}.menu-pane{padding-bottom:375px}.drink-info{padding:9px}.drink-info b{font-size:10px}.drink-art{height:85px}.custom-modal,.shift-modal,.receipt-modal{border-radius:0;height:100vh;max-height:none}.coffee-overlay{padding:0}.custom-body{padding:9px 13px}.custom-modal>header,.shift-modal>header,.receipt-modal>header{padding:12px 13px}.choice-grid button{padding:8px 5px}.custom-modal>footer,.shift-modal>footer{padding:10px 13px}.receipt-paper{width:285px}.bo-hero{display:block}.bo-hero button{width:100%;margin-top:13px}.bo-metrics{grid-template-columns:1fr 1fr}.bo-metrics article{padding:12px}}.menu-head{position:relative}.held-head-button{color:#fff;background:#a84e3f;border:0;border-radius:22px;align-items:center;gap:6px;padding:9px 12px;font-size:9px;display:flex;box-shadow:0 3px #78382f}.held-head-button span{font-size:11px}.held-head-button b{font-weight:800}.held-head-button em{color:#8e4035;background:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-style:normal;font-weight:800;display:grid}.receipt-logo.has-image{background:0 0;border-radius:8px;width:96px;height:96px;overflow:hidden}.receipt-logo.has-image img{object-fit:contain;width:100%;height:100%}.receipt-logo-upload input{display:none!important}.receipt-logo-upload>span{border:1px dashed var(--orange);color:#a94c27;text-align:center;background:#fff6ef;border-radius:7px;margin-top:5px;padding:12px;display:block}.receipt-logo-upload>small{color:#777;margin-top:5px;font-size:7px;font-weight:400;display:block}.report-items{text-align:left;border-top:1px solid #ddd;margin-top:14px}.report-items h4{margin:12px 0 5px;font-size:10px}.report-items>div{border-bottom:1px dashed #ddd;grid-template-columns:22px minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:7px 0;font-size:8px;display:grid}.report-items i{color:#74665c;background:#f0e9df;border-radius:50%;place-items:center;width:20px;height:20px;font-size:7px;font-style:normal;display:grid}.report-items span,.report-items small{display:block}.report-items strong{color:#777;white-space:nowrap;font-size:8px;font-weight:500}.report-items b{text-align:right;min-width:52px}.report-items small{color:#888;margin-top:2px;font-size:7px}.report-items>p{color:#888;font-size:8px}@media (width<=820px){.menu-head{min-height:62px;padding-right:118px}.held-head-button{position:absolute;top:6px;right:0}.menu-search{margin-right:-118px;width:calc(100% + 118px)!important}}@media (width<=430px){.held-head-button{top:8px}.held-head-button b{font-size:8px}.daily-report-paper{padding:18px}}@media print{.receipt-logo.has-image{width:28mm;height:28mm}}.sales-profit-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.sales-profit-summary article{border:1px solid var(--line);background:#fff;border-radius:9px;padding:16px}.sales-profit-summary span,.sales-profit-summary b,.sales-profit-summary small{display:block}.sales-profit-summary span{color:#777;font-size:8px}.sales-profit-summary b{margin:6px 0 4px;font-size:20px}.sales-profit-summary .profit b{color:var(--green)}.sales-profit-summary small{color:#8b857e;font-size:7px;line-height:1.45}.grab-fee-card label{color:#555;grid-template-columns:1fr 58px 14px;align-items:center;gap:6px;margin-top:10px;font-size:8px;font-weight:800;display:grid}.grab-fee-card input{border:1px solid var(--line);text-align:right;border-radius:5px;width:100%;padding:7px;font-weight:800}.grab-fee-card i{font-style:normal}.close-warning-layer{z-index:90}.held-close-warning{background:var(--paper);border-radius:13px;flex-direction:column;width:min(620px,100%);max-height:92vh;display:flex;overflow:hidden}.held-close-warning>header{background:#fff4ef;border-bottom:1px solid #edd4cb;align-items:center;gap:12px;padding:18px;display:flex}.held-close-warning>header>span{background:var(--red);color:#fff;border-radius:50%;flex:0 0 44px;place-items:center;width:44px;height:44px;font-size:21px;font-weight:900;display:grid}.held-close-warning header small{color:var(--red);letter-spacing:1.3px;font-size:8px;font-weight:800}.held-close-warning h2{margin:3px 0;font-size:19px}.held-close-warning header p{color:#7d7069;margin:0;font-size:8px}.warning-bills{flex:1;padding:12px 18px;overflow:auto}.warning-bills article{border:1px solid var(--line);background:#fff;border-radius:8px;margin-bottom:9px;overflow:hidden}.warning-bill-head{background:#f4efe6;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.warning-bill-head b{font-size:10px}.warning-bill-head span{color:#777;white-space:nowrap;font-size:8px}.warning-bill-head strong{font-size:11px}.receipt-datetime{color:#666!important;margin:6px 0 10px!important;font-size:7px!important}.warning-bills ul{margin:0;padding:6px 12px 9px;list-style:none}.warning-bills li{border-bottom:1px dashed #e8e0d6;justify-content:space-between;padding:5px 0;font-size:8px;display:flex}.warning-bills li:last-child{border-bottom:0}.warning-total{border-top:1px solid var(--line);background:#fff;justify-content:space-between;padding:12px 18px;font-size:10px;display:flex}.warning-total b{color:var(--red);font-size:14px}.held-close-warning>footer{background:#fff;gap:8px;padding:13px 18px 17px;display:flex}.held-close-warning>footer button{border:1px solid var(--line);background:#fff;border-radius:7px;flex:1;padding:11px;font-size:9px;font-weight:700}.held-close-warning>footer .proceed-close{border-color:var(--red);background:var(--red);color:#fff}@media (width<=820px){.sales-profit-summary{grid-template-columns:1fr}}@media (width<=430px){.warning-bill-head{grid-template-columns:1fr auto}.warning-bill-head span{grid-area:2/1/auto/-1}.held-close-warning{border-radius:0;width:100%;height:100dvh;max-height:none}.held-close-warning>footer{padding-bottom:22px}}.held-banner{color:#8e4527;background:#fff3e9;border:1px solid #dfb897;border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin:0 0 14px;padding:11px 13px;font-size:9px;display:flex}.held-actions{gap:5px;display:flex}.held-actions .pay-held{background:var(--green)}.held-list article{grid-template-columns:1fr auto auto}.receipt-settings{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:14px;display:grid}.receipt-setting-form,.receipt-preview{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.receipt-setting-form>header{border-bottom:1px solid var(--line);padding:18px}.receipt-setting-form h2{margin:3px 0;font-size:17px}.receipt-setting-form header small{color:var(--orange);letter-spacing:1px;font-weight:800}.receipt-setting-form header p{color:#777;margin:3px 0 0;font-size:8px}.receipt-fields{grid-template-columns:1fr 1fr;gap:10px;padding:16px 18px;display:grid}.receipt-fields label{font-size:8px;font-weight:700}.receipt-fields .full{grid-column:1/-1}.receipt-fields input,.receipt-fields textarea{border:1px solid var(--line);background:#fffdf8;border-radius:6px;width:100%;margin-top:5px;padding:9px;display:block}.receipt-fields textarea{resize:vertical;min-height:55px}.receipt-toggles{grid-template-columns:1fr 1fr;gap:7px;padding:0 18px 18px;display:grid}.receipt-toggles label{background:#f5f1e8;border-radius:7px;align-items:flex-start;gap:8px;padding:10px;display:flex}.receipt-toggles input{flex:none;width:18px;height:18px}.receipt-toggles b,.receipt-toggles small{display:block}.receipt-toggles b{font-size:9px}.receipt-toggles small{color:#777;margin-top:2px;font-size:7px}.receipt-preview{text-align:center;padding:16px}.receipt-preview>small{color:var(--orange);letter-spacing:1px;font-weight:800}.receipt-preview .receipt-paper{width:100%;margin:12px 0 0;box-shadow:0 3px 14px #0000000d}.daily-report-modal{background:var(--paper);border-radius:13px;width:min(520px,100%);max-height:94vh;overflow:auto}.daily-report-modal>header{border-bottom:1px solid var(--line);background:#fff;align-items:center;padding:16px 18px;display:flex}.daily-report-modal>header>div{flex:1}.daily-report-modal header small{color:var(--orange);letter-spacing:1.4px;font-size:8px;font-weight:800}.daily-report-modal h2{margin:3px 0;font-size:20px}.daily-report-modal header p{color:#777;margin:0;font-size:8px}.daily-report-modal header button{background:0 0;border:0;font-size:24px}.daily-report-paper{text-align:center;background:#fff;width:330px;margin:18px auto;padding:23px;box-shadow:0 4px 20px #00000012}.daily-report-paper h3{margin:7px 0 2px;font-size:13px}.daily-report-paper>p{color:#777;margin:2px 0;font-size:8px}.report-total{color:#fff;background:#302924;margin:15px 0;padding:13px}.report-total span,.report-total b,.report-total small{display:block}.report-total span,.report-total small{color:#c7c0ba;font-size:8px}.report-total b{margin:4px 0;font-size:26px}.daily-report-paper dl{margin:0}.daily-report-paper dl div{border-bottom:1px dashed #ddd;justify-content:space-between;align-items:center;padding:8px 0;font-size:9px;display:flex}.daily-report-paper dt{text-align:left;min-width:0;padding-right:10px}.daily-report-paper dd{white-space:nowrap;flex:none;margin:0;font-weight:800}.daily-report-paper .report-expected{border-bottom:0;padding-top:11px;font-size:10px}.daily-report-paper .report-profit{color:#14734e;background:#e8f6ee;border:0;margin:4px 0;padding:10px 9px;font-size:10px}.daily-report-paper footer{color:#888;border-top:1px dashed #ddd;margin-top:14px;padding-top:10px;font-size:7px}.report-actions{gap:7px;padding:0 18px 18px;display:flex}.report-actions button{border:1px solid var(--line);background:#fff;border-radius:7px;flex:1;padding:11px;font-size:9px}.report-actions .share-report{border-color:var(--green);background:var(--green);color:#fff}.ingredient-row input[type=number]{touch-action:manipulation;min-width:0;font-size:16px}@media (width<=820px){.receipt-settings{grid-template-columns:1fr}.receipt-preview{order:-1}.receipt-preview .receipt-paper{max-width:330px;margin-left:auto;margin-right:auto}.held-list article{grid-template-columns:1fr auto}.held-actions{grid-column:1/-1}.held-actions button{flex:1}}@media (width<=430px){.held-banner{z-index:5;position:sticky;top:70px}.receipt-fields,.receipt-toggles{grid-template-columns:1fr}.receipt-fields .full{grid-column:auto}.daily-report-modal{border-radius:0;height:100dvh;max-height:none}.daily-report-paper{width:calc(100% - 28px)}.ingredient-row{gap:9px;grid-template-columns:1fr!important}.ingredient-row>button{width:100%;grid-column:1!important}.amount-unit{grid-template-columns:minmax(0,1fr) 92px}.ingredient-row input,.ingredient-row select{min-height:44px}}@media print{.daily-report-paper,.daily-report-paper *{visibility:visible!important}.daily-report-paper{box-shadow:none;margin:0;position:absolute;inset:0}}.custom-modal>header>.drink-art{border-radius:10px;flex:0 0 58px;width:58px;min-width:58px;height:58px;overflow:hidden}.custom-modal>header>.drink-art img,.menu-editor>header>.drink-art img{object-fit:cover;max-width:100%;max-height:100%;display:block;position:static}.category-field{grid-template-columns:1fr auto;gap:6px;display:grid}.category-field label{grid-row:span 1}.category-field>button,.new-category button{border:1px solid var(--orange);color:var(--orange);background:#fff7f1;border-radius:7px;align-self:end;padding:10px;font-size:8px}.new-category{grid-column:1/-1;grid-template-columns:1fr auto;gap:6px;display:grid}.new-category input{margin-top:0!important}.image-upload small{color:#777;margin-top:5px;font-weight:400;display:block}.cost-summary small{color:#777;margin-top:5px;line-height:1.45;display:block}.cost-summary em b{margin:4px 0 0;font-size:16px;display:block}.cost-help{border-left:3px solid var(--orange);color:#6f6259;background:#fff5ed;margin:0 20px 14px;padding:11px 12px;font-size:8px;line-height:1.6}.ingredient-row{grid-template-columns:1.15fr 1fr 1fr 1fr .9fr 32px;align-items:end}.ingredient-row>label{display:block}.ingredient-row>label>span,.line-cost>span{color:#777;min-height:25px;margin-bottom:4px;font-size:7px;line-height:1.25;display:block}.amount-unit{grid-template-columns:1fr 76px;gap:4px;display:grid}.amount-unit select{border:1px solid var(--line);background:#fff;border-radius:5px;width:100%;padding:7px 3px}.line-cost{min-width:0}.line-cost b{min-height:34px;color:var(--green);text-align:center;white-space:nowrap;background:#f3eee5;border-radius:5px;padding:8px 4px;display:block}@media (width<=820px){.custom-modal>header>.drink-art{height:58px}.ingredient-row{grid-template-columns:1fr 1fr;align-items:end;padding:13px 0}.ingredient-row>label>span,.line-cost>span{min-height:auto}.line-cost b{display:block}.ingredient-row>button{align-self:end;min-height:34px}}@media (width<=430px){.category-field{grid-template-columns:1fr}.category-field>button,.new-category{grid-column:1}.new-category{grid-template-columns:1fr auto}.cost-summary span,.cost-summary em{min-height:116px}.cost-help{margin:0 14px 12px}}@media print{body *{visibility:hidden!important}.receipt-paper,.receipt-paper *{visibility:visible!important}.receipt-paper{box-shadow:none;margin:0;position:absolute;inset:0}}.mobile-cart-bar,.mobile-back,.to-payment,.bo-menu,.bo-mobile-tabs,.bo-scrim{display:none}.cart-stage{flex-direction:column;flex:1;min-height:0;display:flex}.payment-stage{flex-direction:column;display:flex}.payment-review{background:#f3eee5;border-radius:7px;justify-content:space-between;margin:4px 18px 10px;padding:11px;display:flex}.payment-review span,.payment-review small{font-size:8px}.custom-modal{flex-direction:column;display:flex;overflow:hidden}.custom-body{min-height:0;overflow:auto}.custom-modal>footer{z-index:3;flex:none}.menu-editor{background:var(--paper);border-radius:12px;width:min(680px,100%);max-height:94vh;overflow:auto}.menu-editor>header{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:12px;padding:17px 20px;display:flex}.menu-editor>header>span{color:#fff;border-radius:9px;place-items:center;width:52px;height:52px;font-size:20px;display:grid}.menu-editor>header>div{flex:1}.menu-editor>header small{letter-spacing:1.5px;color:var(--orange);font-size:8px;font-weight:800}.menu-editor>header h2{margin:2px 0;font-size:19px}.menu-editor>header p{color:#888;margin:0;font-size:8px}.menu-editor>header>button{background:0 0;border:0;font-size:24px}.menu-form{grid-template-columns:1fr 1fr;gap:11px;padding:18px 20px;display:grid}.menu-form label{font-size:8px;font-weight:700}.menu-form input,.menu-form select{border:1px solid var(--line);background:#fff;border-radius:7px;width:100%;margin-top:5px;padding:10px;display:block}.menu-form input[type=color]{height:40px;padding:4px}.menu-form .availability{background:#f3eee5;border-radius:7px;grid-column:1/-1;align-items:center;gap:9px;padding:10px;display:flex}.availability input{width:auto;margin:0}.availability b,.availability small{display:block}.availability small{color:#888;margin-top:2px;font-size:7px}.menu-defaults{border-left:3px solid var(--orange);background:#fff4ed;margin:0 20px 18px;padding:11px}.menu-defaults b,.menu-defaults p{font-size:8px}.menu-defaults p{color:#777;margin:3px 0 0}.menu-editor>footer{border-top:1px solid var(--line);background:#fff;justify-content:flex-end;gap:7px;padding:12px 20px;display:flex}.menu-editor>footer button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:10px 14px;font-size:9px}.menu-editor>footer .save-menu{background:var(--orange);border-color:var(--orange);color:#fff}.menu-editor>footer .save-menu:disabled{background:#bbb;border-color:#bbb}.bo-menu{border-radius:7px;border:1px solid var(--line)!important;background:#fff!important;padding:8px!important}.bo-mobile-tabs{border-bottom:1px solid var(--line);background:#fff;gap:6px;padding:8px 12px;overflow:auto}.bo-mobile-tabs button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:16px;padding:7px 10px;font-size:8px}.bo-mobile-tabs button.active{background:var(--coffee);border-color:var(--coffee);color:#fff}@media (width<=820px){.menu-pane{min-height:calc(100vh - 64px);padding:17px 12px 92px}.mobile-cart-bar{z-index:24;background:var(--coffee);color:#fff;border:0;border-radius:10px;justify-content:space-between;padding:13px 15px;display:flex;position:fixed;bottom:14px;left:12px;right:12px;box-shadow:0 7px 22px #0003}.mobile-cart-bar:disabled{display:none}.mobile-cart-bar span,.mobile-cart-bar strong{font-size:10px}.mobile-cart-bar span b{background:var(--orange);border-radius:50%;place-items:center;width:21px;height:21px;margin-right:7px;display:inline-grid}.mobile-cart .menu-pane,.mobile-payment .menu-pane,.mobile-menu .order-pane{display:none}.mobile-cart .order-pane,.mobile-payment .order-pane{width:100%;height:calc(100vh - 64px);min-height:560px;box-shadow:none;border:0;display:flex;position:static;inset:auto;overflow:hidden}.order-head{padding:13px 14px}.mobile-back{border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.cart-stage{overflow:hidden}.mobile-cart .cart-stage{display:flex}.mobile-cart .payment-stage,.mobile-payment .cart-stage{display:none}.mobile-payment .payment-stage{flex:1;justify-content:flex-start;padding-top:18px;display:flex}.mobile-payment .discount-box{z-index:10;flex:none;margin:0 14px 14px;position:sticky;top:0}.customer-field{padding:11px 14px;display:block}.cart-lines{flex:1;min-height:0;max-height:none;padding:4px 14px;overflow:auto}.empty-order{height:100%}.cart-line{padding:11px 0}.to-payment{background:var(--orange);color:#fff;border:0;border-radius:8px;justify-content:space-between;margin:10px 14px 14px;padding:13px 14px;font-size:10px;font-weight:800;display:flex}.to-payment:disabled{background:#bbb}.payment-box{padding:12px 14px}.payment-box>div{margin-top:8px}.payment-box button{padding:13px 8px;font-size:10px}.payment-review{margin:8px 14px 14px;padding:14px}.payment-review span,.payment-review small{font-size:9px}.totals{padding:16px 14px}.totals span{font-size:11px}.totals b{font-size:27px}.charge{margin:0 14px;padding:14px;font-size:11px}.order-foot{display:none}.backoffice>aside{z-index:62;width:250px;transition:all .2s;display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:8px 0 30px #0003}.backoffice.nav-open>aside{transform:translate(0)}.bo-scrim{z-index:61;background:#0008;border:0;position:fixed;inset:0}.backoffice.nav-open .bo-scrim{display:block}.backoffice>main>header{grid-template-columns:38px 1fr auto;gap:8px;display:grid}.bo-menu{display:block}.bo-mobile-tabs{display:flex}.menu-list>div{grid-template-columns:38px 1fr 55px 50px}.menu-list>div>button{padding:8px}.menu-list>header{align-items:center}.menu-list>header button{padding:9px}.menu-editor{border-radius:0;flex-direction:column;height:100vh;max-height:none;display:flex}.menu-form{grid-template-columns:1fr;overflow:auto}.menu-form .availability{grid-column:auto}.menu-editor>footer{flex:none;margin-top:auto}}@media (width>=821px){.review-actions .to-payment{display:flex}.mobile-menu .payment-stage,.mobile-cart .payment-stage,.mobile-payment .cart-stage{display:none}.mobile-payment .payment-stage{flex:1;min-height:0;padding-top:14px;display:flex;overflow-y:auto}.mobile-payment .discount-box{margin:0 18px 14px}}.review-actions{grid-template-columns:auto auto minmax(0,1fr);display:grid}.review-actions .cancel-order,.payment-actions .cancel-order{color:#b63c2d;background:#fff;border:1px solid #d85a48;border-radius:8px;padding:11px 13px;font-weight:800}.review-actions .cancel-order:disabled,.payment-actions .cancel-order:disabled{color:#98a2a6;background:#f3f5f6;border-color:#d9dfe1}.review-actions .hold-order{border:1px solid var(--line);background:#fff;border-radius:8px;padding:11px 13px;font-weight:700}.payment-actions{background:linear-gradient(#fffd,#fff 26%);border-top:1px solid #e5eaec;grid-template-columns:auto minmax(0,1fr);gap:9px;margin-top:auto;padding:10px 18px 14px;display:grid}.payment-actions .charge{width:100%;min-width:0;margin:0}@media (width<=820px){.review-actions{grid-template-columns:1fr 1fr}.review-actions .to-payment{grid-column:1/-1}.mobile-payment .payment-actions{z-index:12;grid-template-columns:minmax(120px,.42fr) minmax(0,1fr);padding:10px 14px;position:sticky;bottom:0}.mobile-payment .payment-actions .charge{position:static;box-shadow:0 3px #d49b00}}@media (width<=430px){.custom-modal{height:100dvh}.custom-body{flex:1;padding-bottom:18px;overflow-y:auto}.custom-modal>footer{position:static}.custom-modal .add-drink{flex:1;min-width:0}.menu-editor{height:100dvh}.menu-editor>header{padding:12px 14px}.menu-form{padding:14px}.bo-content{padding:12px}.backoffice>main>header>button:last-child{padding:8px;font-size:8px}.drink-grid{gap:8px}}.drink-art img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.held-trigger{border:1px solid var(--line);background:#f3eee5;border-radius:18px;padding:7px 10px;font-size:8px}.review-actions{gap:8px;padding:10px 18px 14px;display:flex}.review-actions>button:first-child{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px 14px;font-size:9px}.review-actions .to-payment{flex:1;margin:0}.cash-box{border:1px solid var(--line);background:#f7f1e8;border-radius:9px;margin:0 18px 10px;padding:13px}.cash-box>label{font-size:8px;font-weight:800;display:block;position:relative}.cash-box input{border:1px solid var(--line);background:#fff;border-radius:7px;width:100%;margin-top:6px;padding:12px 45px 12px 12px;font-size:18px;font-weight:800;display:block}.cash-box label>span{color:#888;position:absolute;bottom:14px;right:12px}.cash-quick{gap:5px;margin-top:7px;display:flex}.cash-quick button{border:1px solid var(--line);background:#fff;border-radius:5px;flex:1;padding:6px;font-size:8px}.cash-box p{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin:10px 0 0;padding-top:10px;display:flex}.cash-box p span{font-size:9px}.cash-box p b{color:var(--green);font-size:20px}.split-box{border:1px solid var(--line);background:#f7f1e8;border-radius:9px;margin:0 18px 10px;padding:13px}.split-box>p,.grab-note{color:#777;margin:0 0 9px;font-size:8px;line-height:1.45}.split-box>div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.split-box label{font-size:8px;font-weight:800;position:relative}.split-box input{border:1px solid var(--line);background:#fff;border-radius:7px;width:100%;margin-top:5px;padding:10px 39px 10px 10px;font-size:14px;font-weight:800}.split-box label span{color:#888;font-size:7px;position:absolute;bottom:11px;right:9px}.split-box>strong{text-align:right;margin-top:9px;font-size:9px;display:block}.grab-note{border-left:3px solid var(--orange);background:#fff2e9;margin:0 18px 10px;padding:11px 13px}.custom-qty{border:1px solid var(--line);border-radius:7px;display:flex;overflow:hidden}.custom-qty button{min-width:37px;background:#f5efe6!important;border:0!important;border-radius:0!important}.custom-qty b{background:#fff;place-items:center;min-width:34px;display:grid}.held-list{padding:12px 18px 18px}.held-list article{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:12px 0;display:grid}.held-list b,.held-list small{display:block}.held-list small{color:#888;font-size:8px}.held-list strong{font-size:11px}.held-list button{background:var(--orange);color:#fff;border:0;border-radius:6px;padding:8px;font-size:8px}.receipt-cash{text-align:right;border-bottom:1px dashed #ddd;padding:8px 0;font-size:8px}.stock-toggle{min-width:62px;color:var(--red)}.stock-toggle.on{color:var(--green);background:#edf7f1}.menu-list>div .delete-menu{color:#b63c2d;white-space:nowrap;background:#fff7f5;border-color:#e4aaa2}.menu-list>div{grid-template-columns:42px minmax(0,1fr) minmax(82px,.7fr) 70px 64px}.menu-editor-scroll{overflow:auto}.wide-editor{flex-direction:column;width:min(820px,100%);display:flex;overflow:hidden}.wide-editor>footer,.cost-editor>footer{border-top:1px solid var(--line);background:#fff;justify-content:flex-end;gap:7px;padding:12px 20px;display:flex}.wide-editor>footer button,.cost-editor>footer button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:10px 14px}.wide-editor>footer .save-menu,.cost-editor>footer .save-menu{background:var(--orange);color:#fff;border-color:var(--orange)}.image-upload{grid-column:1/-1}.image-upload input{display:none!important}.image-upload span{border:1px dashed var(--orange);color:#a94d27;text-align:center;background:#fff7f1;border-radius:7px;margin-top:5px;padding:12px;display:block}.option-builder{margin:0 20px 20px}.option-builder>header{color:#fff;background:#332c27;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:12px;display:flex}.option-builder header b,.option-builder header small{display:block}.option-builder header small{color:#bbb;margin-top:3px;font-size:7px}.option-builder header button,.value-editor>button{color:inherit;background:0 0;border:1px solid #ffffff40;border-radius:5px;padding:7px;font-size:8px}.option-builder>article{border:1px solid var(--line);background:#fff;border-top:0;padding:10px 12px}.group-head{grid-template-columns:24px 1fr auto;align-items:center;gap:7px;display:grid}.group-head>input[type=text],.group-head>input:not([type]){border:1px solid var(--line);border-radius:5px;padding:8px}.group-head label{font-size:8px}.value-editor{margin:9px 0 0 30px}.value-editor>div{grid-template-columns:1fr 100px 30px;gap:5px;margin-bottom:5px;display:grid}.value-editor input{border:1px solid var(--line);border-radius:5px;width:100%;padding:7px}.value-editor label{align-items:center;font-size:8px;display:flex}.value-editor button{border:1px solid var(--line);background:#fff;border-radius:5px}.value-editor>button{color:var(--orange);border-color:var(--orange)}.cost-note{border-left:3px solid var(--orange);background:#fff4e8;margin-bottom:10px;padding:11px 13px;font-size:8px}.cost-list>button{border:0;border-bottom:1px solid var(--line);text-align:left;background:#fff;grid-template-columns:1.5fr repeat(3,.7fr) 50px;align-items:center;gap:10px;width:100%;padding:12px 18px;display:grid}.cost-list b,.cost-list small,.cost-list span,.cost-list strong{display:block}.cost-list small,.cost-list span{color:#888;font-size:7px}.cost-list strong{color:var(--ink);margin-top:3px;font-size:10px}.cost-list em{color:var(--green);font-style:normal;font-weight:800}.cost-editor{flex-direction:column;width:min(850px,100%);display:flex;overflow:hidden}.cost-summary{grid-template-columns:repeat(4,1fr);gap:8px;padding:15px 20px;display:grid}.cost-summary span,.cost-summary em{background:#f3eee5;border-radius:7px;padding:10px;font-size:8px;font-style:normal}.cost-summary b{margin-top:4px;font-size:16px;display:block}.cost-summary em{color:var(--green);place-items:center;font-weight:800;display:grid}.ingredient-list{padding:0 20px 20px;overflow:auto}.ingredient-row{border-bottom:1px solid var(--line);grid-template-columns:1.2fr 1fr .7fr .7fr .6fr 30px;align-items:center;gap:6px;padding:7px 0;display:grid}.ingredient-row input{border:1px solid var(--line);border-radius:5px;width:100%;padding:7px}.ingredient-row label{grid-template-columns:1fr 1fr;gap:4px;display:grid}.ingredient-row b{text-align:right;font-size:9px}.ingredient-row button{border:1px solid var(--line);background:#fff;border-radius:5px;padding:6px}.add-ingredient{border:1px dashed var(--orange);color:var(--orange);background:#fff7f1;border-radius:6px;width:100%;margin-top:10px;padding:9px}@media (width<=820px){.review-actions{padding:8px 14px 14px}.review-actions .to-payment{display:flex}.cash-box{margin:0 14px 10px}.menu-list>div{grid-template-columns:38px minmax(0,1fr) 64px 48px 64px}.wide-editor,.cost-editor{border-radius:0;height:100dvh;max-height:none}.menu-editor-scroll,.ingredient-list{flex:1;overflow:auto}.cost-list>button{grid-template-columns:1.3fr 1fr 1fr 45px}.cost-list>button span:first-of-type{display:none}.ingredient-row{grid-template-columns:1fr 1fr 1fr}.ingredient-row>b{display:none}.cost-summary{grid-template-columns:1fr 1fr}.custom-modal>footer{align-items:center}.custom-modal>footer>button:not(.add-drink){display:none}}@media (width<=430px){.held-trigger{font-size:7px}.custom-qty button{display:block!important}.cost-list>button{padding:10px}.option-builder{margin:0 14px 14px}.value-editor{margin-left:0}.group-head{grid-template-columns:22px 1fr}.group-head label{grid-column:2}.ingredient-row{grid-template-columns:1fr 1fr}.ingredient-row>button{grid-column:2}.cost-summary{padding:10px 14px}.ingredient-list{padding:0 14px 14px}}@media (width>=821px){.cost-editor .ingredient-row{grid-template-columns:1.15fr 1.25fr .72fr .72fr .72fr 32px;align-items:end}.cost-editor .ingredient-row>label{min-width:0;display:block}.cost-editor .amount-unit{grid-template-columns:minmax(72px,1fr) 76px}.cost-editor .amount-unit input{min-width:72px}}:root{--ink:#15191c;--cream:#f4f7f8;--paper:#fff;--line:#dce3e6;--coffee:#15191c;--green:#168a5b;--orange:#ffc328;--cyan:#10b6da;--red:#d74932}html,body{background:var(--cream);color:var(--ink);font-family:Noto Sans Thai,Leelawadee UI,Tahoma,Arial,sans-serif}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#10b6da66}.pos-top{height:78px;color:var(--ink);border-bottom:4px solid var(--ink);background:#fff;box-shadow:0 4px 18px #1220270d}.pos-top:after{content:"";background:linear-gradient(100deg, var(--cyan) 0 66%, var(--orange) 66%);width:150px;height:4px;position:absolute;bottom:-4px;left:0}.coffee-brand{min-width:230px}.coffee-brand>img,.login-brand>img{object-fit:contain;flex:0 0 48px;width:48px;height:48px}.coffee-brand b,.login-brand b{letter-spacing:.7px;font-family:Arial Narrow,Impact,sans-serif;font-weight:900}.coffee-brand b{font-size:15px}.coffee-brand small{color:#59656b;letter-spacing:1.4px}.shift-pill{color:#566268;background:#f7fafb;border-color:#cbd5d9}.shift-pill.open{color:#087b94;background:#eafaff;border-color:#8bd8e8}.shift-pill.open i{background:var(--cyan)}.top-right button{border-color:var(--ink);background:var(--ink);color:#fff}.top-right .user{border-color:var(--orange);background:var(--orange);color:var(--ink)}.menu-pane{background:#f6f8f9}.menu-head small,.order-head small,.custom-modal header small,.shift-modal header small,.receipt-modal header small,.bo-hero small,.bo-panel header small{color:#0789a4}.menu-head h1,.order-head h2,.custom-modal h2,.backoffice h1{letter-spacing:-.4px}.menu-search{background:#fff;border-color:#cfd9dd;box-shadow:0 3px 12px #15252c08}.cat-tabs button{color:#38464c;background:#fff;border-color:#cfd9dd;font-weight:700}.cat-tabs button.active{border-color:var(--cyan);background:var(--cyan);color:#07191d;box-shadow:inset 0 -3px #078ba7}.cat-tabs button.active span{color:#075c6d}.drink-card{background:#fff;border-color:#d7e0e3;border-radius:10px;box-shadow:0 3px 13px #14262d08}.drink-card:hover{border-color:var(--cyan);box-shadow:0 8px 22px #0f799019}.drink-info{padding:12px 13px 14px}.drink-info small{color:#69767c}.drink-info b{font-size:12px}.drink-info strong{color:#0a7187;font-size:11px}.order-pane{background:#fff;border-left-color:#cfd9dd;height:calc(100vh - 78px);top:78px}.order-head{border-bottom:3px solid var(--ink)}.payment-box button.active,.choice-grid button.active{border-color:var(--cyan);color:#087990;background:#e9faff}.charge,.custom-modal .add-drink,.confirm-shift,.save-menu,.receipt-buttons .new-order,.share-report{box-shadow:0 3px #d49b00;border-color:var(--orange)!important;background:var(--orange)!important;color:#15191c!important}.charge:disabled{box-shadow:0 3px #aeb8bc;color:#68747a!important;background:#cbd2d5!important;border-color:#cbd2d5!important}.coffee-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.custom-modal,.shift-modal,.receipt-modal,.menu-editor,.daily-report-modal{border:1px solid #cfd9dd;box-shadow:0 28px 80px #08121638}.custom-modal>header,.menu-editor>header,.shift-modal>header,.receipt-modal>header{border-bottom:4px solid var(--ink);position:relative}.custom-modal>header:after,.menu-editor>header:after{content:"";background:linear-gradient(100deg, var(--cyan) 0 65%, var(--orange) 65%);width:120px;height:4px;position:absolute;bottom:-4px;left:0}.coffee-login{background:#101416}.coffee-login>section{background:#101416;position:relative;overflow:hidden}.coffee-login>section:before{content:"";background:var(--orange);opacity:.94;width:170px;height:130%;position:absolute;top:-15%;right:16%;transform:rotate(37deg)}.coffee-login>section>*{z-index:1;position:relative}.coffee-login section>div:nth-child(2)>small{color:var(--cyan)}.coffee-login section p{color:#c4ced2}.coffee-login section aside{color:#aeb9bd}.coffee-login section aside b{color:var(--orange)}.login-brand>img{flex-basis:72px;width:72px;height:72px}.login-cup{background:0 0;width:72px;height:72px;overflow:hidden}.login-cup img{object-fit:contain;width:100%;height:100%}.coffee-login>form{background:#f7f9fa}.coffee-login form>small{color:#0789a4;letter-spacing:1px;font-weight:800}.coffee-login form button{background:var(--orange);color:var(--ink);box-shadow:0 3px #d49b00}.backoffice{background:#f4f7f8}.backoffice>aside{border-right:4px solid var(--cyan);background:#121719}.backoffice nav button{color:#aeb8bc}.backoffice nav button.active{border-left-color:var(--orange);color:#fff;background:#20282b}.backoffice>main>header{border-bottom:3px solid var(--ink)}.bo-hero{background:#151b1e;border-radius:8px;position:relative;overflow:hidden}.bo-hero:after{content:"";background:var(--cyan);opacity:.8;width:38px;height:150%;position:absolute;top:-25%;right:17%;transform:rotate(28deg)}.bo-hero>*{z-index:1;position:relative}.bo-hero button{background:var(--orange);color:var(--ink);font-weight:800}.bo-hero button.danger{color:#fff;background:#ff6b53}.bo-metrics article,.bo-panel,.sales-profit-summary article{border-color:#d5dfe2;border-radius:8px;box-shadow:0 3px 12px #15252c07}.bo-metrics article{border-top:4px solid var(--cyan)}.sales-profit-summary article.profit{background:#edf8f2;border-color:#9fd2b6}.receipt-logo.has-image{background:0 0;width:88px;height:88px}.receipt-logo.has-image img{object-fit:contain}@media (width<=820px){.pos-top{border-bottom-width:3px;height:68px}.coffee-brand{min-width:auto}.coffee-brand>img{flex-basis:46px;width:46px;height:46px}.pos-layout{min-height:calc(100vh - 68px)}.order-pane{border-top-color:var(--orange)}.mobile-cart-bar{background:var(--ink);color:#fff;border-top:3px solid var(--cyan)}.backoffice>main>header{border-bottom-width:3px}.bo-mobile-tabs button.active{border-color:var(--cyan);background:var(--cyan);color:var(--ink)}}.drink-card{align-content:start;min-width:0;grid-template-rows:118px minmax(116px,auto)!important;height:auto!important;display:grid!important}.drink-card>.drink-art{grid-row:1;width:100%;display:grid;position:relative;overflow:hidden;height:118px!important;min-height:118px!important;max-height:118px!important}.drink-card>.drink-art img{object-fit:cover;pointer-events:none;display:block;position:absolute;inset:0;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important}.drink-card>.drink-info{z-index:2;background:#fff;flex-direction:column;grid-row:2;align-items:flex-start;min-width:0;min-height:116px;position:relative;padding:12px 13px 11px!important;display:flex!important}.drink-card>.drink-info b{margin:4px 0 6px;line-height:1.3;font-size:16px!important}.drink-card>.drink-info strong{font-size:14px!important}.drink-card .drink-info-status{color:#168a5b;align-items:center;gap:5px;margin-top:auto;padding-top:7px;font-style:normal;font-weight:800;font-size:12px!important;display:inline-flex!important}.drink-card .drink-info-status:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.drink-card .drink-info-status.unavailable{color:#c24534}@media (width<=820px){.drink-card{grid-template-rows:112px minmax(118px,auto)!important}.drink-card>.drink-art{height:112px!important;min-height:112px!important;max-height:112px!important}.drink-card>.drink-info{min-height:118px}.mobile-cart .order-pane,.mobile-payment .order-pane{height:calc(100dvh - 68px);min-height:0;max-height:calc(100dvh - 68px)}.mobile-payment .payment-stage{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding-bottom:0;overflow:hidden auto}.mobile-payment .charge{z-index:8;bottom:calc(8px + env(safe-area-inset-bottom));flex:none;position:sticky;box-shadow:0 -8px 18px #fffe,0 5px 14px #1017192b}body .shift-modal,body .receipt-modal{height:100dvh;max-height:100dvh}}