*,: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:Inter,system-ui,-apple-system,Segoe UI,sans-serif;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%!important}.container{width:100%}@media (min-width: 480px){.\!container{max-width:480px!important}.container{max-width:480px}}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.bottom-20{bottom:5rem}.left-3{left:.75rem}.left-4{left:1rem}.right-0{right:0}.right-4{right:1rem}.top-0{top:0}.top-1\/2{top:50%}.top-full{top:100%}.z-10{z-index:10}.z-40{z-index:40}.z-50{z-index:50}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-full{grid-column:1 / -1}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.\!mb-0{margin-bottom:0!important}.-ml-2{margin-left:-.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-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-\[calc\(100vh-280px\)\]{height:calc(100vh - 280px)}.h-full{height:100%}.h-screen{height:100vh}.max-h-56{max-height:14rem}.max-h-72{max-height:18rem}.max-h-\[85vh\]{max-height:85vh}.min-h-0{min-height:0px}.min-h-\[36px\]{min-height:36px}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-4{width:1rem}.w-48{width:12rem}.w-56{width:14rem}.w-8{width:2rem}.w-full{width:100%}.w-px{width:1px}.min-w-0{min-width:0px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.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%}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-move{cursor:move}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.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))}.grid-cols-\[auto_1fr_1fr_1fr\]{grid-template-columns:auto 1fr 1fr 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.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}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-y-2{row-gap:.5rem}.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-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * 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))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-slate-100>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(241 245 249 / var(--tw-divide-opacity, 1))}.self-center{align-self:center}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-amber-200{--tw-border-opacity: 1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}.border-amber-500{--tw-border-opacity: 1;border-color:rgb(245 158 11 / var(--tw-border-opacity, 1))}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-emerald-300{--tw-border-opacity: 1;border-color:rgb(110 231 183 / var(--tw-border-opacity, 1))}.border-green-100{--tw-border-opacity: 1;border-color:rgb(220 252 231 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-indigo-300{--tw-border-opacity: 1;border-color:rgb(165 180 252 / var(--tw-border-opacity, 1))}.border-orange-200{--tw-border-opacity: 1;border-color:rgb(254 215 170 / var(--tw-border-opacity, 1))}.border-purple-100{--tw-border-opacity: 1;border-color:rgb(243 232 255 / var(--tw-border-opacity, 1))}.border-purple-200{--tw-border-opacity: 1;border-color:rgb(233 213 255 / var(--tw-border-opacity, 1))}.border-purple-300{--tw-border-opacity: 1;border-color:rgb(216 180 254 / var(--tw-border-opacity, 1))}.border-red-100{--tw-border-opacity: 1;border-color:rgb(254 226 226 / 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-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / 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))}.border-slate-700{--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.border-white\/20{border-color:#fff3}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-black\/40{background-color:#0006}.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-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-brand-100{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}.bg-emerald-100{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / 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-400{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-indigo-100{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}.bg-indigo-50{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-pink-100{--tw-bg-opacity: 1;background-color:rgb(252 231 243 / var(--tw-bg-opacity, 1))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-purple-50\/40{background-color:#faf5ff66}.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-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.bg-slate-200{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / 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-50\/50{background-color:#f8fafc80}.bg-slate-600{--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))}.bg-slate-800{--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.bg-teal-100{--tw-bg-opacity: 1;background-color:rgb(204 251 241 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/50{background-color:#ffffff80}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-500{--tw-gradient-from: #10b981 var(--tw-gradient-from-position);--tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-500{--tw-gradient-from: #f97316 var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from: #a855f7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-red-500{--tw-gradient-from: #ef4444 var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-800{--tw-gradient-from: #1e293b var(--tw-gradient-from-position);--tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-blue-600{--tw-gradient-to: #2563eb var(--tw-gradient-to-position)}.to-emerald-600{--tw-gradient-to: #059669 var(--tw-gradient-to-position)}.to-orange-600{--tw-gradient-to: #ea580c var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to: #9333ea var(--tw-gradient-to-position)}.to-red-600{--tw-gradient-to: #dc2626 var(--tw-gradient-to-position)}.to-slate-700{--tw-gradient-to: #334155 var(--tw-gradient-to-position)}.\!p-0{padding:0!important}.p-0{padding:0}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.\!px-4{padding-left:1rem!important;padding-right:1rem!important}.\!py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.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-6{padding-left:1.5rem;padding-right:1.5rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-2{padding-bottom:.5rem}.pl-10{padding-left:2.5rem}.pl-12{padding-left:3rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.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-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.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-extrabold{font-weight:800}.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-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-amber-900{--tw-text-opacity: 1;color:rgb(120 53 15 / var(--tw-text-opacity, 1))}.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-brand-700{--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity, 1))}.text-emerald-500{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / 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-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-indigo-500{--tw-text-opacity: 1;color:rgb(99 102 241 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-indigo-700{--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity, 1))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.text-orange-800{--tw-text-opacity: 1;color:rgb(154 52 18 / var(--tw-text-opacity, 1))}.text-pink-600{--tw-text-opacity: 1;color:rgb(219 39 119 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.text-purple-800{--tw-text-opacity: 1;color:rgb(107 33 168 / 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-slate-300{--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / 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-teal-600{--tw-text-opacity: 1;color:rgb(13 148 136 / var(--tw-text-opacity, 1))}.text-violet-500{--tw-text-opacity: 1;color:rgb(139 92 246 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/60{color:#fff9}.text-white\/80{color:#fffc}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.accent-indigo-600{accent-color:#4f46e5}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px 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-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)}.outline{outline-style:solid}.ring-4{--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(4px + 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)}.ring-indigo-400{--tw-ring-opacity: 1;--tw-ring-color: rgb(129 140 248 / var(--tw-ring-opacity, 1))}.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,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--primary: #1e293b;--primary-light: #334155;--accent: #3b82f6;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--domain-receiving-from: #3b82f6;--domain-receiving-to: #2563eb;--domain-receiving-soft: #dbeafe;--domain-receiving-text: #1d4ed8;--domain-placement-from: #f59e0b;--domain-placement-to: #d97706;--domain-placement-soft: #fef3c7;--domain-placement-text: #b45309;--domain-picking-from: #a855f7;--domain-picking-to: #7c3aed;--domain-picking-soft: #f3e8ff;--domain-picking-text: #7c3aed;--domain-shipping-from: #22c55e;--domain-shipping-to: #16a34a;--domain-shipping-soft: #dcfce7;--domain-shipping-text: #15803d;--domain-transfer-from: #ec4899;--domain-transfer-to: #db2777;--domain-transfer-soft: #fce7f3;--domain-transfer-text: #be185d;--domain-counting-from: #6366f1;--domain-counting-to: #4f46e5;--domain-counting-soft: #e0e7ff;--domain-counting-text: #4338ca;--domain-exception-from: #ef4444;--domain-exception-to: #dc2626;--domain-exception-soft: #fee2e2;--domain-exception-text: #b91c1c;--domain-idle-from: #64748b;--domain-idle-to: #475569;--domain-idle-soft: #f1f5f9;--domain-idle-text: #334155;--fs-xs: .75rem;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.125rem;--fs-lg: 1.25rem;--fs-xl: 1.5rem;--fs-2xl: 2.25rem;--fs-3xl: 3rem;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--r-sm: .5rem;--r-md: .75rem;--r-lg: 1rem;--r-xl: 1.25rem;--r-2xl: 1.5rem;--sh-sm: 0 1px 2px rgba(15, 23, 42, .06);--sh-md: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);--sh-lg: 0 4px 12px rgba(15, 23, 42, .12);--touch-min: 48px;--touch-op: 64px}.wms-domain-chip{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-2);border-radius:var(--r-sm);font-size:var(--fs-xs);font-weight:600;line-height:1}.wms-domain-chip.receiving{background:var(--domain-receiving-soft);color:var(--domain-receiving-text)}.wms-domain-chip.placement{background:var(--domain-placement-soft);color:var(--domain-placement-text)}.wms-domain-chip.picking{background:var(--domain-picking-soft);color:var(--domain-picking-text)}.wms-domain-chip.shipping{background:var(--domain-shipping-soft);color:var(--domain-shipping-text)}.wms-domain-chip.transfer{background:var(--domain-transfer-soft);color:var(--domain-transfer-text)}.wms-domain-chip.counting{background:var(--domain-counting-soft);color:var(--domain-counting-text)}.wms-domain-chip.exception{background:var(--domain-exception-soft);color:var(--domain-exception-text)}.wms-domain-chip.idle{background:var(--domain-idle-soft);color:var(--domain-idle-text)}.wms-kpi-card{position:relative;overflow:hidden;padding:var(--sp-4);border-radius:var(--r-lg);color:#fff;box-shadow:var(--sh-md);cursor:pointer;transition:transform .1s ease,box-shadow .15s ease;min-height:120px;display:flex;flex-direction:column;justify-content:space-between}.wms-kpi-card:hover{box-shadow:var(--sh-lg)}.wms-kpi-card:active{transform:scale(.98)}.wms-kpi-card .wms-kpi-bg-icon{position:absolute;top:0;right:0;padding:var(--sp-3);opacity:.12;font-size:3rem;pointer-events:none}.wms-kpi-card .wms-kpi-label{font-size:var(--fs-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.9;margin-bottom:var(--sp-2)}.wms-kpi-card .wms-kpi-value{font-size:var(--fs-xl);font-weight:800;line-height:1}.wms-kpi-card .wms-kpi-sub{font-size:var(--fs-xs);opacity:.85;margin-top:var(--sp-1)}.wms-kpi-card.receiving{background:linear-gradient(135deg,var(--domain-receiving-from),var(--domain-receiving-to))}.wms-kpi-card.placement{background:linear-gradient(135deg,var(--domain-placement-from),var(--domain-placement-to))}.wms-kpi-card.picking{background:linear-gradient(135deg,var(--domain-picking-from),var(--domain-picking-to))}.wms-kpi-card.shipping{background:linear-gradient(135deg,var(--domain-shipping-from),var(--domain-shipping-to))}.wms-kpi-card.transfer{background:linear-gradient(135deg,var(--domain-transfer-from),var(--domain-transfer-to))}.wms-kpi-card.counting{background:linear-gradient(135deg,var(--domain-counting-from),var(--domain-counting-to))}.wms-kpi-card.exception{background:linear-gradient(135deg,var(--domain-exception-from),var(--domain-exception-to))}.wms-kpi-card.idle{background:linear-gradient(135deg,var(--domain-idle-from),var(--domain-idle-to))}.wms-section{background:#fff;border-radius:var(--r-lg);border:1px solid #e2e8f0;box-shadow:var(--sh-sm);overflow:hidden}.wms-section-header{padding:var(--sp-4);border-bottom:1px solid #e2e8f0;background:#f8fafc;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.wms-section-header h3{font-size:var(--fs-md);font-weight:700;color:#334155;display:flex;align-items:center;gap:var(--sp-2);margin:0}.wms-section-body{padding:var(--sp-4)}.wms-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.wms-table thead th{background:#f8fafc;font-weight:600;text-align:left;color:#475569;text-transform:uppercase;font-size:var(--fs-xs);letter-spacing:.05em;padding:var(--sp-3) var(--sp-3);border-bottom:1px solid #e2e8f0}.wms-table tbody td{padding:var(--sp-3) var(--sp-3);border-top:1px solid #f1f5f9;color:#334155}.wms-table tbody tr:hover{background:#f8fafc}.wms-table.dense tbody td,.wms-table.dense thead th{padding:var(--sp-2) var(--sp-3)}.wms-table.zebra tbody tr:nth-child(2n){background:#fafbfc}.wms-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-md);font-size:var(--fs-sm);font-weight:600;border:1px solid transparent;cursor:pointer;transition:background .1s,box-shadow .1s,transform .05s;min-height:var(--touch-min);-webkit-user-select:none;-moz-user-select:none;user-select:none}.wms-btn:active{transform:scale(.97)}.wms-btn.primary{background:#4f46e5;color:#fff}.wms-btn.primary:hover{background:#4338ca}.wms-btn.secondary{background:#fff;color:#334155;border-color:#e2e8f0}.wms-btn.secondary:hover{background:#f8fafc}.wms-btn.ghost{background:transparent;color:#475569}.wms-btn.ghost:hover{background:#f1f5f9}.wms-btn.danger{background:#dc2626;color:#fff}.wms-btn.danger:hover{background:#b91c1c}.wms-btn.sm{min-height:36px;padding:var(--sp-1) var(--sp-3);font-size:var(--fs-xs)}.wms-btn.lg{min-height:56px;padding:var(--sp-3) var(--sp-5);font-size:var(--fs-md)}@media (max-width: 640px){.wms-section-header{padding:var(--sp-3)}.wms-section-header h3{font-size:var(--fs-sm)}.wms-section-body{padding:var(--sp-3)}.wms-kpi-card{min-height:100px;padding:var(--sp-3)}.wms-kpi-card .wms-kpi-label{font-size:var(--fs-xs)}.wms-kpi-card .wms-kpi-value{font-size:var(--fs-lg)}.wms-kpi-card .wms-kpi-bg-icon{font-size:2.25rem;padding:var(--sp-2)}}@media (max-width: 640px){.receiving-stats-bar{gap:6px}.receiving-stat{padding:10px 8px;gap:4px;min-width:0;flex-direction:column;align-items:center;text-align:center}.receiving-stat i{width:32px;height:32px;font-size:14px;flex-shrink:0}.receiving-stat>div{min-width:0;overflow:hidden;display:flex;flex-direction:column;align-items:center}.receiving-stat-value{font-size:18px}.receiving-stat-label{font-size:10px;letter-spacing:.3px;white-space:nowrap}.receiving-tab{padding:8px 10px;font-size:12px;gap:4px}.receiving-header-bar{padding:0;margin-bottom:12px}.receiving-title{font-size:16px;gap:8px}.receiving-title i{font-size:18px}.receiving-order-card{padding:12px;border-radius:10px}.receiving-order-doc{font-size:14px}.receiving-order-supplier{font-size:13px}}@media (max-width: 640px){.main-content,#content-area{padding:var(--sp-3)!important;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))!important}}body.pda-mode .wms-btn{min-height:var(--touch-op);font-size:var(--fs-md);padding:var(--sp-3) var(--sp-5)}body.pda-mode .wms-btn.sm{min-height:48px;font-size:var(--fs-sm)}body.pda-mode .wms-btn.lg{min-height:72px;font-size:var(--fs-lg)}body.pda-mode .op-action-btn,body.pda-mode .op-task-card{min-height:var(--touch-op);font-size:var(--fs-md)}body.pda-mode .op-secondary-btn{min-height:56px;font-size:var(--fs-sm)}body.pda-mode .op-task-tile{min-height:160px}body.pda-mode input[type=text],body.pda-mode input[type=number],body.pda-mode input[type=password],body.pda-mode input[type=search],body.pda-mode select,body.pda-mode textarea{min-height:56px;font-size:var(--fs-md);padding:var(--sp-3) var(--sp-4)}body.pda-mode .placement-scanner-input,body.pda-mode #op-scanner-input{min-height:64px;font-size:var(--fs-lg);font-weight:600;letter-spacing:.025em}body.pda-mode .placement-scanner-btn{min-width:64px;min-height:64px}body.pda-mode .placement-item-card .placement-item-sku,body.pda-mode .placement-item-card [class*=-item-name]{font-size:var(--fs-md)}body.pda-mode .placement-item-qty-main{font-size:var(--fs-3xl);font-weight:800;color:#0f172a}body.pda-mode .placement-item-meta{font-size:var(--fs-sm)}body.pda-mode .placement-item-meta i.fa-location-dot~*{font-size:var(--fs-xl)}body.pda-mode .wms-domain-chip{font-size:var(--fs-sm);padding:var(--sp-2) var(--sp-3)}body.pda-mode .wms-section-header h3{font-size:var(--fs-md)}@media (max-width: 640px){.wms-table.responsive{display:block;background:transparent}.wms-table.responsive thead{display:none}.wms-table.responsive tbody{display:block}.wms-table.responsive tbody tr{display:block;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:var(--sp-3);margin-bottom:var(--sp-2);box-shadow:0 1px 2px #0f172a0a}.wms-table.responsive tbody tr:hover{background:#fff}.wms-table.responsive tbody td{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:var(--sp-1) 0!important;border:none!important;text-align:left!important;min-height:28px}.wms-table.responsive tbody td:before{content:attr(data-label);font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:#94a3b8;flex-shrink:0;min-width:80px}.wms-table.responsive tbody td:not([data-label]):before{content:"";display:none}.wms-table.responsive tbody td[data-label=""]:before{content:"";display:none}.wms-table.responsive tbody td.primary{flex-direction:column;align-items:flex-start;border-bottom:1px solid #f1f5f9!important;padding-bottom:var(--sp-2)!important;margin-bottom:var(--sp-2)}.wms-table.responsive tbody td.primary:before{display:none}}*{box-sizing:border-box}input,button,select,textarea{font-family:inherit}html{font-size:16px}@media (max-width: 768px){html{font-size:14px}}html{height:100%;overflow:hidden;overscroll-behavior:none}body{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background-color:#f1f5f9;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-webkit-touch-callout:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;line-height:1.5}.h-screen{height:100%!important}main>header,header.h-16{padding-top:env(safe-area-inset-top,0px)!important;height:calc(64px + env(safe-area-inset-top,0px))!important}.view-section,.wms-section,.wms-section-body,.wms-table{touch-action:manipulation;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}input,textarea,select,[contenteditable=true]{-webkit-user-select:text;-moz-user-select:text;user-select:text;-webkit-touch-callout:default}.main-content,#content-area,.modal-body{-webkit-overflow-scrolling:touch;transform:translateZ(0);will-change:transform}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.touch-target{min-height:44px;min-width:44px}.card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;border:none;touch-action:manipulation}.btn:active{transform:scale(.98)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-light)}.btn-secondary{background:#fff;color:#475569;border:1px solid #cbd5e1}.btn-secondary:hover{background:#f8fafc;border-color:#94a3b8}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#059669}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:#2563eb}.btn-warning{background:var(--warning);color:#fff}.sidebar{width:260px;background:var(--primary);color:#fff;display:flex;flex-direction:column}.nav-item{display:flex;align-items:center;padding:12px 20px;color:#cbd5e1;cursor:pointer;border-left:4px solid transparent;gap:12px}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#3b82f633;color:#fff;border-left-color:var(--accent)}.nav-item i{width:24px;text-align:center}@media (max-width: 1024px){.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:50;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40;opacity:0;visibility:hidden}.sidebar-overlay.active{opacity:1;visibility:visible}}.stat-card{padding:20px;border-radius:12px;color:#fff;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:-50%;right:-20%;width:100px;height:100px;background:#ffffff1a;border-radius:50%}.stat-card.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-card.green{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-card.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.data-table{width:100%;border-collapse:collapse}.data-table th{background:#f8fafc;padding:12px 16px;text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;color:#64748b;border-bottom:2px solid #e2e8f0;white-space:nowrap}.data-table td{padding:14px 16px;border-bottom:1px solid #f1f5f9;font-size:14px}.data-table tr:hover{background:#f8fafc}.data-table tr.clickable{cursor:pointer}.receiving-item{display:flex;align-items:center;padding:12px 16px;background:#fff;border-radius:10px;margin-bottom:8px;border:2px solid #e2e8f0}.receiving-item:hover{border-color:#cbd5e1}.receiving-item.completed{border-color:#10b981;background:#f0fdf4}.receiving-item.active{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.receiving-item.pending{border-left:4px solid #f59e0b}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge-success{background:#d1fae5;color:#065f46}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1e40af}.badge-gray{background:#f1f5f9;color:#475569}.badge-purple{background:#f3e8ff;color:#7c3aed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;visibility:hidden}.modal-overlay.active{opacity:1;visibility:visible}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow:hidden}.modal-header{padding:20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-body{padding:20px;overflow-y:auto;max-height:70vh}.modal-footer{padding:16px 20px;border-top:1px solid #e2e8f0;display:flex;gap:8px;justify-content:flex-end}#modal-product-selector{z-index:9999!important}#modal-product-selector .modal-content{max-width:450px}.modal-content.modal-size-sm{max-width:420px}.modal-content.modal-size-md{max-width:600px}.modal-content.modal-size-lg{max-width:880px}.modal-content.modal-size-xl{max-width:1100px}.invoice-list-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.invoice-list-summary .summary-item{display:flex;flex-direction:column;gap:4px}.invoice-list-summary .summary-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.invoice-list-summary .summary-value{font-size:22px;font-weight:700;color:#1e293b}.invoice-list-table{width:100%;border-collapse:collapse;font-size:14px}.invoice-list-table thead th{text-align:left;padding:12px 16px;background:#f8fafc;border-bottom:2px solid #e2e8f0;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.invoice-list-table thead th.text-right{text-align:right}.invoice-list-table tbody td{padding:14px 16px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.invoice-list-table tbody td.text-right{text-align:right}.invoice-list-table tbody tr{cursor:pointer}.invoice-list-table tbody tr:hover{background:#eff6ff}.invoice-list-table tbody tr:last-child td{border-bottom:none}.invoice-list-table .invoice-no{font-weight:700;font-size:16px;color:#2563eb}.invoice-list-table .supplier-name{color:#1e293b;font-weight:500}.invoice-list-table .doc-date{color:#64748b;font-size:13px}.invoice-list-table .doc-type-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.5px;background:#dbeafe;color:#1e40af}.invoice-list-table .doc-type-badge.dlt{background:#fef3c7;color:#92400e}.invoice-list-table .qty-cell{font-weight:600;color:#475569;font-variant-numeric:tabular-nums}.invoice-list-table .qty-cell.total{font-weight:700;color:#1e293b}#modal-product-selector .modal-header h3{font-size:18px}#modal-product-selector #selector-search-code{font-size:20px}#modal-product-selector .product-option{padding:10px 12px;margin-bottom:8px}#modal-qty .modal-content,#modal-placement-qty .modal-content{max-width:360px}#modal-qty .p-6,#modal-placement-qty .p-6{padding:20px}#modal-change-location .modal-content{max-width:420px}.location-highlight{background:#fef3c7;border:2px solid #f59e0b;border-radius:10px;padding:12px}.location-highlight .detail-label{color:#92400e;font-size:12px}.location-highlight .location-box{background:#fff;border:2px solid #f59e0b}@media (max-width: 640px){.location-highlight{padding:10px}.location-highlight .location-value{font-size:18px}}.product-header{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;padding:24px;position:relative}.product-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.detail-item{background:#f8fafc;padding:16px;border-radius:10px;border:1px solid #e2e8f0}.detail-item.full-width{grid-column:span 2}.detail-label{font-size:11px;font-weight:700;text-transform:uppercase;color:#64748b;margin-bottom:6px;letter-spacing:.5px}.detail-value{font-size:16px;font-weight:600;color:#1e293b}.detail-value.code{font-size:20px;color:#2563eb}.detail-value.stock{font-size:24px;color:#059669}.detail-value.on-order{font-size:20px;color:#d97706}.location-box{background:#dbeafe;border:2px solid #3b82f6;border-radius:10px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.location-value{font-size:20px;font-weight:700;color:#1e40af}.toast{position:fixed;bottom:24px;right:24px;background:#1e293b;color:#fff;padding:16px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 40px #0000004d;z-index:200;transform:translateY(100px);opacity:0}.toast.show{transform:translateY(0);opacity:1}@media (max-width: 768px){.toast{left:16px;right:16px;bottom:80px;padding:14px 18px;font-size:14px;border-radius:12px;justify-content:center;text-align:center;box-shadow:0 4px 20px #0006}.toast i{font-size:18px}}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px;text-transform:uppercase}.form-input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f61a}.progress-bar{background:#e2e8f0;border-radius:999px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#10b981,#059669);height:100%;border-radius:999px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.location-option{padding:12px 16px;border:2px solid #e2e8f0;border-radius:10px;margin-bottom:8px;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.location-option:hover{border-color:#3b82f6;background:#f0f9ff}.location-option.selected{border-color:#3b82f6;background:#dbeafe}.location-code{font-weight:700;font-size:16px;color:#1e40af}.location-desc{font-size:12px;color:#64748b}.tabs{display:flex;gap:4px;background:#f1f5f9;padding:4px;border-radius:10px;margin-bottom:16px}.tab{flex:1;padding:10px;text-align:center;font-weight:600;font-size:13px;color:#64748b;cursor:pointer;border-radius:8px}.tab.active{background:#fff;color:#1e293b;box-shadow:0 1px 3px #0000001a}.timeline{position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:#e2e8f0}.timeline-item{position:relative;padding-bottom:16px}.timeline-item:before{content:"";position:absolute;left:-21px;top:4px;width:10px;height:10px;background:#3b82f6;border-radius:50%;border:2px solid white}.timeline-date{font-size:11px;color:#64748b}.timeline-content{font-size:13px;color:#1e293b}.product-option{padding:16px;border:2px solid #e2e8f0;border-radius:12px;margin-bottom:12px;cursor:pointer;display:flex;align-items:center;gap:16px;background:#fff;box-shadow:0 1px 2px #0000000a;transition:background .12s,border-color .12s,transform .12s}.product-option:hover{border-color:#3b82f6;background:#f0f9ff;transform:translateY(-2px);box-shadow:0 4px 8px #3b82f61f}.product-option .brand-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase}.product-option .brand-bosch{background:#dbeafe;color:#1e40af}.product-option .brand-mann{background:#dcfce7;color:#166534}.product-option .brand-ate{background:#fef3c7;color:#92400e}.product-option .brand-luk{background:#fce7f3;color:#be185d}.product-option .brand-kyb{background:#e0e7ff;color:#3730a3}.product-option .brand-skf{background:#ccfbf1;color:#0f766e}.product-option .brand-ngk{background:#fee2e2;color:#991b1b}.product-option .brand-contitech{background:#f3e8ff;color:#7c3aed}.product-option .brand-other{background:#f1f5f9;color:#475569}.btn-sm{padding:6px 12px;font-size:13px}.completed-item:hover{background:#f8fafc}.completed-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.completed-icon.blue{background:#dbeafe;color:#1e40af}.completed-icon.orange{background:#fef3c7;color:#92400e}.completed-icon.green{background:#d1fae5;color:#065f46}.completed-icon.purple{background:#f3e8ff;color:#7c3aed}.completed-icon.pink{background:#fce7f3;color:#be185d}.placement-item{display:flex;align-items:center;padding:12px 16px;background:#fff;border-radius:10px;margin-bottom:8px;border:2px solid #e2e8f0}.placement-item:hover{border-color:#cbd5e1}.placement-item.completed{border-color:#10b981;background:#f0fdf4}.placement-item.pending{border-left:4px solid #f59e0b}.placement-item.active{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.placement-item .location-badge{background:#fef3c7;color:#92400e;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700}.counting-item{display:flex;align-items:center;padding:12px 16px;background:#fff;border-radius:10px;margin-bottom:8px;border:2px solid #e2e8f0}.counting-item:hover{border-color:#cbd5e1}.counting-item.excess{border-left:4px solid #f97316;background:#fff7ed}.counting-item.missing{border-left:4px solid #ef4444;background:#fef2f2}.counting-item.match{border-left:4px solid #10b981;background:#f0fdf4}.badge-orange{background:#ffedd5;color:#c2410c}#counting-current-items::-webkit-scrollbar,#counting-all-items::-webkit-scrollbar,#counting-discrepancies-list::-webkit-scrollbar{width:4px}#counting-current-items::-webkit-scrollbar-thumb,#counting-all-items::-webkit-scrollbar-thumb,#counting-discrepancies-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}#loc-detail-products .flex:hover{background:#f1f5f9;transform:translate(4px)}.font-mono{letter-spacing:-.5px}.badge-zone-a{background:#dbeafe;color:#1e40af}.badge-zone-b{background:#dcfce7;color:#166534}.badge-zone-c{background:#fef3c7;color:#92400e}.badge-zone-d{background:#fce7f3;color:#be185d}.badge-zone-e{background:#e0e7ff;color:#3730a3}.badge-zone-z{background:#f1f5f9;color:#475569}@media (max-width: 768px){.data-table,.receiving-list,.picking-list,.shipping-list{display:none!important}.mobile-list-compact{display:flex!important;flex-direction:column;gap:4px}.modal-overlay{padding:16px;align-items:center}.modal-content{max-height:90vh;border-radius:16px;max-width:100%;width:100%}.modal-header{padding:16px;position:sticky;top:0;background:#fff;z-index:10}.modal-body{padding:16px;max-height:calc(95vh - 140px)}.modal-footer{padding:12px 16px;position:sticky;bottom:0;background:#fff;border-top:1px solid #e2e8f0}.modal-footer .btn{flex:1}#modal-generic{align-items:flex-end!important;padding:0!important}#modal-generic .modal-content{max-width:100%!important;width:100%!important;border-radius:16px 16px 0 0!important;max-height:80vh!important;animation:sheetSlideUp .22s ease-out;padding-bottom:env(safe-area-inset-bottom,0px)}@keyframes sheetSlideUp{0%{transform:translateY(100%);opacity:.5}to{transform:translateY(0);opacity:1}}#modal-generic .modal-header{position:relative;border-bottom:1px solid #f1f5f9}#modal-generic .modal-content:before{content:"";display:block;width:40px;height:4px;border-radius:2px;background:#cbd5e1;margin:8px auto 0}}@media (min-width: 769px){.mobile-list-compact{display:none!important}}.mobile-list-compact{display:none;flex-direction:column;gap:4px}.mobile-item-compact{background:#fff;border-radius:8px;padding:10px 12px;border:1px solid #e2e8f0;display:flex;align-items:center;gap:10px;position:relative;min-height:56px}.mobile-item-compact:active{background:#f8fafc}.mobile-item-compact:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;border-radius:0 2px 2px 0}.mobile-item-compact.status-pending:before{background:#f59e0b}.mobile-item-compact.status-partial:before{background:#8b5cf6}.mobile-item-compact.status-completed:before{background:#10b981}.mobile-item-compact.status-ready:before{background:#3b82f6}.mobile-item-compact.status-shipped:before{background:#64748b}.mobile-item-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px}.mobile-item-icon.blue{background:#dbeafe;color:#1e40af}.mobile-item-icon.orange{background:#fef3c7;color:#92400e}.mobile-item-icon.green{background:#d1fae5;color:#065f46}.mobile-item-icon.purple{background:#f3e8ff;color:#7c3aed}.mobile-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mobile-item-title{font-size:14px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-item-subtitle{font-size:12px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-item-meta{display:flex;gap:12px;font-size:11px;color:#94a3b8}.mobile-item-meta span{display:flex;align-items:center;gap:4px}.mobile-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.mobile-item-badge{font-size:10px;padding:2px 8px;border-radius:12px;font-weight:600;white-space:nowrap}.mobile-item-badge.pending{background:#fef3c7;color:#92400e}.mobile-item-badge.partial{background:#f3e8ff;color:#7c3aed}.mobile-item-badge.completed{background:#d1fae5;color:#065f46}.mobile-item-badge.ready{background:#dbeafe;color:#1e40af}.mobile-item-progress{width:60px;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.mobile-item-progress-fill{height:100%;border-radius:2px}.mobile-item-chevron{color:#cbd5e1;font-size:12px;margin-left:4px}.mobile-empty-state{text-align:center;padding:48px 24px;color:#94a3b8}.mobile-empty-state i{font-size:48px;margin-bottom:16px;opacity:.5}.mobile-empty-state h3{font-size:16px;font-weight:600;color:#64748b;margin-bottom:8px}.mobile-empty-state p{font-size:14px}@media (max-width: 380px){.mobile-item-compact{padding:8px 10px;gap:8px}.mobile-item-icon{width:32px;height:32px;font-size:12px}.mobile-item-title{font-size:13px}.mobile-item-subtitle{font-size:11px}}@media (max-width: 768px){.mobile-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e2e8f0;display:flex;justify-content:space-around;padding:8px 0;z-index:20}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 12px;color:#64748b;font-size:11px;cursor:pointer}.mobile-nav-item.active{color:var(--accent)}.mobile-nav-item i{font-size:20px}.main-content{padding-bottom:70px!important}}@media (min-width: 769px){.mobile-nav{display:none}}#modal-product-detail{display:flex!important;align-items:center!important;justify-content:center!important}#modal-product-detail .modal-content{max-width:480px!important;width:90%!important;max-height:85vh!important;border-radius:20px!important;overflow:hidden!important;margin:auto!important;display:flex!important;flex-direction:column!important}.product-detail-modal .product-header{background:linear-gradient(135deg,#1e293b,#334155);padding:16px 20px;border-radius:0}.product-detail-modal .product-header #pd-code-label{font-size:14px;font-weight:700}.product-detail-modal .product-header #pd-header-sku{font-size:13px;font-weight:600;letter-spacing:.5px}.product-detail-modal .product-header #pd-name{font-size:12px;opacity:.85}.product-detail-body{padding:20px!important;flex:1!important;min-height:400px!important;max-height:450px!important;overflow-y:auto!important;background:#f8fafc}.product-detail-body .tab-content{display:none;min-height:360px}.product-tabs{display:flex;gap:8px;margin-bottom:20px;background:#fff;padding:6px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.product-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;border-radius:8px;font-size:11px;font-weight:600;color:#64748b;cursor:pointer;border:none;background:transparent}.product-tab i{font-size:16px}.product-tab:hover{background:#f1f5f9;color:#475569}.product-tab.active{background:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f64d}.product-detail-body .tab-content{display:none;min-height:300px}.product-detail-body .tab-content.active{display:block}.stock-cards{display:grid;grid-template-columns:1.5fr 1fr;gap:12px;margin-bottom:16px}.stock-card{background:#fff;border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 3px #0000001a}.stock-card.main{border-left:4px solid #3b82f6}.stock-card.secondary{border-left:4px solid #f97316}.stock-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.stock-icon.blue{background:#dbeafe;color:#1e40af}.stock-icon.orange{background:#ffedd5;color:#c2410c}.stock-info{flex:1}.stock-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.stock-value{font-size:28px;font-weight:700;color:#1e293b;line-height:1}.stock-value.small{font-size:22px}.location-section{background:#fff;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a}.location-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.location-box-large{background:linear-gradient(135deg,#fef3c7,#fde68a);border:3px solid #f59e0b;border-radius:12px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.location-code{font-size:32px;font-weight:700;color:#92400e;letter-spacing:2px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.location-edit-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;color:#92400e;cursor:pointer;box-shadow:0 1px 2px #0000001a}.location-edit-btn:hover{background:#f59e0b;color:#fff}.stock-details-grid{display:flex;flex-direction:column;gap:8px}.detail-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-row .detail-item-compact.full{grid-column:span 2}.detail-item-compact{background:#fff;border-radius:10px;padding:12px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 3px #0000001a}.detail-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.detail-icon.blue{background:#dbeafe;color:#1e40af}.detail-icon.purple{background:#f3e8ff;color:#7c3aed}.detail-icon.green{background:#d1fae5;color:#065f46}.detail-icon.red{background:#fee2e2;color:#991b1b}.detail-icon.orange{background:#ffedd5;color:#c2410c}.detail-text{flex:1;min-width:0}.detail-text .detail-label{font-size:10px;color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.detail-text .detail-value{font-size:14px;font-weight:600;color:#1e293b}.info-section{background:#fff;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a}.info-title{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item.full{grid-column:span 2}.info-label{font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.info-value{font-size:14px;font-weight:600;color:#1e293b}.info-value.mono{font-size:16px}.info-value.brand{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#dbeafe;color:#1e40af;border-radius:20px;font-size:12px;width:-moz-fit-content;width:fit-content}.info-value.barcode{display:flex;align-items:center;gap:8px;font-size:16px;color:#475569}.info-value.barcode i{color:#64748b;font-size:18px}.barcode-section{background:#fff;border-radius:12px;padding:16px;display:flex;justify-content:center;box-shadow:0 1px 3px #0000001a}.barcode-display{background:#fff;padding:10px}.barcode-text-display{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:10px;width:100%}.barcode-text-display i{font-size:24px;color:#64748b}.barcode-text-display span{font-size:20px;font-weight:600;color:#1e293b;letter-spacing:2px}.history-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;padding:0 4px}.history-list{background:#fff;border-radius:12px;padding:12px;min-height:200px;box-shadow:0 1px 3px #0000001a}.history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#94a3b8;text-align:center}.history-empty i{font-size:40px;margin-bottom:12px;opacity:.5}.history-empty p{font-size:14px}.history-item{display:flex;gap:10px;padding:10px 12px;border-bottom:1px solid #f1f5f9;border-radius:8px;margin-bottom:4px}.history-item:last-child{border-bottom:none;margin-bottom:0}.history-item:hover{background-color:#f8fafc}.history-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px}.history-content{flex:1;min-width:0}.history-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.history-type{font-size:12px;font-weight:600;color:#1e293b}.history-date{font-size:10px;color:#94a3b8}.history-bottom{display:flex;gap:10px;align-items:center}.history-qty{font-size:13px;font-weight:700;color:#3b82f6}.history-user{font-size:10px;color:#64748b;display:flex;align-items:center;gap:4px}.history-doc{font-size:10px;color:#64748b;margin-top:2px;padding:2px 6px;background:#f1f5f9;border-radius:4px;width:-moz-fit-content;width:fit-content}.history-note{font-size:10px;color:#92400e;margin-top:2px;font-style:italic}.history-list{max-height:320px;overflow-y:auto}.product-footer{background:#fff;padding:16px 20px!important;border-top:1px solid #e2e8f0;display:flex;justify-content:center;align-items:center}.btn-print{display:flex;align-items:center;justify-content:center;gap:10px;width:220px;padding:12px 20px;background:#1e293b;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #0003;margin:0 auto}.btn-print:hover{background:#0f172a;transform:translateY(-1px);box-shadow:0 4px 12px #00000040}.btn-print i{font-size:15px}#modal-product-detail{display:flex!important;align-items:center!important;justify-content:center!important;padding:16px}#modal-product-detail .modal-content{max-width:420px!important;width:100%!important;max-height:85vh!important;border-radius:24px!important;overflow:hidden!important;margin:auto!important;display:flex!important;flex-direction:column!important;background:#fff;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d}.product-header-v2{background:linear-gradient(135deg,#0f172a,#1e293b);padding:20px;position:relative}.product-header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.product-brand-badge{display:inline-flex;align-items:center;padding:6px 14px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(255,255,255,.3)}.product-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border:none;border-radius:10px;color:#fff;cursor:pointer}.product-close-btn:hover{background:#ffffff40;transform:rotate(90deg)}.product-header-main{display:flex;align-items:center;gap:12px}.product-icon-large{width:44px;height:44px;background:#ffffff1a;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.product-icon-large i{font-size:20px;color:#fff}.product-header-info{flex:1;min-width:0}.product-sku{font-size:12px;font-weight:700;color:#fffc;margin-bottom:2px;letter-spacing:.5px}.product-name{font-size:15px;font-weight:500;color:#ffffffe6;line-height:1.3;margin:0}.product-detail-body-v2{flex:1;padding:16px;background:#f8fafc;overflow-y:auto;min-height:360px;max-height:400px}.product-tabs-v2{display:flex;gap:4px;padding:4px;background:#e2e8f0;border-radius:12px;margin-bottom:20px}.product-tab-v2{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 12px;border-radius:10px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;border:none;background:transparent}.product-tab-v2 i{font-size:14px}.product-tab-v2:hover{color:#475569}.product-tab-v2.active{background:#fff;color:#0f172a;box-shadow:0 1px 3px #0000001a;font-weight:700}.product-detail-body-v2 .tab-content{display:none;height:320px;overflow-y:auto}.product-detail-body-v2 .tab-content.active{display:block}.stock-main-info{display:flex;flex-direction:column}.locations-total{margin-top:10px;padding:10px 12px;background:#f1f5f9;border-radius:10px;display:flex;justify-content:space-between;align-items:center}.total-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase}.total-value-group{display:flex;align-items:center;gap:6px}.total-value{font-size:16px;font-weight:700;color:#0f172a}.total-unit{font-size:11px;font-weight:500;color:#64748b}.total-status{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600}.total-status i{font-size:12px}.locations-list-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #0000000d;min-height:200px}.locations-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.locations-header i{color:#f59e0b}.locations-list{display:flex;flex-direction:column;gap:8px}.location-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.location-item:hover{background:#f1f5f9;border-color:#cbd5e1}.location-item.primary{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7}.location-item.primary .location-icon{color:#059669}.location-info{display:flex;align-items:center;gap:10px}.location-icon{width:32px;height:32px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:12px}.location-item.primary .location-icon{color:#2563eb}.location-details{display:flex;flex-direction:column}.location-code{font-size:14px;font-weight:700;color:#334155}.location-type{font-size:11px;color:#64748b;font-weight:500}.location-qty{font-size:14px;font-weight:700;color:#059669}.location-qty.zero{color:#dc2626}.stock-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.metric-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px}.metric-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px}.metric-icon.blue{background:#d1fae5;color:#059669}.metric-icon.purple{background:#f3e8ff;color:#7c3aed}.metric-icon.orange{background:#ffedd5;color:#ea580c}.metric-info{display:flex;flex-direction:column;gap:2px}.metric-label{font-size:10px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.3px}.metric-value{font-size:16px;font-weight:700;color:#1e293b}.last-activity-row{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px}.activity-item{flex:1;display:flex;align-items:center;gap:10px}.activity-item i{font-size:16px}.activity-item>div{display:flex;flex-direction:column;gap:2px}.activity-label{font-size:10px;font-weight:600;color:#64748b;text-transform:uppercase}.activity-value{font-size:13px;font-weight:600;color:#334155}.activity-divider{width:1px;height:30px;background:#e2e8f0}.info-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:8px 0;box-shadow:0 1px 3px #0000000d}.info-row{display:flex;justify-content:space-between;align-items:center;padding:14px 20px}.info-divider{height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent);margin:0 16px}.info-label-v2{font-size:12px;font-weight:600;color:#64748b}.info-value-v2{font-size:14px;font-weight:600;color:#1e293b}.info-value-v2.mono{font-size:15px;color:#334155}.info-value-v2.brand-tag{padding:4px 12px;background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#047857;border-radius:20px;font-size:12px}.info-value-v2.barcode-text{color:#475569;font-size:15px;letter-spacing:1px}.history-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;box-shadow:0 1px 3px #0000000d}.history-header-v2{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.history-header-v2 i{color:#8b5cf6}.history-list-v2{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto}.history-empty-v2{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#94a3b8;text-align:center}.history-empty-v2 i{font-size:40px;margin-bottom:12px;opacity:.4}.history-empty-v2 p{font-size:14px}.product-footer-v2{background:#fff;padding:16px 20px!important;border-top:1px solid #e2e8f0;display:flex;justify-content:center}.btn-print-v2{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;max-width:280px;padding:14px 24px;background:linear-gradient(135deg,#1e293b,#334155);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #1e293b4d}.btn-print-v2:hover{transform:translateY(-2px);box-shadow:0 6px 20px #1e293b66}.btn-print-v2:active{transform:translateY(0)}.btn-print-v2 i{font-size:16px}#view-product-detail:not(.hidden){display:flex;flex-direction:column;min-height:100%;background:#f8fafc}#view-product-detail .picking-step-pane{flex:1 1 auto;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}#content-area:has(#view-product-detail:not(.hidden)){padding-bottom:0!important}@media (max-width: 640px){.product-header-v2{padding:16px}.product-icon-large{width:40px;height:40px}.product-icon-large i{font-size:18px}.product-name{font-size:14px}.product-sku{font-size:11px}.product-detail-body-v2{padding:12px;min-height:340px;max-height:380px}.product-detail-body-v2 .tab-content{height:300px}.product-tabs-v2{margin-bottom:12px}.product-tab-v2{padding:8px 4px;font-size:11px}.product-tab-v2 i{font-size:12px}.locations-list-card{padding:12px}.locations-total{padding:8px 10px}.total-value{font-size:15px}.stock-metrics{grid-template-columns:repeat(3,1fr);gap:6px}.metric-item{padding:10px 6px}.metric-icon{width:28px;height:28px;font-size:11px}.metric-value{font-size:13px}.location-code{font-size:12px}.last-activity-row{flex-direction:row;padding:12px}.activity-item i{font-size:14px}.activity-value{font-size:11px}.info-row{padding:10px 14px}}.placement-scanner-section{background:linear-gradient(135deg,#1e293b,#334155);border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 4px 20px #00000026}.placement-scanner-header{display:flex;align-items:center;gap:10px;color:#fff;font-size:16px;font-weight:700;margin-bottom:12px}.placement-scanner-header i{font-size:20px;color:#3b82f6}.placement-scanner-input-wrapper{display:flex;gap:8px;margin-bottom:10px}.placement-scanner-input{flex:1;padding:14px 18px;border:2px solid rgba(255,255,255,.2);border-radius:12px;background:#fff;font-size:18px;font-weight:600;color:#1e293b;text-align:center;outline:none}.placement-scanner-input:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f64d}.placement-scanner-btn{width:52px;height:52px;background:#3b82f6;border:none;border-radius:12px;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.placement-scanner-btn:hover{background:#2563eb;transform:translateY(-2px)}.placement-scanner-hint{display:flex;align-items:center;justify-content:center;gap:8px;color:#fff9;font-size:12px}.placement-scanner-hint i{color:#fbbf24}.placement-stats-bar{display:flex;align-items:center;gap:16px;background:#fff;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a}.placement-stat{display:flex;flex-direction:column;align-items:center;min-width:70px}.placement-stat.success .placement-stat-value{color:#10b981}.placement-stat-value{font-size:24px;font-weight:700;color:#f97316;line-height:1}.placement-stat-label{font-size:11px;color:#64748b;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.placement-progress-wrapper{flex:1;min-width:0}.placement-progress-header{display:flex;justify-content:space-between;font-size:12px;color:#64748b;margin-bottom:6px}.placement-progress-bar{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.placement-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:999px}.placement-tabs{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.placement-tabs::-webkit-scrollbar{display:none}.placement-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;white-space:nowrap}.placement-tab i{font-size:14px}.placement-tab:hover{border-color:#cbd5e1;background:#f8fafc}.placement-tab.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.placement-tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;background:#0000001a;border-radius:999px;font-size:11px;font-weight:700}.placement-tab.active .placement-tab-badge{background:#fff3}.placement-search{margin-bottom:16px}.placement-search-input-wrapper{position:relative;display:flex;align-items:center}.placement-search-input-wrapper i{position:absolute;left:14px;color:#94a3b8;font-size:16px}.placement-search input{width:100%;padding:12px 14px 12px 42px;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;outline:none}.placement-search input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.placement-search-results{margin-top:8px;max-height:200px;overflow-y:auto}.placement-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 4px}.placement-list-title{font-size:14px;font-weight:600;color:#1e293b}.placement-list-count{font-size:12px;color:#64748b;background:#f1f5f9;padding:4px 10px;border-radius:999px}.placement-list{display:flex;flex-direction:column;gap:8px}.placement-item,.placement-item-card{display:flex;align-items:center;gap:12px;padding:12px 60px 12px 14px;background:#fff;border-radius:10px;border:2px solid #e2e8f0;cursor:pointer;flex-wrap:nowrap;overflow:hidden;position:relative}.placement-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #00000014}.placement-item.pending,.placement-item-card.pending{border-left:4px solid #f97316;padding-right:60px}.placement-item.completed,.placement-item-card.completed{border-left:4px solid #10b981;opacity:.8;padding-right:14px}.placement-item.active{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.placement-item-icon{width:40px;height:40px;background:#f1f5f9;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.placement-item-icon i{font-size:16px;color:#64748b}.placement-item.pending .placement-item-icon{background:#ffedd5}.placement-item.pending .placement-item-icon i{color:#c2410c}.placement-item.completed .placement-item-icon{background:#d1fae5}.placement-item.completed .placement-item-icon i{color:#059669}.placement-item-content{flex:1;min-width:0;overflow:hidden}.placement-item-top{display:flex;align-items:center;gap:8px;margin-bottom:2px;flex-wrap:nowrap;overflow:hidden}.placement-item-sku{font-size:14px;font-weight:700;color:#1e40af}.placement-item-name{font-size:13px;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}.placement-item-meta{display:flex;gap:12px;font-size:11px;color:#64748b;flex-wrap:nowrap;overflow:hidden}.placement-item-meta span{display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.placement-item-qty{text-align:right;flex-shrink:0;min-width:50px}.placement-item-qty-main{font-size:18px;font-weight:700;color:#1e293b}.placement-item-qty-main span{font-size:12px;color:#94a3b8;font-weight:400}.placement-item-qty-remaining{font-size:11px;color:#f97316;font-weight:600}.placement-item-action,.placement-item-card .placement-item-action{flex-shrink:0;margin-left:auto;display:flex;align-items:center;align-self:center;position:absolute;right:14px;top:50%;transform:translateY(-50%)}.placement-item-btn{width:36px;height:36px;background:#10b981;border:none;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.placement-item-btn:hover{background:#059669;transform:scale(1.05)}.placement-footer{margin-top:16px;padding:16px 0;border-top:1px solid #e2e8f0}.placement-complete-btn{width:100%;padding:14px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 8px #10b9814d}.placement-complete-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.placement-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#94a3b8}.placement-empty i{font-size:64px;margin-bottom:16px;opacity:.5}.placement-empty h3{font-size:18px;font-weight:600;color:#64748b;margin-bottom:8px}.placement-empty p{font-size:14px}@media (max-width: 640px){.placement-scanner-section{padding:14px}.placement-scanner-input{font-size:16px;padding:12px 14px;text-align:center;min-width:0}.placement-scanner-input-wrapper{gap:6px}.placement-scanner-btn{width:48px;height:48px;flex-shrink:0}.modal-overlay{padding:8px}.modal-content{max-width:100%!important;max-height:92vh;overflow:hidden}.modal-header{padding:14px 16px}.modal-body{padding:14px 16px;max-height:75vh}.modal-footer{padding:12px 16px}.placement-stats-bar{padding:12px;gap:12px}.placement-stat-value{font-size:20px}.placement-tab{padding:8px 12px;font-size:12px}.placement-tab span:not(.placement-tab-badge){display:none}.placement-item{padding:10px 12px}.placement-item-sku,.placement-item-name{font-size:12px}}.scan-header-card{background:#fff;border-radius:10px;padding:8px 12px;margin-bottom:10px;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000a}.scan-header-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;min-width:0}.scan-header-supplier-compact{flex:1 1 auto;min-width:0;font-size:13px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scan-header-supplier-compact:before{content:"";font-family:"Font Awesome 6 Free";font-weight:900;color:#1d4ed8;margin-right:6px;font-size:11px}.scan-header-doc-chip{flex-shrink:0;font-size:11px;font-weight:700;color:#1e40af;background:#dbeafe;padding:3px 8px;border-radius:6px;white-space:nowrap;max-width:60%;overflow:hidden;text-overflow:ellipsis}.scan-header-progress{display:flex;align-items:center;gap:8px}.scan-header-progress-text{font-size:11px;font-weight:700;color:#475569;min-width:36px}.scan-header-progress-bar{flex:1;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.scan-header-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:2px;transition:width .3s ease}.receiving-item-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border-radius:10px;border:2px solid #e2e8f0}.receiving-item-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #00000014}.receiving-item-card.pending{border-left:4px solid #f97316}.receiving-item-card.completed{border-left:4px solid #10b981;opacity:.85}.receiving-item-card.active{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.receiving-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 4px}.receiving-title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:#1e293b}.receiving-title i{color:#3b82f6;font-size:22px}.receiving-new-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#3b82f6;border:none;border-radius:10px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #3b82f64d}.receiving-new-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.receiving-stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin-bottom:16px}.receiving-stat{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.receiving-stat i{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border-radius:10px;font-size:18px;color:#64748b}.receiving-stat.pending i{background:#ffedd5;color:#c2410c}.receiving-stat.completed i{background:#d1fae5;color:#059669}.receiving-stat-value{display:block;font-size:20px;font-weight:700;color:#1e293b;line-height:1}.receiving-stat-label{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.receiving-tabs{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;scrollbar-width:none}.receiving-tabs::-webkit-scrollbar{display:none}.receiving-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;white-space:nowrap}.receiving-tab.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.receiving-list{display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 300px);overflow-y:auto;padding-right:4px}.receiving-order-card{background:#fff;border-radius:12px;padding:16px;border:2px solid #e2e8f0;cursor:pointer}.receiving-order-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014}.receiving-order-card.pending{border-left:4px solid #f97316}.receiving-order-card.partial{border-left:4px solid #8b5cf6}.receiving-order-card.completed{border-left:4px solid #10b981;opacity:.85}.receiving-order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.receiving-order-main{flex:1;min-width:0}.receiving-order-doc{font-size:15px;font-weight:700;color:#1e40af;margin-bottom:4px}.receiving-order-supplier{font-size:14px;color:#1e293b;font-weight:500}.receiving-order-date{font-size:12px;color:#94a3b8}.receiving-order-status{padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase}.receiving-order-status.pending{background:#ffedd5;color:#c2410c}.receiving-order-status.partial{background:#f3e8ff;color:#7c3aed}.receiving-order-status.completed{background:#d1fae5;color:#059669}.receiving-order-progress{margin-top:12px}.receiving-order-progress-bar{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin-bottom:6px}.receiving-order-progress-fill{height:100%;border-radius:999px}.receiving-order-progress-fill.pending{background:#f97316}.receiving-order-progress-fill.partial{background:#8b5cf6}.receiving-order-progress-fill.completed{background:#10b981}.receiving-order-meta{display:flex;justify-content:space-between;font-size:12px;color:#64748b}@media (max-width: 768px){.product-option{padding:12px;gap:12px}.location-option{padding:14px;margin-bottom:10px}.location-code{font-size:15px}}@supports (padding: max(0px)){@media (max-width: 768px){.mobile-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}.toast{bottom:max(80px,env(safe-area-inset-bottom) + 70px)}}}.shipping-header-main{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.shipping-header-title{flex:1;min-width:0}.shipping-header-order{text-align:right;flex-shrink:0}.shipping-stats{display:flex;justify-content:space-around;gap:8px}.shipping-stat-item{text-align:center;flex:1;padding:8px;background:#f8fafc;border-radius:8px}.shipping-stat-value{font-size:20px;font-weight:700;color:#1e293b;line-height:1.2}.shipping-stat-label{font-size:12px;color:#64748b;margin-top:2px}.shipping-boxes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px}.shipping-box-item{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;padding:10px 6px;text-align:center}.shipping-box-item:hover{border-color:#cbd5e1;background:#f1f5f9}.shipping-box-number{font-size:16px;font-weight:700;color:#334155;line-height:1.2}.shipping-box-code{font-size:10px;color:#64748b;margin-top:4px;word-break:break-all}@media (max-width: 768px){.shipping-header-main{flex-direction:column;gap:12px}.shipping-header-order{text-align:left;padding-top:8px;border-top:1px solid #e2e8f0;width:100%}.shipping-stats{gap:6px}.shipping-stat-value{font-size:18px}.shipping-boxes-grid{grid-template-columns:repeat(4,1fr)}.shipping-box-item{padding:8px 4px}.shipping-box-number{font-size:14px}.shipping-box-code{font-size:9px}}@media (min-width: 769px){.shipping-boxes-grid{grid-template-columns:repeat(6,1fr)}}.transfer-steps{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px}.transfer-step{width:32px;height:32px;border-radius:50%;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.transfer-step.active{background:#3b82f6;color:#fff}.transfer-step-line{flex:1;max-width:60px;height:2px;background:#e2e8f0}.transfer-current-location{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#f8fafc;border-radius:8px;margin-top:12px}.transfer-locations{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px;background:#f8fafc;border-radius:8px}.transfer-location-item{display:flex;flex-direction:column;align-items:center;gap:4px}.transfer-qty-btn{width:48px;height:48px;border-radius:12px;background:#f1f5f9;border:none;color:#334155;font-size:24px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.transfer-qty-input{width:80px;height:56px;text-align:center;font-size:28px;font-weight:700;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b}@media (max-width: 768px){.transfer-step{width:28px;height:28px;font-size:12px}.transfer-step-line{max-width:40px}.transfer-locations{flex-direction:column;gap:8px}.transfer-locations .fa-arrow-right{transform:rotate(90deg)}.transfer-location-item{flex-direction:row;gap:8px}.transfer-qty-btn{width:44px;height:44px;font-size:20px}.transfer-qty-input{width:70px;height:48px;font-size:24px}}@media (max-width: 768px){#modal-change-location,#modal-product-selector{align-items:center!important;padding:16px!important}#modal-change-location .modal-content,#modal-product-selector .modal-content{border-radius:16px!important;max-width:360px!important;width:90%!important;margin:0!important;transform:scale(1)!important}}.placement-scanner-section{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:16px;margin-top:16px}.placement-scanner-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#64748b;font-weight:600;font-size:14px}.placement-scanner-input-wrapper{position:relative;display:flex;gap:8px}.placement-scanner-input{flex:1;height:48px;padding:0 16px;border:2px solid #e2e8f0;border-radius:10px;font-size:18px;font-weight:600;text-align:center;color:#1e293b}.placement-scanner-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.placement-scanner-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#3b82f6;color:#fff;border-radius:10px;font-size:18px}.placement-scanner-btn:hover{background:#2563eb}.placement-scanner-hint{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#94a3b8}.transfer-steps{display:flex;align-items:center;justify-content:center;gap:0;padding:0 20px}.transfer-step{width:32px;height:32px;border-radius:50%;background:#e2e8f0;color:#64748b;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.transfer-step.active{background:#3b82f6;color:#fff;box-shadow:0 0 0 4px #3b82f633}.transfer-step.completed{background:#10b981;color:#fff}.transfer-step-line{flex:1;height:2px;background:#e2e8f0;max-width:40px}.transfer-step-line.completed{background:#10b981}#transfer-source-locations{display:flex;flex-direction:column;gap:10px}.transfer-location-option{display:flex;align-items:center;gap:12px;padding:14px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer}.transfer-location-option:hover{background:#f1f5f9;border-color:#3b82f6;transform:translate(4px)}.location-option-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.location-option-icon.primary{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1d4ed8}.location-option-icon.secondary{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#4b5563}.location-option-info{flex:1}.location-option-code{font-size:15px;font-weight:700;color:#1e293b}.location-option-type{font-size:11px;color:#64748b;font-weight:500}.location-option-stock{text-align:right}.location-option-stock .stock-count{font-size:18px;font-weight:700;color:#059669}.location-option-stock .stock-label{font-size:11px;color:#64748b;display:block}.location-option-arrow{color:#94a3b8;font-size:12px}.transfer-location-option:hover .location-option-arrow{color:#3b82f6}.transfer-location-empty{text-align:center;padding:30px 20px;color:#94a3b8}.transfer-location-empty i{font-size:32px;margin-bottom:10px;color:#f59e0b}.transfer-locations-v2{display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 0}.transfer-location-box{flex:1;max-width:120px;padding:12px 8px;border-radius:10px;text-align:center}.transfer-location-box.source{background:#fef3c7;border:2px solid #f59e0b}.transfer-location-box.target{background:#d1fae5;border:2px solid #10b981}.transfer-location-box .location-label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.transfer-location-box.source .location-label{color:#b45309}.transfer-location-box.target .location-label{color:#047857}.transfer-location-box .location-code{display:block;font-size:14px;font-weight:700}.transfer-location-box.source .location-code{color:#92400e}.transfer-location-box.target .location-code{color:#065f46}.location-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;font-size:13px;font-weight:600}.location-badge.source{background:#fef3c7;color:#92400e;border:1px solid #fbbf24}.location-badge.target{background:#d1fae5;color:#065f46;border:1px solid #34d399}.transfer-qty-selector{display:flex;align-items:center;justify-content:center;gap:12px}.transfer-qty-btn{width:44px;height:44px;border-radius:12px;border:none;background:#f1f5f9;color:#475569;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.transfer-qty-btn:hover{background:#e2e8f0;color:#1e293b}.transfer-qty-btn:active{transform:scale(.95)}.transfer-qty-input{width:80px;height:44px;text-align:center;font-size:20px;font-weight:700;border:2px solid #e2e8f0;border-radius:12px;background:#fff;color:#1e293b}.transfer-qty-input:focus{outline:none;border-color:#3b82f6}.transfer-location-option.selected{background:#dbeafe;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.transfer-qty-info{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#f1f5f9;border-radius:8px}.transfer-qty-quick{display:flex;gap:8px;flex-wrap:wrap}.transfer-qty-chip{flex:1;min-width:60px;padding:8px 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-weight:600;color:#475569;cursor:pointer}.transfer-qty-chip:hover{background:#e2e8f0;border-color:#cbd5e1}.transfer-summary-row{display:flex;gap:12px}.transfer-summary-item{flex:1;text-align:center;padding:12px;background:#f8fafc;border-radius:10px}.transfer-summary-item .label{display:block;font-size:10px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.transfer-summary-item .value{font-size:14px;font-weight:700;color:#1e293b}.transfer-summary-item .unit{font-size:11px;color:#64748b}.transfer-flow-visual{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 0}.transfer-flow-item{text-align:center;flex:1}.transfer-flow-item .flow-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;margin:0 auto 8px}.transfer-flow-item.source .flow-icon{background:#fef3c7;color:#b45309}.transfer-flow-item.target .flow-icon{background:#d1fae5;color:#047857}.transfer-flow-item .flow-code{font-size:13px;font-weight:700;color:#1e293b}.transfer-flow-item .flow-label{font-size:10px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.flow-arrow{display:flex;flex-direction:column;align-items:center;color:#3b82f6}.flow-arrow i{font-size:20px}.flow-qty{font-size:14px;font-weight:700}.flow-unit{font-size:10px;color:#64748b}.transfer-step-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.transfer-step-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:700}.transfer-step-title{font-size:18px;font-weight:700;color:#1e293b}#transfer-scanner-step1,#transfer-scanner-step3{margin-bottom:20px}.transfer-product-card{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:16px;padding:20px;text-align:center;margin-bottom:16px}.transfer-summary-card{background:#f8fafc;border-radius:16px;padding:16px;margin-bottom:16px}.transfer-secondary-confirm{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:16px;padding:20px;margin-bottom:16px;text-align:center}.transfer-confirm-icon{width:56px;height:56px;background:#f59e0b;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;margin:0 auto 16px}.transfer-confirm-text strong{display:block;color:#92400e;margin-bottom:6px;font-size:16px}.transfer-confirm-text p{font-size:14px;color:#b45309;margin:0}.transfer-confirm-actions{display:flex;gap:12px;margin-top:20px}.transfer-confirm-actions .btn-reject,.transfer-confirm-actions .btn-accept{flex:1;padding:14px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}.btn-reject{background:#fff;color:#64748b}.btn-accept{background:#f59e0b;color:#fff}.transfer-btn-primary,.transfer-btn-success{width:100%;padding:16px;border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}.transfer-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.transfer-btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.transfer-recent-products{margin-top:20px}.transfer-section-title{font-size:13px;font-weight:700;color:#64748b;text-transform:uppercase;margin-bottom:12px}.transfer-products-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.transfer-product-chip{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px;cursor:pointer;text-align:left}.transfer-product-chip:hover{background:#f8fafc;border-color:#3b82f6}.chip-sku{font-size:13px;font-weight:700;color:#1e40af}.chip-name{font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transfer-product-card{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:16px;padding:20px;text-align:center;margin-bottom:20px}.transfer-product-sku{font-size:24px;font-weight:700;color:#1e40af}.transfer-product-name{font-size:14px;color:#3b82f6;margin-top:4px}.transfer-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;margin-bottom:16px}.transfer-section-title{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;margin-bottom:12px}.transfer-source-list{display:flex;flex-direction:column;gap:8px}.transfer-source-item{display:flex;align-items:center;gap:12px;padding:14px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer}.transfer-source-item.selected{background:#dbeafe;border-color:#3b82f6}.source-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px}.source-icon.primary{background:#dbeafe;color:#1d4ed8}.source-icon.secondary{background:#f3f4f6;color:#4b5563}.source-info{flex:1}.source-code{font-weight:700;color:#1e293b}.source-type{font-size:11px;color:#64748b}.source-qty{font-weight:700;color:#059669}.transfer-qty-display{text-align:center;margin-bottom:12px}.transfer-qty-current{font-size:28px;font-weight:700;color:#1e293b}.transfer-qty-label{font-size:13px;color:#64748b}.transfer-qty-selector{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:12px}.transfer-qty-btn{width:48px;height:48px;background:#f1f5f9;border:none;border-radius:12px;color:#475569;cursor:pointer;font-size:16px}.transfer-qty-btn:hover{background:#e2e8f0}.transfer-qty-input{width:100px;height:48px;text-align:center;font-size:24px;font-weight:700;border:2px solid #e2e8f0;border-radius:12px;outline:none}.transfer-qty-input:focus{border-color:#3b82f6}.transfer-qty-presets{display:flex;gap:8px}.transfer-qty-presets button{flex:1;padding:10px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:600;color:#475569;cursor:pointer}.transfer-qty-presets button:hover{background:#e2e8f0}.transfer-btn-primary{width:100%;padding:16px;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}.transfer-btn-success{width:100%;padding:16px;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}.transfer-btn-secondary{width:100%;padding:14px;background:#f1f5f9;border:none;border-radius:12px;color:#64748b;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.transfer-summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;margin-bottom:16px}.transfer-summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed #e2e8f0}.transfer-summary-row:last-child{border-bottom:none}.transfer-summary-label{font-size:12px;color:#64748b}.transfer-summary-value{font-weight:700;color:#1e293b}.transfer-summary-value.text-green{color:#059669}.transfer-flow-arrow{text-align:center;padding:8px;color:#94a3b8}.transfer-hint{display:flex;align-items:center;gap:8px;padding:12px;background:#ecfdf5;border-radius:10px;font-size:13px;color:#065f46;margin-top:12px}.transfer-info-box{display:flex;align-items:flex-start;gap:10px;padding:14px;background:#fef3c7;border-radius:12px;font-size:13px;color:#92400e;margin-bottom:16px}.transfer-info-box i{flex-shrink:0;margin-top:2px}.transfer-recent-section{margin-top:24px;padding-top:20px;border-top:1px solid #e2e8f0}.transfer-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.transfer-section-header .transfer-section-title{margin:0}.transfer-section-stat{font-size:12px;color:#64748b}.transfer-section-stat strong{color:#3b82f6}.transfer-recent-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:8px}.recent-icon{width:40px;height:40px;background:#f3e8ff;color:#7c3aed;border-radius:10px;display:flex;align-items:center;justify-content:center}.recent-info{flex:1}.recent-sku{font-weight:700;color:#1e293b}.recent-detail{font-size:12px;color:#64748b}.recent-qty{font-weight:700;color:#059669}@media (max-width: 640px){.transfer-scanner-card{padding:20px 16px}.transfer-scanner-icon{width:56px;height:56px}.transfer-scanner-title{font-size:16px}.transfer-input-group input{font-size:15px}.transfer-products-grid{grid-template-columns:repeat(2,1fr)}.transfer-product-sku{font-size:20px}.transfer-qty-input{width:80px;font-size:20px}.transfer-btn-primary,.transfer-btn-success{padding:14px;font-size:15px}}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.grid-6{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}@media (max-width: 1024px){.grid-6{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.grid-6{grid-template-columns:1fr}}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:none;align-items:center;justify-content:center}.loading-overlay.active{display:flex}.loading-spinner{width:48px;height:48px;border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%}.view-section.hidden{display:none}.metric-item.clickable{cursor:pointer}.metric-item.clickable:hover{background:#f8fafc;transform:translateY(-1px)}.metric-item.clickable:active{transform:translateY(0)}.order-details-card{background:linear-gradient(135deg,#fff7ed,#ffedd5);border:1px solid #fdba74;border-radius:12px;margin-bottom:16px;overflow:hidden}.order-details-header{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;padding:12px 16px;font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px}.order-list{max-height:200px;overflow-y:auto}.order-item{padding:12px 16px;border-bottom:1px solid #fed7aa;display:flex;justify-content:space-between;align-items:center}.order-item:last-child{border-bottom:none}.order-item:hover{background:#ffffff80}.order-info{flex:1}.order-customer{font-weight:600;color:#1e293b;font-size:14px}.order-id{font-size:12px;color:#64748b;margin-top:2px}.order-date{font-size:11px;color:#94a3b8;margin-top:2px}.order-qty{background:#f97316;color:#fff;font-weight:700;padding:6px 12px;border-radius:20px;font-size:13px;min-width:50px;text-align:center}.order-status{font-size:11px;padding:3px 8px;border-radius:12px;margin-left:8px}.order-status.pending{background:#fef3c7;color:#d97706}.order-status.processing{background:#dbeafe;color:#2563eb}.order-empty{padding:24px;text-align:center;color:#9ca3af}.order-empty i{font-size:32px;margin-bottom:8px}#modal-product-detail .modal-content{max-height:85vh;overflow-y:auto}#modal-product-detail .locations-list{max-height:240px;overflow-y:auto}#modal-product-detail .history-list-v2{max-height:300px;overflow-y:auto}#modal-receiving-list .modal-content,#modal-shipping-list .modal-content{background:#fff;border-radius:16px}#modal-receiving-list .modal-header{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:16px 16px 0 0}#modal-shipping-list .modal-header{background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;border-radius:16px 16px 0 0}#modal-receiving-list .modal-header h3,#modal-shipping-list .modal-header h3,#modal-receiving-list .modal-header button,#modal-shipping-list .modal-header button{color:#fff}#modal-receiving-list .modal-header button:hover,#modal-shipping-list .modal-header button:hover{background:#fff3}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--bottom-nav-h: 64px;--header-h: 56px;--brand: #4f46e5;--brand-50: #eef2ff;--brand-600: #4f46e5;--brand-700: #4338ca}@media (max-width: 768px){input,select,textarea{font-size:16px!important}}@media (max-width: 768px){header.h-16{height:var(--header-h);padding:0 12px!important;padding-top:var(--safe-top)}header.h-16 #page-title{font-size:1rem;font-weight:700;truncate:true}header.h-16 .hidden.sm\:flex{display:none!important}}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--bottom-nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:#fff;border-top:1px solid rgba(15,23,42,.08);display:none;z-index:50;box-shadow:0 -4px 12px #0f172a0a}@media (max-width: 1024px){.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr)}}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 4px;color:#64748b;font-size:10px;font-weight:600;text-decoration:none;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent}.mobile-nav-item i{font-size:18px;transition:transform .15s ease}.mobile-nav-item:active i{transform:scale(.92)}.mobile-nav-item.active{color:var(--brand)}.mobile-nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:28px;height:3px;background:var(--brand);border-radius:0 0 3px 3px}.mobile-nav-item.active i{color:var(--brand)}@media (max-width: 1024px){.main-content{padding-bottom:calc(var(--bottom-nav-h) + var(--safe-bottom) + 16px)!important}}@media (max-width: 1024px){.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;z-index:60;transform:translate(-100%);transition:transform .22s ease-out;box-shadow:4px 0 24px #0f172a2e}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:55;opacity:0;pointer-events:none;transition:opacity .18s ease}.sidebar-overlay.active{opacity:1;pointer-events:auto}}button,.btn,.placement-tab,.receiving-tab,.placement-item,.receiving-order-card{touch-action:manipulation}.card{box-shadow:0 1px 3px #0f172a0f,0 1px 2px #0f172a0a;transition:box-shadow .15s ease}@media (max-width: 640px){.modal-overlay{padding:8px!important;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))!important}.modal-overlay .modal-content{width:100%!important;max-width:100%!important;max-height:calc(100vh - 80px - env(safe-area-inset-bottom,0px))!important;margin:0!important}.modal-body{max-height:calc(100vh - 220px);overflow-y:auto}}.btn-primary{background:var(--brand-600);color:#fff}.btn-primary:hover{background:var(--brand-700)}input[type=text],input[type=number],input[type=search],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=text]:focus,input[type=number]:focus,input[type=search]:focus,textarea:focus,select:focus{outline:none;box-shadow:0 0 0 3px #4f46e52e;border-color:var(--brand-600)}@media (max-width: 1024px){.toast{bottom:calc(var(--bottom-nav-h) + var(--safe-bottom) + 12px)!important}}.loading-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.receiving-order-card,.placement-item{transition:transform .12s ease,box-shadow .12s ease}@media (hover: hover){.receiving-order-card:hover,.placement-item:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0f172a0f}}.modal-header button{min-width:44px;min-height:44px;display:inline-flex!important;align-items:center;justify-content:center}@media (min-width: 1025px){.sidebar{position:relative!important;transform:none!important;width:256px;max-width:none;box-shadow:none;z-index:auto}.sidebar-overlay{display:none!important}}body.pda-large button,body.pda-large .btn,body.pda-large .placement-tab,body.pda-large .receiving-tab,body.pda-large .nav-item,body.pda-large .mobile-nav-item,body.pda-large .placement-item,body.pda-large .receiving-order-card,body.pda-large .op-action-btn,body.pda-large .op-secondary-btn,body.pda-large .op-task-card{min-height:64px!important}body.pda-large input[type=text],body.pda-large input[type=number],body.pda-large input[type=search],body.pda-large input[type=password],body.pda-large textarea,body.pda-large select{font-size:18px!important;padding:14px 16px!important;min-height:56px!important}body.pda-large .placement-scanner-input,body.pda-large #op-scanner-input{font-size:22px!important;padding:16px 18px!important;min-height:64px!important}body.pda-large .placement-item-sku,body.pda-large .receiving-order-doc{font-size:18px!important}body.pda-large .placement-item-qty-main{font-size:36px!important;font-weight:800!important;color:#0f172a!important}body.pda-large header h2#page-title{font-size:1.25rem!important}body.pda-large .modal-content{font-size:16px}.picking-step-bar{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:8px 12px;margin-bottom:12px;position:sticky;top:0;z-index:10}.picking-step-back{width:40px;height:40px;border-radius:8px;background:#f1f5f9;color:#475569;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:background .1s}.picking-step-back:hover{background:#e2e8f0}.picking-step-back:disabled{opacity:.4;cursor:not-allowed}.picking-step-progress{flex:1;display:flex;flex-direction:column;min-width:0}.picking-step-num{font-size:10px;font-weight:700;letter-spacing:1px;color:#475569;text-transform:uppercase}body[data-domain=picking] .picking-step-num,body[data-domain=picking] .picking-step-mono-big,body[data-domain=picking] .picking-step-mono-mid{color:var(--domain-picking-text)}body[data-domain=receiving] .picking-step-num,body[data-domain=receiving] .picking-step-mono-big,body[data-domain=receiving] .picking-step-mono-mid{color:var(--domain-receiving-text)}body[data-domain=placement] .picking-step-num,body[data-domain=placement] .picking-step-mono-big,body[data-domain=placement] .picking-step-mono-mid{color:var(--domain-placement-text)}body[data-domain=shipping] .picking-step-num,body[data-domain=shipping] .picking-step-mono-big,body[data-domain=shipping] .picking-step-mono-mid{color:var(--domain-shipping-text)}body[data-domain=counting] .picking-step-num,body[data-domain=counting] .picking-step-mono-big,body[data-domain=counting] .picking-step-mono-mid{color:var(--domain-counting-text)}body[data-domain=transfer] .picking-step-num,body[data-domain=transfer] .picking-step-mono-big,body[data-domain=transfer] .picking-step-mono-mid{color:var(--domain-transfer-text)}body[data-domain=exception] .picking-step-num{color:var(--domain-exception-text)}body[data-domain=receiving] .picking-step-step-input:focus{border-color:var(--domain-receiving-from);box-shadow:0 0 0 3px #3b82f626}body[data-domain=placement] .picking-step-step-input:focus{border-color:var(--domain-placement-from);box-shadow:0 0 0 3px #f59e0b26}body[data-domain=shipping] .picking-step-step-input:focus{border-color:var(--domain-shipping-from);box-shadow:0 0 0 3px #22c55e26}body[data-domain=counting] .picking-step-step-input:focus{border-color:var(--domain-counting-from);box-shadow:0 0 0 3px #6366f126}body[data-domain=transfer] .picking-step-step-input:focus{border-color:var(--domain-transfer-from);box-shadow:0 0 0 3px #ec489926}.picking-step-label{font-size:16px;font-weight:700;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picking-step-spacer{width:40px;flex-shrink:0}.picking-step-pane{animation:stepFadeIn .2s ease-out}@keyframes stepFadeIn{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.picking-step-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:20px 18px;margin-bottom:12px;text-align:center;box-shadow:0 1px 3px #0f172a0a}.picking-step-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.5px;color:#64748b;text-transform:uppercase;margin-bottom:4px}.picking-step-mono-big{font-family:ui-monospace,monospace;font-weight:800;font-size:clamp(2rem,9vw,3rem);line-height:1.05;color:var(--domain-picking-text, #7c3aed);word-break:break-all}.picking-step-mono-mid{font-family:ui-monospace,monospace;font-weight:700;font-size:clamp(1.5rem,6vw,2rem);color:var(--domain-picking-text, #7c3aed);word-break:break-all}.picking-step-name{font-size:18px;font-weight:700;color:#0f172a;margin-bottom:2px}.picking-step-meta{font-size:12px;color:#64748b;margin-top:2px}.picking-step-hint-row{margin-top:10px;padding-top:10px;border-top:1px solid #f1f5f9;font-size:13px}.picking-step-hint-sku{font-family:ui-monospace,monospace;font-weight:600;color:#1e293b}.picking-step-hint-name{color:#64748b;margin-left:6px}.picking-step-stock{font-size:12px;color:#64748b;margin-top:6px}.picking-step-chips{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:10px}.picking-step-confirmed{display:flex;align-items:center;gap:8px;background:var(--domain-shipping-soft, #ecfdf5);color:var(--domain-shipping-text, #047857);padding:10px 14px;border-radius:10px;margin-bottom:12px;font-size:14px}.picking-step-confirmed i{font-size:16px}.picking-step-expected{display:flex;align-items:baseline;justify-content:center;gap:8px;background:var(--domain-picking-soft, #f5f3ff);color:var(--domain-picking-text, #7c3aed);padding:12px 18px;border-radius:12px;margin-bottom:14px}.picking-step-expected-label{font-size:11px;font-weight:700;letter-spacing:1px;opacity:.85}.picking-step-expected-value{font-size:28px;font-weight:800;color:#0f172a}.picking-step-expected-unit{font-size:13px;font-weight:600;opacity:.85}.picking-step-stepper{display:grid;grid-template-columns:64px 1fr 64px;gap:10px;margin-bottom:12px}.picking-step-step-btn{height:64px;background:#fff;border:2px solid #e2e8f0;border-radius:14px;font-size:22px;color:#1e293b;cursor:pointer;transition:all .1s;display:flex;align-items:center;justify-content:center}.picking-step-step-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.picking-step-step-btn:active{transform:scale(.94);background:#e2e8f0}.picking-step-step-input{height:64px;width:100%;text-align:center;font-size:36px;font-weight:800;color:#0f172a;background:#fff;border:2px solid #e2e8f0;border-radius:14px;outline:none;-moz-appearance:textfield}.picking-step-step-input::-webkit-outer-spin-button,.picking-step-step-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.picking-step-step-input:focus{border-color:var(--domain-picking-from, #a855f7);box-shadow:0 0 0 3px #a855f726}.picking-step-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:16px}.picking-step-presets button{height:44px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:600;color:#475569;cursor:pointer}.picking-step-presets button:hover{background:#f1f5f9;border-color:#cbd5e1}.picking-step-presets button:active{transform:scale(.96)}.picking-step-actions{display:grid;grid-template-columns:2fr 1fr;gap:8px;margin-top:4px}.picking-step-confirm{height:64px;background:linear-gradient(135deg,var(--domain-shipping-from, #22c55e),var(--domain-shipping-to, #16a34a));color:#fff;border:none;border-radius:14px;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 12px #22c55e40}.picking-step-confirm:active{transform:scale(.98)}.picking-step-short{height:64px;background:#fff;border:2px solid var(--domain-placement-soft, #fef3c7);color:var(--domain-placement-text, #b45309);border-radius:14px;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;flex-direction:column;line-height:1.1}.picking-step-short:active{transform:scale(.96)}.picking-step-skip{margin-top:8px;background:transparent;border:none;color:#64748b;font-size:13px;text-decoration:underline;cursor:pointer;width:100%;text-align:center;padding:8px}.sm-aisle-chip{display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:76px;padding:8px 10px!important;border:2px solid #e2e8f0!important;border-radius:10px!important;background:#fff!important;cursor:pointer;transition:all .1s;text-align:center;font-size:11px;color:#475569;line-height:1.3;gap:2px}.sm-aisle-chip:hover:not(:disabled){border-color:#6366f1!important;background:#f5f3ff!important}.sm-aisle-chip.selected{background:#4f46e5!important;color:#fff!important;border-color:#4f46e5!important}.sm-aisle-chip.selected span{color:#fff!important}.sm-aisle-chip.disabled,.sm-aisle-chip:disabled{opacity:.45;cursor:not-allowed!important;background:#f8fafc!important}body[data-auth=anonymous] aside.sidebar,body[data-auth=anonymous] .sidebar-overlay,body[data-auth=anonymous] main>header,body[data-auth=anonymous] nav.mobile-nav,body[data-auth=anonymous] .wms-fab,body[data-auth=anonymous] .incident-fab{display:none!important}body[data-auth=anonymous] main{width:100%}body[data-auth=anonymous] #content-area{padding:0!important}#app-form-content{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000a}#app-form-content:empty{display:none}#app-form-content form{display:flex!important;flex-direction:column!important;gap:14px!important}#app-form-content label{display:block!important;font-size:11px!important;font-weight:700!important;color:#475569!important;text-transform:uppercase!important;letter-spacing:.5px!important;margin-bottom:6px!important}#app-form-content input[type=text],#app-form-content input[type=number],#app-form-content input[type=password],#app-form-content input[type=email],#app-form-content input[type=search],#app-form-content input[type=tel],#app-form-content input[type=date],#app-form-content input[type=datetime-local],#app-form-content input:not([type]),#app-form-content select,#app-form-content textarea,#app-form-content .login-form-input{width:100%!important;padding:10px 12px!important;border:1px solid #cbd5e1!important;border-radius:8px!important;background-color:#fff!important;font-size:14px!important;color:#0f172a!important;box-sizing:border-box!important;transition:border-color .15s,box-shadow .15s!important;height:auto!important;line-height:1.4!important}#app-form-content input:focus,#app-form-content select:focus,#app-form-content textarea:focus,#app-form-content .login-form-input:focus{outline:none!important;border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f126!important}#app-form-content input:disabled,#app-form-content select:disabled,#app-form-content textarea:disabled{background-color:#f8fafc!important;color:#94a3b8!important;cursor:not-allowed!important}#app-form-content input::-moz-placeholder,#app-form-content textarea::-moz-placeholder{color:#94a3b8!important}#app-form-content input::placeholder,#app-form-content textarea::placeholder{color:#94a3b8!important}#app-form-content textarea{resize:vertical!important;min-height:70px!important}#app-form-content select{-moz-appearance:none!important;appearance:none!important;-webkit-appearance:none!important;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%2364748b%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M6%209l6%206%206-6%22%2F%3E%3C%2Fsvg%3E)!important;background-repeat:no-repeat!important;background-position:right 12px center!important;padding:10px 36px 10px 12px!important}#app-form-content input[type=checkbox],#app-form-content input[type=radio]{width:16px;height:16px;margin-right:6px;vertical-align:middle;border:1px solid #cbd5e1;accent-color:#6366f1;cursor:pointer;padding:0}#app-form-content .border-t{border-top:1px solid #e2e8f0;padding-top:14px;margin-top:4px}#app-form-content .form-hint{font-size:12px;color:#64748b;margin-top:-2px}.wall-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#cbd5e1}.wall-dot.on{background:#16a34a}.wall-dot.err{background:#dc2626}@media (min-width: 1024px){.wall-grid{height:calc(100vh - 140px)}.wall-grid>.wms-section{min-height:0}}.wall-note{margin-top:4px;font-size:12px;color:#64748b;font-style:italic;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wall-note i{margin-right:5px;color:#94a3b8}@media (max-width: 640px){.wall-note{white-space:normal}}.ship-chip{display:inline-block;padding:2px 8px;border-radius:3px;font-size:10px;font-weight:700;letter-spacing:.04em;white-space:nowrap;border:1px solid transparent;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.ship-chip.code-01{background:#dbeafe;color:#1e40af;border-color:#bfdbfe}.ship-chip.code-02{background:#ccfbf1;color:#115e59;border-color:#99f6e4}.ship-chip.code-03{background:#ffedd5;color:#c2410c;border-color:#fed7aa}.ship-chip.code-04{background:#dcfce7;color:#15803d;border-color:#bbf7d0}.ship-chip.code-05{background:#f1f5f9;color:#334155;border-color:#cbd5e1}@keyframes wallRowFlash{0%{background-color:#fef3c7}70%{background-color:#fef9c3}to{background-color:transparent}}.wall-row-flash>td{animation:wallRowFlash 3s ease-out 1}#wall-sound-btn.muted{opacity:.55}body.wall-fullscreen #sidebar,body.wall-fullscreen .app-header,body.wall-fullscreen header,body.wall-fullscreen #mobile-nav,body.wall-fullscreen .mobile-nav{display:none!important}body.wall-fullscreen #content-area,body.wall-fullscreen main{margin:0!important;padding:8px!important;width:100vw!important;max-width:100vw!important}body.wall-fullscreen .wms-section{border-radius:0}body.wall-fullscreen .wall-grid{height:calc(100vh - 82px)}.placeholder\:text-white\/50::-moz-placeholder{color:#ffffff80}.placeholder\:text-white\/50::placeholder{color:#ffffff80}.last\:border-0:last-child{border-width:0px}.last\:border-b-0:last-child{border-bottom-width:0px}.hover\:border-amber-500:hover{--tw-border-opacity: 1;border-color:rgb(245 158 11 / var(--tw-border-opacity, 1))}.hover\:border-green-500:hover{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.hover\:border-indigo-200:hover{--tw-border-opacity: 1;border-color:rgb(199 210 254 / var(--tw-border-opacity, 1))}.hover\:border-indigo-500:hover{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity, 1))}.hover\:border-red-500:hover{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.hover\:border-slate-300:hover{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-indigo-50:hover{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / 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-slate-100:hover{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-200:hover{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-50:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-900:hover{--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.hover\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\:text-blue-800:hover{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.hover\:text-indigo-800:hover{--tw-text-opacity: 1;color:rgb(55 48 163 / var(--tw-text-opacity, 1))}.hover\:text-red-600:hover{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.hover\:text-red-800:hover{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.hover\:text-slate-600:hover{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.hover\:text-slate-700:hover{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-lg:hover{--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)}.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-white\/60:focus{border-color:#fff9}.focus\:bg-white\/20:focus{background-color:#fff3}.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-indigo-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1))}.group:hover .group-hover\:opacity-20{opacity:.2}.has-\[\:checked\]\:border-indigo-300:has(:checked){--tw-border-opacity: 1;border-color:rgb(165 180 252 / var(--tw-border-opacity, 1))}.has-\[\:checked\]\:bg-indigo-50:has(:checked){--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}@media (min-width: 640px){.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:gap-4{gap:1rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width: 768px){.md\:inline-block{display:inline-block}.md\:inline{display:inline}.md\:flex-none{flex:none}.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-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}}@media (min-width: 1024px){.lg\:bottom-6{bottom:1.5rem}.lg\:right-6{right:1.5rem}.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:hidden{display:none}.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-6{grid-template-columns:repeat(6,minmax(0,1fr))}}