*,: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}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.z-40{z-index:40}.z-50{z-index:50}.m-0{margin:0}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-2{margin-left:.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-0{height:0px}.h-16{height:4rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-\[100px\]{height:100px}.h-\[calc\(100vh-355px\)\]{height:calc(100vh - 355px)}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[100px\]{max-height:100px}.min-h-\[calc\(100vh-64px\)\]{min-height:calc(100vh - 64px)}.min-h-screen{min-height:100vh}.w-0{width:0px}.w-1\/3{width:33.333333%}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2\/3{width:66.666667%}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-80{width:20rem}.w-\[108px\]{width:108px}.w-\[18px\]{width:18px}.w-\[325px\]{width:325px}.w-full{width:100%}.w-min{width:-moz-min-content;width:min-content}.min-w-0{min-width:0px}.min-w-\[120px\]{min-width:120px}.min-w-\[150px\]{min-width:150px}.min-w-\[18px\]{min-width:18px}.min-w-\[200px\]{min-width:200px}.min-w-\[250px\]{min-width:250px}.min-w-\[280px\]{min-width:280px}.min-w-\[300px\]{min-width:300px}.min-w-\[350px\]{min-width:350px}.min-w-\[400px\]{min-width:400px}.min-w-\[450px\]{min-width:450px}.min-w-max{min-width:-moz-max-content;min-width:max-content}.max-w-2xl{max-width:42rem}.max-w-\[108px\]{max-width:108px}.max-w-\[200px\]{max-width:200px}.max-w-\[300px\]{max-width:300px}.max-w-\[350px\]{max-width:350px}.max-w-\[400px\]{max-width:400px}.max-w-\[450px\]{max-width:450px}.max-w-\[54px\]{max-width:54px}.max-w-max{max-width:-moz-max-content;max-width:max-content}.max-w-md{max-width:28rem}.max-w-min{max-width:-moz-min-content;max-width:min-content}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-evenly{justify-content:space-evenly}.justify-stretch{justify-content:stretch}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.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-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-scroll{overflow-y:scroll}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-dashed{border-style:dashed}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-400{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.border-green-400{--tw-border-opacity: 1;border-color:rgb(74 222 128 / 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-400{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / 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-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-opacity-50{--tw-bg-opacity: .5}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-7{padding:1.75rem}.p-8{padding:2rem}.p-9{padding:2.25rem}.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-7{padding-left:1.75rem;padding-right:1.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-5{padding-bottom:1.25rem}.pb-8{padding-bottom:2rem}.pe-5{padding-inline-end:1.25rem}.pe-8{padding-inline-end:2rem}.pl-4{padding-left:1rem}.ps-5{padding-inline-start:1.25rem}.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-7{padding-top:1.75rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-6xl{font-size:3.75rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}.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-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tracking-wide{letter-spacing:.025em}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-blue-900{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / 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-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.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)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px 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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}@font-face{font-family:montserrat;src:url(https://demo-pos.kreasikodekraftek.com/build/assets/Montserrat-VariableFont_wght-a4fe82b4.ttf) format("truetype")}*{padding:0;margin:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:montserrat}body.red{--primary: rgb(191, 35, 12);--primary-trans: rgba(191, 35, 12, .1);--soft: rgb(255, 100, 100)}body.green{--primary: rgb(58, 135, 45);--primary-trans: rgba(58, 135, 45, .1);--soft: rgb(150, 220, 150)}body.orange{--primary: rgb(220, 130, 20);--primary-trans: rgba(220, 130, 20, .1);--soft: rgb(255, 200, 120)}body.blue{--primary: rgb(34, 87, 122);--primary-trans: rgba(34, 87, 122, .1);--soft: rgb(90, 170, 200)}body.purple{--primary: rgb(128, 64, 128);--primary-trans: rgba(128, 64, 128, .1);--soft: rgb(200, 150, 200)}body.dark-blue{--primary: rgb(25, 78, 99);--primary-trans: rgba(25, 78, 99, .1);--soft: rgb(100, 150, 180)}#transition-layer{top:0;left:0;transition:.3s;background:rgb(255,255,255);z-index:1000;img {width: 150px; -o-object-fit: cover; object-fit: cover;}}#transition-layer.opacity-hidden{opacity:0}div.container{max-width:100%!important;min-height:75vh}#login-page{--primary: rgb(191, 35, 12);--primary-trans: rgba(191, 35, 12, .1);--soft: rgb(255, 100, 100);button {margin-top: 12px; padding: 12px; border-radius: 3px; width: 100%; background: var(--primary); text-align: center; font-size: 14px; color: rgb(255,255,255);}}#login-page .header{text-align:center;img {width: 150px; -o-object-fit: cover; object-fit: cover;} p {letter-spacing: 2px; margin: 28px 0 3px; text-transform: uppercase; font-size: 14px; color: rgb(150,150,150);} span {display: block; margin-bottom: 24px; font-size: 12px; color: rgb(200,200,200);}}#login-page .input-group{position:relative;margin-bottom:12px;label {position: absolute; top: 50%; left: 16px; transform: translateY(-50%); transition: .1s; font-size: 14px; color: rgb(100,100,100);} input {min-width: 275px; padding: 12px 16px; border: 1px solid rgb(225,225,225); border-radius: 3px; transition: .1s; font-size: 12px; color: rgb(100,100,100);} input:focus {outline: none; border: 1px solid var(--primary);} input:focus~label {left: 8px; padding: 0 3px; transform: translateY(-170%); background: rgb(255,255,255); font-size: 12px; color: var(--primary);}}#login-page .input-group.active{label {left: 8px; padding: 0 3px; transform: translateY(-170%); background: rgb(255,255,255); font-size: 12px;}}#header{top:0;left:0;background:rgb(255,255,255);box-shadow:5px 5px 5px #00142808;overflow:hidden;z-index:2000}#header .account{font-size:13px}#header .account .default-pic{padding:8px;background:var(--primary);border-radius:50%;font-size:12px;color:#fff}#back-end{overflow-x:hidden;max-width:calc(100vw - 300px);background:#F7FAFC}#back-end #page-data{max-width:100%}#sidebar{top:0;left:0;background:rgb(255,255,255);box-shadow:5px 64px 15px #00142803;z-index:2500;span {display: block; margin-bottom: 6px; text-transform: uppercase; font-size: 10px; color: rgb(150,150,150);} .menu-group.expanded .chevron {transform: rotate(180deg);} .menu-group.collapsed {height: 43.5px; overflow: hidden;} .menu-group.expanded {height: -moz-max-content; height: max-content;} .menu-list {display: flex; padding: 12px; width: 100%; align-items: center; border-top-left-radius: 3px; border-bottom-left-radius: 3px; outline: none; gap: 10px; font-size: 13px; i {font-size: 14px;}} .menu-list:hover {color: rgb(125,125,125);} .menu-list.last-level {width: 240px; transform: translateX(40px); font-size: 12px;} .menu-list.active {padding-left: 16px; cursor: context-menu; background: #F7FAFC; box-shadow: inset 5px 5px 5px rgba(0,20,40,.01); color: var(--primary); i {font-size: 13px;} p {font-size: 12px;}}}#sidebar #sidebar-toggle{display:none;top:16px;right:-44px;width:32px;height:32px;i {transition: .3s;}}#sidebar #sidebar-toggle:hover i{transform:translate(12px)}#sidebar .logo{img {width: 135px; -o-object-fit: cover; object-fit: cover;}}#sidebar .menu::-webkit-scrollbar{width:0}#sidebar.collapsed{position:fixed;transform:translate(-100%)}#breadcrumb{font-size:12px;a.active {color: var(--primary);} h1 {font-size: 24px;}}.dt-cover{max-width:100%;overflow-x:scroll}.dt-cover::-webkit-scrollbar{height:0}.rdt_TableCell,.rdt_TableCol{min-width:150px!important}.rdt_TableRow .rdt_TableCell:first-child,.rdt_TableHeadRow .rdt_TableCol:first-child{min-width:64px!important}.rdt_TableRow .rdt_TableCell:last-child,.rdt_TableHeadRow .rdt_TableCol:last-child{min-width:180px!important;button,a {min-width: -moz-max-content; min-width: max-content;}}#sidebar.collapsed~#back-end{max-width:100%}#sidebar.collapsed~#data-modal{padding-left:0}.hudJpJ,.dknajr,.hDPlLz{background:none!important;border-bottom:none!important}.no-data{font-size:12px}.btn-link{color:var(--primary)}.btn,.btn-border:hover{padding:8px 24px;background:var(--primary);transition:.1s;border-radius:3px;font-size:12px;color:#fff!important}.btn:hover{filter:brightness(.85)}.btn-border:hover{background:var(--primary-trans);color:var(--primary)!important}.btn-border{background:none;filter:none!important;border:1px solid var(--primary);color:var(--primary)!important}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.filter-box{padding:12px 16px;height:-moz-min-content;height:min-content;background:rgb(255,255,255)}.filter-box .input-group{width:100%;margin-bottom:12px;label {display: block; margin-bottom: 5px; font-size: 12px;}}.regular-form{padding:12px 16px 32px;height:-moz-min-content;height:min-content;background:rgb(255,255,255);p {width: 100%; padding-bottom: 10px; margin-bottom: 16px; border-bottom: 1px dashed rgb(200,200,200); font-weight: 500; font-size: 14px;} .input-group {width: 100%; margin-bottom: 12px; label {display: block; font-size: 12px;} input[type=text],input[type=password],input[type=number],input[type=time],input[type=date],textarea {display: block; padding: 10px 16px; margin-top: 3px; min-width: 250px; width: 100%; border-radius: 3px; background: linear-gradient(to left,rgb(245,245,245),rgb(250,250,250)); box-shadow: inset 5px 5px 5px rgba(0,0,0,.01); outline: none; line-height: 22px; font-size: 13px; color: rgb(100,100,100);} button.btn.add-btn {max-width: 40px; background: rgba(255,100,100,.15); color: rgb(255,0,0) !important; padding: 6px 12px; margin-top: 28px; font-weight: 400; font-size: 16px !important;}} button {margin-top: 12px; width: 100%; font-weight: 500;}}.shift-input{input[type=time] {min-width: 125px !important;}}.prefix-input{input {min-width: 150px !important;} .input-group:last-child {width: -moz-min-content; width: min-content;} .input-group:last-child input {min-width: 64px !important; max-width: 64px !important; text-align: center;}}button.toggle-switch{margin-top:5px;padding:4px;width:84px!important;height:32px;background:rgb(245,245,245)}button.toggle-switch .switch{height:100%;width:calc(50% - 4px);background:rgb(255,255,255);box-shadow:0 0 5px #0000001a;transition:.3s}button.toggle-switch .switch .indicator{width:5px;height:5px;background:rgb(150,150,150)}button.toggle-switch.small{margin-top:0;padding:4px 2.5px;width:64px!important;height:28px!important}button.toggle-switch.small .indicator{width:4px;height:4px}.price-input span{position:absolute;top:50%;left:16px;transform:translateY(-50%);font-size:13px}.price-input input{min-width:175px!important}.price-input.unit-input span{left:calc(100% - 32px)}.price-input.unit-input input{padding-right:48px!important}.price-input.unit-input.with-qty span{left:initial;right:16px;width:-moz-max-content;width:max-content}.price-input.unit-input.with-qty input{text-align:left}.price-input.unit-input.with-qty .badge{margin-right:-8px}.price-input input{text-align:right}.price-input.dual-tip input{padding-right:56px!important}.price-input span.badge{margin-left:-8px}.price-input.dual-tip span:last-child{left:initial;right:24px}.toggle-switch:hover .switch{background:rgb(250,250,250)}.toggle-switch.active .switch{transform:translate(125%);box-shadow:0 0 25px #00ff004d}.toggle-switch.active .switch .indicator{background:rgb(0,255,0)}.toggle-switch.readonly-switch,.toggle-switch.readonly-switch.active{cursor:not-allowed}.toggle-switch.readonly-switch.active .switch{box-shadow:0 0 25px #ff000026}.toggle-switch.readonly-switch.active .switch .indicator{background:rgb(255,0,0)}.badge{padding:4px 8px 6px;font-size:12px!important}.badge.mini-badge{padding:1px 8px;font-weight:500}.badge.bd-grey{background:rgb(245,245,245);color:#646464!important}.badge.bd-primary{background:var(--primary-trans);color:var(--primary)!important}.badge.bd-green{background:rgba(0,255,0,.1);color:#199632!important}.badge.bd-orange{background:rgba(255,100,0,.1);color:#e17d00!important}.badge.bd-red{background:rgba(255,0,0,.1);color:#e10000}.dLHSn{padding:14px 0 16px;align-items:start!important}.bOmZtP div:first-child{white-space:wrap!important;overflow:visible!important;line-height:22px}.notif{top:50%;left:50%;transform:translate(-50%,-50%)}.notif .header{margin-bottom:12px;border-radius:5px;background:rgba(255,0,0,.15);font-weight:700;color:#f00c;i {font-size: 32px;}}.notif .message{border-radius:5px;background:rgb(255,255,255);box-shadow:0 0 15px #0000001a;p {text-align: center; line-height: 24px; font-size: 14px; b {font-weight: 500;}} .btn {width: 100%; background: rgb(255,100,100);} .btn-border {border: 1px solid rgb(255,100,100); background: none; color: rgb(255,100,100);} .btn-border:hover {background: rgba(255,100,100,.1); color: rgb(255,100,100) !important;}}.alert-container{top:68px;right:16px;z-index:1500}.alert{margin-bottom:8px;animation:slideIn .3s ease-in-out;transition:opacity .3s ease-in-out;border-radius:3px;background:rgba(255,0,0,.15);z-index:1500;text-align:left;font-size:14px;color:#f00c;i {font-size: 16px;}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.alert.fade-out{opacity:0}.alert.success{background:rgba(0,200,0,.15);color:#00c800}.update-container .rdt_TableBody .rdt_TableRow:has(#this-edit){background:var(--soft);color:#fff!important}.list-container{padding:0;background:none}.list-container .list-box{padding:12px 16px;margin-bottom:12px;background:rgb(255,255,255)}.list-container .list-box.receipt{p {margin-bottom: 12px;} span {font-size: 14px;} .input-group {margin-bottom: 0; .btn {margin: 6px 0;}}}.rdt_TableCell{line-height:22px!important}.input-image-box{padding-top:8px;padding-left:5px;span {display: block; margin-bottom: 5px; font-size: 12px; color: rgb(255,0,0);} i {top: 50%; left: 50%; transform: translate(-50%,-50%); pointer-events: none; transition: .3s; font-size: 32px; color: rgb(255,255,255);}}.image-input{width:128px!important;height:120px!important;border-radius:3px;background:var(--primary);cursor:pointer;z-index:1;color:transparent}.menu-preview{position:absolute;top:0;left:0;width:128px;height:120px;-o-object-fit:contain;object-fit:contain;border-radius:3px}.image-input.hide-btn,.image-input.hide-btn~i{opacity:0}.image-input.hide-btn:hover~i{opacity:1}.image-input:hover{filter:brightness(.85)}.image-input:hover~i{transform:translate(-50%,-50%) scale(.8)}.image-input::-webkit-file-upload-button{opacity:0}.menu-preview-desc{p {border: none; padding-bottom: 0; margin-bottom: 0;} span {margin-bottom: 0; color: rgb(150,150,150);} span.price {font-size: 24px; color: var(--primary);}}.required{font-size:14px!important;color:red!important}.loading{top:0;left:0;background:rgba(255,255,255,.7);z-index:2000;font-size:32px;color:var(--primary);i {animation: loading .5s linear infinite;}}@keyframes loading{to{transform:rotate(360deg)}}.dropdown{display:none;top:54px;right:20px;background:rgb(255,255,255);box-shadow:5px 5px 15px #0000001a;z-index:3000}.dropdown .list{width:100%;padding:12px 32px 12px 16px;transition:.1s;font-size:13px;i {font-size: 14px;}}.dropdown .list:hover{background:rgb(245,245,245)}.dropdown .list:last-child{margin-top:5px;padding:14px 32px 14px 16px;border-top:1px dashed rgb(200,200,200)}.dropdown .list:last-child:hover{color:var(--primary)}.profile:hover .dropdown,.dropdown:hover{display:block}.color-box{width:55px!important;height:55px!important;border-radius:2px}.color-box:hover{opacity:.8}.color-box.active{border:8px solid rgb(225,225,225);opacity:.6}.input-group .color-box:nth-child(2){background:linear-gradient(to right bottom,rgb(191,35,12) 50%,rgb(255,100,100) 50%)}.input-group .color-box:nth-child(5){background:linear-gradient(to right bottom,rgb(34,87,122) 50%,rgb(90,170,200) 50%)}.input-group .color-box:nth-child(4){background:linear-gradient(to right bottom,rgb(58,135,45) 50%,rgb(150,220,150) 50%)}.input-group .color-box:nth-child(1){background:linear-gradient(to right bottom,rgb(128,64,128) 50%,rgb(200,150,200) 50%)}.input-group .color-box:nth-child(3){background:linear-gradient(to right bottom,rgb(220,130,20) 50%,rgb(255,200,120) 50%)}.input-group .color-box:nth-child(6){background:linear-gradient(to right bottom,rgb(25,78,99) 50%,rgb(100,150,180) 50%)}.preview-alert{bottom:-100%;left:50%;transform:translate(-50%);background:rgb(255,255,255);box-shadow:5px 5px 15px #0000000d;transition:.3s;border-radius:3px;i {margin-top: 3px; font-size: 28px; color: rgb(255,0,0);} h1 {font-weight: 500; font-size: 14px;} p {font-size: 12px;}}.preview-alert.appear{bottom:32px}.skeleton{width:150px;height:50px;background:rgb(245,245,245);border-radius:3px;animation:skeleton .5s linear alternate infinite}input[type=text]:-moz-read-only{cursor:not-allowed}input[type=text]:read-only{cursor:not-allowed}input[type=checkbox]{color:red}.placeholder{display:block;margin:12px 0;text-align:center;font-size:13px;color:#969696}.rdt_Table{p {all: unset;}}.list-box .rdt_Table{p {all: unset;} .rdt_TableCell {.input-group button.btn.add-btn {margin-top: 0 !important;}}}.list-box .rdt_TableCell:nth-child(2),.list-box .rdt_TableCol:nth-child(2){min-width:200px!important;max-width:200px!important}.list-box .rdt_TableCell:nth-child(3),.list-box .rdt_TableCol:nth-child(3){display:block;max-width:100%;min-width:-moz-max-content!important;min-width:max-content!important;p {display: block; max-width: 90%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} span {display: block; color: rgb(150,150,150);} span:last-child {margin-bottom: 12px;}}.list-box .rdt_TableCell:nth-child(4),.list-box .rdt_TableCol:nth-child(4){display:block;p.data {display: block; margin-bottom: 55px;}}.list-box .rdt_TableCell:nth-child(4),.list-box .rdt_TableCol:nth-child(4),.list-box .rdt_TableCell:nth-child(5),.list-box .rdt_TableCol:nth-child(5){min-width:160px!important;max-width:160px!important}.list-box .rdt_TableCell:nth-child(6),.list-box .rdt_TableCol:nth-child(6){min-width:100px!important;max-width:100px!important}p.data-sum{text-transform:uppercase;font-weight:600}#initial-stock-modal{padding-left:300px;background:rgba(230,235,245,.7);z-index:1400}#initial-stock-modal .iGxMlw{align-items:center}#initial-stock-modal .rdt_TableCell:nth-child(2),#initial-stock-modal .rdt_TableCol:nth-child(2){min-width:250px!important}#initial-stock-modal .rdt_TableCell:nth-child(3),#initial-stock-modal .rdt_TableCol:nth-child(3){min-width:100px!important}#initial-stock-modal .rdt_TableCell:nth-child(4),#initial-stock-modal .rdt_TableCol:nth-child(4){min-width:200px!important}#initial-stock-modal .rdt_TableCell:last-child,#initial-stock-modal .rdt_TableCol:last-child{min-width:200px!important}#initial-stock-modal .regular-form{max-height:75vh;overflow-y:scroll}#initial-stock-modal .regular-form.table-form{max-width:65vw}#initial-stock-modal .regular-form::-webkit-scrollbar{width:0}#initial-stock-modal .tables{max-height:65vh;overflow-y:scroll}#initial-stock-modal .tables::-webkit-scrollbar{width:0}#initial-stock-modal .table{display:flex!important;width:75px;height:68px;justify-content:center;align-items:center;background:rgba(50,200,50,.15);font-size:22px;font-weight:500;color:#199632!important;cursor:pointer}#initial-stock-modal .table:hover{filter:brightness(.6)}#initial-stock-modal .table.inactive{opacity:.6;background:rgb(245,245,245);color:#646464!important}#initial-stock-modal .table.inactive-super{opacity:.3;cursor:not-allowed;pointer-events:none}#initial-stock-modal .table.inactive:hover{filter:brightness(.95)}#initial-stock-modal .table.occupied{cursor:not-allowed;background:rgba(255,0,0,.1);color:#e10000!important}#initial-stock-modal .table.occupied:hover{filter:none}#data-modal{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;padding-left:300px!important;background:rgba(230,235,245,.7)!important;z-index:1400!important;display:flex!important;justify-content:center!important;align-items:center!important}#data-modal .iGxMlw{align-items:center}#data-modal .rdt_TableCell:nth-child(2),#data-modal .rdt_TableCol:nth-child(2){min-width:250px!important}#data-modal .rdt_TableCell:nth-child(3),#data-modal .rdt_TableCol:nth-child(3){min-width:100px!important}#data-modal .rdt_TableCell:nth-child(4),#data-modal .rdt_TableCol:nth-child(4){min-width:200px!important}#data-modal .rdt_TableCell:last-child,#data-modal .rdt_TableCol:last-child{min-width:200px!important}#data-modal .regular-form{max-height:75vh;overflow-y:scroll}#data-modal .regular-form.table-form{max-width:65vw}#data-modal .regular-form::-webkit-scrollbar{width:0}#data-modal .tables{max-height:65vh;overflow-y:scroll}#data-modal .tables::-webkit-scrollbar{width:0}#data-modal .table{display:flex!important;width:75px;height:68px;justify-content:center;align-items:center;background:rgba(50,200,50,.15);font-size:22px;font-weight:500;color:#199632!important;cursor:pointer}#data-modal .table:hover{filter:brightness(.6)}#data-modal .table.inactive{opacity:.6;background:rgb(245,245,245);color:#646464!important}#data-modal .table.inactive-super{opacity:.3;cursor:not-allowed;pointer-events:none}#data-modal .table.inactive:hover{filter:brightness(.95)}#data-modal .table.occupied{cursor:not-allowed;background:rgba(255,0,0,.1);color:#e10000!important}#data-modal .table.occupied:hover{filter:none}#sidebar.collapsed~#data-modal .regular-form.table-form{max-width:85vw}@keyframes skeleton{to{opacity:.8}}#data-modal .discount-table .rdt_TableCell:last-child,#data-modal .discount-table .rdt_TableCol:last-child{max-width:84px!important;min-width:84px!important;button.btn {margin-top: 0 !important;}}.discount-table .rdt_TableCell:last-child,.discount-table .rdt_TableCol:last-child{max-width:168px!important;min-width:168px!important}#data-modal .discount-table .combo-table-wrapper .rdt_TableCell:nth-child(2),#data-modal .discount-table .combo-table-wrapper .rdt_TableCol:nth-child(2){max-width:265px!important;min-width:265px!important}#data-modal .discount-table .combo-table-wrapper .rdt_TableCell:nth-child(3),#data-modal .discount-table .combo-table-wrapper .rdt_TableCol:nth-child(3){span.plus {font-size: 22px; color: rgb(150,150,150);} span.badge {width: -moz-max-content; width: max-content; white-space: nowrap;}}.discount-table .regular-form{padding:initial!important;p {margin-bottom: 0 !important; padding-bottom: 0 !important;}}.discount-table .badge{cursor:pointer}p.detail-number{min-width:14px!important}#data-modal .discount-table .select-group.input-group{min-width:225px!important;max-width:initial!important}.data-table-extensions-filter label{filter:grayscale(1)}.expense-box .rdt_TableCell:nth-child(2),.expense-box .rdt_TableCol:nth-child(2),.expense-box .rdt_TableCell:nth-child(3),.expense-box .rdt_TableCol:nth-child(3){max-width:initial!important}.sub-menu{position:sticky;top:74px;padding:16px 14px 32px;height:-moz-max-content;height:max-content;background:rgb(255,255,255);box-shadow:5px 5px 15px #00142801}.sub-menu .sub-menu-list{display:block;width:100%;padding:12px 16px;border-radius:5px;font-size:14px;color:#646464}.sub-menu .sub-menu-list.active{margin:12px 0;background:var(--primary);color:#fff}.sub-menu .sub-menu-list.active:first-child{margin-top:0}.report{padding:16px 24px;background:rgb(255,255,255);box-shadow:5px 5px 15px #00142801;p {display: flex; padding-bottom: 12px; margin-bottom: 16px; justify-content: space-between; border-bottom: 1px solid rgb(225,225,225); .highlight {font-weight: 600;}}}.transaction-stat{padding:28px 24px;height:-moz-max-content;height:max-content;background:rgb(255,255,255);div {text-align: center;} p {font-weight: 500; font-size: 24px;}}.dashboard-stat{div {flex: 1; min-width: 350px; padding: 24px 28px; background: rgb(255,255,255);} p {margin-top: 3px; font-weight: 500; font-size: 24px;}}.chart-stat{padding:24px 28px;background:rgb(255,255,255);p {margin-bottom: 24px;}}.transaction-table .rdt_TableHeadRow{display:none!important}.stock-movements-table .rdt_TableCell:nth-child(2),.stock-movements-table .rdt_TableCol:nth-child(2){min-width:200px!important;max-width:200px!important}.stock-movements-table .rdt_TableCell:nth-child(3),.stock-movements-table .rdt_TableCol:nth-child(3){min-width:250px!important;max-width:250px!important}.stock-movements-table .rdt_TableCell:nth-child(8),.stock-movements-table .rdt_TableCol:nth-child(8){min-width:225px!important;max-width:225px!important}.stock-movements-table .rdt_TableCell:nth-child(10),.stock-movements-table .rdt_TableCol:nth-child(10){min-width:250px!important;max-width:250px!important}.detail-w-num .rdt_TableCell:nth-child(4),.detail-w-num .rdt_TableCell:nth-child(5){p {display: flex !important; width: 100% !important; justify-content: space-between !important; margin-bottom: 0 !important;}}#pos-page #header{padding-right:28px;z-index:1000!important;gap:24px}#pos-page #header .logo{img {min-width: 115px; width: 115px; -o-object-fit: cover; object-fit: cover;}}#pos-page #header .search-bar.regular-form{all:initial;padding-top:10px;width:100%;input {width: 100% !important;}}#pos-page #header .header-stat p,#pos-page #header .header-stat .btn{min-width:-moz-max-content;min-width:max-content;font-size:12px}#pos-page #pos-sidebar{padding-left:16px;padding-right:64px;max-width:90px;min-height:calc(100vh - 67px);z-index:1100!important;background:rgb(255,255,255);box-shadow:5px 8px 15px #0014280a;transition:.3s;overflow:hidden}#pos-page #pos-sidebar .menu-list{width:-moz-max-content;width:max-content;margin-bottom:12px;gap:24px;transition:.1s;font-size:14px;color:#646464;div {border-radius: 3px; padding: 14px 16px;} i {font-size: 20px;}}#pos-page #pos-sidebar .menu-list:nth-child(1) i{font-size:24px}#pos-page #pos-sidebar .menu-list:nth-child(2) i{transform:translate(-2px);font-size:22px}#pos-page #pos-sidebar .menu-list:nth-child(5) i{font-size:22px}#pos-page #pos-sidebar .menu-list:hover{color:#c8c8c8}#pos-page #pos-sidebar .menu-list.active{color:var(--primary);div {background: rgb(245,245,245);}}#pos-page #pos-sidebar .logout-btn{position:absolute;bottom:16px;padding:12px 18px;border-radius:3px;font-size:20px;color:#646464}#pos-page #pos-sidebar .logout-btn:hover{background:rgb(245,245,245)}#pos-page #sidebar-cover{position:absolute;top:0;left:0;width:100%;height:100%;transition:.3s}#pos-page #pos-sidebar:hover{min-width:250px;max-width:250px}#pos-page #pos-sidebar:hover .menu-list{gap:0}#pos-page #pos-sidebar:hover .menu-list.active{transform:translate(14px);gap:14px}#pos-page #pos-sidebar:hover #sidebar-cover{width:0%}#pos-page #data-modal{top:0!important;padding-left:0!important}#pos-page #page-data{background:#F7FAFC;max-height:calc(100vh - 60px);overflow-y:scroll}#pos-page #page-data::-webkit-scrollbar{width:0}#pos-page #menu-category{position:sticky;top:0;padding-bottom:8px;margin-bottom:5px;overflow-x:scroll}#pos-page #menu-category::-webkit-scrollbar{height:0}#pos-page #menu-category button{min-width:-moz-max-content;min-width:max-content;border-radius:3px;padding:8px 32px}#pos-page #menu-category button.active{background:rgb(255,255,255);box-shadow:5px 5px 5px #00142803;color:var(--primary)}#pos-page #big-wrapper-menu{min-height:75vh;max-height:75vh;overflow-y:scroll}#pos-page #big-wrapper-menu::-webkit-scrollbar{width:0}#pos-page #menu-list{background:rgb(255,255,255);box-shadow:0 0 5px #00000003}#pos-page #menu-list .menu-box{display:flex;padding:32px 0;flex-direction:column;justify-content:center;align-items:center;border:2px solid #F7FAFC;cursor:pointer;transition:.05s;i {font-size: 64px; color: rgb(225,225,225);} img {-o-object-fit: contain; object-fit: contain; height: 64px;} p {margin-top: 18px; margin-bottom: 5px; font-weight: 500; font-size: 16px; text-align: center;} span {font-size: 16px; color: var(--primary);}}#pos-page #menu-list .menu-box:active{transform:scale(.8);opacity:.3}#pos-page #menu-list .menu-box.hide{display:none}#pos-page .invoice-header{span:first-child {font-weight: 600;} span:last-child {font-size: 12px; color: rgb(150,150,150);}}#pos-page .regular-form{position:sticky;top:0;transition:.05s}#pos-page .regular-form .btn{padding:16px 0;font-size:14px}#pos-page .regular-form .btn-disable{background:rgb(245,245,245);pointer-events:none;font-weight:400;color:#646464!important}#pos-page .order-menu-container{max-height:35vh;overflow-y:scroll}#pos-page .order-menu-container .menu-list{display:flex;margin-bottom:12px;gap:12px;color:#646464}#pos-page .order-menu-container .menu-list .image{display:flex;min-width:64px;height:64px;max-width:64px;justify-content:center;align-items:center;border-radius:3px;background:rgb(245,245,245);font-size:28px}#pos-page .order-menu-container .menu-list .detail{width:100%;p {padding: 0; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; margin: initial; border: none;} span {display: block; margin-bottom: 5px; font-size: 12px;} p:last-child {color: var(--primary);}}#pos-page .order-menu-container .menu-list .action{display:flex;align-items:stretch;height:-moz-max-content;height:max-content;gap:3px;cursor:pointer}#pos-page .order-menu-container .menu-list .action .min{padding:5px 12px;border:1px solid rgb(100,100,100)}#pos-page .order-menu-container .menu-list .action .num{width:40px;padding:5px;background:rgb(245,245,245);text-align:center;cursor:context-menu}#pos-page .order-menu-container .menu-list .action .plus{padding:5px 12px;border:1px solid var(--primary);color:var(--primary)}#pos-page .order-menu-container::-webkit-scrollbar{width:0}#pos-page .invoice-container{margin-top:24px;font-size:14px;color:#646464;div {margin-bottom: 12px;} p {padding-top: 16px; border: none; padding-bottom: 0; border-top: 1px dashed rgb(100,100,100);}}#pos-page #menu-container #in-container-modal{top:0;left:0;background:rgba(255,255,255,.7)}#pos-page #menu-container #in-container-modal .regular-form{padding:0;min-height:400px;box-shadow:0 0 15px #00142808,5px 5px 15px #00142808;p {padding: 0; margin: initial; border: none;} #used-addon-container {overflow-x: scroll; span {cursor: pointer;}} #used-addon-container::-webkit-scrollbar {height: 0;} #menu-preview {padding: 0 48px; border-right: 1px dashed rgb(225,225,225); text-align: center; img {height: 100px; -o-object-fit: contain; object-fit: contain;} i {font-size: 100px; color: rgb(225,225,225);} p {margin-top: 24px; margin-bottom: 5px; font-size: 18px;} span {font-size: 18px; color: var(--primary);}} #addon-form {padding: 22px 28px; p {font-size: 18px;} .btn {padding: 12px 0; font-size: 12px;} input[type=checkbox] {width: 16px; height: 16px;} label {font-size: 16px;}}}#pos-page #menu-container #in-container-modal .tables{max-height:65vh;overflow-y:scroll}#pos-page #menu-container #in-container-modal .tables::-webkit-scrollbar{width:0}#pos-page #menu-container #in-container-modal .table-container{max-width:550px;p {padding: 12px 38px 10px; font-weight: 400; color: rgb(100,100,100);}}#pos-page #menu-container #in-container-modal .table{display:flex!important;width:72px;height:66px;justify-content:center;align-items:center;background:rgba(50,200,50,.15);font-size:18px;font-weight:500;color:#199632!important;cursor:pointer}#pos-page #menu-container #in-container-modal .table:hover{filter:brightness(.6)}#pos-page #menu-container #in-container-modal .table.inactive{opacity:1;background:rgb(245,245,245);color:#646464!important}#pos-page #menu-container #in-container-modal .table.inactive-super{opacity:.6;cursor:not-allowed;pointer-events:none;background:rgb(245,245,245);color:#969696!important}#pos-page #menu-container #in-container-modal .table.inactive:hover{filter:brightness(.95)}#pos-page #menu-container #in-container-modal .table.occupied{cursor:not-allowed;background:rgba(255,0,0,.1);color:#e10000!important}#pos-page #menu-container #in-container-modal .table.occupied:hover{filter:none}@media (max-width: 1300px){#sidebar-toggle{display:block!important}.hDPlLz{font-size:12px}#sidebar.expanded~#back-end{max-width:calc(100vw - 300px)}#sidebar.expanded~#back-end .container{flex-direction:column;div:first-child {max-width: 100% !important;} .dt-cover {order: 2;} .regular-form {order: 1;}}.regular-form{p {padding-bottom: 10px; margin-bottom: 14px; font-size: 13px;} .input-group {margin-bottom: 8px; input[type=text],input[type=password],input[type=number],input[type=time],input[type=date],textarea {display: block; padding: 8px 12px; border-radius: 0px; font-size: 12px;} button.btn.add-btn {font-size: 14px !important;}}}.btn,.btn-border:hover{padding:6px 22px;font-size:11px}#breadcrumb{h1 {font-size: 20px !important;} .link {max-width: 100%; overflow-x: scroll; text-overflow: ellipsis; p,a {min-width: -moz-max-content; min-width: max-content;}} .link::-webkit-scrollbar {height: 0;}}}@media (max-width: 1200px){#pos-page .regular-form.invoice-form{max-width:350px!important}}@media (max-width: 1000px){#sidebar{min-width:275px!important;span {font-size: 8px;} .menu-list {padding: 12px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; gap: 8px; font-size: 12px;}}#sidebar .logo{img {width: 100px;}}}@media (max-width: 750px){#sidebar{position:fixed!important}#sidebar #sidebar-toggle{background:rgb(255,255,255);box-shadow:0 0 5px #0000001a}#back-end{max-width:100vw!important}#back-end .container{flex-direction:column;div:first-child {max-width: 100% !important;} .dt-cover {order: 2;} .regular-form {order: 1;}}}.search-container{background:#ffffff;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;padding:16px;margin-bottom:16px;transition:all .3s ease}.search-container:hover{box-shadow:0 4px 6px #0000001a}.search-input-wrapper{position:relative;flex:1}.search-input{width:100%;padding:8px 12px 8px 40px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .3s ease;background-color:#fff}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:14px}.clear-search-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;color:#9ca3af;transition:color .3s ease}.clear-search-btn:hover{color:#6b7280}.filter-toggle-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .3s ease}.filter-toggle-btn:hover{background:#f9fafb;border-color:#9ca3af}.filter-toggle-btn:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.search-filters{display:flex;flex-wrap:wrap;gap:8px;padding-top:12px;border-top:1px solid #e5e7eb;margin-top:12px}.filter-chip{padding:4px 12px;font-size:12px;border-radius:16px;border:1px solid;cursor:pointer;transition:all .3s ease;font-weight:500}.filter-chip.active{background:#dbeafe;color:#1e40af;border-color:#93c5fd}.filter-chip:not(.active){background:#f3f4f6;color:#374151;border-color:#d1d5db}.filter-chip:not(.active):hover{background:#e5e7eb;border-color:#9ca3af}.search-results-info{margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.search-results-text{font-size:14px;color:#6b7280;margin:0}.search-highlight{background-color:#fef3c7;color:#92400e;padding:1px 3px;border-radius:2px}.dt-cover .data-table-extensions-filter{display:none!important}.dt-cover .data-table-extensions-header{margin-bottom:0!important}.dt-cover .rdt_Table{border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.no-data{color:#6b7280;font-style:italic;text-align:center;padding:32px 16px}@media (max-width: 768px){.search-container{padding:12px}.search-input{padding:6px 10px 6px 36px;font-size:13px}.filter-toggle-btn{padding:6px 12px;font-size:13px}.search-filters{gap:6px}.filter-chip{padding:3px 10px;font-size:11px}}.search-filters{animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-filters::-webkit-scrollbar{height:4px}.search-filters::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.search-filters::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.search-filters::-webkit-scrollbar-thumb:hover{background:#94a3b8}div[id=initial-stock-modal]{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;padding-left:0!important;margin:0!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:9999!important;background:rgba(0,0,0,.5)!important}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:text-blue-800:hover{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:border-transparent:focus{border-color:transparent}.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-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:block{display:block}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}