*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.\!visible{visibility:visible!important}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-0{left:0}.left-3{left:.75rem}.right-0{right:0}.top-0{top:0}.top-1\/2{top:50%}.z-50{z-index:50}.col-span-2{grid-column:span 2 / span 2}.m-0{margin:0}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.-mb-px{margin-bottom:-1px}.-mr-10{margin-right:-2.5rem}.-mt-10{margin-top:-2.5rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.me-1{margin-inline-end:.25rem}.me-2{margin-inline-end:.5rem}.me-auto{margin-inline-end:auto}.ml-2{margin-left:.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.ms-1{margin-inline-start:.25rem}.ms-2{margin-inline-start:.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}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.h-80{height:20rem}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-16{width:4rem}.w-2\/3{width:66.666667%}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-4{width:1rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-8{width:2rem}.w-80{width:20rem}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0px}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-6xl{max-width:72rem}.max-w-md{max-width:28rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.table-fixed{table-layout:fixed}.-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))}.scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;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}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.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))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.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-8{gap:2rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(2rem * var(--tw-space-x-reverse));margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.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-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity, 1))}.divide-slate-100>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(241 245 249 / var(--tw-divide-opacity, 1))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.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}.rounded-bl-lg{border-bottom-left-radius:.5rem}.rounded-tr-lg{border-top-right-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-amber-200{--tw-border-opacity: 1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-blue-400{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-blue-600{--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.border-cyan-200{--tw-border-opacity: 1;border-color:rgb(165 243 252 / var(--tw-border-opacity, 1))}.border-emerald-200{--tw-border-opacity: 1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-indigo-200{--tw-border-opacity: 1;border-color:rgb(199 210 254 / 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-200{--tw-border-opacity: 1;border-color:rgb(233 213 255 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / 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-transparent{border-color:transparent}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.border-yellow-300{--tw-border-opacity: 1;border-color:rgb(253 224 71 / 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-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-200{--tw-bg-opacity: 1;background-color:rgb(191 219 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-cyan-500\/10{background-color:#06b6d41a}.bg-emerald-100{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.bg-emerald-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-emerald-500\/10{background-color:#10b9811a}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / 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\/10{background-color:#f973161a}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-purple-500\/10{background-color:#a855f71a}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-red-800{--tw-bg-opacity: 1;background-color:rgb(153 27 27 / 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-400{--tw-bg-opacity: 1;background-color:rgb(148 163 184 / 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-500\/10{background-color:#64748b1a}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.bg-yellow-500\/10{background-color:#eab3081a}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-amber-500{--tw-gradient-from: #f59e0b var(--tw-gradient-from-position);--tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-50{--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.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-blue-500\/10{--tw-gradient-from: rgb(59 130 246 / .1) 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-blue-600{--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-50{--tw-gradient-from: #ecfeff var(--tw-gradient-from-position);--tw-gradient-to: rgb(236 254 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-cyan-500{--tw-gradient-from: #06b6d4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 182 212 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-50{--tw-gradient-from: #ecfdf5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(236 253 245 / 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-green-50{--tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500{--tw-gradient-from: #22c55e var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-50{--tw-gradient-from: #eef2ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(238 242 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-50{--tw-gradient-from: #fff7ed var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-50{--tw-gradient-from: #faf5ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 245 255 / 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-50{--tw-gradient-from: #fef2f2 var(--tw-gradient-from-position);--tw-gradient-to: rgb(254 242 242 / 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-50{--tw-gradient-from: #f8fafc var(--tw-gradient-from-position);--tw-gradient-to: rgb(248 250 252 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-slate-900{--tw-gradient-from: #0f172a var(--tw-gradient-from-position);--tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-transparent{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-50{--tw-gradient-from: #fefce8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(254 252 232 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-500{--tw-gradient-from: #eab308 var(--tw-gradient-from-position);--tw-gradient-to: rgb(234 179 8 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-white{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-white\/30{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 255 255 / .3) var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-amber-50{--tw-gradient-to: #fffbeb var(--tw-gradient-to-position)}.to-blue-100{--tw-gradient-to: #dbeafe var(--tw-gradient-to-position)}.to-blue-50{--tw-gradient-to: #eff6ff var(--tw-gradient-to-position)}.to-blue-500{--tw-gradient-to: #3b82f6 var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to: #2563eb var(--tw-gradient-to-position)}.to-gray-50{--tw-gradient-to: #f9fafb var(--tw-gradient-to-position)}.to-green-50{--tw-gradient-to: #f0fdf4 var(--tw-gradient-to-position)}.to-green-600{--tw-gradient-to: #16a34a var(--tw-gradient-to-position)}.to-indigo-100{--tw-gradient-to: #e0e7ff var(--tw-gradient-to-position)}.to-indigo-50{--tw-gradient-to: #eef2ff var(--tw-gradient-to-position)}.to-indigo-500\/10{--tw-gradient-to: rgb(99 102 241 / .1) var(--tw-gradient-to-position)}.to-indigo-600{--tw-gradient-to: #4f46e5 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-rose-50{--tw-gradient-to: #fff1f2 var(--tw-gradient-to-position)}.to-rose-600{--tw-gradient-to: #e11d48 var(--tw-gradient-to-position)}.to-slate-100{--tw-gradient-to: #f1f5f9 var(--tw-gradient-to-position)}.to-slate-50{--tw-gradient-to: #f8fafc var(--tw-gradient-to-position)}.to-slate-700{--tw-gradient-to: #334155 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.to-yellow-600{--tw-gradient-to: #ca8a04 var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-0{padding:0}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.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-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.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-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.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-8{padding-top:2rem;padding-bottom:2rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-10{padding-left:2.5rem}.pr-4{padding-right:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-end{text-align:end}.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-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-5{line-height:1.25rem}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / 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-cyan-600{--tw-text-opacity: 1;color:rgb(8 145 178 / var(--tw-text-opacity, 1))}.text-cyan-700{--tw-text-opacity: 1;color:rgb(14 116 144 / var(--tw-text-opacity, 1))}.text-cyan-900{--tw-text-opacity: 1;color:rgb(22 78 99 / 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-900{--tw-text-opacity: 1;color:rgb(6 78 59 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-green-900{--tw-text-opacity: 1;color:rgb(20 83 45 / var(--tw-text-opacity, 1))}.text-indigo-700{--tw-text-opacity: 1;color:rgb(67 56 202 / 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-900{--tw-text-opacity: 1;color:rgb(124 45 18 / 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-900{--tw-text-opacity: 1;color:rgb(88 28 135 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-red-900{--tw-text-opacity: 1;color:rgb(127 29 29 / 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-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.text-yellow-900{--tw-text-opacity: 1;color:rgb(113 63 18 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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-md{--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)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-blue-500\/20{--tw-shadow-color: rgb(59 130 246 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-blue-500\/30{--tw-shadow-color: rgb(59 130 246 / .3);--tw-shadow: var(--tw-shadow-colored)}.outline{outline-style:solid}.ring-2{--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)}.ring-blue-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / 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)!important}.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-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-500{transition-duration:.5s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-shimmer{animation:shimmer 2s infinite}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#1c0d08;color:#f0e6df;font-size:14px;line-height:1.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:1280px;margin:0 auto;padding:20px}.card{background:#fff;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000d;border:1px solid #e5e7eb}.btn{padding:8px 18px;border:none;border-radius:8px;cursor:pointer;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.btn-primary{background:#6366f1;color:#fff}.btn-primary:hover{background:#4f46e5;box-shadow:0 4px 12px #6366f159}.btn-danger:hover{background:#dc2626}.btn-success:hover{background:#059669}.btn-sm{padding:5px 12px;font-size:12.5px}.btn-lg{padding:11px 24px;font-size:15px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:600;font-size:13px;color:#374151}.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13.5px;color:#111827;outline:none;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.alert{padding:10px 14px;border-radius:8px;font-size:13.5px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.alert-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.alert-success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.alert-warning{background:#fffbeb;color:#92400e;border:1px solid #fde68a}.alert-info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.loading{display:flex;align-items:center;justify-content:center;height:100%;min-height:200px}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:12px;color:#6b7280;font-size:14px}table{border-collapse:collapse;width:100%}th,td{padding:10px 14px;text-align:left}th{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;border-bottom:1px solid #e5e7eb}td{border-bottom:1px solid #f3f4f6;font-size:13.5px}tr:last-child td{border-bottom:none}tr:hover td{background:#f9fafb}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.03em}.badge-indigo{background:#6366f11f;color:#4f46e5}.badge-green{background:#10b9811f;color:#059669}.badge-red{background:#ef44441f;color:#dc2626}.badge-amber{background:#f59e0b1f;color:#d97706}.badge-gray{background:#6b72801f;color:#4b5563}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:h-5:after{content:var(--tw-content);height:1.25rem}.after\:w-5:after{content:var(--tw-content);width:1.25rem}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:border:after{content:var(--tw-content);border-width:1px}.after\:border-gray-300:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.after\:bg-white:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.hover\:border-gray-300:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.hover\:border-slate-400:hover{--tw-border-opacity: 1;border-color:rgb(148 163 184 / var(--tw-border-opacity, 1))}.hover\:bg-blue-100:hover{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-red-900:hover{--tw-bg-opacity: 1;background-color:rgb(127 29 29 / 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-50:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.hover\:bg-slate-50\/50:hover{background-color:#f8fafc80}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:from-blue-700:hover{--tw-gradient-from: #1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(29 78 216 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-indigo-100:hover{--tw-gradient-from: #e0e7ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(224 231 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-blue-100:hover{--tw-gradient-to: #dbeafe var(--tw-gradient-to-position)}.hover\:to-indigo-700:hover{--tw-gradient-to: #4338ca var(--tw-gradient-to-position)}.hover\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\:text-blue-700:hover{--tw-text-opacity: 1;color:rgb(29 78 216 / 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-blue-900:hover{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.hover\:text-green-900:hover{--tw-text-opacity: 1;color:rgb(20 83 45 / 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-red-900:hover{--tw-text-opacity: 1;color:rgb(127 29 29 / 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)}.hover\:shadow-blue-500\/50:hover{--tw-shadow-color: rgb(59 130 246 / .5);--tw-shadow: var(--tw-shadow-colored)}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:border-red-500:focus{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.focus\:border-transparent:focus{border-color:transparent}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-indigo-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(99 102 241 / var(--tw-ring-opacity, 1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-300:disabled{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.disabled\:bg-gray-400:disabled{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.disabled\:bg-slate-100:disabled{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.disabled\:from-slate-400:disabled{--tw-gradient-from: #94a3b8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(148 163 184 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.disabled\:to-slate-400:disabled{--tw-gradient-to: #94a3b8 var(--tw-gradient-to-position)}.disabled\:opacity-50:disabled{opacity:.5}.peer:checked~.peer-checked\:bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.peer:checked~.peer-checked\:after\:translate-x-full:after{content:var(--tw-content);--tw-translate-x: 100%;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))}.peer:checked~.peer-checked\:after\:border-white:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.peer:focus~.peer-focus\:outline-none{outline:2px solid transparent;outline-offset:2px}.peer:focus~.peer-focus\: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)}.peer:focus~.peer-focus\:ring-blue-300{--tw-ring-opacity: 1;--tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1))}@media(min-width:640px){.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:768px){.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))}}@media(min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:px-8{padding-left:2rem;padding-right:2rem}}:root{--primary-color: #3b82f6;--secondary-color: #10b981;--accent-color: #f59e0b}.btn-primary,.bg-primary{background-color:var(--primary-color)!important}.text-primary{color:var(--primary-color)!important}.border-primary{border-color:var(--primary-color)!important}.btn-secondary,.bg-secondary{background-color:var(--secondary-color)!important}.text-secondary{color:var(--secondary-color)!important}.border-secondary{border-color:var(--secondary-color)!important}.btn-accent,.bg-accent{background-color:var(--accent-color)!important}.text-accent{color:var(--accent-color)!important}.border-accent{border-color:var(--accent-color)!important}.btn-primary:hover,.btn-secondary:hover,.btn-accent:hover{filter:brightness(.9)}input:focus,select:focus,textarea:focus{--tw-ring-color: var(--primary-color)}input[type=checkbox]:checked,input[type=radio]:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.progress-bar{background-color:var(--primary-color)}.tab-active{border-color:var(--primary-color);color:var(--primary-color)}.badge-primary{background-color:var(--primary-color);color:#fff}.badge-secondary{background-color:var(--secondary-color);color:#fff}.badge-accent{background-color:var(--accent-color);color:#fff}.page-placeholder{background:#fff;border-radius:12px;padding:48px 40px;text-align:center;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb}.page-placeholder h2{font-size:22px;color:#111827;margin-bottom:10px}.page-placeholder p{color:#666;font-size:16px}*,*:before,*:after{box-sizing:border-box}.login-root{min-height:100vh;width:100%;display:flex;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.login-left{width:42%;min-height:100vh;background:linear-gradient(160deg,#1e3a5f,#0f2544 60%,#0a1929);display:flex;flex-direction:column;padding:3rem 3rem 2.5rem;position:relative;overflow:hidden;flex-shrink:0}.login-left:before,.login-left:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.07)}.login-left:before{width:440px;height:440px;bottom:-120px;right:-120px}.login-left:after{width:280px;height:280px;bottom:-60px;right:-60px}.login-left-logo{width:56px;height:56px;background:#ffffff1f;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:auto;flex-shrink:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15)}.login-left-logo svg{width:28px;height:28px}.login-left-copy{margin-top:3rem;flex:1;display:flex;flex-direction:column;justify-content:center}.login-left-title{font-size:clamp(2rem,3vw,2.75rem);font-weight:800;color:#fff;line-height:1.15;margin:0 0 1rem;letter-spacing:-.02em}.login-left-desc{font-size:.92rem;color:#fff9;line-height:1.65;margin:0 0 2.5rem;max-width:320px}.login-left-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.85rem}.login-left-features li{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#fffc;font-weight:500}.login-left-features li:before{content:"";width:8px;height:8px;border-radius:50%;background:#60a5fa;flex-shrink:0}.login-left-footer{margin-top:3rem;font-size:.72rem;color:#ffffff4d}.login-right{flex:1;background:#f8fafc;display:flex;align-items:center;justify-content:center;padding:2rem 2.5rem;overflow-y:auto}.login-form-box{width:100%;max-width:420px}.login-welcome{font-size:2rem;font-weight:800;color:#0f172a;margin:0 0 .35rem;letter-spacing:-.02em}.login-welcome-sub{font-size:.875rem;color:#94a3b8;margin:0 0 2.25rem}.login-form{display:flex;flex-direction:column;gap:1.15rem}.login-field{display:flex;flex-direction:column;gap:.4rem}.login-field label{font-size:.8rem;font-weight:600;color:#374151;letter-spacing:.01em}.login-input-wrap{position:relative;display:flex;align-items:center}.login-input-icon{position:absolute;left:.9rem;color:#cbd5e1;display:flex;align-items:center;pointer-events:none;transition:color .2s}.login-input-icon svg{width:16px;height:16px}.login-input-wrap:focus-within .login-input-icon{color:#3b82f6}.login-input-wrap input{width:100%;padding:.8rem 2.75rem .8rem 2.6rem;background:#fff;border:1.5px solid #E2E8F0;border-radius:10px;color:#1e293b;font-size:.9rem;outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}.login-input-wrap input::-moz-placeholder{color:#cbd5e1}.login-input-wrap input::placeholder{color:#cbd5e1}.login-input-wrap input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.login-input-wrap input:-webkit-autofill,.login-input-wrap input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 999px #fff inset!important;-webkit-text-fill-color:#1E293B!important;border-color:#bfdbfe!important}.login-input-wrap input:disabled{opacity:.5;cursor:not-allowed}.login-show-pass{position:absolute;right:.9rem;background:none;border:none;cursor:pointer;color:#cbd5e1;display:flex;align-items:center;padding:0;transition:color .2s}.login-show-pass:hover{color:#3b82f6}.login-show-pass svg{width:16px;height:16px}.login-error-box{display:flex;align-items:center;gap:.5rem;padding:.65rem .9rem;background:#fff1f2;border:1.5px solid #FECDD3;border-radius:10px;color:#e11d48;font-size:.82rem;font-weight:500;animation:shake .35s ease}.login-error-box svg{width:15px;height:15px;flex-shrink:0}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}.login-submit-btn{margin-top:.4rem;padding:.875rem;background:#1e3a5f;color:#fff;border:none;border-radius:10px;font-size:.92rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 4px 14px #1e3a5f59;display:flex;align-items:center;justify-content:center;min-height:50px;font-family:inherit;width:100%}.login-submit-btn:hover:not(:disabled){background:#162d4a;transform:translateY(-1px);box-shadow:0 6px 20px #1e3a5f73}.login-submit-btn:active:not(:disabled){transform:translateY(0)}.login-submit-btn:disabled{opacity:.45;cursor:not-allowed}.login-spinner{width:20px;height:20px;border:2.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-demo-section{margin-top:1.75rem}.login-demo-divider{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.login-demo-divider:before,.login-demo-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.login-demo-divider span{font-size:.75rem;color:#94a3b8;white-space:nowrap;font-weight:500}.login-cred-list{display:flex;flex-direction:column;gap:.5rem}.login-cred-card{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#fff;border:1.5px solid #E2E8F0;border-radius:10px;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}.login-cred-card:hover{border-color:#3b82f6;box-shadow:0 2px 10px #3b82f61f;background:#f0f9ff}.login-cred-role{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#3b82f6;margin-bottom:2px}.login-cred-user{font-size:.78rem;color:#64748b;font-family:SFMono-Regular,Consolas,monospace}.login-cred-hint{font-size:.7rem;color:#cbd5e1;white-space:nowrap;margin-left:.5rem;flex-shrink:0}.login-pass-hint{text-align:center;margin-top:.75rem;font-size:.73rem;color:#94a3b8}.login-pass-hint strong{color:#1e3a5f;font-weight:700}.login-vendor-row{text-align:center;margin-top:1.25rem;font-size:.8rem;color:#94a3b8}.login-vendor-row a{color:#3b82f6;font-weight:600;text-decoration:none;margin-left:3px}.login-vendor-row a:hover{text-decoration:underline}.login-staff-hint{display:block;margin-top:.3rem;font-size:.72rem;color:#cbd5e1;text-align:center}@media(max-width:768px){.login-root{flex-direction:column;overflow-y:auto;position:relative}.login-left{width:100%;min-height:auto;padding:2.5rem 2rem 2rem}.login-left-copy{margin-top:1.5rem}.login-left-title{font-size:1.75rem}.login-right{padding:2rem 1.5rem 3rem}}.register-root{min-height:100vh;width:100%;display:flex;align-items:center;justify-content:center;background:#1c0d08!important;position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;padding:2rem 1rem;z-index:0}.register-card{background:#2a1208;border:1px solid rgba(200,71,42,.3);border-radius:16px;padding:2.5rem 2rem;width:100%;max-width:480px;box-shadow:0 24px 64px #0009;position:relative;z-index:1}.register-logo{text-align:center;margin-bottom:1.5rem}.register-logo h1{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#c8472a,#f5c518);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.register-logo p{color:#ffffff80;font-size:.85rem;margin:.25rem 0 0}.register-title{font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:1.25rem;text-align:center}.register-form .form-group{margin-bottom:1rem}.register-form label{display:block;font-size:.8rem;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}.register-form input{width:100%;background:#ffffffeb;border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:.6rem .85rem;color:#1c0d08;font-size:.9rem;transition:border-color .2s,background .2s;box-sizing:border-box}.register-form input::-moz-placeholder{color:#3c1e0a73}.register-form input::placeholder{color:#3c1e0a73}.register-form input:-webkit-autofill,.register-form input:-webkit-autofill:hover,.register-form input:-webkit-autofill:focus{-webkit-text-fill-color:#1c0d08;-webkit-box-shadow:0 0 0 1000px rgba(255,255,255,.92) inset;-webkit-transition:background-color 9999s ease-in-out 0s;transition:background-color 9999s ease-in-out 0s}.register-form input:focus{outline:none;border-color:#c8472a;background:#fff}.register-form input.input-error{border-color:#e74c3c}.field-error{color:#e74c3c;font-size:.75rem;margin-top:.2rem}.register-btn{width:100%;padding:.75rem;background:linear-gradient(135deg,#c8472a,#a33820);border:none;border-radius:8px;color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;margin-top:.5rem;transition:opacity .2s}.register-btn:hover:not(:disabled){opacity:.88}.register-btn:disabled{opacity:.5;cursor:not-allowed}.register-alert{padding:.75rem 1rem;border-radius:8px;font-size:.85rem;margin-bottom:1rem}.register-alert.success{background:#27ae6026;border:1px solid rgba(39,174,96,.4);color:#2ecc71}.register-alert.error{background:#e74c3c26;border:1px solid rgba(231,76,60,.4);color:#e74c3c}.register-footer{text-align:center;margin-top:1.25rem;font-size:.85rem;color:#ffffff80}.register-footer a{color:#c8472a;text-decoration:none;font-weight:600}.register-footer a:hover{text-decoration:underline}.register-note{background:#f5c5181a;border:1px solid rgba(245,197,24,.3);border-radius:8px;padding:.65rem .85rem;font-size:.8rem;color:#f5c518;margin-bottom:1.25rem;text-align:center}:root{--sb-width: 260px;--sb-collapsed: 68px;--tb-height: 64px;--sb-bg: #0F172A;--sb-border: rgba(255,255,255,.06);--sb-hover: rgba(99,102,241,.12);--sb-active-bg: rgba(99,102,241,.18);--sb-active-color: #818CF8;--sb-active-bar: #4F46E5;--sb-text: rgba(255,255,255,.55);--main-bg: #F8FAFC;--tb-bg: #1E293B;--tb-border: rgba(255,255,255,.07);--text-primary: #F1F5F9;--text-muted: #94A3B8;--transition: .2s cubic-bezier(.4,0,.2,1);--radius: 10px;--shadow-sm: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.08);--shadow-lg: 0 10px 32px rgba(0,0,0,.22)}.layout-root{display:flex;height:100vh;overflow:hidden;background:var(--main-bg)}.sidebar{width:var(--sb-width);min-width:var(--sb-width);background:var(--sb-bg);border-right:1px solid var(--sb-border);display:flex;flex-direction:column;transition:width var(--transition),min-width var(--transition);overflow:hidden;z-index:100;flex-shrink:0}.layout-root.sidebar-collapsed .sidebar{width:var(--sb-collapsed);min-width:var(--sb-collapsed)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:0 .75rem;min-height:var(--tb-height);border-bottom:1px solid var(--sb-border);flex-shrink:0}.sidebar-brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;overflow:hidden;flex:1}.sidebar-brand-logo{display:flex;align-items:center;flex-shrink:0}.sidebar-brand-logo svg{width:40px;height:32px;flex-shrink:0;border-radius:6px}.sidebar-brand-text{display:flex;flex-direction:column;overflow:hidden}.sidebar-brand-name{font-size:1.05rem;font-weight:800;letter-spacing:.08em;white-space:nowrap;background:linear-gradient(135deg,#818cf8,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sidebar-brand-sub{font-size:.66rem;color:#ffffff61;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.sidebar-toggle-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ffffff73;cursor:pointer;display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;transition:background var(--transition),color var(--transition);margin-left:4px}.sidebar-toggle-btn:hover{background:#ffffff1f;color:#fff}.sidebar-toggle-btn svg{width:15px;height:15px}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:.6rem .55rem;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.sni-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;width:20px}.sni-label{flex:1;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav-item{display:flex;align-items:center;gap:.7rem;padding:.56rem .7rem;border-radius:var(--radius);color:var(--sb-text);text-decoration:none;font-weight:500;transition:background var(--transition),color var(--transition);position:relative}.sidebar-nav-item:hover{background:var(--sb-hover);color:#fff}.sidebar-nav-item.active{background:var(--sb-active-bg);color:var(--sb-active-color)}.sidebar-nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:56%;background:var(--sb-active-bar);border-radius:0 3px 3px 0}.sidebar-group{display:flex;flex-direction:column}.sidebar-group-header{display:flex;align-items:center;gap:.7rem;padding:.56rem .7rem;border-radius:var(--radius);color:var(--sb-text);background:none;border:none;cursor:pointer;font-size:.85rem;font-weight:600;width:100%;text-align:left;transition:background var(--transition),color var(--transition);position:relative}.sidebar-group-header:hover{background:var(--sb-hover);color:#fff}.sidebar-group-header.has-active{color:var(--sb-active-color)}.sidebar-group-header.has-active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:56%;background:var(--sb-active-bar);border-radius:0 3px 3px 0}.sidebar-chevron{display:flex;align-items:center;color:#ffffff47;transition:transform var(--transition);margin-left:auto}.sidebar-chevron.open{transform:rotate(180deg)}.sidebar-chevron svg{width:14px;height:14px}.sidebar-group-items{margin:2px 0 2px .7rem;padding-left:1.1rem;border-left:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:1px}.sidebar-child-item{display:flex;align-items:center;gap:.65rem;padding:.44rem .6rem;border-radius:8px;color:#ffffff7a;text-decoration:none;font-size:.82rem;font-weight:400;transition:background var(--transition),color var(--transition)}.sidebar-child-item:hover{background:var(--sb-hover);color:#ffffffd1}.sidebar-child-item.active{color:#818cf8;background:#6366f124}.sidebar-child-item .sni-icon{font-size:15px;width:16px}.sidebar-footer{padding:.6rem .55rem;border-top:1px solid var(--sb-border);display:flex;align-items:center;gap:.5rem;flex-shrink:0}.sidebar-user-row{display:flex;align-items:center;gap:.55rem;flex:1;overflow:hidden}.sidebar-avatar{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:700;color:#fff;flex-shrink:0}.sidebar-user-text{display:flex;flex-direction:column;overflow:hidden}.sidebar-user-name{font-size:.78rem;font-weight:600;color:#ffffffd1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.68rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logout-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#ef4444a6;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;transition:background var(--transition),color var(--transition)}.sidebar-logout-btn:hover{background:#ef444433;color:#f87171}.sidebar-logout-btn svg{width:15px;height:15px}.layout-main-wrap{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.layout-topbar{height:var(--tb-height);background:var(--tb-bg);border-bottom:1px solid var(--tb-border);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;gap:1rem;flex-shrink:0;box-shadow:var(--shadow-sm)}.topbar-left{flex:1;min-width:0}.topbar-right{display:flex;align-items:center;gap:.65rem}.topbar-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:0;font-size:.875rem}.bc-item{display:flex;align-items:center}.bc-sep{margin:0 .35rem;color:var(--text-muted);font-size:.78rem}.bc-link{color:var(--text-muted);text-transform:capitalize}.bc-current{color:var(--text-primary);font-weight:600;text-transform:capitalize}.topbar-tenant{display:flex;align-items:center;gap:.4rem;font-size:.8rem}.topbar-tenant-label{color:var(--text-muted);font-weight:500;white-space:nowrap}.topbar-tenant-select{padding:.35rem .6rem;border:1px solid var(--tb-border);border-radius:8px;font-size:.8rem;color:var(--text-primary);background:#0f172a;outline:none;cursor:pointer;transition:border-color var(--transition)}.topbar-tenant-select:focus{border-color:#4f46e5}.topbar-icon-btn{position:relative;background:none;border:1px solid var(--tb-border);border-radius:9px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;width:36px;height:36px;transition:background var(--transition),color var(--transition)}.topbar-icon-btn:hover{background:#6366f12e;color:#818cf8}.topbar-icon-btn svg{width:17px;height:17px}.topbar-divider{width:1px;height:26px;background:var(--tb-border)}.topbar-profile{position:relative}.topbar-profile-btn{display:flex;align-items:center;gap:.45rem;background:none;border:1px solid var(--tb-border);border-radius:10px;cursor:pointer;padding:.28rem .55rem .28rem .3rem;transition:background var(--transition)}.topbar-profile-btn:hover{background:#6366f126}.topbar-avatar{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff}.topbar-user-info{display:flex;flex-direction:column;text-align:left}.topbar-user-name{font-size:.8rem;font-weight:600;color:var(--text-primary);white-space:nowrap}.topbar-user-role{font-size:.68rem;font-weight:500;white-space:nowrap}.topbar-caret{width:13px;height:13px;color:var(--text-muted)}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#1e293b;border:1px solid rgba(255,255,255,.08);border-radius:14px;min-width:216px;box-shadow:var(--shadow-lg);z-index:200;overflow:hidden;animation:dropIn .14s ease}@keyframes dropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-head{display:flex;align-items:center;gap:.7rem;padding:.9rem 1rem}.profile-dropdown-avatar{width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff}.profile-dropdown-name{font-size:.85rem;font-weight:600;color:#f1f5f9}.profile-dropdown-role{font-size:.72rem;font-weight:500;margin-top:1px}.profile-dropdown-divider{height:1px;background:var(--tb-border);margin:0 .5rem}.profile-dropdown-item{display:flex;align-items:center;gap:.55rem;width:100%;padding:.6rem 1rem;background:none;border:none;cursor:pointer;font-size:.845rem;color:var(--text-primary);text-align:left;transition:background var(--transition)}.profile-dropdown-item:hover{background:#6366f11f}.profile-dropdown-item svg{width:15px;height:15px;color:var(--text-muted);flex-shrink:0}.profile-dropdown-item.danger{color:#f87171}.profile-dropdown-item.danger svg{color:#f87171}.profile-dropdown-item.danger:hover{background:#ef44441f}.layout-content{flex:1;overflow-y:auto;padding:1.75rem;background:#f8fafc;color:#1e293b;scrollbar-width:thin;scrollbar-color:#CBD5E1 transparent;display:flex;flex-direction:column}.layout-content::-webkit-scrollbar{width:5px}.layout-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.dashboard{padding:24px;width:100%;box-sizing:border-box}.tenant-selector{padding:10px 16px;background:#2a1208;border:1px solid rgba(200,71,42,.35);border-radius:6px;font-size:14px;font-weight:500;color:#f0e6df;cursor:pointer;transition:all .3s ease;min-width:200px}.tenant-selector:hover{border-color:#c8472a}.tenant-selector:focus{outline:none;border-color:#c8472a;box-shadow:0 0 0 3px #c8472a26}.dashboard-header h1{font-size:32px;color:#f0e6df;margin-bottom:8px}.user-role{color:#a08070;font-size:16px;font-weight:500}.tenant-filter-active{color:#f5c518;font-size:14px;font-weight:600;margin-top:4px;display:flex;align-items:center;gap:4px}.refresh-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#c8472a,#9e3320);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.refresh-button:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 4px 12px #c8472a66}.analytics-summary h2{font-size:22px;color:#f0e6df;margin-bottom:20px;display:flex;align-items:center;gap:8px}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#2a1208b3;border:1px solid rgba(200,71,42,.2);border-radius:12px;gap:16px}.spinner{width:40px;height:40px;border:4px solid rgba(200,71,42,.15);border-top:4px solid #C8472A;border-radius:50%;animation:spin 1s linear infinite}.error-state{color:#f87171}.metric-card{background:#2a1208d9;border:1px solid rgba(200,71,42,.2);border-radius:10px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000004d;transition:all .3s ease}.metric-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px #c8472a33;border-color:#c8472a66}.metric-card.highlight{background:linear-gradient(135deg,#c8472a,#9e3320);border-color:transparent;color:#fff}.metric-icon.products{background:linear-gradient(135deg,#c8472a,#9e3320)}.metric-icon.orders{background:linear-gradient(135deg,#f5c518,#c9960f)}.metric-icon.shipments{background:linear-gradient(135deg,#e07b3a,#b85e20)}.metric-icon.warehouses{background:linear-gradient(135deg,#c84a1e,#7a2010)}.metric-icon.value{background:linear-gradient(135deg,#f5c518,#c8472a)}.metric-icon.trend-up{background:linear-gradient(135deg,#e07b3a,#c8472a)}.metric-icon.trend-down{background:linear-gradient(135deg,#a08070,#6a4030)}.metric-content h3{font-size:12px;font-weight:600;color:#a08070;margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:24px;font-weight:700;color:#f0e6df;margin:0 0 4px}.metric-label{font-size:11px;color:#6a4030}.quick-navigation h2{font-size:20px;color:#f0e6df;margin-bottom:16px}.nav-card{background:#2a1208d9;border:1px solid rgba(200,71,42,.2);border-radius:8px;padding:16px;text-align:center;box-shadow:0 2px 6px #00000040;transition:all .2s ease;cursor:pointer}.nav-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px #c8472a40;border-color:#c8472a73}.nav-icon{font-size:28px;margin-bottom:8px;color:#c8472a}.nav-card h3{font-size:14px;color:#f0e6df;margin-bottom:8px;font-weight:600}.nav-link{color:#f5c518;text-decoration:none;font-weight:500;font-size:12px;display:inline-flex;align-items:center;gap:4px;transition:color .2s}.nav-link:hover{color:#ffd84d}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.dashboard-header-actions{display:flex;align-items:center;gap:12px}.tenant-selector{padding:10px 16px;background:#fff;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;font-weight:500;color:#333;cursor:pointer;transition:all .3s ease;min-width:200px}.tenant-selector:hover{border-color:#2196f3}.tenant-selector:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 3px #2196f31a}.dashboard-header h1{font-size:32px;color:#1a1a1a;margin-bottom:8px}.user-role{color:#666;font-size:16px;font-weight:500}.tenant-filter-active{color:#2196f3;font-size:14px;font-weight:600;margin-top:4px;display:flex;align-items:center;gap:4px}.refresh-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#4caf50;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.refresh-button:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 8px #4caf504d}.analytics-summary{margin-bottom:40px}.analytics-summary h2{font-size:22px;color:#1a1a1a;margin-bottom:20px;display:flex;align-items:center;gap:8px}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:12px;gap:16px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #2196F3;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-state{color:#d32f2f}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.metric-card{background:#fff;border-radius:10px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 6px #00000014;transition:all .3s ease}.metric-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000001f}.metric-card.highlight{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.metric-card.highlight .metric-content h3,.metric-card.highlight .metric-value,.metric-card.highlight .metric-label{color:#fff}.metric-icon{width:50px;height:50px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.metric-icon.products{background:linear-gradient(135deg,#667eea,#764ba2)}.metric-icon.orders{background:linear-gradient(135deg,#f093fb,#f5576c)}.metric-icon.shipments{background:linear-gradient(135deg,#4facfe,#00f2fe)}.metric-icon.warehouses{background:linear-gradient(135deg,#43e97b,#38f9d7)}.metric-icon.value{background:linear-gradient(135deg,#fa709a,#fee140)}.metric-icon.trend-up{background:linear-gradient(135deg,#30cfd0,#330867)}.metric-icon.trend-down{background:linear-gradient(135deg,#a8edea,#fed6e3)}.metric-content{flex:1}.metric-content h3{font-size:12px;font-weight:600;color:#666;margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 4px}.metric-label{font-size:11px;color:#999}.quick-navigation{margin-bottom:30px}.quick-navigation h2{font-size:20px;color:#1a1a1a;margin-bottom:16px}.navigation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.nav-card{background:#fff;border-radius:8px;padding:16px;text-align:center;box-shadow:0 2px 6px #00000014;transition:all .2s ease;cursor:pointer}.nav-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001f}.nav-icon{font-size:28px;margin-bottom:8px;color:#667eea}.nav-card h3{font-size:14px;color:#333;margin-bottom:8px;font-weight:600}.nav-link{color:#007bff;text-decoration:none;font-weight:500;font-size:12px;display:inline-flex;align-items:center;gap:4px;transition:color .2s}.nav-link:hover{color:#0056b3}@media(max-width:1200px){.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media(max-width:768px){.dashboard{padding:16px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px}.metrics-grid{grid-template-columns:1fr}.navigation-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.navigation-grid{grid-template-columns:1fr}}.procurement-container{width:100%;box-sizing:border-box}.procurement-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;padding-bottom:20px;border-bottom:2px solid rgba(200,71,42,.25)}.procurement-header-left h1{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:700;margin:0 0 4px;color:#1a1a2e}.procurement-header-left h1 svg{color:#c8472a}.procurement-header-left p{margin:0;color:#6b7280;font-size:14px}.procurement-header-right{display:flex;gap:10px;align-items:center}.procurement-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.procurement-toolbar input[type=text],.procurement-toolbar select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;color:#1a1a2e;min-width:180px}.procurement-toolbar input[type=text]:focus,.procurement-toolbar select:focus{outline:none;border-color:#c8472a;box-shadow:0 0 0 3px #c8472a2e}.procurement-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px}.procurement-stats .stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:18px 20px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 4px #00000012;transition:box-shadow .2s}.procurement-stats .stat-card:hover{box-shadow:0 4px 16px #0000001f}.procurement-stats .stat-card-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.procurement-stats .stat-card-value{font-size:28px;font-weight:700;color:#1a1a2e;line-height:1}.procurement-stats .stat-card-value.accent{color:#c8472a}.procurement-stats .stat-card-value.success{color:#10b981}.procurement-stats .stat-card-value.warning{color:#f59e0b}.procurement-stats .stat-card-value.danger{color:#ef4444}.procurement-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px #00000012}.procurement-table{width:100%;border-collapse:collapse;font-size:14px}.procurement-table thead{background:#f9fafb}.procurement-table th{padding:12px 16px;text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.procurement-table td{padding:12px 16px;border-bottom:1px solid #f3f4f6;color:#1a1a2e;vertical-align:middle}.procurement-table tbody tr:last-child td{border-bottom:none}.procurement-table tbody tr:hover{background:#f9fafb}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.badge-draft{background:#f3f4f6;color:#6b7280}.badge-pending{background:#fef3c7;color:#92400e}.badge-submitted{background:#dbeafe;color:#1e40af}.badge-approved{background:#d1fae5;color:#065f46}.badge-active{background:#d1fae5;color:#065f46}.badge-inactive{background:#f3f4f6;color:#6b7280}.badge-issued{background:#dbeafe;color:#1e40af}.badge-closed{background:#f3f4f6;color:#6b7280}.badge-cancelled{background:#fee2e2;color:#991b1b}.badge-paid{background:#d1fae5;color:#065f46}.badge-overdue{background:#fee2e2;color:#991b1b}.badge-open{background:#ede9fe;color:#5b21b6}.badge-expired{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1e40af}.badge-warning{background:#fef3c7;color:#92400e}.badge-success{background:#d1fae5;color:#065f46}.badge-secondary{background:#f3f4f6;color:#6b7280}.badge-primary{background:#ede9fe;color:#5b21b6}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:7px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:opacity .15s,box-shadow .15s;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#c8472a,#9e3320);color:#fff}.btn-primary:hover:not(:disabled){opacity:.9;box-shadow:0 2px 10px #c8472a73}.btn-success{background:#10b981;color:#fff}.btn-success:hover:not(:disabled){opacity:.88}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){opacity:.88}.btn-warning{background:#f59e0b;color:#fff}.btn-warning:hover:not(:disabled){opacity:.88}.btn-outline{background:transparent;color:#c8472a;border:1px solid rgba(200,71,42,.5)}.btn-outline:hover:not(:disabled){background:#c8472a1a;border-color:#c8472a}.btn-sm{padding:5px 10px;font-size:12px}.action-cell{display:flex;gap:6px;align-items:center}.procurement-empty,.procurement-loading,.procurement-error{text-align:center;padding:60px 20px;color:#6b7280}.proc-input{width:100%;padding:9px 12px;border:1px solid #d1d5db;border-radius:7px;font-size:14px;color:#111827!important;background:#fff!important;box-sizing:border-box;transition:border-color .15s,box-shadow .15s;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.proc-input::-moz-placeholder{color:#9ca3af}.proc-input::placeholder{color:#9ca3af}.proc-input:focus{outline:none;border-color:#c8472a;box-shadow:0 0 0 3px #c8472a26;background:#fff!important;color:#111827!important}.proc-input option{background:#fff;color:#111827}.modal-overlay *,.modal-card *,.modal *{--bs-body-bg: #ffffff;--bs-body-color: #111827}.modal-overlay .form-control,.modal-overlay input,.modal-overlay select,.modal-overlay textarea,.modal-card .form-control,.modal-card input,.modal-card select,.modal-card textarea,.modal .form-control,.modal input,.modal select,.modal textarea{background:#fff!important;background-color:#fff!important;color:#111827!important;border:1px solid #d1d5db!important;border-radius:7px!important}.modal-overlay .form-control:focus,.modal-overlay input:focus,.modal-overlay select:focus,.modal-overlay textarea:focus,.modal-card .form-control:focus,.modal-card input:focus,.modal-card select:focus,.modal-card textarea:focus,.modal .form-control:focus,.modal input:focus,.modal select:focus,.modal textarea:focus{background:#fff!important;background-color:#fff!important;color:#111827!important;border-color:#c8472a!important;box-shadow:0 0 0 3px #c8472a26!important}.modal-overlay .form-control::-moz-placeholder,.modal-overlay input::-moz-placeholder,.modal-overlay textarea::-moz-placeholder,.modal-card .form-control::-moz-placeholder,.modal-card input::-moz-placeholder,.modal-card textarea::-moz-placeholder,.modal .form-control::-moz-placeholder,.modal input::-moz-placeholder,.modal textarea::-moz-placeholder{color:#9ca3af!important}.modal-overlay .form-control::placeholder,.modal-overlay input::placeholder,.modal-overlay textarea::placeholder,.modal-card .form-control::placeholder,.modal-card input::placeholder,.modal-card textarea::placeholder,.modal .form-control::placeholder,.modal input::placeholder,.modal textarea::placeholder{color:#9ca3af!important}.modal-overlay input:-webkit-autofill,.modal-overlay select:-webkit-autofill,.modal-overlay textarea:-webkit-autofill,.modal-card input:-webkit-autofill,.modal-card select:-webkit-autofill,.modal-card textarea:-webkit-autofill,.modal input:-webkit-autofill,.modal select:-webkit-autofill,.modal textarea:-webkit-autofill{-webkit-box-shadow:0 0 0 100px #ffffff inset!important;-webkit-text-fill-color:#111827!important}.modal{background:#fff!important;color:#111827!important}.modal h2,.modal label{color:#111827!important}.procurement-container .form-control{background:#fff!important;color:#111827!important;border:1px solid #d1d5db!important;border-radius:7px!important}.procurement-container .form-control:focus{background:#fff!important;color:#111827!important;border-color:#c8472a!important;box-shadow:0 0 0 3px #c8472a33!important}.procurement-container .form-control::-moz-placeholder{color:#9ca3af!important}.procurement-container .form-control::placeholder{color:#9ca3af!important}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:28px;width:100%;max-width:860px;max-height:92vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.modal h2{margin:0 0 20px;font-size:20px;font-weight:700;color:#1a1a2e}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:16px;border-top:1px solid #e5e7eb;background:#f9fafb}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:9px 12px;border:1px solid #d1d5db;border-radius:7px;font-size:14px;color:#111827;background:#fff;box-sizing:border-box;transition:border-color .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#c8472a;box-shadow:0 0 0 3px #c8472a2e}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.amount{font-weight:600;font-variant-numeric:tabular-nums}@media(max-width:768px){.procurement-container{padding:16px}.procurement-header{flex-direction:column;gap:12px}.procurement-stats{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.procurement-table{font-size:13px}.procurement-table th,.procurement-table td{padding:10px}}.canvas-search-bar{display:flex;gap:10px;max-width:560px;margin-top:20px}.canvas-input{flex:1;background:#fff;border:1px solid #d1d5db;color:#1a1a2e;border-radius:6px;padding:8px 14px}.canvas-input::-moz-placeholder{color:#9ca3af}.canvas-input::placeholder{color:#9ca3af}.canvas-input:focus{outline:none;border-color:#c8472a;box-shadow:0 0 0 2px #c8472a40}.canvas-btn{min-width:110px}.canvas-row-best{background:#f5c51812}.badge-best-price{color:#f5c518;font-weight:700}.canvas-best-label{font-size:10px;background:#f5c518;color:#1c0d08;border-radius:4px;padding:1px 5px;font-weight:700;text-transform:uppercase;vertical-align:middle}.procurement-stats .stat-card-value.success{color:#f5c518}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 0;color:#9ca3af}.empty-state p{font-size:15px;color:#6b7280}.vp-layout{display:grid;grid-template-columns:260px 1fr;gap:20px;margin-top:20px;align-items:start}.vp-layout--no-sidebar{grid-template-columns:1fr}.vp-sidebar{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;box-shadow:0 1px 4px #00000012}.vp-sidebar-header{display:flex;align-items:center;gap:8px;padding:14px 16px;font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb}.vp-vendor-list{list-style:none;margin:0;padding:0}.vp-vendor-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background .15s}.vp-vendor-item:hover{background:#fef2f0}.vp-vendor-item.active{background:#fef2f0;border-left:3px solid #C8472A}.vp-vendor-name{display:block;font-weight:600;color:#1a1a2e;font-size:14px}.vp-vendor-contact{display:block;font-size:12px;color:#6b7280;margin-top:2px}.vp-loading,.vp-empty{padding:16px;color:#6b7280;font-size:13px}.vp-main{min-width:0}.vp-placeholder{display:flex;flex-direction:column;align-items:center;gap:14px;padding:64px 0;color:#9ca3af}.vp-placeholder p{font-size:15px;text-align:center;max-width:320px;color:#6b7280}.vp-vendor-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px 18px;flex-wrap:wrap;box-shadow:0 1px 4px #00000012}.vp-vendor-title{margin:0;font-size:18px;font-weight:700;color:#1a1a2e}.vp-vendor-meta{font-size:12px;color:#6b7280}.vp-vendor-bar-actions{display:flex;gap:8px}.vp-stats{margin-top:14px}.vp-desc{max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6b7280;font-size:13px}.btn-icon{background:none;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;padding:5px 7px;cursor:pointer;font-size:16px;line-height:1;transition:all .15s;margin:0 2px}.btn-icon:hover{background:#fef2f0;color:#c8472a;border-color:#c8472a}.btn-icon.danger{color:#6b7280;border-color:#e5e7eb}.btn-icon.danger:hover{background:#ef444414;border-color:#ef4444;color:#ef4444}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;display:flex;align-items:center;justify-content:center;z-index:1050;padding:20px}.modal-card{background:#fff;border:1.5px solid rgba(255,255,255,.18);border-radius:14px;width:100%;max-width:560px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 0 0 1px #c8472a40,0 28px 72px #000c}.modal-card.vp-confirm{max-width:400px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid #e5e7eb;background:#fff;flex-shrink:0;border-radius:14px 14px 0 0}.modal-header h3{margin:0;font-size:17px;font-weight:700;color:#c8472a;letter-spacing:.03em}.modal-close{background:none;border:none;color:#9ca3af;font-size:22px;cursor:pointer;line-height:1;padding:2px 6px;border-radius:6px;transition:background .15s,color .15s}.modal-close:hover{color:#c8472a;background:#c8472a14}.modal-body{padding:22px;background:#fff!important;overflow-y:auto;flex:1}.modal-body form,.modal-body>*{background:transparent!important}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0;border-radius:0 0 14px 14px}@media(max-width:768px){.vp-layout{grid-template-columns:1fr}.vp-vendor-bar{flex-direction:column;align-items:flex-start}.modal-card{max-width:100%}}.proc-page{padding:1.5rem;background:#f8f9fb;min-height:100%;color:#1a1a2e;display:flex;flex-direction:column;gap:1.25rem}.proc-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.proc-title{display:flex;align-items:center;gap:.875rem}.proc-title-icon{font-size:2rem;color:#c8472a;flex-shrink:0}.proc-title h1{margin:0 0 .2rem;font-size:1.4rem;font-weight:700;color:#1a1a2e}.proc-title p{margin:0;font-size:.85rem;color:#6b7280}.proc-header-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.proc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.proc-stat-card{background:#fff;border-radius:12px;padding:1.1rem 1.25rem;box-shadow:0 1px 4px #00000012;border-left:4px solid #C8472A;display:flex;flex-direction:column;gap:.2rem}.proc-stat-card .stat-value{font-size:1.75rem;font-weight:800;color:#1a1a2e;line-height:1}.proc-stat-card .stat-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280}.proc-table-card{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000012;overflow:hidden}.proc-table{width:100%;border-collapse:collapse;font-size:.875rem}.proc-table thead tr{background:#f9fafb}.proc-table th{padding:.65rem 1rem;text-align:left;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;border-bottom:2px solid #e5e7eb;white-space:nowrap}.proc-table td{padding:.7rem 1rem;border-bottom:1px solid #f3f4f6;color:#1a1a2e;vertical-align:middle}.proc-table tbody tr:last-child td{border-bottom:none}.proc-table tbody tr:hover td{background:#f9fafb}.proc-badge{display:inline-flex;align-items:center;gap:4px;padding:.22em .65em;border-radius:20px;font-size:.73rem;font-weight:600;white-space:nowrap}.proc-badge.approved{background:#dcfce7;color:#166534}.proc-badge.rejected{background:#fee2e2;color:#991b1b}.proc-badge.submitted{background:#dbeafe;color:#1e40af}.proc-badge.draft{background:#f3f4f6;color:#374151}.proc-badge.pending{background:#fef9c3;color:#854d0e}.proc-btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:.4rem .9rem;font-size:.82rem;font-weight:600;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#374151;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.proc-btn-secondary:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.proc-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.proc-card{background:#fff;border-radius:12px;padding:1.25rem;box-shadow:0 1px 4px #00000012}.proc-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1.5rem}@media(max-width:576px){.proc-stats{grid-template-columns:1fr 1fr}.proc-info-grid{grid-template-columns:1fr}}.line-items-section{margin-top:1.25rem;border:1px solid #d1d5db;border-radius:8px;overflow:hidden}.line-items-header{display:flex;align-items:center;justify-content:space-between;padding:.55rem .9rem;background:#f1f5f9;border-bottom:1px solid #d1d5db}.line-items-header label{font-weight:700;font-size:.9rem;color:#1e293b;margin:0}.line-items-table{width:100%;border-collapse:collapse;font-size:.88rem;table-layout:fixed}.line-items-table th:nth-child(1),.line-items-table td:nth-child(1){width:36px}.line-items-table th:nth-child(2),.line-items-table td:nth-child(2){width:160px}.expand-btn{background:none;border:none;cursor:pointer;color:var(--accent, #4f8ef7);vertical-align:middle;padding:0 4px 0 0;font-size:1.1rem;line-height:1}.expand-btn:hover{color:var(--accent-hover, #2563eb)}tr.row-expanded>td{background:#4f8ef70f}tr.detail-row>td{padding:0;background:#f8faff;border-bottom:2px solid var(--accent, #4f8ef7)}.detail-items-table{width:100%;border-collapse:collapse;font-size:.82rem}.detail-items-table thead tr{background:#e8eef8}.detail-items-table th,.detail-items-table td{padding:6px 10px;border-bottom:1px solid #dde3ef;text-align:left;color:#1e293b}.detail-items-table tbody tr:last-child td{border-bottom:none}.detail-items-table tbody tr:hover{background:#eef3fc}.detail-loading,.detail-empty{padding:10px 14px;font-size:.85rem;color:#6b7280;font-style:italic}.line-items-table th:nth-child(3),.line-items-table td:nth-child(3){width:auto}.line-items-table th:nth-child(4),.line-items-table td:nth-child(4){width:64px}.line-items-table th:nth-child(5),.line-items-table td:nth-child(5){width:62px}.line-items-table th:nth-child(6),.line-items-table td:nth-child(6){width:100px}.line-items-table th:nth-child(7),.line-items-table td:nth-child(7){width:90px}.line-items-table th{background:#f8fafc;padding:.45rem .6rem;text-align:left;font-weight:600;color:#475569;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.line-items-table td{padding:.4rem .5rem;border-top:1px solid #e5e7eb;vertical-align:middle;color:#1e293b}.line-items-table td input,.line-items-table td select{width:100%;padding:.35rem .5rem;border:1px solid #cbd5e1;border-radius:5px;font-size:.875rem;background:#fff;color:#1e293b;box-sizing:border-box;min-width:0}.line-items-table td input:focus,.line-items-table td select:focus{outline:none;border-color:#c8472a;box-shadow:0 0 0 2px #c8472a26}.li-row-edit{background:#fff}.li-row-view{background:#f8fafc}.li-row-view:hover{background:#f1f5f9}.li-num{width:36px;text-align:center;color:#64748b;font-size:.8rem;font-weight:700}.li-empty{color:#94a3b8;font-style:italic}.li-row-actions{display:flex;align-items:center;justify-content:center;gap:3px}.li-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid transparent;border-radius:6px;cursor:pointer;background:transparent;transition:background .15s,border-color .15s;font-size:1.05rem;padding:0}.li-btn:disabled{opacity:.25;cursor:not-allowed}.li-btn-edit{color:#2563eb}.li-btn-edit:hover:not(:disabled){background:#dbeafe;border-color:#93c5fd}.li-btn-add{color:#059669}.li-btn-add:hover:not(:disabled){background:#d1fae5;border-color:#6ee7b7}.li-btn-del{color:#dc2626}.li-btn-del:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}.li-actions-th{width:90px;text-align:center}.pr-create-page{max-width:1100px;margin:0 auto;padding:24px 28px 48px}.pr-create-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.pr-create-title{display:flex;align-items:center;gap:12px;font-size:1.6rem;color:var(--accent, #4f8ef7)}.pr-create-title h1{margin:0;font-size:1.4rem;color:#1e293b}.pr-create-title p{margin:2px 0 0;font-size:.85rem;color:#64748b}.pr-create-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:24px 28px;margin-bottom:20px;box-shadow:0 1px 4px #0000000f}.pr-card-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 18px;padding-bottom:10px;border-bottom:1px solid #e8eef8}.pr-form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:16px}.pr-form-group label{font-size:.83rem;font-weight:600;color:#374151}.pr-form-group input,.pr-form-group select,.pr-form-group textarea{padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:.9rem;background:#fff;color:#1e293b;transition:border-color .15s}.pr-form-group input:focus,.pr-form-group select:focus,.pr-form-group textarea:focus{outline:none;border-color:var(--accent, #4f8ef7);box-shadow:0 0 0 2px #4f8ef726}.pr-form-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.req{color:#e53e3e}.pr-items-table-wrapper{overflow-x:auto}.pr-items-table{width:100%;border-collapse:collapse;font-size:.88rem}.pr-items-table thead tr{background:#f1f5f9}.pr-items-table th{padding:10px 12px;text-align:left;font-weight:600;color:#475569;border-bottom:2px solid #e2e8f0;white-space:nowrap}.pr-items-table td{padding:8px 12px;border-bottom:1px solid #e8eef8;vertical-align:middle;color:#1e293b}.pr-items-table tbody tr:hover{background:#f8faff}.pr-items-table tr.pr-row-edit{background:#fafbff}.pr-items-table .col-num{width:40px;text-align:center}.pr-items-table .col-product,.pr-items-table .col-desc{min-width:180px}.pr-items-table .col-qty{width:80px}.pr-items-table .col-uom{width:70px}.pr-items-table .col-price{width:150px}.pr-items-table .col-total{width:130px;font-weight:600}.pr-items-table .col-actions{width:110px}.pr-items-table td input,.pr-items-table td select{width:100%;padding:6px 8px;border:1px solid #cbd5e1;border-radius:5px;font-size:.87rem;background:#fff;color:#1e293b}.pr-items-table td input:focus,.pr-items-table td select:focus{outline:none;border-color:var(--accent, #4f8ef7);box-shadow:0 0 0 2px #4f8ef71f}.pr-row-actions{display:flex;gap:4px;align-items:center}.pr-items-table tfoot td{padding:10px 12px;border-top:2px solid #e2e8f0;background:#f8faff}.pr-grand-label{text-align:right;font-weight:600;color:#374151}.pr-grand-total{font-size:1rem;font-weight:700;color:#1e293b}.pr-empty{color:#94a3b8}.pr-create-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:8px}.rfq-detail-page{padding:24px;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.rfq-link-btn{background:none;border:none;padding:0;cursor:pointer;color:var(--color-primary, #3b82f6);text-decoration:underline;font-size:inherit}.rfq-link-btn:hover{color:#1d4ed8}.rfq-loading,.rfq-error{padding:48px;text-align:center;color:var(--color-text-muted, #666);font-size:1rem}.rfq-detail-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-bottom:12px;border-bottom:2px solid var(--color-border, #e2e8f0)}.rfq-header-left{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rfq-header-icon{font-size:2rem;color:var(--color-primary, #3b82f6)}.rfq-detail-title{margin:0;font-size:1.4rem;font-weight:700;color:var(--color-text, #1e293b)}.rfq-header-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.rfq-awarded-banner{display:flex;align-items:center;gap:10px;background:#f0fdf4;border:1.5px solid #86efac;border-radius:8px;padding:12px 16px;color:#166534;font-size:.9rem}.rfq-awarded-banner svg{font-size:1.5rem;color:#16a34a;flex-shrink:0}.rfq-detail-body{display:flex;flex-direction:column;gap:20px}.rfq-card{background:#fff;border:1px solid var(--color-border, #e2e8f0);border-radius:10px;padding:20px 24px;box-shadow:0 1px 3px #0000000f}.rfq-card-title{margin:0 0 16px;font-size:1rem;font-weight:600;color:var(--color-primary, #3b82f6);display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--color-border, #e2e8f0);padding-bottom:10px}.rfq-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px 24px}.rfq-info-grid>div{display:flex;flex-direction:column;gap:2px}.rfq-info-full{grid-column:1 / -1}.rfq-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted, #64748b)}.rfq-terms{white-space:pre-wrap;font-size:.85rem;color:#475569}.rfq-items-table{width:100%;border-collapse:collapse;font-size:.875rem}.rfq-items-table th{background:#f8fafc;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#64748b;padding:8px 10px;text-align:left;border-bottom:1px solid #e2e8f0}.rfq-items-table td{padding:8px 10px;border-bottom:1px solid #f1f5f9;vertical-align:top}.rfq-item-desc{font-size:.8rem;color:#64748b}.rfq-empty{padding:24px;text-align:center;color:#94a3b8;font-size:.9rem}.rfq-bid-form-card{border-color:#93c5fd;background:#eff6ff}.rfq-form-row{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:14px}.rfq-form-group{display:flex;flex-direction:column;gap:4px;flex:1;min-width:160px}.rfq-form-group label{font-size:.78rem;font-weight:600;color:#374151}.rfq-form-group input,.rfq-form-group select{border:1px solid #d1d5db;border-radius:6px;padding:7px 10px;font-size:.875rem;background:#fff}.rfq-bid-items-title{font-size:.85rem;font-weight:600;color:#374151;margin:16px 0 8px}.rfq-bid-items-table{width:100%;border-collapse:collapse;font-size:.875rem;margin-bottom:16px}.rfq-bid-items-table th{background:#dbeafe;padding:7px 10px;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#1e40af;text-align:left;border-bottom:1px solid #bfdbfe}.rfq-bid-items-table td{padding:6px 10px;border-bottom:1px solid #e0e7ff;vertical-align:middle}.rfq-bid-items-table input{width:100%;border:1px solid #d1d5db;border-radius:4px;padding:5px 8px;font-size:.85rem}.rfq-bid-total{font-weight:600;color:#1e40af;white-space:nowrap}.rfq-bid-grand-label{text-align:right;font-weight:600;padding-right:12px;font-size:.85rem}.rfq-bid-grand-total{font-size:1rem}.rfq-bid-form-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:8px;border-top:1px solid #bfdbfe}.rfq-quotations-list{display:flex;flex-direction:column;gap:14px}.rfq-quotation-card{border:1.5px solid #e2e8f0;border-radius:8px;padding:14px 16px;background:#fafafa;transition:border-color .15s}.rfq-quotation-card.rfq-quot-awarded{border-color:#86efac;background:#f0fdf4}.rfq-quot-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}.rfq-quot-rank{font-size:1.1rem;font-weight:700;color:#94a3b8;min-width:28px}.rfq-quotation-card.rfq-quot-awarded .rfq-quot-rank{color:#16a34a}.rfq-quot-vendor{display:flex;align-items:center;gap:6px;font-size:.95rem}.rfq-winner-icon{color:#f59e0b;font-size:1.2rem}.rfq-quot-num{font-size:.78rem;color:#94a3b8;margin-left:4px}.rfq-quot-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:.82rem;color:#475569;flex:1}.rfq-award-btn{margin-left:auto;white-space:nowrap}.rfq-quot-notes{font-size:.82rem;color:#64748b;margin-bottom:10px;padding:6px 10px;background:#fff;border-radius:4px;border-left:3px solid #93c5fd}.rfq-quot-items-table{width:100%;border-collapse:collapse;font-size:.82rem;margin-top:8px}.rfq-quot-items-table th{background:#f1f5f9;padding:6px 10px;font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:#64748b;text-align:left;border-bottom:1px solid #e2e8f0}.rfq-quot-items-table td{padding:5px 10px;border-bottom:1px solid #f1f5f9}.btn-success{background:#16a34a;color:#fff;border:none}.btn-success:hover{background:#15803d}.btn-danger{background:#dc2626;color:#fff;border:none}.btn-danger:hover{background:#b91c1c}.status-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.badge-draft{background:#f1f5f9;color:#475569}.badge-issued{background:#dbeafe;color:#1d4ed8}.badge-info{background:#e0f2fe;color:#0369a1}.badge-warning{background:#fef9c3;color:#a16207}.badge-approved{background:#dcfce7;color:#166534}.badge-submitted{background:#ede9fe;color:#6d28d9}.badge-rejected{background:#fee2e2;color:#991b1b}.badge-cancelled{background:#fce7f3;color:#9d174d}.badge-secondary{background:#f1f5f9;color:#64748b}.rfq-round-badge{display:inline-block;margin-left:8px;padding:2px 10px;border-radius:999px;background:#fef3c7;color:#92400e;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border:1px solid #fde68a}.rfq-rebid-reason{font-style:italic;color:#92400e;background:#fffbeb;border-left:3px solid #f59e0b;padding:6px 10px;border-radius:4px}.btn-rebid{background:#d97706;color:#fff;border:none}.btn-rebid:hover{background:#b45309}.rfq-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.rfq-modal{background:#fff;border-radius:12px;padding:28px 32px;width:100%;max-width:560px;box-shadow:0 20px 60px #0000002e}.rfq-modal-title{margin:0 0 12px;font-size:1.1rem;font-weight:700;color:#92400e;display:flex;align-items:center;gap:8px}.rfq-modal-info{font-size:.875rem;color:#475569;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:10px 14px;margin-bottom:16px;line-height:1.5}.rfq-modal-field{margin-bottom:14px}.rfq-modal-field textarea,.rfq-modal-field input{width:100%;border:1px solid #d1d5db;border-radius:6px;padding:8px 10px;font-size:.875rem;resize:vertical}.rfq-optional{font-weight:400;font-style:italic;color:#94a3b8;font-size:.75rem}.rfq-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding-top:14px;border-top:1px solid #e2e8f0;margin-top:16px}.rfq-quot-round-label{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#64748b;padding:4px 0 8px;border-bottom:1px dashed #e2e8f0;margin-bottom:8px}.rfq-withdrawn-section{margin-top:16px}.rfq-withdrawn-summary{font-size:.82rem;font-weight:600;color:#94a3b8;cursor:pointer;padding:6px 0;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rfq-withdrawn-summary::-webkit-details-marker{display:none}.rfq-withdrawn-summary:before{content:"▶ ";font-size:.7rem}details[open] .rfq-withdrawn-summary:before{content:"▼ "}.rfq-quot-withdrawn{opacity:.6;background:#f8fafc!important;border-color:#e2e8f0!important;margin-top:6px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-container{background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-small{width:100%;max-width:400px}.modal-medium{width:100%;max-width:600px}.modal-large{width:100%;max-width:800px}.modal-xlarge{width:100%;max-width:1200px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.modal-title{margin:0;font-size:1.25rem;font-weight:600;color:#333}.modal-close-button{background:none;border:none;cursor:pointer;color:#666;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.modal-close-button:hover{background:#0000000d;color:#333}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e0e0e0;background:#f8f9fa}.modal-body .form-group{margin-bottom:20px}.modal-body .form-label{display:block;margin-bottom:8px;font-weight:500;color:#333;font-size:.95rem}.modal-body .form-label.required:after{content:" *";color:#dc3545}.modal-body .form-input,.modal-body .form-select,.modal-body .form-textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:.95rem;transition:border-color .2s}.modal-body .form-input:focus,.modal-body .form-select:focus,.modal-body .form-textarea:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.modal-body .form-textarea{resize:vertical;min-height:80px}.modal-body .form-error{color:#dc3545;font-size:.875rem;margin-top:4px}.modal-body .form-help{color:#666;font-size:.875rem;margin-top:4px}@media(max-width:768px){.modal-overlay{padding:10px}.modal-container{max-height:95vh}.modal-header,.modal-body,.modal-footer{padding:16px}.modal-title{font-size:1.1rem}}.order-form{display:flex;flex-direction:column;gap:24px}.order-item-row{display:flex;gap:12px;align-items:flex-start;padding:12px;background:#f8f9fa;border-radius:4px;margin-bottom:8px}.order-total{text-align:right;padding:16px;background:#e3f2fd;border-radius:4px;font-size:1.2rem;color:#1976d2}@media(max-width:768px){.order-form .form-row{grid-template-columns:1fr}.order-item-row{flex-direction:column}}.order-list{display:flex;flex-direction:column;gap:1rem;width:100%}.filter-bar{background:#fff;padding:.75rem 1rem;border-radius:12px;box-shadow:0 1px 4px #00000012;display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.filter-bar label{font-size:.875rem;font-weight:600;color:#374151;white-space:nowrap}.filter-bar select{padding:.4rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;color:#1a1a2e;background:#fff;min-width:180px;outline:none;cursor:pointer;transition:border-color .15s,box-shadow .15s}.filter-bar select:focus{border-color:#c8472a;box-shadow:0 0 0 3px #c8472a1f}.status-badge[class*=Pending],.status-badge.pending{background:#fef9c3;color:#854d0e}.status-badge[class*=Processing],.status-badge.processing{background:#e0f2fe;color:#075985}.status-badge[class*=Shipped],.status-badge.shipped{background:#eff6ff;color:#1d4ed8}.status-badge[class*=Delivered],.status-badge.delivered{background:#dcfce7;color:#166534}.status-badge[class*=Cancelled],.status-badge.cancelled{background:#fee2e2;color:#991b1b}.product-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column}.form-label{font-weight:500;color:#333;margin-bottom:6px;font-size:.95rem}.form-label.required:after{content:" *";color:#dc3545}.form-input,.form-select,.form-textarea{padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:.95rem;font-family:inherit;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-textarea{resize:vertical;min-height:80px;font-family:inherit}.form-error{color:#dc3545;font-size:.875rem;margin-top:4px}.form-help{color:#666;font-size:.875rem;margin-top:4px}.form-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.form-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.form-checkbox span{font-size:.95rem;color:#333}.alert{padding:12px 16px;border-radius:4px;margin-bottom:16px;font-size:.95rem}.alert-error{background-color:#fee;border:1px solid #fcc;color:#c33}.alert-success{background-color:#efe;border:1px solid #cfc;color:#3c3}.alert-info{background-color:#eef;border:1px solid #ccf;color:#33c}@media(max-width:768px){.form-row{grid-template-columns:1fr;gap:12px}}.product-list{display:flex;flex-direction:column;gap:1rem;width:100%}.list-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.list-header h1{display:flex;align-items:center;gap:.45rem;font-size:1.4rem;font-weight:700;color:#1a1a2e;margin:0}.list-header h1 svg{color:#c8472a;font-size:1.3rem;flex-shrink:0}.no-data{text-align:center!important;padding:3rem 1rem!important;color:#9ca3af;font-style:italic}.btn{padding:.4rem 1rem;font-size:.875rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:background .15s,opacity .15s;white-space:nowrap}.warehouse-form{display:flex;flex-direction:column;gap:24px}@media(max-width:768px){.warehouse-form .form-row{grid-template-columns:1fr}}.warehouse-list{display:flex;flex-direction:column;gap:1rem;width:100%}.warehouse-list .list-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.warehouse-list .list-header h1{display:flex;align-items:center;gap:.45rem;font-size:1.4rem;font-weight:700;color:#1a1a2e;margin:0}.warehouse-list .list-header h1 svg{color:#c8472a;font-size:1.3rem;flex-shrink:0}.search-bar{background:#fff;padding:.75rem 1rem;border-radius:12px;box-shadow:0 1px 4px #00000012;display:flex;gap:.6rem;align-items:center}.search-bar input{flex:1;padding:.45rem .85rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;color:#1a1a2e;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s}.search-bar input::-moz-placeholder{color:#9ca3af}.search-bar input::placeholder{color:#9ca3af}.search-bar input:focus{border-color:#c8472a;box-shadow:0 0 0 3px #c8472a1f}.warehouse-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media(max-width:576px){.warehouse-stats{grid-template-columns:1fr}}.stat-card{background:#fff;border-radius:12px;padding:1.25rem 1rem;box-shadow:0 1px 4px #00000012;text-align:center;border-top:3px solid #C8472A}.stat-card h3{font-size:2rem;font-weight:700;color:#c8472a;margin:0 0 .25rem;line-height:1.1}.stat-card p{margin:0;color:#6b7280;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2em .65em;border-radius:20px;font-size:.72rem;font-weight:600;white-space:nowrap}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fee2e2;color:#991b1b}@media(max-width:768px){.warehouse-list{padding:1rem}.warehouse-list .list-header{flex-direction:column;align-items:flex-start}.warehouse-stats{grid-template-columns:1fr}}.shipment-form{display:flex;flex-direction:column;gap:24px}.form-section{display:flex;flex-direction:column;gap:16px}.form-section h3{font-size:1.1rem;font-weight:600;color:#333;margin:0;padding-bottom:8px;border-bottom:2px solid #e0e0e0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:768px){.shipment-form .form-row{grid-template-columns:1fr}}.shipment-list{display:flex;flex-direction:column;gap:1rem;width:100%}.shipment-list .list-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.shipment-list .list-header h1{display:flex;align-items:center;gap:.45rem;font-size:1.4rem;font-weight:700;color:#1a1a2e;margin:0}.shipment-list .list-header h1 svg{color:#c8472a;font-size:1.3rem;flex-shrink:0}.shipment-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:768px){.shipment-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.shipment-stats{grid-template-columns:1fr}}.stat-card{background:#fff;border-radius:12px;padding:1.1rem 1rem;box-shadow:0 1px 4px #00000012;text-align:center;border-top:3px solid #C8472A}.stat-card h3{font-size:1.9rem;font-weight:700;color:#c8472a;margin:0 0 .2rem;line-height:1.1}.stat-card p{margin:0;color:#6b7280;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.table-container{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000012;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.85rem}.data-table thead{background:#f9fafb}.data-table th{padding:.65rem 1rem;text-align:left;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;border-bottom:2px solid #e5e7eb;white-space:nowrap}.data-table td{padding:.65rem 1rem;border-bottom:1px solid #f3f4f6;color:#374151;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover td{background:#f9fafb}.no-data{padding:0!important}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3.5rem 1.5rem;color:#9ca3af}.empty-state svg{color:#d1d5db;margin-bottom:.75rem}.empty-state h3{font-size:1.05rem;font-weight:700;color:#1a1a2e;margin:0 0 .3rem}.empty-state p{margin:0;color:#6b7280;font-size:.85rem}.status-badge{display:inline-block;padding:.2em .65em;border-radius:20px;font-size:.72rem;font-weight:600;white-space:nowrap}.status-badge.status-pending{background:#fef9c3;color:#854d0e}.status-badge.status-intransit{background:#e0f2fe;color:#075985}.status-badge.status-delivered{background:#dcfce7;color:#166534}.status-badge.status-cancelled{background:#fee2e2;color:#991b1b}.actions{display:flex;gap:.35rem;align-items:center}.btn-icon{display:inline-flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:7px;cursor:pointer;padding:.3rem .45rem;color:#6b7280;transition:background .13s,color .13s,border-color .13s;line-height:1}.btn-icon:hover{background:#f3f4f6;border-color:#e5e7eb;color:#1a1a2e}.btn-icon.danger:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.po-form{display:flex;flex-direction:column;gap:24px}.po-item-row{display:flex;gap:12px;align-items:flex-start;padding:12px;background:#f8f9fa;border-radius:4px;margin-bottom:8px}.po-total{text-align:right;padding:16px;background:#e3f2fd;border-radius:4px;font-size:1.2rem;color:#1976d2}.btn-sm{padding:6px 12px;font-size:.875rem}.operations-container{display:flex;flex-direction:column;gap:1rem;width:100%}.operations-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.header-left h1{display:flex;align-items:center;gap:.45rem;font-size:1.4rem;font-weight:700;color:#1a1a2e;margin:0 0 .15rem}.header-left h1 svg{color:#c8472a;font-size:1.3rem;flex-shrink:0}.header-left p{margin:0;color:#6b7280;font-size:.82rem}.operations-filters{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.filter-tabs{display:flex;gap:.35rem;background:#f3f4f6;padding:.3rem;border-radius:8px}.filter-tabs button{padding:.35rem .85rem;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:.82rem;font-weight:500;color:#6b7280;transition:background .15s,color .15s}.filter-tabs button:hover{background:#e5e7eb;color:#1a1a2e}.filter-tabs button.active{background:#c8472a;color:#fff}.search-box{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.4rem .85rem;flex:1;max-width:420px;transition:border-color .15s,box-shadow .15s}.search-box:focus-within{border-color:#c8472a;box-shadow:0 0 0 3px #c8472a1f}.search-box svg{color:#9ca3af;font-size:1.1rem;flex-shrink:0}.search-box input{border:none;outline:none;flex:1;font-size:.875rem;color:#1a1a2e;background:transparent}.search-box input::-moz-placeholder{color:#9ca3af}.search-box input::placeholder{color:#9ca3af}.alert{padding:.65rem 1rem;border-radius:8px;font-size:.875rem}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.operations-table{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000012;overflow-x:auto}.operations-table table{width:100%;border-collapse:collapse;font-size:.85rem}.operations-table thead{background:#f9fafb}.operations-table th{padding:.65rem 1rem;text-align:left;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;border-bottom:2px solid #e5e7eb;white-space:nowrap}.operations-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .12s}.operations-table tbody tr:last-child{border-bottom:none}.operations-table tbody tr:hover td{background:#f9fafb}.operations-table td{padding:.65rem 1rem;color:#374151;vertical-align:middle}.operations-table td.no-data{text-align:center;padding:3rem 1rem;color:#9ca3af;font-style:italic}.notes-cell{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-block;padding:.2em .65em;border-radius:20px;font-size:.72rem;font-weight:600;white-space:nowrap}.badge-inbound{background:#dcfce7;color:#166534}.badge-outbound{background:#fee2e2;color:#991b1b}.badge-transfer{background:#e0f2fe;color:#075985}.badge-adjustment{background:#fef9c3;color:#854d0e}.badge-info{background:#e0f2fe;color:#075985}.badge-warning{background:#fef9c3;color:#854d0e}.badge-success{background:#dcfce7;color:#166534}.badge-danger{background:#fee2e2;color:#991b1b}.badge-primary{background:#fff5f3;color:#c8472a}.badge-secondary{background:#f3f4f6;color:#374151}.btn{display:inline-flex;align-items:center;gap:.3rem;padding:.4rem 1rem;font-size:.875rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:background .15s;white-space:nowrap;line-height:1}.btn-primary{background:#c8472a;color:#fff}.btn-primary:hover{background:#a8391f}.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.btn-secondary:hover{background:#e5e7eb}.loading{display:flex;align-items:center;justify-content:center;height:200px;background:#f8f9fb;color:#6b7280;font-size:.9rem}.coming-soon-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:2rem}.coming-soon-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:3rem 2rem;text-align:center;max-width:500px;width:100%}.coming-soon-icon{font-size:4rem;color:#6366f1;margin-bottom:1.5rem;display:flex;justify-content:center;align-items:center}.coming-soon-title{font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.coming-soon-description{font-size:1rem;color:#64748b;margin-bottom:2rem;line-height:1.6}.coming-soon-badge{display:inline-block;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:.5rem 1.5rem;border-radius:24px;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.coming-soon-hint{font-size:.875rem;color:#94a3b8;margin-top:1rem}@media(max-width:640px){.coming-soon-title{font-size:1.5rem}.coming-soon-icon{font-size:3rem}}