*,:after,:before{--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:#3b82f680;--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:#3b82f680;--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: }

/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}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,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height: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:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[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}}.visible{visibility:visible!important}.collapse{visibility:collapse!important}.fixed{position:fixed!important}.absolute{position:absolute!important}.relative{position:relative!important}.sticky{position:-webkit-sticky!important;position:sticky!important}.left-3{left:.75rem!important}.top-1\/2{top:50%!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:.75rem!important}.mb-4{margin-bottom:1rem!important}.mb-6{margin-bottom:1.5rem!important}.ml-1{margin-left:.25rem!important}.ml-2{margin-left:.5rem!important}.ml-3{margin-left:.75rem!important}.mr-1{margin-right:.25rem!important}.mr-2{margin-right:.5rem!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:.75rem!important}.mt-4{margin-top:1rem!important}.block{display:block!important}.inline-block{display:inline-block!important}.inline{display:inline!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.table{display:table!important}.grid{display:grid!important}.hidden{display:none!important}.h-10{height:2.5rem!important}.h-12{height:3rem!important}.h-16{height:4rem!important}.h-2{height:.5rem!important}.h-3{height:.75rem!important}.h-32{height:8rem!important}.h-4{height:1rem!important}.h-5{height:1.25rem!important}.h-6{height:1.5rem!important}.h-8{height:2rem!important}.max-h-48{max-height:12rem!important}.w-10{width:2.5rem!important}.w-12{width:3rem!important}.w-16{width:4rem!important}.w-3{width:.75rem!important}.w-32{width:8rem!important}.w-4{width:1rem!important}.w-5{width:1.25rem!important}.w-6{width:1.5rem!important}.w-8{width:2rem!important}.w-fit{width:-webkit-fit-content!important;width:fit-content!important}.w-full{width:100%!important}.min-w-\[200px\]{min-width:200px!important}.flex-1{flex:1 1!important}.flex-shrink{flex-shrink:1!important}.border-collapse{border-collapse:collapse!important}.-translate-y-1\/2{--tw-translate-y:-50%!important}.-translate-y-1\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.animate-spin{animation:spin 1s linear infinite!important}.cursor-pointer{cursor:pointer!important}.resize{resize:both!important}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.justify-end{justify-content:flex-end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:.75rem!important}.gap-4{gap:1rem!important}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(.25rem*var(--tw-space-y-reverse))!important;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))!important}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(.5rem*var(--tw-space-y-reverse))!important;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))!important}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(1rem*var(--tw-space-y-reverse))!important;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))!important}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0!important;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))!important;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))!important}.self-center{align-self:center!important}.overflow-hidden{overflow:hidden!important}.overflow-y-auto{overflow-y:auto!important}.rounded{border-radius:.25rem!important}.rounded-full{border-radius:9999px!important}.rounded-lg{border-radius:.5rem!important}.border{border-width:1px!important}.border-b{border-bottom-width:1px!important}.border-b-2{border-bottom-width:2px!important}.border-t{border-top-width:1px!important}.border-blue-200{--tw-border-opacity:1!important;border-color:#bfdbfe!important;border-color:rgb(191 219 254/var(--tw-border-opacity,1))!important}.border-blue-600{--tw-border-opacity:1!important;border-color:#2563eb!important;border-color:rgb(37 99 235/var(--tw-border-opacity,1))!important}.border-gray-200{--tw-border-opacity:1!important;border-color:#e5e7eb!important;border-color:rgb(229 231 235/var(--tw-border-opacity,1))!important}.border-gray-300{--tw-border-opacity:1!important;border-color:#d1d5db!important;border-color:rgb(209 213 219/var(--tw-border-opacity,1))!important}.border-green-200{--tw-border-opacity:1!important;border-color:#bbf7d0!important;border-color:rgb(187 247 208/var(--tw-border-opacity,1))!important}.border-orange-200{--tw-border-opacity:1!important;border-color:#fed7aa!important;border-color:rgb(254 215 170/var(--tw-border-opacity,1))!important}.border-red-200{--tw-border-opacity:1!important;border-color:#fecaca!important;border-color:rgb(254 202 202/var(--tw-border-opacity,1))!important}.border-red-300{--tw-border-opacity:1!important;border-color:#fca5a5!important;border-color:rgb(252 165 165/var(--tw-border-opacity,1))!important}.border-yellow-200{--tw-border-opacity:1!important;border-color:#fef08a!important;border-color:rgb(254 240 138/var(--tw-border-opacity,1))!important}.bg-blue-100{background-color:#dbeafe!important;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))!important}.bg-blue-100,.bg-blue-50{--tw-bg-opacity:1!important}.bg-blue-50{background-color:#eff6ff!important;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))!important}.bg-blue-500{background-color:#3b82f6!important;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))!important}.bg-blue-500,.bg-blue-600{--tw-bg-opacity:1!important}.bg-blue-600{background-color:#2563eb!important;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))!important}.bg-gray-100{background-color:#f3f4f6!important;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))!important}.bg-gray-100,.bg-gray-200{--tw-bg-opacity:1!important}.bg-gray-200{background-color:#e5e7eb!important;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))!important}.bg-gray-50{background-color:#f9fafb!important;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))!important}.bg-gray-50,.bg-green-100{--tw-bg-opacity:1!important}.bg-green-100{background-color:#dcfce7!important;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))!important}.bg-green-50{background-color:#f0fdf4!important;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))!important}.bg-green-50,.bg-green-500{--tw-bg-opacity:1!important}.bg-green-500{background-color:#22c55e!important;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))!important}.bg-indigo-100{--tw-bg-opacity:1!important;background-color:#e0e7ff!important;background-color:rgb(224 231 255/var(--tw-bg-opacity,1))!important}.bg-orange-100{--tw-bg-opacity:1!important;background-color:#ffedd5!important;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))!important}.bg-orange-50{background-color:#fff7ed!important;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))!important}.bg-orange-50,.bg-pink-100{--tw-bg-opacity:1!important}.bg-pink-100{background-color:#fce7f3!important;background-color:rgb(252 231 243/var(--tw-bg-opacity,1))!important}.bg-purple-100{background-color:#f3e8ff!important;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))!important}.bg-purple-100,.bg-red-100{--tw-bg-opacity:1!important}.bg-red-100{background-color:#fee2e2!important;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))!important}.bg-red-50{background-color:#fef2f2!important;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))!important}.bg-red-50,.bg-teal-100{--tw-bg-opacity:1!important}.bg-teal-100{background-color:#ccfbf1!important;background-color:rgb(204 251 241/var(--tw-bg-opacity,1))!important}.bg-white{background-color:#fff!important;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))!important}.bg-white,.bg-yellow-100{--tw-bg-opacity:1!important}.bg-yellow-100{background-color:#fef9c3!important;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))!important}.bg-yellow-50{--tw-bg-opacity:1!important;background-color:#fefce8!important;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))!important}.bg-yellow-500{--tw-bg-opacity:1!important;background-color:#eab308!important;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))!important}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))!important}.from-green-50{--tw-gradient-from:#f0fdf4 var(--tw-gradient-from-position)!important;--tw-gradient-to:#f0fdf400 var(--tw-gradient-to-position)!important;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)!important}.to-emerald-50{--tw-gradient-to:#ecfdf5 var(--tw-gradient-to-position)!important}.object-cover{object-fit:cover!important}.p-2{padding:.5rem!important}.p-3{padding:.75rem!important}.p-4{padding:1rem!important}.p-6{padding:1.5rem!important}.px-3{padding-left:.75rem!important;padding-right:.75rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.py-3{padding-bottom:.75rem!important;padding-top:.75rem!important}.py-4{padding-bottom:1rem!important;padding-top:1rem!important}.py-8{padding-bottom:2rem!important;padding-top:2rem!important}.pl-10{padding-left:2.5rem!important}.pt-1{padding-top:.25rem!important}.pt-3{padding-top:.75rem!important}.pt-4{padding-top:1rem!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace!important}.text-2xl{font-size:1.5rem!important;line-height:2rem!important}.text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-xl{font-size:1.25rem!important;line-height:1.75rem!important}.text-xs{font-size:.75rem!important;line-height:1rem!important}.font-bold{font-weight:700!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.uppercase{text-transform:uppercase!important}.capitalize{text-transform:capitalize!important}.italic{font-style:italic!important}.text-blue-600{--tw-text-opacity:1!important;color:#2563eb!important;color:rgb(37 99 235/var(--tw-text-opacity,1))!important}.text-blue-700{--tw-text-opacity:1!important;color:#1d4ed8!important;color:rgb(29 78 216/var(--tw-text-opacity,1))!important}.text-blue-800{--tw-text-opacity:1!important;color:#1e40af!important;color:rgb(30 64 175/var(--tw-text-opacity,1))!important}.text-gray-300{--tw-text-opacity:1!important;color:#d1d5db!important;color:rgb(209 213 219/var(--tw-text-opacity,1))!important}.text-gray-400{--tw-text-opacity:1!important;color:#9ca3af!important;color:rgb(156 163 175/var(--tw-text-opacity,1))!important}.text-gray-500{--tw-text-opacity:1!important;color:#6b7280!important;color:rgb(107 114 128/var(--tw-text-opacity,1))!important}.text-gray-600{--tw-text-opacity:1!important;color:#4b5563!important;color:rgb(75 85 99/var(--tw-text-opacity,1))!important}.text-gray-700{--tw-text-opacity:1!important;color:#374151!important;color:rgb(55 65 81/var(--tw-text-opacity,1))!important}.text-gray-800{--tw-text-opacity:1!important;color:#1f2937!important;color:rgb(31 41 55/var(--tw-text-opacity,1))!important}.text-gray-900{--tw-text-opacity:1!important;color:#111827!important;color:rgb(17 24 39/var(--tw-text-opacity,1))!important}.text-green-600{--tw-text-opacity:1!important;color:#16a34a!important;color:rgb(22 163 74/var(--tw-text-opacity,1))!important}.text-green-700{--tw-text-opacity:1!important;color:#15803d!important;color:rgb(21 128 61/var(--tw-text-opacity,1))!important}.text-green-800{--tw-text-opacity:1!important;color:#166534!important;color:rgb(22 101 52/var(--tw-text-opacity,1))!important}.text-indigo-800{--tw-text-opacity:1!important;color:#3730a3!important;color:rgb(55 48 163/var(--tw-text-opacity,1))!important}.text-orange-500{--tw-text-opacity:1!important;color:#f97316!important;color:rgb(249 115 22/var(--tw-text-opacity,1))!important}.text-orange-600{--tw-text-opacity:1!important;color:#ea580c!important;color:rgb(234 88 12/var(--tw-text-opacity,1))!important}.text-orange-700{--tw-text-opacity:1!important;color:#c2410c!important;color:rgb(194 65 12/var(--tw-text-opacity,1))!important}.text-orange-800{--tw-text-opacity:1!important;color:#9a3412!important;color:rgb(154 52 18/var(--tw-text-opacity,1))!important}.text-pink-800{--tw-text-opacity:1!important;color:#9d174d!important;color:rgb(157 23 77/var(--tw-text-opacity,1))!important}.text-purple-600{--tw-text-opacity:1!important;color:#9333ea!important;color:rgb(147 51 234/var(--tw-text-opacity,1))!important}.text-purple-800{--tw-text-opacity:1!important;color:#6b21a8!important;color:rgb(107 33 168/var(--tw-text-opacity,1))!important}.text-red-500{color:#ef4444!important;color:rgb(239 68 68/var(--tw-text-opacity,1))!important}.text-red-500,.text-red-600{--tw-text-opacity:1!important}.text-red-600{color:#dc2626!important;color:rgb(220 38 38/var(--tw-text-opacity,1))!important}.text-red-700{color:#b91c1c!important;color:rgb(185 28 28/var(--tw-text-opacity,1))!important}.text-red-700,.text-red-800{--tw-text-opacity:1!important}.text-red-800{color:#991b1b!important;color:rgb(153 27 27/var(--tw-text-opacity,1))!important}.text-teal-800{color:#115e59!important;color:rgb(17 94 89/var(--tw-text-opacity,1))!important}.text-teal-800,.text-white{--tw-text-opacity:1!important}.text-white{color:#fff!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.text-yellow-600{--tw-text-opacity:1!important;color:#ca8a04!important;color:rgb(202 138 4/var(--tw-text-opacity,1))!important}.text-yellow-700{--tw-text-opacity:1!important;color:#a16207!important;color:rgb(161 98 7/var(--tw-text-opacity,1))!important}.text-yellow-800{--tw-text-opacity:1!important;color:#854d0e!important;color:rgb(133 77 14/var(--tw-text-opacity,1))!important}.underline{-webkit-text-decoration-line:underline!important;text-decoration-line:underline!important}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d!important;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)!important;box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.outline{outline-style:solid!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)!important}.transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.transition-all{transition-duration:.15s!important;transition-property:all!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow-x:hidden;width:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f1f5f9;color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root,.app-container{display:flex;min-height:100vh}.app-container{width:100%}.main-content{flex:1 1;margin-left:260px;min-height:100vh;overflow-x:hidden;padding:20px;width:calc(100% - 260px)}.page-container{margin:0 auto;max-width:1400px;padding:20px}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.page-header h1{color:#1e293b;font-size:1.8rem;font-weight:600;margin:0}.page-header p{color:#64748b;font-size:.9rem;margin:4px 0 0}.sidebar{background:linear-gradient(180deg,#1e293b,#0f172a);color:#fff;display:flex;flex-direction:column;flex-shrink:0;height:100vh;overflow-y:auto;position:fixed;width:260px;z-index:100}.sidebar-header{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:12px;padding:20px}.sidebar-brand{color:#fff;font-size:1.1rem;font-weight:700}.sidebar-nav{flex:1 1;overflow-y:auto;padding:16px 12px}.nav-item{align-items:center;border-radius:8px;color:#ffffffb3;display:flex;font-size:.9rem;gap:12px;margin-bottom:4px;padding:12px 16px;text-decoration:none;transition:all .2s}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:linear-gradient(135deg,#2980b9,#3498db);box-shadow:0 4px 12px #2980b966;color:#fff}.nav-arrow{margin-left:auto;opacity:.7}.sidebar-footer{border-top:1px solid #ffffff1a;justify-content:space-between;padding:16px}.sidebar-footer,.user-info{align-items:center;display:flex}.user-info{gap:12px}.user-avatar{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50%;color:#fff;display:flex;font-size:.85rem;font-weight:600;height:40px;justify-content:center;width:40px}.user-details{display:flex;flex-direction:column}.user-name{color:#fff;font-size:.9rem;font-weight:500}.user-role{color:#ffffff80;font-size:.75rem;text-transform:capitalize}.logout-btn{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;justify-content:center;padding:10px;transition:all .2s}.logout-btn:hover{background:#ef4444;color:#fff}.dashboard-container{font-family:system-ui,-apple-system,sans-serif;margin:0 auto;max-width:1400px;padding:20px}.dashboard-hero{background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;margin-bottom:24px;padding:30px}.dashboard-hero h1{align-items:center;display:flex;font-size:32px;gap:12px;margin:0 0 8px}.dashboard-hero p{font-size:16px;margin:0;opacity:.9}.stats-grid{grid-gap:16px;align-items:stretch;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{background:#fff;box-shadow:0 1px 3px #0000001a;flex-direction:column;gap:8px;height:100%;min-height:110px;padding:20px;text-align:center}.stat-card,.stat-icon{align-items:center;border-radius:12px;display:flex;justify-content:center}.stat-icon{height:48px;width:48px}.stat-value{color:#1e293b;font-size:28px;font-weight:700}.stat-label{color:#64748b;font-size:14px}.card-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.section-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.section-title{align-items:center;display:flex;font-size:20px;gap:8px;margin:0 0 16px}.section-description{color:#64748b;font-size:14px;margin-bottom:16px}.simulation-log{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-top:24px;padding:16px}.simulation-log h3{font-size:16px;margin:0 0 12px}.log-entries{display:flex;flex-direction:column;gap:8px}.log-entry{border-radius:6px;font-family:monospace;font-size:14px;padding:8px 12px}.log-entry.error{background:#fee2e2;color:#991b1b}.log-entry.warning{background:#fef3c7;color:#92400e}.log-entry.success{background:#d1fae5;color:#065f46}.log-entry.info{background:#f1f5f9;color:#334155}.log-time{font-size:12px;opacity:.6}.data-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.data-table-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.data-table-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:8px;padding:16px 20px}.data-table-header h3{color:#1e293b;font-size:16px;margin:0}.data-table td,.data-table th{padding:12px 16px}.data-table tbody tr:hover{background:#f8fafc}.action-bar{border-radius:12px;box-shadow:0 1px 3px #0000001a;flex-wrap:wrap;margin-top:24px;padding:20px}.action-bar,.scenario-card{background:#fff;display:flex;gap:12px}.scenario-card{border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;flex-direction:column;padding:24px;text-align:left;transition:all .2s}.scenario-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.scenario-card.active{background:#eff6ff;border-color:#3b82f6}.scenario-card h3{color:#1e293b;font-size:18px;margin:0}.scenario-card p{color:#64748b;font-size:14px;margin:0}.scenario-action{align-items:center;color:#64748b;display:flex;font-size:14px;font-weight:500;gap:4px;margin-top:auto}.scenario-card.active .scenario-action{color:#3b82f6}.btn{align-items:center;background:#f1f5f9;border:1px solid #0000;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;line-height:1.5;padding:10px 20px;text-align:center;text-decoration:none;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.btn:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb;border-color:#2563eb}.btn-secondary{background:#64748b;border-color:#64748b;color:#fff}.btn-secondary:hover{background:#475569;border-color:#475569}.btn-outline{background:#0000;border-color:#3b82f6;color:#3b82f6}.btn-success{background:#10b981;border-color:#10b981;color:#fff}.btn-success:hover{background:#059669;border-color:#059669}.btn-warning{background:#f59e0b;border-color:#f59e0b;color:#fff}.btn-warning:hover{background:#d97706;border-color:#d97706}.btn-danger{background:#ef4444;border-color:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626;border-color:#dc2626}.btn-lg{font-size:16px;padding:14px 28px}.form-group{margin-bottom:16px}.form-label{color:#374151;display:block;font-size:14px;font-weight:500}.form-input,.form-select,.form-textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1e293b;font-size:14px;line-height:1.5;padding:10px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{box-shadow:0 0 0 3px #3b82f61a;outline:0}.form-input:disabled,.form-select:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.form-textarea{min-height:100px;resize:vertical}.table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a;overflow-x:auto}.table{border-collapse:collapse;font-size:14px;width:100%}.table td,.table th{border-bottom:1px solid #e5e7eb;padding:12px 16px;text-align:left}.table th{color:#374151;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.table tbody tr:hover,.table th{background:#f9fafb}.table tbody tr:nth-child(2n){background:#fafafa}.table tbody tr:nth-child(2n):hover{background:#f3f4f6}.data-table{border-collapse:collapse;font-size:14px;width:100%}.data-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td{border-bottom:1px solid #e2e8f0;color:#334155;font-size:14px;padding:14px 16px;vertical-align:middle}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:#f1f5f9}.data-table tbody tr:nth-child(2n){background:#fafafa}.data-table tbody tr:nth-child(2n):hover{background:#f1f5f9}.amount-cell{font-family:SF Mono,Monaco,monospace;font-weight:600;text-align:right!important}.days-cell{font-weight:500;text-align:center}.ingredients-container{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;max-height:400px;overflow-y:auto;padding:8px}.ingredient-row{grid-gap:12px;align-items:end;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:grid;gap:12px;grid-template-columns:3fr 1fr 1fr 1fr auto;margin-bottom:8px;padding:12px}.ingredient-row:last-child{margin-bottom:0}.ingredient-row .label{color:#6b7280;display:block;font-size:11px;font-weight:500;margin-bottom:4px}.total-cost-display{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #3b82f6;border-radius:8px;display:flex;justify-content:space-between;margin-top:16px;padding:16px 20px}.total-cost-display .label{color:#1e40af;font-size:14px;font-weight:600}.total-cost-display .value{color:#1d4ed8;font-size:24px;font-weight:700}.cost-highlight{align-items:center;border-radius:8px;display:flex;font-weight:600;justify-content:space-between;padding:12px 16px}.cost-highlight.success{background:#d1fae5;border:1px solid #a7f3d0;color:#047857}.cost-highlight.warning{background:#fef3c7;border:1px solid #fde68a;color:#b45309}.cost-highlight.danger{background:#fee2e2;border:1px solid #fecaca;color:#b91c1c}.card{background:#fff;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a;margin-bottom:20px;padding:20px}.card-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.card-title{color:#1e293b;font-size:18px;font-weight:600}.modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1050}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:600px;overflow:hidden;width:100%}.modal-wide{max-width:900px}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.modal-header{align-items:center;background:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.modal-title{color:#1e293b;font-size:20px;font-weight:600}.modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background .2s;width:32px}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{flex:1 1;overflow-y:auto;padding:24px}.modal-footer{background:#f9fafb;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:20px 24px}.modal-form{display:flex;flex-direction:column;gap:16px}.modal-form .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.modal-form .form-group{margin-bottom:0}.modal-form .form-group label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.modal-form .form-group input,.modal-form .form-group select,.modal-form .form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;width:100%}.modal-form .form-group input:disabled{background:#f3f4f6;color:#6b7280}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-weight:500;padding:4px 10px;white-space:nowrap}.badge-primary{background:#dbeafe}.badge-success{background:#d1fae5}.badge-warning{background:#fef3c7}.badge-danger{background:#fee2e2}.badge-info{background:#e0f2fe;color:#0369a1}.badge-secondary{background:#f3f4f6;color:#4b5563}.badge-with-icon{gap:4px}.payables-container{margin:0 auto;max-width:1400px;padding:20px}.stat-card.stat-success{border-left:4px solid #10b981}.stat-card.stat-success .stat-value{color:#047857}.stat-card.stat-warning{border-left:4px solid #f59e0b}.stat-card.stat-warning .stat-value{color:#b45309}.stat-card.stat-danger{border-left:4px solid #ef4444}.stat-card.stat-danger .stat-value{color:#b91c1c}.aging-table-container{margin-top:16px;overflow-x:auto}.aging-table{border-collapse:collapse;font-size:14px;width:100%}.aging-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#64748b;font-size:12px;letter-spacing:.5px;padding:14px 16px;text-transform:uppercase}.aging-table td,.aging-table th{font-weight:600;text-align:center}.aging-table td{border-bottom:1px solid #e2e8f0;color:#334155;font-size:15px;padding:16px}.aging-table td.total{background:#f1f5f9;color:#1e293b;font-size:16px}.aging-current{color:#10b981}.aging-30{color:#3b82f6}.aging-60{color:#f59e0b}.aging-90{color:#ef4444}.aging-90plus{color:#7c3aed;font-weight:700}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.section-header h2{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.filter-controls{display:flex;flex-wrap:wrap;gap:12px}.search-input{border:1px solid #e5e7eb;border-radius:6px;font-size:14px;min-width:200px;padding:10px 14px}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-select{border:1px solid #e5e7eb;font-size:14px;min-width:140px;padding:10px 14px}.filter-select:focus{border-color:#3b82f6;outline:none}.alert{align-items:center;border-radius:6px;display:flex;gap:12px;margin-bottom:16px;padding:12px 16px}.alert-success{background:#d1fae5;border:1px solid #a7f3d0;color:#047857}.alert-warning{background:#fef3c7;border:1px solid #fde68a;color:#b45309}.alert-danger{background:#fee2e2;border:1px solid #fecaca;color:#b91c1c}.alert-info{background:#e0f2fe;border:1px solid #bae6fd;color:#0369a1}.loading{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;display:inline-block;height:20px;width:20px}.sales-page{background:#f1f5f9;min-height:100vh;padding:0}.sales-page .page-header{background:linear-gradient(135deg,#1e293b,#334155);margin-bottom:0;padding:24px 32px}.sales-page .header-content{align-items:center;display:flex;justify-content:space-between}.sales-page .header-title{align-items:center;color:#fff;display:flex;gap:16px}.sales-page .header-title h1{color:#fff;font-size:1.75rem;font-weight:600;margin:0}.sales-page .header-subtitle{color:#94a3b8;font-size:.875rem;margin-top:4px}.sales-page .header-actions{display:flex;gap:12px}.sales-page .tabs-container{background:#fff;border-bottom:1px solid #e2e8f0;padding:0 32px}.sales-page .tabs{display:flex;gap:0}.sales-page .tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:16px 24px;transition:all .2s}.sales-page .tab:hover{background:#f8fafc;color:#1e293b}.sales-page .tab.active{border-bottom-color:#3b82f6;color:#3b82f6}.sales-page .tab-badge{background:#3b82f6;border-radius:9999px;color:#fff;font-size:11px;padding:2px 8px}.sales-page .filters-bar{background:#fff;border-bottom:1px solid #e2e8f0;display:flex;gap:16px;padding:20px 32px}.sales-page .search-box{align-items:center;background:#f1f5f9;border-radius:8px;display:flex;flex:1 1;gap:12px;max-width:400px;padding:10px 16px}.sales-page .search-box input{background:none;border:none;color:#1e293b;font-size:14px;outline:none;width:100%}.sales-page .filter-group{display:flex;gap:12px}.sales-page .content-area{padding:24px 32px}.sales-page .section-header{margin-bottom:24px}.sales-page .section-header h2{align-items:center;color:#1e293b;display:flex;font-size:1.25rem;font-weight:600;gap:10px;margin-bottom:8px}.sales-page .section-header p{color:#64748b;font-size:.875rem}.sales-page .empty-state{background:#fff;border-radius:12px;padding:60px 20px;text-align:center}.sales-page .empty-state svg{color:#10b981;margin-bottom:16px}.sales-page .empty-state h3{color:#1e293b;font-size:1.25rem;margin-bottom:8px}.sales-page .empty-state p{color:#64748b}.sales-page .loading-state{padding:60px 20px;text-align:center}.sales-page .loading-state .loading{margin:0 auto 16px}.sales-page .orders-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.sales-page .order-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:20px;transition:all .2s}.sales-page .order-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.sales-page .order-card.pending{border-left:4px solid #f59e0b}.sales-page .order-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.sales-page .order-number{color:#1e293b;font-size:1rem;font-weight:600}.sales-page .order-body{display:flex;flex-direction:column;gap:12px}.sales-page .order-client{align-items:center;color:#334155;display:flex;font-weight:500;gap:8px}.sales-page .order-items{color:#64748b;font-size:.875rem}.sales-page .order-total{align-items:center;display:flex;font-weight:600;gap:8px}.sales-page .order-total .amount{color:#10b981;font-size:1.25rem}.sales-page .order-meta{color:#94a3b8;display:flex;font-size:.8rem;gap:8px}.sales-page .order-notes{align-items:flex-start;background:#f8fafc;border-radius:6px;color:#64748b;display:flex;font-size:.85rem;gap:8px;padding:10px}.sales-page .order-actions{gap:12px}.sales-page .order-actions,.sales-page .order-status-info{border-top:1px solid #e2e8f0;display:flex;margin-top:16px;padding-top:16px}.sales-page .order-status-info{align-items:center;color:#f59e0b;font-size:.875rem;gap:8px}.sales-page .quick-actions{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.sales-page .action-card{align-items:center;background:#fff;border:2px dashed #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;display:flex;flex-direction:column;gap:12px;justify-content:center;padding:40px 20px;transition:all .2s}.sales-page .action-card:hover{border-color:#3b82f6;color:#3b82f6}.sales-page .action-card.primary{background:#3b82f6;border:none;color:#fff}.sales-page .action-card.primary:hover{background:#2563eb}.sales-page .action-card span{font-weight:500}.sales-page .orders-list{display:flex;flex-direction:column;gap:12px}.sales-page .order-row{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:20px;padding:16px 20px}.sales-page .order-row .order-info{align-items:center;display:flex;flex:1 1;gap:16px}.sales-page .order-row .order-number{min-width:140px}.sales-page .order-row .client-name{font-weight:500;min-width:150px}.sales-page .order-row .order-items{color:#64748b}.sales-page .order-row .order-amount{color:#10b981;font-weight:600}.sales-page .order-row .order-meta{color:#94a3b8;font-size:.8rem}.sales-page .order-row .order-actions{border:none;display:flex;gap:8px;margin:0;padding:0}.sales-page .order-number-cell{color:#1e293b;font-weight:600}.sales-page .amount-cell{color:#10b981;font-weight:600}.sales-page .empty-row{color:#94a3b8;padding:40px!important;text-align:center}.sales-page .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.sales-page .items-list{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.sales-page .item-row{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:2fr 1fr 1fr auto}.sales-page .total-box{align-items:center;background:#f1f5f9;border-radius:8px;display:flex;font-size:1.125rem;font-weight:600;justify-content:space-between;padding:20px}.sales-page .total-amount{color:#10b981;font-size:1.5rem}.legal-page .page-header{background:linear-gradient(135deg,#1e293b,#334155);border-radius:12px;margin-bottom:24px;padding:24px}.legal-page .page-header h1{color:#fff}.legal-page .page-header p{color:#fffc}.legal-page .header-title{align-items:center;color:#fff;display:flex;gap:16px}.tabs-container{margin-bottom:24px}.tabs{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a;gap:4px;padding:6px;width:-webkit-fit-content;width:fit-content}.tab,.tabs{display:flex}.tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.tab:hover{background:#f1f5f9;color:#1e293b}.tab.active{background:#3b82f6;color:#fff}.search-box{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex:1 1;gap:12px;max-width:400px;min-width:250px;padding:10px 16px}.search-box input{background:#0000;border:none;font-size:14px;outline:none;width:100%}.stats-row{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.mini-stat{flex-direction:row!important;min-width:200px;padding:16px 20px!important}.mini-stat.pending{border-left:4px solid #f59e0b}.mini-stat.verified{border-left:4px solid #10b981}.doc-info{align-items:center;color:#64748b;display:flex;gap:10px}.doc-name{color:#1e293b;font-weight:500}.folder-num{color:#2563eb;font-family:monospace;font-weight:500}.action-buttons{display:flex;flex-wrap:wrap;gap:6px}.reject-btn,.verify-btn{display:inline-flex!important;gap:4px}.reject-btn span,.verify-btn span{font-size:11px}.folders-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important}.folder-card{display:flex;flex-direction:column}.folder-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.folder-icon{color:#f59e0b}.folder-info{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.folder-number{color:#1e293b;font-family:monospace;font-weight:600}.folder-body{display:flex;flex:1 1;flex-direction:column;gap:10px;margin-bottom:16px}.folder-client,.folder-date,.folder-docs,.folder-type{align-items:center;color:#64748b;display:flex;font-size:.9rem;gap:10px}.folder-actions{display:flex;gap:10px}.onboarding-grid{grid-template-columns:300px 1fr}.required-docs-card{max-height:500px;overflow-y:auto}.docs-list{display:flex;flex-direction:column;gap:8px}.required-doc-item{align-items:center;background:#f8fafc;border:1px solid #0000;border-radius:6px;display:flex;gap:12px;padding:10px 12px}.required-doc-item.required{background:#f0fdf4;border-color:#bbf7d0}.required-icon{color:#10b981}.doc-details{display:flex;flex:1 1;flex-direction:column}.doc-category{color:#94a3b8;font-size:.75rem}.onboarding-status-list{display:flex;flex-direction:column;gap:12px}.client-onboarding-row{align-items:center;background:#f8fafc;border-radius:8px;display:flex;flex-wrap:wrap;gap:20px;padding:16px}.client-info{min-width:200px}.client-name{color:#1e293b;display:block;font-weight:600}.progress-section{flex:1 1;min-width:200px}.progress-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:#3b82f6;border-radius:4px;height:100%;transition:width .3s}.progress-fill.complete{background:#10b981}.progress-text{color:#64748b;display:block;font-size:.8rem;margin-top:4px}.process-flow-card{margin-top:24px}.process-steps{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.process-step{align-items:flex-start;display:flex;gap:16px}.step-number{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:36px;justify-content:center;width:36px}.step-content{display:flex;flex-direction:column}.step-title{color:#1e293b;font-weight:600}.step-desc{color:#64748b;font-size:.85rem}.settings-page{margin:0 auto;max-width:1400px;padding:20px}.settings-layout{grid-gap:24px;display:grid;gap:24px;grid-template-columns:240px 1fr}.settings-sidebar{height:-webkit-fit-content;height:fit-content;padding:12px}.settings-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:.9rem;font-weight:400;gap:12px;margin-bottom:4px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.settings-tab:hover{background:#f1f5f9;color:#1e293b}.settings-tab-active{font-weight:500}.settings-tab-active,.settings-tab-active:hover{background:linear-gradient(135deg,#2980b9,#3498db);color:#fff}.settings-content{padding:20px}.settings-content .card-title{margin-bottom:20px}.profile-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;font-weight:600;height:80px;justify-content:center;width:80px}.profile-info{display:flex;flex-direction:column;gap:4px}.profile-name{color:#1e293b;font-size:1.1rem;font-weight:600}.profile-email{color:#64748b;font-size:.95rem}.profile-role{color:#64748b;font-size:.85rem;text-transform:capitalize}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.form-help{color:#64748b;font-size:.85rem}.integration-cards-grid{grid-gap:16px;display:grid;gap:16px}.integration-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .2s}.integration-card-connected{background:#f8fafc;border-color:#cbd5e1}.integration-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.integration-card-info{align-items:center;display:flex;gap:12px}.integration-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.integration-text{display:flex;flex-direction:column;gap:2px}.integration-name{color:#1e293b;font-size:1rem;font-weight:600}.integration-description{color:#64748b;font-size:.85rem}.integration-controls{align-items:center;display:flex;gap:12px}.integration-status{border-radius:20px;font-size:.8rem;font-weight:500;padding:4px 12px}.integration-status.status-connected{background:#d1fae5;color:#059669}.integration-status.status-disconnected{background:#fee2e2;color:#dc2626}.integration-config{border-top:1px solid #e2e8f0;padding-top:16px}.integration-preview{align-items:center;display:flex;justify-content:space-between}.integration-preview-text{color:#64748b;font-size:.9rem}.integration-actions{display:flex;gap:8px}.toggle-switch{cursor:pointer;display:inline-block;height:26px;position:relative;width:48px}.toggle-switch-sm{height:24px;width:44px}.toggle-input{height:0;opacity:0;position:absolute;width:0}.toggle-slider{background:#cbd5e1;border-radius:26px;inset:0;position:absolute;transition:all .3s}.toggle-input:checked+.toggle-slider,.toggle-slider[data-connected=true]{background:#10b981}.toggle-slider:before{background:#fff;border-radius:50%;content:"";height:20px;left:3px;position:absolute;top:3px;transition:all .3s;width:20px}.toggle-switch-sm .toggle-slider:before{height:18px;left:3px;top:3px;width:18px}.toggle-input:checked+.toggle-slider:before,.toggle-slider[data-connected=true]:before{left:25px}.toggle-switch-sm .toggle-input:checked+.toggle-slider:before,.toggle-switch-sm .toggle-slider[data-connected=true]:before{left:22px}.test-result{font-size:.85rem;margin-top:12px;padding:8px 12px}.notification-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 0}.notification-item:last-child{border-bottom:none}.notification-text{display:flex;flex-direction:column;gap:4px}.notification-label{color:#1e293b;font-weight:500}.notification-desc{color:#64748b;font-size:.85rem}.security-section{border-top:1px solid #e2e8f0;margin-top:30px;padding-top:20px}.security-title{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:8px}.security-desc{color:#64748b;font-size:.9rem;margin-bottom:12px}.color-picker{align-items:center;display:flex;gap:12px}.color-input{border:none;border-radius:8px;cursor:pointer;height:48px;overflow:hidden;padding:0;width:48px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}.w-fit{width:-webkit-fit-content;width:fit-content}.text-center{text-align:center}.text-right{text-align:right}.font-medium{font-weight:500}.font-bold{font-weight:700}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-xl{font-size:1.25rem}.text-green-600{color:#059669}.text-red-600{color:#dc2626}.mb-0{margin-bottom:0}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.p-4{padding:16px}.pt-4{padding-top:16px}.space-y-2>*+*{margin-top:8px}.space-y-4>*+*{margin-top:16px}.space-y-6>*+*{margin-top:24px}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-12{grid-template-columns:repeat(12,1fr)}.col-span-2{grid-column:span 2/span 2}.col-span-4{grid-column:span 4/span 4}.min-w-\[200px\]{min-width:200px}.flex-1{flex:1 1}.flex-wrap{flex-wrap:wrap}.bg-gray-50{background-color:#f9fafb}.bg-white{background-color:#fff}.bg-blue-50{background-color:#eff6ff}.bg-green-50{background-color:#f0fdf4}.bg-yellow-50{background-color:#fefce8}.border-t{border-top:1px solid #e5e7eb}.form-grid{grid-gap:12px;display:grid;gap:12px}.page-title{color:#1e293b;font-size:1.8rem;font-weight:600;margin:0}.page-subtitle{color:#64748b;font-size:.9rem;margin:4px 0 0}@media (max-width:1200px){.modal-content{max-width:90vw}.modal-xl{max-width:95vw}}@media (max-width:1024px){.main-content{margin-left:220px;width:calc(100% - 220px)}.sidebar{width:220px!important}.process-steps,.stats-grid{grid-template-columns:repeat(2,1fr)}.ingredient-row{grid-template-columns:2fr 1fr 1fr 1fr auto}}@media (max-width:768px){.main-content{margin-left:0;padding:16px;width:100%}.sidebar{height:auto;position:relative;width:100%!important}.app-container{flex-direction:column}.onboarding-grid,.process-steps{grid-template-columns:1fr}.action-buttons{flex-wrap:wrap}.reject-btn span,.verify-btn span{display:none}.settings-layout{grid-template-columns:1fr}.settings-sidebar{display:flex;flex-wrap:wrap;gap:8px}.settings-tab{flex:1 1;justify-content:center;min-width:120px;width:auto}.form-row{grid-template-columns:1fr}.integration-card-header,.integration-preview,.notification-item{align-items:flex-start;flex-direction:column;gap:12px}.stats-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column}.filter-controls,.search-input{width:100%}.aging-table{font-size:12px}.aging-table td,.aging-table th{padding:10px 8px}.modal-overlay{padding:10px}.modal,.modal-content{max-height:95vh;max-width:100%}.ingredient-row,.modal-form .form-row{grid-template-columns:1fr}.ingredient-row{gap:8px}.ingredient-row>div{width:100%}.data-table td,.data-table th{padding:10px 8px}}@media (max-width:480px){.page-header{align-items:flex-start;flex-direction:column}.page-header h1{font-size:1.5rem}.badge{font-size:11px;padding:3px 8px}.stat-card{padding:16px}.stat-value{font-size:24px}}.user-management{padding:0}.settings-section-header{gap:16px;justify-content:space-between;margin-bottom:24px}.filters-bar,.settings-section-header{align-items:center;display:flex;flex-wrap:wrap}.filters-bar{gap:12px;margin-bottom:20px}.filter-group{align-items:center;display:flex;gap:8px}.filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;font-size:.9rem;padding:8px 12px}.user-cell{align-items:center;display:flex;gap:12px}.user-avatar-sm{background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50%;color:#fff;font-size:.75rem;font-weight:600;height:32px;width:32px}.btn-icon,.user-avatar-sm{align-items:center;display:flex;justify-content:center}.btn-icon{background:none;border:none;border-radius:6px;cursor:pointer;padding:6px;transition:all .2s}.btn-edit{color:#3498db}.btn-edit:hover{background:#ebf8ff}.btn-delete{color:#ef4444}.btn-delete:hover{background:#fef2f2}.btn-delete:disabled{cursor:not-allowed;opacity:.5}.modal-lg{max-height:90vh;max-width:800px;overflow-y:auto}.form-section{border-bottom:1px solid #e2e8f0;margin-bottom:24px;padding-bottom:24px}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:16px}.password-input-group{align-items:center;display:flex;gap:8px}.password-input-group input{flex:1 1}.modules-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.module-category{background:#f8fafc;border-radius:8px;padding:16px}.category-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.category-header h5{color:#1e293b;font-size:.9rem;font-weight:600}.checkbox-sm{align-items:center;color:#64748b;cursor:pointer;display:flex;font-size:.8rem;gap:6px}.module-list{display:flex;flex-direction:column;gap:8px}.module-checkbox{align-items:center;color:#475569;cursor:pointer;display:flex;font-size:.85rem;gap:8px;padding:4px 0}.module-checkbox:hover{color:#1e293b}.logo-upload-container{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;display:flex;gap:20px;padding:20px}.logo-preview{max-height:80px;max-width:200px;object-fit:contain}.logo-upload-actions{display:flex;flex-direction:column;gap:4px}.logo-current{color:#1e293b;font-weight:600}.logo-dimensions{color:#64748b;font-size:.8rem}.loading-state{align-items:center;color:#64748b;display:flex;justify-content:center;padding:40px}.form-input.error{border-color:#ef4444}.error-text{color:#ef4444;display:block;font-size:.8rem;margin-top:4px}.bg-purple-100{background:#f3e8ff}.text-purple-800{color:#6b21a8}.bg-gold-100{background:#fef9c3}.text-gold-800{color:#854d0e}.bg-blue-100{background:#dbeafe}.text-blue-800{color:#1e40af}.bg-green-100{background:#dcfce7}.text-green-800{color:#166534}.bg-teal-100{background:#ccfbf1}.text-teal-800{color:#115e59}.bg-red-100{background:#fee2e2}.text-red-800{color:#991b1b}.bg-orange-100{background:#ffedd5}.text-orange-800{color:#9a3412}.bg-yellow-100{background:#fef9c3}.text-yellow-800{color:#854d0e}.bg-pink-100{background:#fce7f3}.text-pink-800{color:#9d174d}.bg-indigo-100{background:#e0e7ff}.text-indigo-800{color:#3730a3}.maintenance-page .stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.maintenance-page .stat-card{transition:all .2s ease}.maintenance-page .stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.alert-banner{animation:slideIn .3s ease}.row-danger{background:#fef2f2!important}.row-warning{background:#fffbeb!important}.row-success{background:#f0fdf4!important}.badge-overdue{background:#fee2e2;color:#991b1b}.badge-due-today{background:#fef3c7;color:#92400e}.badge-in-progress{background:#e0e7ff;color:#3730a3}.maintenance-form .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.maintenance-form .form-group{margin-bottom:16px}.maintenance-form .form-group.full-width{grid-column:1/-1}.status-indicator{align-items:center;border-radius:9999px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:4px 10px}.status-indicator:before{background:currentColor;border-radius:50%;content:"";height:8px;width:8px}.status-scheduled{background:#e0f2fe;color:#0369a1}.status-in-progress{background:#fef3c7;color:#92400e}.status-completed{background:#d1fae5;color:#047857}.status-overdue{background:#fee2e2;color:#991b1b}.priority-low{background:#f3f4f6;color:#374151}.priority-medium{background:#dbeafe;color:#1e40af}.priority-high{background:#fef3c7;color:#92400e}.priority-critical{background:#fee2e2;color:#991b1b}.type-preventive{background:#dcfce7;color:#166534}.type-corrective{background:#ffedd5;color:#9a3412}.type-emergency{background:#fee2e2;color:#991b1b}.asset-icon{align-items:center;background:#f1f5f9;border-radius:6px;display:inline-flex;height:32px;justify-content:center;width:32px}.asset-icon.machine{background:#dbeafe;color:#1d4ed8}.asset-icon.vehicle{background:#dcfce7;color:#15803d}.loading-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.empty-state{padding:48px 24px;text-align:center}.empty-state-icon{color:#94a3b8;height:64px;margin:0 auto 16px;width:64px}.empty-state-title{color:#1e293b;font-size:1.125rem;font-weight:600;margin-bottom:8px}.empty-state-text{color:#64748b;margin-bottom:16px}@media (max-width:768px){.settings-section-header{align-items:flex-start;flex-direction:column}.filters-bar{align-items:stretch;flex-direction:column}.search-box{min-width:auto}.modules-grid{grid-template-columns:1fr}.modal-lg{margin:20px;max-width:95vw}.maintenance-page .stats-grid{grid-template-columns:repeat(2,1fr)}.maintenance-form .form-row{grid-template-columns:1fr}.action-bar{flex-direction:column;gap:12px}.action-bar>*{width:100%}}@media (max-width:480px){.maintenance-page .stats-grid{grid-template-columns:1fr}}.recipe-modal{max-height:90vh;overflow:hidden}.recipe-modal .modal-header{background:#fff;border-bottom:1px solid #e5e7eb;position:-webkit-sticky;position:sticky;top:0;z-index:10}.recipe-modal .modal-body{flex:1 1;max-height:calc(90vh - 140px);overflow-y:auto;padding:24px}.recipe-modal .modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;bottom:0;position:-webkit-sticky;position:sticky;z-index:10}.recipe-table{border-collapse:collapse;width:100%}.recipe-table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;font-size:12px;font-weight:600;letter-spacing:.05em;padding:14px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.recipe-table td{border-bottom:1px solid #e5e7eb;padding:14px 16px;vertical-align:middle}.recipe-table tbody tr:nth-child(2n){background:#fafafa}.recipe-table tbody tr:hover{background:#f3f4f6}.form-row-responsive{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.recipe-form .form-group{margin-bottom:16px}.recipe-form .form-group:last-child{margin-bottom:0}.recipe-form .label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.recipe-form .label.required:after{color:#ef4444;content:" *"}.input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1e293b;font-size:14px;line-height:1.5;padding:10px 12px;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:0}.input.bg-gray-100,.input:disabled{background-color:#f3f4f6;cursor:not-allowed}@media (max-width:768px){.form-row-responsive{grid-template-columns:1fr}.recipe-modal .modal-body{max-height:calc(95vh - 140px)}}.text-gray-400{color:#9ca3af}.text-gray-600{color:#4b5563}.relative{position:relative}.absolute{position:absolute}.transform{transform:translateY(-50%)}.left-3{left:.75rem}.top-1\/2{top:50%}.w-5{width:1.25rem}.h-5{height:1.25rem}.w-3{width:.75rem}.h-3{height:.75rem}.min-w-200px{min-width:200px}.bg-gray-100{background-color:#f3f4f6}.payroll-timeline-container{padding:20px 0}.payroll-timeline{align-items:flex-start;display:flex;gap:0;justify-content:space-between;position:relative}.timeline-step{flex:1 1;flex-direction:column;position:relative;z-index:2}.timeline-dot,.timeline-step{align-items:center;display:flex}.timeline-dot{border-radius:50%;color:#fff;font-size:14px;height:32px;justify-content:center;margin-bottom:8px;transition:all .3s ease;width:32px}.timeline-dot.draft{background:#9ca3af}.timeline-dot.draft.active{background:#6b7280;box-shadow:0 0 0 4px #6b728033}.timeline-dot.processed{background:#3b82f6}.timeline-dot.processed.active{background:#2563eb;box-shadow:0 0 0 4px #2563eb33}.timeline-dot.approved{background:#f59e0b}.timeline-dot.approved.active{background:#d97706;box-shadow:0 0 0 4px #d9770633}.timeline-dot.paid{background:#10b981}.timeline-dot.paid.active{background:#059669;box-shadow:0 0 0 4px #05966933}.timeline-step.completed .timeline-dot{background:#10b981}.timeline-step.pending .timeline-dot{background:#e5e7eb;color:#9ca3af}.timeline-label{text-align:center}.timeline-title{color:#374151;font-size:13px;font-weight:600;margin-bottom:2px}.timeline-desc{color:#9ca3af;font-size:11px}.timeline-step.active .timeline-title{color:#1e293b}.timeline-step.completed .timeline-title{color:#059669}.timeline-step.pending .timeline-title{color:#9ca3af}.timeline-line{background:#e5e7eb;flex:1 1;height:3px;margin-top:14px;max-width:120px;min-width:40px;position:relative;transition:all .3s ease;z-index:1}.timeline-line.completed{background:#10b981}.due-date-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;margin-top:16px;padding:6px 12px}.due-date-badge.normal{background:#e0f2fe;color:#0369a1}.due-date-badge.urgent{background:#fef3c7;color:#b45309}.due-date-badge.due-today{animation:pulse 2s infinite;background:#ffedd5;color:#9a3412}.due-date-badge.overdue{animation:pulse 2s infinite;background:#fee2e2;color:#dc2626}.due-date-countdown{font-weight:600}.due-date-cell{align-items:center;color:#4b5563;display:flex;gap:6px}.payroll-filters{margin-bottom:24px}.payroll-filters .filters-row{align-items:center;display:flex;gap:16px}.payroll-filters .search-box{flex:1 1;max-width:300px}.payroll-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.timeline-card{margin-bottom:24px}.timeline-card .card-body{padding:16px 24px}.header-left{align-items:center;display:flex;gap:16px}.header-title-section{display:flex;flex-direction:column;gap:8px}.header-meta{align-items:center;display:flex;gap:12px}.due-date-tag{align-items:center;background:#f3f4f6;border-radius:6px;color:#4b5563;display:inline-flex;font-size:12px;gap:6px;padding:4px 10px}.net-salary{color:#059669;font-weight:600}.bank-details{display:flex;flex-direction:column;gap:2px}.bank-name{color:#374151;font-weight:500}.bank-account{color:#9ca3af;font-size:12px}.salary-breakdown-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.breakdown-section h4{color:#374151;font-size:14px;font-weight:600;margin-bottom:12px}.breakdown-table-container{overflow-x:auto}.breakdown-table{border-collapse:collapse;font-size:13px;width:100%}.breakdown-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:11px;font-weight:600;letter-spacing:.5px;padding:10px 12px;text-align:left;text-transform:uppercase}.breakdown-table td{border-bottom:1px solid #f3f4f6;padding:10px 12px}.breakdown-table tbody tr:hover{background:#f9fafb}.approval-history{display:flex;flex-direction:column;gap:0}.history-item{align-items:flex-start;border-left:2px solid #e5e7eb;display:flex;gap:12px;margin-left:15px;padding:16px 0 16px 24px;position:relative}.history-item:last-child{border-left-color:#0000}.history-item.completed{border-left-color:#10b981}.history-item.completed .history-icon{background:#10b981;color:#fff}.history-icon{align-items:center;background:#e5e7eb;border-radius:50%;color:#9ca3af;display:flex;height:32px;justify-content:center;left:-17px;position:absolute;top:12px;width:32px}.history-content{flex:1 1}.history-title{color:#374151;font-size:14px;font-weight:600}.history-meta{color:#9ca3af;font-size:12px;margin-top:2px}.history-item.completed .history-title{color:#059669}.finance-status-card{background:#f0fdf4;border:1px solid #86efac;margin-top:24px}.finance-title{align-items:center;color:#059669;display:flex;gap:8px}.finance-info-grid{grid-gap:12px;display:grid;gap:12px}.info-row{align-items:center;border-bottom:1px solid #e5e7eb}.info-label{font-size:14px}.info-value{color:#374151}.font-mono{font-family:SF Mono,Monaco,monospace;font-size:13px}.notes-card{background:#fefce8;border:1px solid #fde047;margin-top:24px}.payroll-notes{color:#854d0e;font-size:14px;line-height:1.6;margin:0}.modal-sm{max-width:400px}.confirmation-header{margin-bottom:24px;text-align:center}.confirmation-header h4{color:#1e293b;margin:12px 0 0}.approval-icon,.warning-icon{color:#f59e0b}.success-icon{color:#10b981}.payroll-summary-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:16px}.summary-row{display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.summary-row:last-child{margin-bottom:0}.summary-row.total-row{border-top:1px solid #e2e8f0;margin-top:8px;padding-top:8px}.label{color:#64748b}.value{color:#1e293b;font-weight:500}.value.text-green{color:#059669}.value.text-red{color:#dc2626}.value.text-success{color:#059669}.value.font-mono{font-family:SF Mono,Monaco,monospace;font-size:13px}.actions-preview,.approval-actions-list{margin-bottom:24px}.actions-preview h5,.approval-actions-list h5{color:#374151;font-size:14px;margin:0 0 12px}.action-item{align-items:center;color:#4b5563;display:flex;font-size:14px;gap:8px;margin-bottom:8px}.action-item:last-child{margin-bottom:0}.action-icon{color:#059669;flex-shrink:0}.payment-notice{align-items:center;background:#eff6ff;border-radius:6px;color:#1e40af;display:flex;font-size:13px;gap:8px;margin-bottom:20px;padding:12px}.totals-row{background:#f8fafc;border-top:2px solid #e2e8f0}.totals-row td{padding-bottom:14px;padding-top:14px}.stat-highlight{background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:1px solid #c4b5fd}.text-red{color:#dc2626}.text-green,.text-success{color:#059669}.bg-blue-light{background:#dbeafe}.text-blue{color:#2563eb}.text-yellow{color:#d97706}.bg-yellow{background:#fef3c7}.text-danger{color:#dc2626}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width:768px){.payroll-timeline{flex-wrap:wrap;gap:16px}.timeline-line{display:none}.timeline-step{flex-basis:calc(50% - 8px);flex-grow:0;flex-shrink:0}.payroll-stats{grid-template-columns:repeat(2,1fr)}.payroll-filters .filters-row{align-items:stretch;flex-direction:column}.payroll-filters .search-box{max-width:none}.header-left{align-items:flex-start;flex-direction:column;gap:12px}.header-meta{flex-wrap:wrap}.salary-breakdown-grid{grid-template-columns:1fr}.approval-history{padding-left:8px}}@media (max-width:480px){.timeline-step{align-items:center;flex:0 0 100%;flex-direction:row;gap:12px}.timeline-dot{margin-bottom:0}.timeline-label{text-align:left}.payroll-stats{grid-template-columns:1fr}}.modal-overlay-component{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;overscroll-behavior:contain;padding:20px;position:fixed;right:0;top:0;z-index:2000}.modal-container-component{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:520px;overflow:hidden;width:100%}.modal-header-component{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.modal-header-left{align-items:center;display:flex;gap:12px}.modal-title-component{color:#1e293b;font-size:18px;font-weight:600;margin:0}.modal-close-component{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.modal-close-component:hover{background:#f1f5f9;color:#1e293b}.modal-success-message{align-items:center;background:#d1fae5;color:#065f46;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px}.modal-body-component{flex:1 1;overflow-y:auto;padding:24px}.modal-footer-component{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:16px 24px}.method-grid,.type-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.method-btn,.type-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:10px 12px;text-align:center;transition:all .2s}.method-btn:hover,.type-btn:hover{background:#eff6ff;border-color:#3b82f6}.method-btn.active,.type-btn.active{background:#dbeafe;border-color:#3b82f6;color:#1d4ed8}.modal-form-group{margin-bottom:20px}.modal-form-group:last-child{margin-bottom:0}.modal-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.modal-label .required{color:#ef4444}.modal-label .optional{color:#9ca3af;font-weight:400}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon input,.input-with-icon select,.input-with-icon textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1e293b;font-size:14px;padding:10px 12px 10px 40px;transition:border-color .2s,box-shadow .2s;width:100%}.input-with-icon input:focus,.input-with-icon select:focus,.input-with-icon textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:0}.input-with-icon textarea{min-height:80px;padding:10px 12px;resize:vertical}.input-icon{color:#9ca3af;left:12px}.input-currency,.input-icon{pointer-events:none;position:absolute}.input-currency{color:#6b7280;font-size:12px;font-weight:500;right:12px}.modal-cancel-btn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s}.modal-cancel-btn:hover{background:#f9fafb;border-color:#9ca3af}.modal-submit-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:2 1;font-size:14px;font-weight:500;padding:12px 20px;transition:all .2s}.modal-submit-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.modal-submit-btn:disabled{cursor:not-allowed;opacity:.6}.document-upload{margin-top:16px}.document-upload-header{align-items:center;color:#1e293b;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.document-upload-area{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;padding:12px}.document-upload-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:8px}.document-upload-field{flex:1 1;min-width:200px}.document-upload-field label{color:#6b7280;display:block;font-size:12px;margin-bottom:4px}.document-upload-field input[type=file],.document-upload-field input[type=text]{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:13px;padding:6px 10px;transition:border-color .2s,box-shadow .2s;width:100%}.document-upload-field input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:0}.document-upload-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:4px;padding:8px 16px;transition:all .2s}.document-upload-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.document-upload-btn:disabled{cursor:not-allowed;opacity:.6}.document-list{display:flex;flex-direction:column;gap:8px}.document-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:10px;padding:10px 12px;transition:all .2s}.document-item:hover{border-color:#cbd5e1;box-shadow:0 1px 3px #0000000d}.document-item-info{flex:1 1;min-width:0}.document-item-name{color:#1e293b;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-item-meta{color:#9ca3af;font-size:11px}.document-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;padding:6px;transition:all .2s}.document-action-btn.download{background:#eff6ff;color:#3b82f6}.document-action-btn.download:hover{background:#dbeafe}.document-action-btn.delete{background:#fef2f2;color:#ef4444}.document-action-btn.delete:hover{background:#fee2e2}.order-modal{max-width:800px}.order-supplier-info{background:#eff6ff;border:1px solid #dbeafe;border-radius:8px;margin-bottom:20px;padding:12px 16px}.order-supplier-name{align-items:center;color:#1e40af;display:flex;font-size:14px;font-weight:600;gap:8px}.order-supplier-meta{color:#64748b;font-size:12px;margin-top:4px}.order-lines-header{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.order-line,.order-lines-header{grid-gap:8px;display:grid;gap:8px;grid-template-columns:2fr 1fr 1fr 1fr 40px}.order-line{align-items:center;margin-bottom:12px}.order-line-total{background:#f1f5f9;border-radius:6px;color:#1e293b;font-size:14px;font-weight:600;padding:8px;text-align:right}.order-line-remove{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:inline-flex;justify-content:center;padding:8px;transition:all .2s}.order-line-remove:hover:not(:disabled){background:#fecaca}.order-line-remove:disabled{cursor:not-allowed;opacity:.5}.add-line-btn{align-items:center;background:#f0fdf4;border:2px dashed #22c55e;border-radius:8px;color:#166534;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s;width:100%}.add-line-btn:hover{background:#dcfce7;border-color:#16a34a}.order-totals-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:20px;padding:16px}.order-total-row{color:#475569;display:flex;font-size:14px;justify-content:space-between;margin-bottom:8px}.order-total-row.grand-total{border-top:2px solid #e2e8f0;color:#059669;font-size:18px;font-weight:700;margin-bottom:0;margin-top:8px;padding-top:8px}.fab-container{bottom:24px;position:fixed;right:24px}.fab-actions,.fab-container{align-items:flex-end;display:flex;flex-direction:column;gap:12px}.fab-actions{margin-bottom:8px}.fab-action-btn{align-items:center;animation:slideIn .3s ease forwards;border:none;border-radius:50px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;opacity:0;padding:12px 20px;transform:translateY(20px);transition:all .3s ease;white-space:nowrap}.fab-action-btn:hover{box-shadow:0 6px 20px #0003;transform:scale(1.05)}.fab-main-btn{align-items:center;border:none;border-radius:50%;box-shadow:0 4px 16px #00000040;cursor:pointer;display:flex;height:60px;justify-content:center;transition:all .3s ease;width:60px}.fab-main-btn:hover{transform:scale(1.1)}.sidebar{z-index:1000}.modal-overlay,.modal-overlay-component{z-index:2000}.fab-container{z-index:1050}.notification-toast{z-index:9999}@media (max-width:768px){.modal-overlay-component{align-items:flex-end;padding:12px}.modal-container-component{border-radius:12px 12px 0 0;max-height:95vh}.method-grid,.type-grid{grid-template-columns:1fr}.modal-footer-component{flex-direction:column}.modal-footer-component .modal-cancel-btn,.modal-footer-component .modal-submit-btn{justify-content:center;width:100%}.document-upload-row{align-items:stretch;flex-direction:column}.document-upload-field{min-width:auto;width:100%}.document-upload-btn{justify-content:center;width:100%}.order-lines-header{display:none}.order-line{background:#f9fafb;border:1px solid #e2e8f0;border-radius:8px;gap:8px;grid-template-columns:1fr;margin-bottom:16px;padding:12px}.order-line-total{text-align:left}.order-total-row.grand-total{font-size:16px}.fab-container{bottom:16px;right:16px}.fab-action-btn span{display:none}.fab-action-btn{border-radius:50%;padding:12px}}@media (max-width:480px){.modal-overlay-component{padding:8px}.modal-container-component{border-radius:8px 8px 0 0}.modal-body-component,.modal-footer-component,.modal-header-component{padding-left:16px;padding-right:16px}.modal-title-component{font-size:16px}}.table-responsive{border-radius:8px;box-shadow:0 1px 3px #0000001a}.aging-table-container,.breakdown-table-container,.table-container,.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.filter-select,.form-input,.form-select,.form-textarea,.input,.search-input{max-width:100%}.filter-select:focus,.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.add-line-btn,.btn,.btn-icon,.btn-sm,.document-action-btn,.document-upload-btn,.modal-cancel-btn,.modal-submit-btn,.order-line-remove{transition:all .2s ease-in-out}html{scroll-behavior:smooth}.modal-body,.modal-body-component,.recipe-modal .modal-body{scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin}.modal-body-component::-webkit-scrollbar,.modal-body::-webkit-scrollbar,.recipe-modal .modal-body::-webkit-scrollbar{width:6px}.modal-body-component::-webkit-scrollbar-thumb,.modal-body::-webkit-scrollbar-thumb,.recipe-modal .modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.text-green,.text-green-600,.text-success{color:#059669}.text-danger,.text-red,.text-red-600{color:#dc2626}.card,.data-table-card,.section-card{padding:24px}@media (max-width:768px){.card,.data-table-card,.section-card{padding:16px}}.rounded-sm{border-radius:4px}.rounded-md{border-radius:6px}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.rounded-full{border-radius:9999px}.notification-toast{animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.flex-col{flex-direction:column}.loading-spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-words{overflow-wrap:break-word;word-break:break-word}.main-content table,.modal-body table,.modal-body-component table,.page-container table{max-width:100%}.card:has(>table),.main-content>div:has(>table:not(.table-responsive table)),.page-container>div:has(>table:not(.table-responsive table)),.section-card:has(>table){-webkit-overflow-scrolling:touch;overflow-x:auto}.table-scroll-container,.table-wrapper{-webkit-overflow-scrolling:touch;border-radius:8px;overflow-x:auto}.breakdown-table td,.data-table td,.recipe-table td,.table td{max-width:300px;overflow:hidden;text-overflow:ellipsis}@media (max-width:768px){.breakdown-table td,.data-table td,.recipe-table td,.table td{max-width:none;white-space:normal}.breakdown-table th,.data-table th,.recipe-table th,.table th{white-space:normal}}.client-avatar{align-items:center;border:2px solid #fffc;border-radius:50%;box-shadow:0 2px 6px #0000001f;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:44px;justify-content:center;letter-spacing:.5px;text-transform:uppercase;transition:transform .2s,box-shadow .2s;width:44px}.client-avatar:hover{box-shadow:0 4px 12px #0003;transform:scale(1.08)}.client-avatar.av-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.client-avatar.av-green{background:linear-gradient(135deg,#10b981,#047857)}.client-avatar.av-purple{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.client-avatar.av-orange{background:linear-gradient(135deg,#f97316,#c2410c)}.client-avatar.av-pink{background:linear-gradient(135deg,#ec4899,#be185d)}.client-avatar.av-teal{background:linear-gradient(135deg,#06b6d4,#0891b2)}.client-avatar.av-indigo{background:linear-gradient(135deg,#6366f1,#4338ca)}.client-avatar.av-red{background:linear-gradient(135deg,#ef4444,#b91c1c)}.card{border:1px solid #e2e8f099;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;transition:box-shadow .2s,border-color .2s}.card:hover{border-color:#cbd5e1}.stat-card{border:1px solid #f1f5f9;overflow:hidden;position:relative;transition:box-shadow .2s,transform .2s}.stat-card:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s}.stat-card:hover:before{opacity:1}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-value{font-size:26px;letter-spacing:-.5px}.table-container{border:1px solid #e5e7eb;overflow:hidden}.table th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#64748b;font-size:11px;letter-spacing:.06em;padding:14px 16px}.table td{padding:14px 16px;vertical-align:middle}.table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.table tbody tr:hover{background:#f1f5f9}.table tbody tr:nth-child(2n){background:#fafbfc}.table tbody tr:nth-child(2n):hover{background:#f1f5f9}.badge{border:1px solid #0000;font-size:12px;font-weight:600;letter-spacing:.02em;padding:4px 12px}.badge-primary{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.badge-success{background:#f0fdf4;border-color:#bbf7d0;color:#047857}.badge-warning{background:#fffbeb;border-color:#fde68a;color:#b45309}.badge-danger{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.form-input,.form-select,.form-textarea{border:1.5px solid #d1d5db;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f}.form-label{color:#1e293b;font-size:13px;font-weight:600;margin-bottom:6px}.form-help{color:#94a3b8;display:block;font-size:12px;font-weight:400;margin-top:4px}.btn{border-radius:8px;font-weight:600;gap:8px;padding:10px 22px}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;box-shadow:0 2px 8px #3b82f64d}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 14px #3b82f666}.btn-success{background:linear-gradient(135deg,#10b981,#059669);border:none;box-shadow:0 2px 8px #10b9814d}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 14px #10b98166}.btn-outline{border:1.5px solid #3b82f6;font-weight:600}.btn-outline:hover{background:#3b82f6;box-shadow:0 2px 8px #3b82f64d;color:#fff}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;box-shadow:0 2px 8px #ef44444d}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 14px #ef444466}.modal-header{border-bottom:1px solid #e5e7eb;padding:18px 24px}.modal-title{font-size:18px;letter-spacing:-.3px}.modal-footer{border-top:1px solid #e5e7eb}.modal-body .card{background:#fafbfc;border:1px solid #e5e7eb;border-radius:10px;box-shadow:none;margin-bottom:16px;padding:18px}.modal-body .card .card-title{color:#1e293b;font-size:14px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.modal-body .card .form-label{color:#475569;font-size:12px;font-weight:600}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;font-size:1.6rem;letter-spacing:-.3px}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sales-stat-card{border:1px solid #f1f5f9;transition:transform .2s,box-shadow .2s}.sales-stat-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.sales-order-card{border:1px solid #f1f5f9;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.sales-order-card:hover{border-color:#bfdbfe;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.sales-client-card{border:1px solid #f1f5f9;cursor:pointer;transition:transform .2s,box-shadow .2s}.sales-client-card:hover{border-color:#dbeafe;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.sales-approval-card{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fef3c7;transition:box-shadow .2s}.sales-approval-card:hover{box-shadow:0 4px 15px #f59e0b26}.sales-quick-action{background:#fff;cursor:pointer;transition:transform .2s,box-shadow .2s}.sales-quick-action:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-3px)}.sales-tab{position:relative;transition:all .2s}.sales-tab:hover{background:#f1f5f9}.sales-tab.active{background:#eff6ff;color:#1d4ed8;font-weight:600}.sales-tab.active:after{background:#3b82f6;border-radius:2px;bottom:-12px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60%}.reminder-task-card{border:1px solid #e5e7eb;cursor:pointer;transition:transform .2s,box-shadow .2s}.reminder-task-card:hover{border-color:#93c5fd;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.reminder-task-card.overdue{border-left:4px solid #ef4444}.reminder-task-card.due-today{border-left:4px solid #f59e0b}.reminder-task-card.upcoming{border-left:4px solid #3b82f6}.reminder-task-card.completed{border-left:4px solid #10b981;opacity:.75}.maintenance-stat{cursor:default;transition:transform .2s}.maintenance-stat:hover{transform:translateY(-2px)}.client-card{border:1px solid #f1f5f9;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.client-card:hover{border-color:#dbeafe;box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.empty-state-card{align-items:center;background:#fff;border:2px dashed #e5e7eb;border-radius:12px;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.empty-state-card p{font-size:15px;margin-top:12px}.modal-content-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:20px}.modal-content-card h4{color:#1e293b;font-size:14px;font-weight:700;letter-spacing:.03em;margin:0 0 12px;text-transform:uppercase}.info-row{border-bottom:1px solid #f3f4f6;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.info-row:last-child{border-bottom:none}.info-label{color:#6b7280;font-weight:500}.info-value{color:#1e293b;font-weight:600}.hover\:bg-blue-50:hover{--tw-bg-opacity:1!important;background-color:#eff6ff!important;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))!important}.hover\:bg-gray-100:hover{--tw-bg-opacity:1!important;background-color:#f3f4f6!important;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))!important}.hover\:bg-gray-50:hover{--tw-bg-opacity:1!important;background-color:#f9fafb!important;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))!important}@media (min-width:768px){.md\:col-span-4{grid-column:span 4/span 4!important}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}}[dir=rtl] .sidebar{border-left:1px solid #e2e8f0;border-right:none;left:auto;right:0}[dir=rtl] .main-content{margin-left:0;margin-right:240px}[dir=rtl] .sidebar-logo{flex-direction:row-reverse}[dir=rtl] .nav-item svg{margin-left:12px;margin-right:0}[dir=rtl] .nav-item{flex-direction:row-reverse}[dir=rtl] .nav-section-title{text-align:right}[dir=rtl] .form-group label{display:block;text-align:right}[dir=rtl] .card,[dir=rtl] .table td,[dir=rtl] .table th{text-align:right}[dir=rtl] .stats-grid{direction:rtl}[dir=rtl] .stat-card{text-align:right}[dir=rtl] .search-box svg{left:auto;right:12px}[dir=rtl] .search-box input{padding-left:12px;padding-right:40px}[dir=rtl] .modal-content{text-align:right}[dir=rtl] .modal-header{flex-direction:row-reverse}[dir=rtl] .btn svg{margin-left:8px;margin-right:0}[dir=rtl] .action-buttons,[dir=rtl] .breadcrumb,[dir=rtl] .btn,[dir=rtl] .filter-bar,[dir=rtl] .form-row,[dir=rtl] .tabs{flex-direction:row-reverse}[dir=rtl] .sidebar-footer{text-align:right}[dir=rtl] .settings-layout{flex-direction:row-reverse}[dir=rtl] .settings-sidebar{border-left:1px solid #e2e8f0;border-right:none}[dir=rtl] .settings-tab{flex-direction:row-reverse;text-align:right}[dir=rtl] .settings-tab svg{margin-left:12px;margin-right:0}[dir=rtl] .profile-header{flex-direction:row-reverse}[dir=rtl] .table-container{overflow-x:auto}[dir=rtl] .amount,[dir=rtl] .money,[dir=rtl] .numeric{direction:ltr;display:inline-block}[dir=rtl] .sidebar-header{flex-direction:row-reverse}[dir=rtl] .stat-icon{margin-left:16px;margin-right:0}[dir=rtl] .section-card{text-align:right}[dir=rtl] .entry-row{flex-direction:row-reverse}[dir=rtl] .entry-number{margin-left:12px;margin-right:0}[dir=rtl] .entry-amount{text-align:left}[dir=rtl] .sidebar-nav{padding-right:0}[dir=rtl] div:not(.money):not(.amount):not(.numeric),[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] label,[dir=rtl] li,[dir=rtl] p,[dir=rtl] span,[dir=rtl] td,[dir=rtl] th{text-align:right}[dir=rtl] .page-header{flex-direction:row-reverse;text-align:right}[dir=rtl] .page-container{direction:rtl}[dir=rtl] .page-title,[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea{text-align:right}[dir=rtl] input[type=email],[dir=rtl] input[type=number],[dir=rtl] input[type=tel]{direction:ltr;text-align:right}[dir=rtl] .flex,[dir=rtl] .flex-row{flex-direction:row-reverse}[dir=rtl] .space-x-2>*,[dir=rtl] .space-x-3>*,[dir=rtl] .space-x-4>*{margin-left:0}[dir=rtl] .ml-auto{margin-left:0;margin-right:auto}[dir=rtl] .mr-auto{margin-left:auto;margin-right:0}[dir=rtl] .mr-2{margin-left:.5rem;margin-right:0}[dir=rtl] .ml-2{margin-left:0;margin-right:.5rem}[dir=rtl] .pl-2{padding-left:0;padding-right:.5rem}[dir=rtl] .pr-2{padding-left:.5rem;padding-right:0}[dir=rtl] .justify-start{justify-content:flex-end}[dir=rtl] .justify-end{justify-content:flex-start}[dir=rtl] .dropdown-menu,[dir=rtl] [class*=dropdown]{text-align:right}[dir=rtl] select{background-position:left .5rem center;padding-left:30px;padding-right:12px}[dir=rtl] .checkbox-label,[dir=rtl] [class*=checkbox]{flex-direction:row-reverse}[dir=rtl] table{direction:rtl}[dir=rtl] .action-bar,[dir=rtl] .data-table-header{flex-direction:row-reverse}[dir=rtl] .stat-label,[dir=rtl] .stat-value{text-align:right}[dir=rtl] .flex.items-center.gap-2,[dir=rtl] .section-header,[dir=rtl] [class*=flex] [class*=gap]{flex-direction:row-reverse}[dir=rtl] [class*=badge],[dir=rtl] [class*=data-table]{direction:rtl}[dir=rtl] td[class*=amount],[dir=rtl] td[class*=balance],[dir=rtl] td[class*=cost],[dir=rtl] td[class*=currency],[dir=rtl] td[class*=numeric],[dir=rtl] td[class*=price]{direction:ltr;text-align:right}