@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.inset-0{inset:0}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.-mt-\[0\.1mm\]{margin-top:-.1mm}.-mt-\[0\.2mm\]{margin-top:-.2mm}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-\[0\.35mm\]{margin-bottom:.35mm}.mb-\[0\.3mm\]{margin-bottom:.3mm}.mb-\[0\.6mm\]{margin-bottom:.6mm}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-\[0\.45mm\]{margin-top:.45mm}.mt-\[0\.5mm\]{margin-top:.5mm}.mt-\[0\.6mm\]{margin-top:.6mm}.mt-\[2\.4mm\]{margin-top:2.4mm}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-14{height:3.5rem}.h-3{height:.75rem}.h-5{height:1.25rem}.h-auto{height:auto}.max-h-64{max-height:16rem}.max-h-\[420px\]{max-height:420px}.max-h-\[90vh\]{max-height:90vh}.max-h-\[92vh\]{max-height:92vh}.min-h-10{min-height:2.5rem}.min-h-11{min-height:2.75rem}.min-h-20{min-height:5rem}.min-h-24{min-height:6rem}.min-h-\[50mm\]{min-height:50mm}.min-h-screen{min-height:100vh}.w-1\/4{width:25%}.w-24{width:6rem}.w-28{width:7rem}.w-32{width:8rem}.w-36{width:9rem}.w-5{width:1.25rem}.w-\[42mm\]{width:42mm}.w-\[57mm\]{width:57mm}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-\[760px\]{min-width:760px}.min-w-\[860px\]{min-width:860px}.min-w-\[900px\]{min-width:900px}.min-w-\[980px\]{min-width:980px}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.max-w-\[30mm\]{max-width:30mm}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.border-collapse{border-collapse:collapse}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-\[36px_minmax\(0\,1fr\)_minmax\(90px\,120px\)\]{grid-template-columns:36px minmax(0,1fr) minmax(90px,120px)}.grid-cols-\[minmax\(0\,1fr\)_5mm_14mm\]{grid-template-columns:minmax(0,1fr) 5mm 14mm}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-\[1\.2mm\]{gap:1.2mm}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-y-1{row-gap:.25rem}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.self-end{align-self:flex-end}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-\[var\(--lemongreen-border\)\]{border-color:var(--lemongreen-border)}.border-\[var\(--lemongreen-border-strong\)\]{border-color:var(--lemongreen-border-strong)}.border-black{--tw-border-opacity: 1;border-color:rgb(0 0 0 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.border-slate-100{--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity, 1))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-slate-300{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.bg-\[var\(--lemongreen-green\)\]{background-color:var(--lemongreen-green)}.bg-\[var\(--lemongreen-mint\)\]{background-color:var(--lemongreen-mint)}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-slate-950\/45{background-color:#02061773}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/70{background-color:#ffffffb3}.bg-white\/75{background-color:#ffffffbf}.bg-white\/80{background-color:#fffc}.bg-white\/85{background-color:#ffffffd9}.bg-white\/90{background-color:#ffffffe6}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-\[3mm\]{padding-left:3mm;padding-right:3mm}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-\[0\.8mm\]{padding-top:.8mm;padding-bottom:.8mm}.py-\[1\.1mm\]{padding-top:1.1mm;padding-bottom:1.1mm}.py-\[2\.2mm\]{padding-top:2.2mm;padding-bottom:2.2mm}.pb-2{padding-bottom:.5rem}.pb-\[0\.6mm\]{padding-bottom:.6mm}.pl-\[1mm\]{padding-left:1mm}.pl-\[2mm\]{padding-left:2mm}.pt-4{padding-top:1rem}.pt-\[1\.2mm\]{padding-top:1.2mm}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.indent-1{text-indent:.25rem}.indent-2{text-indent:.5rem}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[7\.4px\]{font-size:7.4px}.text-\[8\.2px\]{font-size:8.2px}.text-\[8\.6px\]{font-size:8.6px}.text-\[8\.8px\]{font-size:8.8px}.text-\[8px\]{font-size:8px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-\[1\.22\]{line-height:1.22}.text-\[var\(--lemongreen-green\)\]{color:var(--lemongreen-green)}.text-\[var\(--lemongreen-green-strong\)\]{color:var(--lemongreen-green-strong)}.text-\[var\(--lemongreen-ink\)\]{color:var(--lemongreen-ink)}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-amber-800{--tw-text-opacity: 1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.text-emerald-800{--tw-text-opacity: 1;color:rgb(6 95 70 / var(--tw-text-opacity, 1))}.text-emerald-950{--tw-text-opacity: 1;color:rgb(2 44 34 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-red-900{--tw-text-opacity: 1;color:rgb(127 29 29 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-slate-800{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-slate-950{--tw-text-opacity: 1;color:rgb(2 6 23 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--lg-green-50: #ecfbe2;--lg-green-100: #d6f4be;--lg-green-200: #b3e88a;--lg-green-300: #8ed85a;--lg-green-500: #58b733;--lg-green-600: #3f9824;--lg-green-700: #2a771b;--lg-green-800: #1b5512;--lg-lemon: #ffd541;--lg-lemon-dk: #f5b800;--ink-900: #14211b;--ink-700: #3a4a41;--ink-500: #6b7a72;--ink-400: #9aa69f;--ink-300: #c1c9c4;--ink-200: #dfe5e1;--ink-100: #eef2ef;--ink-50: #f6f8f6;--paper: #fefffb;--canvas: #f3f6ef;--danger: #d23a2b;--danger-bg: #fdecea;--warn: #c98a00;--warn-bg: #fff5d6;--info: #2a73c4;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 24px;--r-pill: 999px;--sh-1: 0 1px 0 rgba(20, 33, 27, .04), 0 1px 2px rgba(20, 33, 27, .06);--sh-2: 0 2px 6px rgba(20, 33, 27, .06), 0 8px 24px rgba(20, 33, 27, .06);--sh-3: 0 10px 28px rgba(20, 33, 27, .1);--sh-pop: 0 24px 60px rgba(20, 33, 27, .2);--font-ui: "Inter", "IBM Plex Sans Thai", "Noto Sans Thai", system-ui, -apple-system, "Segoe UI", sans-serif;--font-num: "Inter", ui-sans-serif, system-ui, sans-serif;--side-w: 72px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-ui);color:var(--ink-900);background:var(--canvas);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}button>svg{width:18px;height:18px;flex-shrink:0}input,select,textarea{font-family:inherit}input:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--lg-green-300);outline-offset:2px}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.bg-canvas{position:fixed;inset:0;z-index:-1;pointer-events:none;background-color:var(--canvas)}.bg-canvas:before{content:"";position:absolute;inset:0;background-image:url(/assets/lemon-green-bg-M_FfVYVz.jpg);background-size:cover;background-position:center;opacity:.18;filter:saturate(.7)}.bg-canvas:after{content:"";position:absolute;inset:0;background:radial-gradient(1100px 700px at 12% -10%,rgba(255,222,90,.22),transparent 60%),radial-gradient(900px 600px at 110% 110%,rgba(120,220,90,.18),transparent 55%)}.app-shell{width:100vw;height:100vh;display:flex;overflow:hidden;background:transparent}.rail{width:var(--side-w);background:#ffffffb3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid var(--ink-100);display:flex;flex-direction:column;align-items:center;padding:14px 0;gap:6px;flex-shrink:0}.rail-logo{width:48px;height:48px;border-radius:50%;background:#fff url(/assets/lemon-pos-logo-DP6GuWx-.png) center/125% 125% no-repeat;box-shadow:var(--sh-2);margin-bottom:8px}.rail-btn{width:52px;height:52px;border-radius:14px;background:transparent;border:0;display:grid;place-items:center;color:var(--ink-500);font-size:11px;font-weight:600;gap:2px;display:flex;flex-direction:column;justify-content:center;transition:background .15s,color .15s;position:relative}.rail-btn:hover{color:var(--ink-900);background:var(--ink-100)}.rail-btn.active{background:var(--lg-green-50);color:var(--lg-green-700)}.rail-btn.active:before{content:"";position:absolute;left:-10px;top:14px;bottom:14px;width:3px;border-radius:3px;background:var(--lg-green-600)}.rail-btn svg{width:22px;height:22px}.rail-spacer{flex:1}.rail .me{width:40px;height:40px;border-radius:50%;background:var(--lg-green-700);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;letter-spacing:.04em}.workspace{flex:1;display:grid;grid-template-rows:auto 1fr;overflow:auto;min-width:0;min-height:0}.topbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:14px 22px 6px}.topbar h1{margin:0;font-size:20px;font-weight:700;letter-spacing:-.01em}.topbar .sub{font-size:12.5px;color:var(--ink-500);margin-top:2px}.topbar .crumb{color:var(--lg-green-700);font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.topbar-right{margin-left:auto;display:flex;gap:10px;align-items:center}.chip{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;background:#ffffffd9;border:1px solid var(--ink-100);border-radius:var(--r-pill);font-size:13px;color:var(--ink-700);box-shadow:var(--sh-1)}.chip .dot{width:8px;height:8px;border-radius:50%;background:var(--lg-green-500);box-shadow:0 0 0 3px #58b73329}.chip .dot.warn{background:var(--warn);box-shadow:0 0 0 3px #c98a002e}.chip .dot.err{background:var(--danger);box-shadow:0 0 0 3px #d23a2b2e}.chip strong{color:var(--ink-900);font-weight:700}.split{display:grid;grid-template-columns:minmax(0,1fr) 480px;gap:18px;padding:14px 22px 22px;min-height:0}.split[data-density=comfy]{grid-template-columns:minmax(0,1fr) 520px}.left-col{display:flex;flex-direction:column;gap:14px;min-height:0;overflow-y:auto}.search-row{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}.search-bar{flex:1 1 280px;min-width:0;min-height:0;position:relative;display:flex;align-items:center;gap:14px;height:64px;padding:0 22px;background-color:#fffcef;border:1.5px solid var(--lg-green-200);border-radius:var(--r-lg);box-shadow:0 2px 6px #14211b0d,0 8px 24px #14211b0f;transition:border-color .15s,box-shadow .15s}.search-bar:focus-within{border-color:var(--lg-green-500);background-color:#fff;box-shadow:0 1px 2px #14211b0d,0 0 0 4px #58b7332e}.search-bar svg{flex-shrink:0;color:var(--ink-400);width:24px;height:24px}.search-bar input{flex:1 1 auto;min-width:0;min-height:0;background:transparent;border:0;outline:0;font-size:20px;font-weight:600;color:var(--ink-900);padding:0;font-family:inherit;height:100%}.search-bar input::-moz-placeholder{color:var(--ink-400);font-weight:500}.search-bar input::placeholder{color:var(--ink-400);font-weight:500}.qty-stepper{display:inline-flex;align-items:center;height:64px;border-radius:var(--r-lg);border:1px solid var(--ink-200);background:#fff;box-shadow:var(--sh-2);overflow:hidden}.qty-stepper button{width:52px;height:100%;border:0;background:transparent;font-size:22px;font-weight:700;color:var(--ink-700)}.qty-stepper button:hover{background:var(--ink-50);color:var(--ink-900)}.qty-stepper .val{width:56px;text-align:center;font-size:20px;font-weight:700;border-left:1px solid var(--ink-200);border-right:1px solid var(--ink-200);height:100%;display:grid;place-items:center}.kbd-hint{display:inline-flex;align-items:center;gap:8px;height:64px;padding:0 18px;border-radius:var(--r-lg);border:1px solid var(--ink-200);background:#fff9;font-size:12px;color:var(--ink-500);font-weight:600;white-space:nowrap}.kbd-key{background:#fff;border:1px solid var(--ink-200);border-radius:6px;padding:3px 10px;color:var(--ink-700);font-family:var(--font-num);font-weight:700;font-size:11px;box-shadow:0 1px 0 var(--ink-200)}.search-pop{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--ink-200);border-radius:var(--r-md);box-shadow:var(--sh-pop);z-index:20;overflow:hidden;max-height:360px;overflow:auto}.ghost-add{height:40px;padding:0 14px;border-radius:10px;border:1px solid var(--ink-200);background:#fff;font-weight:700;font-size:13px;color:var(--ink-700)}.ghost-add:hover{background:var(--lg-green-50);border-color:var(--lg-green-300);color:var(--lg-green-700)}.search-bar{position:relative}.search-pop .hdr{padding:10px 16px;font-size:11px;color:var(--ink-500);font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--ink-50);border-bottom:1px solid var(--ink-100)}.search-row-item{display:grid;grid-template-columns:1fr auto auto;gap:14px;padding:14px 16px;border-bottom:1px solid var(--ink-100);align-items:center;cursor:pointer;transition:background .12s}.search-row-item:last-child{border-bottom:0}.search-row-item:hover{background:var(--lg-green-50)}.search-row-item .name{font-weight:600;font-size:15px}.search-row-item .meta{font-size:12px;color:var(--ink-500);margin-top:2px}.search-row-item .price{font-weight:700;font-size:16px;color:var(--ink-900)}.search-row-item .stock{font-size:11px;color:var(--ink-500);font-weight:600}.quick-shelf{display:grid;gap:10px}.quick-shelf .lbl{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-500);padding:0 4px}.quick-shelf .lbl button{border:0;background:transparent;color:var(--lg-green-700);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.tile{border:1px solid var(--ink-200);background:var(--paper);border-radius:var(--r-md);padding:12px 14px 14px;text-align:left;box-shadow:var(--sh-1);display:grid;grid-template-columns:28px 1fr auto;grid-template-rows:auto auto;-moz-column-gap:10px;column-gap:10px;row-gap:2px;align-items:center;min-height:64px;transition:transform .12s,box-shadow .12s,border-color .12s}.tile:hover{transform:translateY(-1px);box-shadow:var(--sh-2);border-color:var(--lg-green-300)}.tile:active{transform:translateY(0)}.tile .swatch{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--c1),var(--c2));grid-row:1 / span 2}.tile .t-name{font-size:13.5px;font-weight:600;color:var(--ink-900);line-height:1.25;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.tile .t-sub{font-size:11px;color:var(--ink-500);grid-column:2}.tile .t-price{font-size:15px;font-weight:800;color:var(--lg-green-700);grid-row:1 / span 2;grid-column:3;align-self:center}.tile.color-blue{--c1: #cfe6ff;--c2: #7cb6f7}.tile.color-navy{--c1: #cfd9ff;--c2: #5b6ed8}.tile.color-red{--c1: #ffd7d4;--c2: #ef6a5e}.tile.color-amber{--c1: #ffeec0;--c2: #f0b73c}.tile.color-lime{--c1: #e7f8d8;--c2: #a7d869}.tile.color-green{--c1: #d4f1d0;--c2: #66c46f}.tile.color-emerald{--c1: #c9efde;--c2: #2fa074}.cart{background:var(--paper);border:1px solid var(--ink-200);border-radius:var(--r-lg);box-shadow:var(--sh-2);display:flex;flex-direction:column;flex:none;overflow:hidden}.cart-head{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--ink-100)}.cart-head h2{margin:0;font-size:16px;font-weight:700}.cart-head .bill-no{font-size:12px;color:var(--ink-500);font-weight:600;letter-spacing:.04em}.cart-head .pill{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--r-pill);font-size:12px;font-weight:700;background:var(--lg-green-50);color:var(--lg-green-700)}.cart-head .ghost{border:0;background:var(--ink-100);color:var(--ink-700);font-weight:600;font-size:13px;padding:8px 14px;border-radius:10px}.cart-head .ghost:hover{background:var(--ink-200)}.cart-list{flex:none;overflow:visible;padding:6px 0;min-height:0}.cart-list .empty{height:100%;min-height:280px;display:grid;place-items:center;color:var(--ink-400);font-weight:500;text-align:center}.cart-list .empty .big{font-size:16px;color:var(--ink-700);font-weight:600;margin-bottom:6px}.cart-list .empty svg{width:64px;height:64px;margin-bottom:14px;opacity:.5}.cart-item{display:grid;grid-template-columns:34px 1fr auto auto auto;align-items:center;gap:10px;padding:6px 16px;border-bottom:1px solid var(--ink-100);transition:background .12s}.cart-item:last-child{border-bottom:0}.cart-item:hover{background:var(--ink-50)}.cart-item .idx{width:24px;height:24px;border-radius:50%;background:var(--ink-100);color:var(--ink-700);display:grid;place-items:center;font-weight:700;font-size:11px}.cart-item .name{font-size:13px;font-weight:600;line-height:1.25}.cart-item .sub{font-size:10.5px;color:var(--ink-500);margin-top:1px}.cart-item .promo-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--r-pill);font-size:10.5px;font-weight:700;background:var(--lg-lemon);color:#4c3b00;margin-left:8px;vertical-align:middle}.line-qty{display:inline-flex;align-items:center;border-radius:10px;border:1px solid var(--ink-200);overflow:hidden;background:#fff}.line-qty button{width:28px;height:26px;border:0;background:transparent;font-size:15px;font-weight:700;color:var(--ink-700)}.line-qty button:hover{background:var(--ink-100)}.line-qty .v{min-width:28px;text-align:center;font-weight:700;font-size:13px}.cart-item .total{font-weight:700;font-size:14px;min-width:72px;text-align:right}.cart-item .x{width:26px;height:26px;border:0;background:transparent;border-radius:8px;color:var(--ink-400);display:grid;place-items:center}.cart-item .x:hover{background:var(--danger-bg);color:var(--danger)}.cart-foot{border-top:1px solid var(--ink-200);padding:8px 16px 10px;background:linear-gradient(180deg,#fff 0%,var(--ink-50) 100%);display:grid;gap:6px}.tally{display:grid;grid-template-columns:1fr auto;font-size:11.5px;color:var(--ink-500);gap:2px 14px}.tally .v{color:var(--ink-700);font-weight:600;text-align:right;white-space:nowrap}.tally .v.disc{color:var(--danger)}.grand-row{display:grid;grid-template-columns:1fr auto;align-items:end;padding-top:5px;border-top:1px dashed var(--ink-200)}.grand-row .grand-label{font-size:12px;color:var(--ink-700);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.grand-row .grand{font-size:26px;font-weight:800;color:var(--ink-900);letter-spacing:-.02em;line-height:1}.foot-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.foot-actions button{height:36px;border-radius:12px;border:1px solid var(--ink-200);background:#fff;font-size:13px;font-weight:600;color:var(--ink-700);display:inline-flex;align-items:center;justify-content:center;gap:6px}.foot-actions button svg{width:14px;height:14px}.foot-actions button:hover{background:var(--ink-50)}.foot-actions button.has-held{border-color:#f59e0b;background:#fffbeb;color:#b45309}.foot-actions button.has-held:hover{background:#fef3c7}.held-bill-list{display:grid;gap:8px;max-height:52vh;overflow-y:auto}.held-bill-row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"no total" "meta total";align-items:center;gap:2px 12px;width:100%;padding:10px 14px;border-radius:12px;border:1px solid var(--ink-200);background:#fff;text-align:left;cursor:pointer}.held-bill-row:hover:not(:disabled){background:var(--ink-50);border-color:var(--ink-300)}.held-bill-row:disabled{opacity:.55;cursor:default}.held-bill-row .hb-no{grid-area:no;font-weight:700;font-size:15px;color:var(--ink-900)}.held-bill-row .hb-meta{grid-area:meta;font-size:12px;color:var(--ink-500)}.held-bill-row .hb-total{grid-area:total;font-size:18px;font-weight:700}.right-col{display:grid;grid-template-rows:auto auto 1fr;gap:14px;min-height:0}.customer-display{background:#2a771b;background-image:linear-gradient(135deg,#1b5512,#2a771b 55%,#3f9824);color:#fff;border-radius:var(--r-lg);padding:18px 20px;box-shadow:var(--sh-3)}.customer-display .lbl{font-size:11px;color:#ffd541f2;font-weight:700;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between;gap:8px}.customer-display .cust-open{border:1px solid rgba(255,213,65,.6);background:#ffffff1f;color:var(--lg-lemon);border-radius:var(--r-pill);padding:3px 10px;font-size:10px;font-weight:700;letter-spacing:.04em;cursor:pointer}.customer-display .cust-open:hover{background:#ffd54138}.customer-display .last{margin-top:6px;font-size:14px;color:#ffffffe6;font-weight:500;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.customer-display .grand{margin-top:8px;font-size:44px;font-weight:800;letter-spacing:-.02em;color:var(--lg-lemon);line-height:1}.keypad-card{background:var(--paper);border:1px solid var(--ink-200);border-radius:var(--r-lg);box-shadow:var(--sh-2);padding:14px;display:grid;gap:10px;align-self:start}.keypad button{height:56px;border:1px solid var(--ink-100);background:#fff;border-radius:12px;font-size:22px;font-weight:700;color:var(--ink-900);box-shadow:var(--sh-1);transition:transform .08s,background .12s}.keypad button:hover{background:var(--ink-50)}.keypad button:active{transform:scale(.97)}.keypad button.util{font-size:13px;background:var(--ink-100);color:var(--ink-700);font-weight:700}.keypad button.util:hover{background:var(--ink-200)}.pay-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pay-pick{height:56px;border:1.5px solid var(--ink-200);border-radius:12px;background:#fff;font-size:14px;font-weight:700;color:var(--ink-700);display:inline-flex;align-items:center;justify-content:center;gap:8px}.pay-pick svg{width:20px;height:20px}.pay-pick.on{border-color:var(--lg-green-500);background:var(--lg-green-50);color:var(--lg-green-700)}.charge-btn{height:72px;border:0;border-radius:var(--r-lg);background:linear-gradient(180deg,var(--lg-green-500) 0%,var(--lg-green-700) 100%);color:#fff;font-size:22px;font-weight:800;letter-spacing:.02em;box-shadow:0 10px 26px #3f982452,inset 0 1px #fff3;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:filter .12s,transform .08s}.charge-btn:hover{filter:brightness(1.06)}.charge-btn:active{transform:translateY(1px)}.charge-btn:disabled{background:var(--ink-200);color:var(--ink-400);box-shadow:none;cursor:not-allowed}.charge-btn .amt{font-size:26px;font-variant-numeric:tabular-nums}.fulltax-btn{margin-top:8px;width:100%;min-height:44px;border:1px solid var(--lg-green-300);background:var(--lg-green-50);color:var(--lg-green-700);border-radius:12px;font-weight:700;font-size:13px;cursor:pointer;transition:background .12s,border-color .12s}.fulltax-btn:hover{background:var(--lg-green-100, #e6f4de);border-color:var(--lg-green-500)}.fulltax-btn:active{transform:translateY(1px)}.fulltax-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fulltax-form .col-2{grid-column:1 / -1}.fulltax-form label{display:grid;gap:6px;font-size:12px;font-weight:600;color:var(--ink-700)}.fulltax-form input,.fulltax-form textarea{width:100%;border:1px solid var(--ink-200);border-radius:10px;padding:10px 12px;font-size:14px;color:var(--ink-900);background:#fff}.fulltax-form textarea{min-height:64px;resize:vertical}.fulltax-form input:focus,.fulltax-form textarea:focus{outline:none;border-color:var(--lg-green-500)}.fulltax-error{margin-top:12px;border-radius:10px;background:#fef2f2;color:#b91c1c;padding:8px 12px;font-size:13px;font-weight:600}.fulltax-check{display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;border:1px solid var(--lg-green-300);background:var(--lg-green-50);border-radius:12px;font-size:14px;font-weight:600;color:var(--lg-green-700);cursor:pointer}.fulltax-check input{width:20px;height:20px;accent-color:var(--lg-green-600, #3f9824);cursor:pointer}.icon-btn{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:#ffffffd9;border:1px solid var(--ink-200);border-radius:50%;color:var(--ink-700);box-shadow:var(--sh-1);cursor:pointer}.icon-btn:hover{background:#fff;color:var(--ink-900)}.icon-btn.danger:hover{color:var(--danger);border-color:var(--danger)}.icon-btn svg{width:18px;height:18px}.icon-btn[data-tip]{position:relative}.icon-btn[data-tip]:hover:after{content:attr(data-tip);position:absolute;top:calc(100% + 6px);right:0;background:var(--ink-900);color:#fff;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap;z-index:50}.topbar-sep{width:1px;height:24px;background:var(--ink-200);margin:0 4px}.modal-scrim{position:fixed;inset:0;background:#14211b5c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:100;padding:24px;animation:scrim .18s ease-out}@keyframes scrim{0%{opacity:0}to{opacity:1}}.modal{background:var(--paper);border-radius:var(--r-xl);width:100%;max-width:520px;box-shadow:var(--sh-pop);overflow:hidden;animation:popin .22s ease-out}@keyframes popin{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.modal .head{padding:22px 24px 6px}.modal .head h2{margin:0;font-size:22px;font-weight:700;letter-spacing:-.01em}.modal .head .lbl{font-size:11px;color:var(--lg-green-700);font-weight:700;letter-spacing:.1em;text-transform:uppercase}.modal .body{padding:18px 24px 24px}.modal .foot{padding:16px 24px;background:var(--ink-50);display:flex;gap:10px;justify-content:flex-end}.modal .foot .primary{background:linear-gradient(180deg,var(--lg-green-500),var(--lg-green-700));color:#fff;border:0;height:48px;padding:0 22px;border-radius:12px;font-weight:700;font-size:14px;box-shadow:0 8px 18px #3f98244d;display:inline-flex;align-items:center;justify-content:center;gap:8px}.modal .foot .primary:disabled{background:var(--ink-200);color:var(--ink-500);box-shadow:none;cursor:not-allowed}.modal .foot .ghost{background:#fff;border:1px solid var(--ink-200);height:48px;padding:0 18px;border-radius:12px;font-weight:600;font-size:14px;color:var(--ink-700)}.cart-item .item-disc{color:#b91c1c;font-weight:600;margin-right:8px}.cart-item .item-disc-btn{border:1px solid var(--ink-200);border-radius:8px;background:#fff;color:var(--ink-700);font-size:11px;font-weight:600;padding:2px 8px;cursor:pointer}.cart-item .item-disc-btn:hover{border-color:var(--lg-green-500);color:var(--lg-green-700)}.modal .seg-btn{height:44px;border:1.5px solid var(--ink-200);border-radius:12px;background:#fff;font-weight:600;font-size:14px;color:var(--ink-700);cursor:pointer}.modal .seg-btn.on{border-color:var(--lg-green-500);background:var(--lg-green-50);color:var(--lg-green-700);font-weight:700}.pay-amount-card{background:linear-gradient(135deg,#f6f8f6,#eaf3e0);border-radius:var(--r-md);padding:18px 20px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px}.pay-amount-card .l{font-size:12px;color:var(--ink-500);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.pay-amount-card .a{font-size:44px;font-weight:800;letter-spacing:-.02em;line-height:1}.received{margin-top:16px}.received label{font-size:13px;font-weight:600;color:var(--ink-700);display:block;margin-bottom:6px}.received input{width:100%;height:64px;border:1.5px solid var(--ink-200);border-radius:12px;background:#fff;padding:0 18px;font-size:32px;font-weight:700;text-align:right}.received input:focus{outline:none;border-color:var(--lg-green-500)}.quick-cash{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.quick-cash button{height:44px;border-radius:10px;border:1px solid var(--ink-200);background:#fff;font-weight:700;color:var(--ink-700)}.quick-cash button:hover{background:var(--lg-green-50);border-color:var(--lg-green-300);color:var(--lg-green-700)}.change-card{margin-top:14px;background:var(--lg-green-700);color:#fff;border-radius:var(--r-md);padding:14px 18px;display:grid;grid-template-columns:1fr auto;align-items:center}.change-card .l{font-size:12px;color:#ffd541f2;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.change-card .a{font-size:36px;font-weight:800;color:var(--lg-lemon);letter-spacing:-.02em}.modal.modal-pay{max-width:680px}.pay-grid{display:grid;grid-template-columns:1fr 232px;gap:18px;align-items:start}.pay-grid .pay-left{min-width:0}.pay-grid .received,.pay-grid .change-card{margin-top:0}.pay-grid .change-card{margin-top:14px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.keypad button{height:56px;border:1px solid var(--ink-200);background:#fff;border-radius:12px;font-size:22px;font-weight:700;color:var(--ink-900);cursor:pointer;transition:background .12s,border-color .12s,transform .05s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.keypad button:hover{background:var(--lg-green-50);border-color:var(--lg-green-300)}.keypad button:active{transform:scale(.96)}.keypad button.kp-action{font-size:20px;color:var(--lg-green-700)}.keypad button.kp-clear{grid-column:1 / -1;font-size:16px;color:var(--lg-green-700);background:var(--lg-green-50);border-color:var(--lg-green-300)}@media(max-width:560px){.pay-grid{grid-template-columns:1fr}.keypad{max-width:320px}}.login-wrap{position:fixed;inset:0;background:var(--canvas);display:grid;place-items:center;padding:24px;overflow:hidden}.login-wrap:before{content:"";position:absolute;inset:0;background-image:url(/assets/lemon-green-bg-M_FfVYVz.jpg);background-size:cover;background-position:center;opacity:.6;pointer-events:none}.login-wrap:after{content:"";position:absolute;inset:0;background:radial-gradient(1200px 800px at 15% 10%,rgba(255,215,75,.3),transparent 60%),radial-gradient(900px 600px at 90% 100%,rgba(120,220,90,.32),transparent 60%),linear-gradient(180deg,#fefffb8c,#f3f6efeb);pointer-events:none}.login-card{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr 1fr;gap:0;width:880px;max-width:100%;background:var(--paper);border-radius:28px;box-shadow:var(--sh-pop);overflow:hidden;border:1px solid rgba(255,255,255,.6)}.login-left{padding:36px 36px 32px;display:grid;grid-template-rows:auto 1fr auto;gap:18px;min-height:540px}.login-brand{display:flex;align-items:center;gap:14px}.login-brand-logo{width:56px;height:56px;border-radius:50%;background:#fff url(/assets/lemon-pos-logo-DP6GuWx-.png) center/125% 125% no-repeat;box-shadow:var(--sh-2)}.login-brand .t{font-size:11px;color:var(--lg-green-700);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.login-brand .n{font-size:19px;font-weight:700;margin-top:2px}.login-greeting{margin-top:4px}.login-greeting h1{margin:0;font-size:32px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.login-greeting p{margin:8px 0 0;color:var(--ink-500);font-size:14px;max-width:340px}.login-fields{display:grid;gap:14px;max-width:320px}.login-fields label{font-size:12px;font-weight:700;color:var(--ink-700);letter-spacing:.04em;text-transform:uppercase}.login-fields .pin-dots{display:flex;gap:10px;margin-top:6px}.login-fields .pin-dot{width:36px;height:50px;border:1.5px solid var(--ink-200);background:var(--ink-50);border-radius:12px;display:grid;place-items:center;font-size:22px;font-weight:800;color:var(--ink-900)}.login-fields .pin-dot.filled{border-color:var(--lg-green-500);background:var(--lg-green-50)}.login-fields .pin-dot.active{border-color:var(--lg-green-600);box-shadow:0 0 0 3px #58b7332e}.login-fields .code-input{margin-top:6px;display:block;height:54px;border:1.5px solid var(--ink-200);border-radius:12px;background:#fff;padding:0 18px;font-size:24px;font-weight:700;letter-spacing:.4em;text-align:center;font-variant-numeric:tabular-nums;width:100%;max-width:220px}.login-fields .code-input.active{border-color:var(--lg-green-500);box-shadow:0 0 0 3px #58b7332e}.login-foot{display:flex;align-items:center;gap:14px}.login-foot .primary{height:54px;padding:0 28px;background:linear-gradient(180deg,var(--lg-green-500),var(--lg-green-700));color:#fff;border:0;border-radius:14px;font-size:16px;font-weight:800;letter-spacing:.02em;box-shadow:0 10px 24px #3f982452}.login-foot .primary:disabled{background:var(--ink-200);color:var(--ink-400);box-shadow:none;cursor:not-allowed}.login-foot .link{border:0;background:transparent;color:var(--lg-green-700);font-weight:700;font-size:13px}.login-right{position:relative;background:url(/assets/lemon-pos-bg-C9E0UUFR.png) center/cover no-repeat;display:grid;place-items:center;padding:24px}.login-right .big-logo{width:min(86%,340px);aspect-ratio:1;border-radius:50%;background:#fff url(/assets/lemon-pos-logo-DP6GuWx-.png) center/125% 125% no-repeat;box-shadow:0 4px 10px #0000001f}.login-numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:280px;margin-top:14px}.login-numpad button{height:56px;border:1px solid var(--ink-100);background:#fff;border-radius:14px;font-size:22px;font-weight:700;color:var(--ink-900);box-shadow:var(--sh-1)}.login-numpad button:hover{background:var(--ink-50)}.login-numpad button.util{font-size:13px;background:var(--ink-100);color:var(--ink-700)}.shift-wrap{position:fixed;inset:0;display:grid;place-items:center;padding:24px}.shift-card{background:var(--paper);border:1px solid var(--ink-100);border-radius:24px;box-shadow:var(--sh-pop);padding:32px;width:480px;max-width:100%;z-index:5;position:relative}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%);background:var(--ink-900);color:#fff;padding:14px 22px;border-radius:var(--r-pill);font-size:14px;font-weight:600;box-shadow:var(--sh-pop);z-index:200;animation:toastin .25s ease-out;display:inline-flex;align-items:center;gap:10px}.toast.success{background:var(--lg-green-700)}.toast svg{width:18px;height:18px;color:var(--lg-lemon)}@keyframes toastin{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.receipt{background:#fff;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;color:#000;padding:20px;border-radius:6px;width:320px;margin:0 auto}.receipt h3{text-align:center;margin:0 0 8px;font-size:14px}.receipt .center{text-align:center}.receipt .row{display:flex;justify-content:space-between}.receipt hr{border:0;border-top:1px dashed #000;margin:8px 0}.receipt .lg-logo{width:60px;height:60px;display:block;margin:0 auto 6px;content:url(/assets/lemon-pos-bg-C9E0UUFR.png)}:root{--lemongreen-green: var(--lg-green-600);--lemongreen-green-strong: var(--lg-green-700);--lemongreen-mint: var(--lg-green-50);--lemongreen-border: var(--ink-200);--lemongreen-border-strong: var(--lg-green-500);--lemongreen-ink: var(--ink-900);--lemongreen-lemon: var(--lg-lemon)}.lemongreen-bg{background:url(/assets/lemon-pos-bg-C9E0UUFR.png) center/cover no-repeat fixed}.lemongreen-panel,.master-page,.report-page,.document-page,.settings-page{min-height:100%;padding:22px;color:var(--ink-900)}.lemongreen-panel{background:transparent;border:0}.lemongreen-card,.card-pane,.detail-pane,.doc-card,.items-card,.audit-card,.user-card,.chart-card,.top-card,.stock-card,.vat-card,.settings-content{background:#fefffbf0;border:1px solid var(--ink-200);border-radius:var(--r-lg);box-shadow:var(--sh-2)}.lemongreen-card{overflow:hidden}.lemongreen-primary,.btn-primary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;background:linear-gradient(180deg,var(--lg-green-500),var(--lg-green-700));color:#fff;font-weight:800;box-shadow:0 10px 22px #3f982440;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.lemongreen-secondary,.btn-secondary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--ink-200);border-radius:12px;background:#fff;color:var(--ink-700);font-weight:750;box-shadow:var(--sh-1);transition:border-color .12s ease,background .12s ease,color .12s ease}.lemongreen-primary:hover,.btn-primary:hover{transform:translateY(-1px);box-shadow:0 14px 28px #3f98244d}.lemongreen-secondary:hover,.btn-secondary:hover{border-color:var(--lg-green-300);background:var(--lg-green-50);color:var(--lg-green-700)}.lemongreen-primary:disabled,.lemongreen-secondary:disabled,.btn-primary:disabled,.btn-secondary:disabled{transform:none;opacity:.46;cursor:not-allowed;box-shadow:none}.btn-link,.danger-link{min-height:40px;border:0;background:transparent;font-weight:800}.btn-link{color:var(--lg-green-700)}.danger-link{color:var(--danger)}.lemongreen-table-head{background:var(--lg-green-50);color:var(--ink-700);font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.lemongreen-tab,.lemongreen-tab-active{border:1px solid var(--ink-200);background:#fff;color:var(--ink-700);box-shadow:var(--sh-1)}.lemongreen-tab-active{border-color:var(--lg-green-500);background:var(--lg-green-600);color:#fff}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.page-head h1{margin:0;font-size:28px;line-height:1.1;font-weight:850;letter-spacing:0}.page-sub{color:var(--ink-500);font-size:16px;font-weight:650}.crumb,.crumb-small{color:var(--lg-green-700);font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.page-head-right{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.page-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 14px}.tabp,.seg button{min-height:44px;border:1px solid var(--ink-200);border-radius:12px;background:#ffffffdb;color:var(--ink-700);font-weight:800;padding:0 14px}.tabp.active,.seg button.active{border-color:var(--lg-green-500);background:var(--lg-green-600);color:#fff}.seg{display:inline-flex;gap:6px;padding:4px;border:1px solid var(--ink-200);border-radius:14px;background:#ffffffb8}.seg button{min-height:36px;border-radius:10px;border-color:transparent;box-shadow:none}.seg button:disabled{cursor:not-allowed;opacity:.58}.products-split,.report-split,.receipt-grid,.adjust-grid,.suppliers-grid,.settings-split{display:grid;gap:18px;align-items:start}.products-split{grid-template-columns:minmax(0,1fr) minmax(360px,440px)}.receipt-grid,.adjust-grid{grid-template-columns:370px minmax(0,1fr)}.suppliers-grid{grid-template-columns:380px minmax(0,1fr)}.report-split{grid-template-columns:minmax(0,1fr) 340px}.settings-split{grid-template-columns:240px minmax(0,1fr)}.card-pane,.detail-pane,.doc-card,.items-card,.audit-card,.settings-content{padding:18px}.pane-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 210px auto;gap:10px;align-items:center;margin-bottom:14px}.search-pane,.setting-input,.cell-input,.lemongreen-panel input,.lemongreen-panel select,.lemongreen-panel textarea,.master-page input,.master-page select,.master-page textarea,.document-page input,.document-page select,.document-page textarea,.report-page input,.report-page select,.report-page textarea,.settings-page input,.settings-page select,.settings-page textarea{border:1px solid var(--ink-200);border-radius:12px;background:#fff;color:var(--ink-900);min-height:44px;box-shadow:inset 0 1px #14211b05}.search-pane,.setting-input,.cell-input,.lemongreen-panel input:not([type=checkbox]):not([type=radio]),.lemongreen-panel select,.lemongreen-panel textarea,.master-page input:not([type=checkbox]):not([type=radio]),.master-page select,.master-page textarea,.document-page input:not([type=checkbox]):not([type=radio]),.document-page select,.document-page textarea,.report-page input:not([type=checkbox]):not([type=radio]),.report-page select,.report-page textarea,.settings-page input:not([type=checkbox]):not([type=radio]),.settings-page select,.settings-page textarea{width:100%;min-width:0;max-width:100%}.lemongreen-panel input[type=checkbox],.lemongreen-panel input[type=radio],.master-page input[type=checkbox],.master-page input[type=radio],.document-page input[type=checkbox],.document-page input[type=radio],.report-page input[type=checkbox],.report-page input[type=radio],.settings-page input[type=checkbox],.settings-page input[type=radio]{width:auto;min-width:0;flex:0 0 auto}.search-pane{width:100%;padding:0 14px}.data-table{border:1px solid var(--ink-100);border-radius:14px;overflow:hidden;background:#fff}.dt-head,.dt-row{display:grid;align-items:center;gap:12px;padding:12px 14px}.dt-head{background:var(--lg-green-50);color:var(--ink-500);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.dt-row{min-height:62px;border-top:1px solid var(--ink-100);color:var(--ink-700);cursor:pointer;transition:background .12s ease,color .12s ease}.dt-row:hover,.dt-row.active{background:#fffbe8;color:var(--ink-900)}.products-table .dt-head,.products-table .dt-row{grid-template-columns:110px minmax(220px,1fr) 130px 150px 100px 92px}.label-table .dt-head,.label-table .dt-row{grid-template-columns:44px 110px minmax(220px,1fr) 140px 100px 150px}.label-table .dt-row{cursor:default}.label-table input[type=checkbox]{width:18px;height:18px;accent-color:var(--lemongreen-green, #4f9d2f);cursor:pointer}.dt-name{font-weight:800;color:var(--ink-900)}.dt-meta{margin-top:3px;color:var(--ink-500);font-size:12px}.cat-chip,.inactive-chip,.stock-low{display:inline-flex;width:-moz-fit-content;width:fit-content;min-height:28px;align-items:center;border-radius:var(--r-pill);padding:0 10px;font-size:12px;font-weight:800}.cat-chip{background:var(--ink-50);color:var(--ink-700);border:1px solid var(--ink-100)}.inactive-chip{background:var(--ink-100);color:var(--ink-500)}.stock-low{background:var(--danger-bg);color:var(--danger)}.detail-head{display:flex;justify-content:space-between;gap:14px;margin-bottom:14px}.detail-head h2,.card-head h2,.card-head h3{margin:2px 0 0;font-size:19px;line-height:1.22;font-weight:850}.card-sub{color:var(--ink-500);font-size:13px}.detail-kpis,.stat-row,.kv-grid,.adj-stats,.vat-grid{display:grid;gap:10px}.detail-kpis{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.kpi,.stat{border:1px solid var(--ink-100);border-radius:14px;background:#fff;padding:12px}.k-l,.stat-l,.vat-l{color:var(--ink-500);font-size:12px;font-weight:750}.k-v,.stat-v,.vat-v{margin-top:4px;color:var(--ink-900);font-size:21px;font-weight:850;font-variant-numeric:tabular-nums}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid label,.setting-row label,.supplier-form-grid label{display:grid;gap:6px;color:var(--ink-700);font-size:13px;font-weight:750}.supplier-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.supplier-form-wide{grid-column:1 / -1}.supplier-form-grid textarea{min-height:96px;resize:vertical}.supplier-options,.form-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:14px}.check-row{display:inline-flex;min-height:38px;align-items:center;gap:8px;color:var(--ink-700);font-size:13px;font-weight:750}.suppliers-toolbar{grid-template-columns:minmax(0,1fr) auto}.units-block{border:1px solid var(--ink-100);border-radius:14px;overflow:hidden;background:#fff}.units-head,.unit-row{display:grid;grid-template-columns:minmax(0,1fr) 92px 92px 110px;gap:10px;align-items:center;padding:12px}.u-a{text-align:right}.units-head{background:var(--ink-50);color:var(--ink-500);font-size:11px;font-weight:850;text-transform:uppercase}.unit-row{border-top:1px solid var(--ink-100)}.u-n{font-weight:800}.u-l{color:var(--ink-500);font-size:12px}.u-v{text-align:right;font-weight:850;font-variant-numeric:tabular-nums}.row-actions,.user-actions{display:flex;flex-wrap:wrap;gap:8px}.report-page .flex.flex-wrap.gap-2:first-child{margin-bottom:14px}.report-grid,.stat-row{display:grid;gap:14px}.stat-row{grid-template-columns:repeat(3,minmax(0,1fr))}.bar-chart{display:grid;gap:9px}.bar-wrap{height:11px;overflow:hidden;border-radius:var(--r-pill);background:var(--lg-green-50)}.bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--lg-green-600),var(--lg-lemon))}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.user-card{padding:16px}.user-card.inactive{opacity:.72}.user-av{width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--lg-green-700);color:#fff;font-size:15px;font-weight:850;letter-spacing:.04em}.user-name{font-size:18px;font-weight:850}.user-meta,.user-last{color:var(--ink-500);font-size:12px}.audit-card{margin-bottom:16px}.audit-list{display:grid;gap:10px}.audit-row,.status-row,.setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--ink-100);padding:14px 0}.audit-row:first-child,.setting-row:first-child{border-top:0;padding-top:0}.audit-t,.setting-label{font-weight:850}.audit-u,.setting-help{color:var(--ink-500);font-size:12px}.cmd-steps{color:var(--ink-600, #374151);display:flex;flex-direction:column;font-size:13px;gap:6px;line-height:1.5;margin:0 0 12px;padding-left:20px}.cmd-download{align-items:center;display:inline-flex;gap:8px;justify-content:center;text-decoration:none;width:-moz-fit-content;width:fit-content}.cmd-tool{border:1px solid var(--line-200, #e5e7eb);border-radius:10px;display:flex;flex-direction:column;gap:6px;padding:12px 14px}.cmd-tool+.cmd-tool{margin-top:10px}.cmd-tool-head{align-items:center;display:flex;gap:12px;justify-content:space-between}.cmd-copy{flex:0 0 auto;white-space:nowrap}.cmd-code{background:#0f172a;border-radius:8px;color:#e2e8f0;display:block;font-family:SFMono-Regular,Consolas,Menlo,monospace;font-size:12px;line-height:1.5;overflow-x:auto;padding:10px 12px;-webkit-user-select:all;-moz-user-select:all;user-select:all;white-space:pre;word-break:break-all}.settings-nav{display:grid;gap:8px;position:sticky;top:18px}.sn{min-height:48px;display:flex;align-items:center;justify-content:flex-start;gap:10px;border:1px solid var(--ink-200);border-radius:14px;background:#ffffffd1;color:var(--ink-700);padding:0 14px;font-weight:850;box-shadow:var(--sh-1)}.sn.active{border-color:var(--lg-green-500);background:var(--lg-green-50);color:var(--lg-green-700)}.sn-ico{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#fff}.sn-ico svg{width:17px;height:17px}.setting-group{margin-top:18px}.setting-group:first-child{margin-top:0}.setting-row{align-items:flex-start}.setting-row>:last-child{min-width:min(420px,48%)}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--lg-green-600);box-shadow:0 0 0 4px #58b73329}.status-dot.yellow{background:var(--warn);box-shadow:0 0 0 4px #c98a002e}.status-dot.red{background:var(--danger);box-shadow:0 0 0 4px #d23a2b2e}.status-dot.off{background:var(--ink-300);box-shadow:0 0 0 4px #c1c9c438}.toggle{width:50px;height:30px;border:0;border-radius:var(--r-pill);background:var(--ink-200);padding:3px}.toggle:before{content:"";display:block;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:var(--sh-1);transition:transform .16s ease}.toggle.on{background:var(--lg-green-600)}.toggle.on:before{transform:translate(20px)}.receipt-grid .items-card,.adjust-grid .items-card{min-width:0}.table-scroll{overflow-x:auto;border:1px solid var(--ink-100);border-radius:14px;background:#fff}.data-table-native{width:100%;min-width:760px;border-collapse:collapse;text-align:left;color:var(--ink-700);font-size:13px}.data-table-native th,.data-table-native td{padding:12px 14px;vertical-align:top}.data-table-native thead{background:var(--lg-green-50);color:var(--ink-500);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.data-table-native tbody tr{border-top:1px solid var(--ink-100)}.data-table-native tbody tr:hover{background:#fffdf0;color:var(--ink-900)}.data-table-native strong{display:block;color:var(--ink-900);font-weight:850}.data-table-native .empty-cell{padding:22px 14px;color:var(--ink-500);text-align:center}.document-items-table{min-width:900px}.stock-adjust-table,.receipt-history-table,.supplier-table{min-width:760px}.doc-preview{border:1px solid var(--ink-100);border-radius:14px;background:linear-gradient(180deg,#fff,var(--ink-50));color:var(--ink-700);font-size:13px;padding:18px}.doc-preview strong,.doc-preview .font-semibold,.doc-preview .text-lg{color:var(--ink-900)}.document-inline-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.document-field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:12px;align-items:end}.document-filter-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,200px) minmax(140px,180px) auto;gap:12px;align-items:end}.report-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:12px;align-items:end}.document-inline-search>*,.document-field-grid>*,.document-filter-grid>*,.report-filter-grid>*{min-width:0}.receipt-totals{display:grid;justify-items:end;gap:6px;margin-top:14px;color:var(--ink-700)}.receipt-totals .t-v,.cell-total{color:var(--ink-900);font-weight:850;font-variant-numeric:tabular-nums}.empty-small{color:var(--ink-500);font-size:13px;padding:18px}@media(max-width:1366px){.split,.split[data-density=comfy]{grid-template-columns:minmax(0,1fr) 420px}}@media(max-width:1180px){.split,.split[data-density=comfy]{grid-template-columns:minmax(0,1fr) 360px}.products-split,.receipt-grid,.adjust-grid,.suppliers-grid,.settings-split,.report-split{grid-template-columns:1fr}.settings-nav{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:960px){.split,.split[data-density=comfy]{grid-template-columns:minmax(0,1fr)}.left-col{overflow-y:visible}}@media(max-width:760px){.lemongreen-panel,.master-page,.report-page,.document-page,.settings-page{padding:14px}.page-head{display:grid}.page-head-right{justify-content:flex-start}.pane-toolbar,.form-grid,.supplier-form-grid,.stat-row,.detail-kpis,.document-inline-search,.document-filter-grid{grid-template-columns:1fr}.products-table{overflow-x:auto}.products-table .dt-head,.products-table .dt-row{min-width:820px}.setting-row{display:grid}.setting-row>:last-child{min-width:0}}.cart-item.is-active{outline:2px solid var(--lemon-600, #3f9142);outline-offset:-2px;border-radius:8px;background:#3f91420f}.search-row-item.is-active{background:#3f91421f}.kbd-hints{display:flex;flex-wrap:wrap;gap:12px;padding:8px 12px;margin-top:8px;font-size:12px;color:var(--ink-500, #6b7280);border-top:1px solid var(--ink-200, #e5e7eb)}.kbd-hints .kbd-key{display:inline-block;padding:1px 6px;margin-right:4px;border:1px solid var(--ink-300, #d1d5db);border-radius:6px;background:#fff;font-weight:600;color:var(--ink-900, #111827)}.cust-screen{position:fixed;inset:0;background:var(--canvas) url(/assets/lemon-green-bg-M_FfVYVz.jpg) center/cover no-repeat;color:var(--ink-900);font-family:var(--font-ui);overflow:hidden}.cust-fs{position:absolute;top:16px;right:16px;z-index:2;border:1px solid var(--lg-green-300);background:#ffffffd9;color:var(--lg-green-700);border-radius:var(--r-pill);padding:8px 18px;font-size:14px;font-weight:700;cursor:pointer;box-shadow:var(--sh-1)}.cust-fs:hover{background:#fff;border-color:var(--lg-green-500)}.cust-idle{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;padding-bottom:clamp(24px,7vh,72px)}.cust-idle-welcome{font-size:clamp(24px,3.4vw,42px);font-weight:800;color:var(--lg-green-700);background:#ffffffd1;border-radius:var(--r-pill);padding:10px 34px;box-shadow:var(--sh-1)}.cust-idle-note{font-size:15px;color:var(--danger);background:#ffffffe6;border-radius:var(--r-pill);padding:6px 18px}.cust-sale{height:100%;display:grid;grid-template-rows:1fr auto;gap:14px;padding:clamp(16px,3vh,34px) clamp(20px,4vw,64px);min-height:0}.cust-list{overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;background:#ffffffd1;border-radius:var(--r-xl);box-shadow:var(--sh-2);scrollbar-width:thin}.cust-line{display:grid;grid-template-columns:1fr auto;grid-template-areas:"name total" "qty total";align-items:center;gap:2px 20px;padding:12px 18px;border-radius:var(--r-md);background:#ffffffbf;border:1px solid var(--ink-200)}.cust-line:last-child{background:var(--lg-green-50);border-color:var(--lg-green-300);box-shadow:inset 0 0 0 2px var(--lg-lemon)}.cust-line-name{grid-area:name;font-size:clamp(18px,2.1vw,26px);font-weight:700;line-height:1.25}.cust-line-qty{grid-area:qty;font-size:clamp(14px,1.5vw,18px);color:var(--ink-500)}.cust-line-total{grid-area:total;display:flex;flex-direction:column;align-items:flex-end;font-size:clamp(20px,2.3vw,30px);font-weight:800;white-space:nowrap}.cust-line-disc{font-size:14px;font-weight:600;color:var(--lg-green-600)}.cust-foot{padding:14px clamp(18px,2.5vw,32px) 18px;background:#fffffff0;border-radius:var(--r-xl);box-shadow:var(--sh-3)}.cust-foot-meta{display:flex;justify-content:space-between;gap:16px;font-size:clamp(14px,1.5vw,18px);color:var(--ink-500)}.cust-foot-disc{color:var(--lg-green-600);font-weight:700}.cust-foot-grand{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:4px}.cust-foot-label{font-size:clamp(20px,2.4vw,32px);font-weight:700;color:var(--ink-700)}.cust-foot-value{font-size:clamp(40px,6.4vw,88px);font-weight:800;line-height:1;letter-spacing:-.02em;color:var(--lg-green-700)}.cust-thanks{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.cust-thanks>*{z-index:1}.cust-thanks:before{content:"";position:absolute;inset:clamp(24px,8vh,90px) clamp(40px,14vw,240px);background:#ffffffe0;border-radius:var(--r-xl);box-shadow:var(--sh-3)}.cust-thanks-mark{width:clamp(80px,10vw,130px);height:clamp(80px,10vw,130px);display:grid;place-items:center;border-radius:var(--r-pill);background:var(--lg-green-500);color:#fff;font-size:clamp(44px,5.5vw,76px);font-weight:800;box-shadow:var(--sh-2)}.cust-thanks-text{margin-top:14px;font-size:clamp(30px,4.2vw,56px);font-weight:800;color:var(--lg-green-700)}.cust-thanks-total{margin-top:6px;font-size:clamp(38px,5.6vw,80px);font-weight:800;line-height:1;color:var(--ink-900)}.cust-thanks-bill{margin-top:10px;font-size:clamp(14px,1.6vw,20px);color:var(--ink-500)}.hover\:bg-\[var\(--lemongreen-mint\)\]:hover{background-color:var(--lemongreen-mint)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-\[var\(--lemongreen-green\)\]:focus{--tw-ring-color: var(--lemongreen-green)}.disabled\:bg-slate-100:disabled{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.disabled\:text-slate-400:disabled{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}@media(min-width:640px){.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[1fr_140px\]{grid-template-columns:1fr 140px}}@media(min-width:1024px){.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[1fr_320px\]{grid-template-columns:1fr 320px}}@media(min-width:1280px){.xl\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}}