@import"https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;600;700&display=swap";.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.bottom-4{bottom:1rem}.left-0{left:0}.left-4{left:1rem}.right-0{right:0}.right-2{right:.5rem}.top-16{top:4rem}.top-2{top:.5rem}.mb-0{margin-bottom:0}.mb-3{margin-bottom:.75rem}.mb-8{margin-bottom:2rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mr-4{margin-right:1rem}.mt-0\.5{margin-top:.125rem}.mt-1\.5{margin-top:.375rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1 / 1}.h-10{height:2.5rem}.h-12{height:3rem}.h-2{height:.5rem}.h-20{height:5rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-6{height:1.5rem}.h-px{height:1px}.max-h-24{max-height:6rem}.max-h-32{max-height:8rem}.max-h-80{max-height:20rem}.max-h-96{max-height:24rem}.max-h-\[90vh\]{max-height:90vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-2{width:.5rem}.w-20{width:5rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-6{width:1.5rem}.min-w-0{min-width:0px}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-\[120px\]{max-width:120px}.max-w-\[150px\]{max-width:150px}.max-w-full{max-width:100%}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-grab{cursor:grab}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.gap-1\.5{gap:.375rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-y-1{row-gap:.25rem}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.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-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * 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))}.self-start{align-self:flex-start}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.whitespace-normal{white-space:normal}.whitespace-pre-wrap{white-space:pre-wrap}.break-all{word-break:break-all}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-l-4{border-left-width:4px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-amber-200{--tw-border-opacity: 1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}.border-amber-500{--tw-border-opacity: 1;border-color:rgb(245 158 11 / var(--tw-border-opacity, 1))}.border-blue-100{--tw-border-opacity: 1;border-color:rgb(219 234 254 / 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-300{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-500{--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.border-l-gray-200{--tw-border-opacity: 1;border-left-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-300{--tw-bg-opacity: 1;background-color:rgb(147 197 253 / var(--tw-bg-opacity, 1))}.bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / 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-50\/50{background-color:#eff6ff80}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / 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-200{--tw-bg-opacity: 1;background-color:rgb(187 247 208 / 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-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-200{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-teal-100{--tw-bg-opacity: 1;background-color:rgb(204 251 241 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/80{background-color:#fffc}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-200{--tw-bg-opacity: 1;background-color:rgb(254 240 138 / var(--tw-bg-opacity, 1))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.bg-opacity-20{--tw-bg-opacity: .2}.bg-opacity-30{--tw-bg-opacity: .3}.bg-opacity-95{--tw-bg-opacity: .95}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.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-gray-100{--tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-50{--tw-gradient-from: #f9fafb var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-gray-200{--tw-gradient-to: #e5e7eb var(--tw-gradient-to-position)}.to-purple-700{--tw-gradient-to: #7e22ce var(--tw-gradient-to-position)}.to-white{--tw-gradient-to: #fff var(--tw-gradient-to-position)}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-2\.5{padding:.625rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-20{padding-bottom:5rem}.pb-4{padding-bottom:1rem}.pl-3{padding-left:.75rem}.pl-8{padding-left:2rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.6rem\]{font-size:.6rem}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-5{line-height:1.25rem}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-wider{letter-spacing:.05em}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-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-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.text-purple-800{--tw-text-opacity: 1;color:rgb(107 33 168 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / 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-teal-700{--tw-text-opacity: 1;color:rgb(15 118 110 / var(--tw-text-opacity, 1))}.text-teal-800{--tw-text-opacity: 1;color:rgb(17 94 89 / var(--tw-text-opacity, 1))}.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))}.underline{text-decoration-line:underline}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.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-\[0_-4px_6px_-1px_rgba\(0\,0\,0\,0\.1\)\]{--tw-shadow: 0 -4px 6px -1px rgba(0,0,0,.1);--tw-shadow-colored: 0 -4px 6px -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)}.outline{outline-style:solid}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));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)}.drop-shadow-lg{--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));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)}.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}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{font-family:Sarabun,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;font-size:102.5%;min-width:320px;min-height:100vh;background-color:#f9fafb;color:#1f2937;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@supports (-webkit-touch-callout: none){body{min-height:-webkit-fill-available}}.animate-spin{transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}#root{width:100%;margin:0 auto}button{font-family:inherit;font-size:.875rem;font-weight:500;cursor:pointer;border:none;border-radius:.5rem;transition:all .2s ease-in-out;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;outline:none;position:relative;overflow:hidden}button:focus{box-shadow:0 0 0 2px #3b82f680}button:disabled{opacity:.6;cursor:not-allowed}.btn-primary,button.bg-blue-600,.px-4.py-2.bg-blue-600,.px-6.py-3.bg-blue-600{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:.75rem 1.5rem;font-weight:600;box-shadow:0 4px 6px -1px #3b82f64d}.btn-primary:hover,button.bg-blue-600:hover,.px-4.py-2.bg-blue-600:hover,.px-6.py-3.bg-blue-600:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 8px 12px -2px #3b82f666}.btn-secondary,.px-4.py-2.text-gray-600.border{background:#fff;color:#6b7280;padding:.75rem 1.5rem;border:2px solid #e5e7eb;font-weight:500}.btn-secondary:hover,.px-4.py-2.text-gray-600.border:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.bg-green-600{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.75rem 1.5rem;font-weight:600;box-shadow:0 4px 6px -1px #10b9814d}.bg-green-600:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 8px 12px -2px #10b98166}.bg-red-600{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:.75rem 1.5rem;font-weight:600;box-shadow:0 4px 6px -1px #ef44444d}.bg-red-600:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 8px 12px -2px #ef444466}.bg-orange-600{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.75rem 1.5rem;font-weight:600;box-shadow:0 4px 6px -1px #f59e0b4d}.bg-orange-600:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 8px 12px -2px #f59e0b66}input[type=text],input[type=password],input[type=email],input[type=number],input[type=date],textarea,select{width:100%;padding:.875rem 1rem;border:2px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;font-family:inherit;background:#fff;transition:all .2s ease-in-out;outline:none}input[type=text]:focus,input[type=password]:focus,input[type=email]:focus,input[type=number]:focus,input[type=date]:focus,textarea:focus,select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fefefe}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:1rem;padding:2rem;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease-out;border:1px solid rgba(255,255,255,.1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #f59e0b}.status-approved{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #10b981}.status-rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #ef4444}table{width:100%;border-collapse:collapse;background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;table-layout:fixed;max-width:100%}th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:1rem;text-align:left;font-weight:600;color:#475569;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e2e8f0}td{padding:1rem;border-bottom:1px solid #f1f5f9;color:#374151}tr:hover{background:#3b82f605}tr:last-child td{border-bottom:none}.overflow-x-auto{overflow-x:auto;max-width:100vw;-webkit-overflow-scrolling:touch}table th,table td{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;min-width:0;max-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.truncate-2-lines{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:modalFadeIn .3s ease-out;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}@keyframes modalFadeIn{0%{opacity:0;background-color:#0000}to{opacity:1;background-color:#000000d9}}.item-detail-modal-content{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:48rem;height:85vh;max-height:900px;min-height:500px;display:flex;flex-direction:column;position:relative;overflow:hidden;animation:modalSlideUp .3s ease-out;border:none;outline:none}.fullimage-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000f2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.fullimage-modal-content{position:relative;width:95vw;height:95vh;display:flex;align-items:center;justify-content:center}.fullimage-modal-image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:4px;box-shadow:0 20px 60px #00000080}.fullimage-modal-buttons{position:absolute;top:1rem;right:1rem;display:flex;gap:.75rem;z-index:10001}.fullimage-modal-button{background:#fffffff2;border:none;border-radius:8px;padding:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 12px #0000004d}.fullimage-modal-button:hover{background:#fff;transform:scale(1.05)}.fullimage-modal-button:active{transform:scale(.95)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.fullimage-modal-buttons{top:.5rem;right:.5rem;gap:.5rem}.fullimage-modal-button{padding:.5rem}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-hero-image{height:40%;flex-shrink:0;position:relative;overflow:hidden;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:0;box-shadow:none;width:100%;max-width:100%}.modal-hero-image img{border-radius:0;position:relative;z-index:1}.modal-hero-image button,.modal-hero-image>div{z-index:100!important;position:absolute!important;pointer-events:auto!important}.modal-content-section{flex:1;overflow-y:auto;overflow-x:hidden;flex-shrink:0;background:#fff!important;border-radius:0;border:none;box-shadow:none;outline:none;min-height:0}.modal-content-section{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.modal-content-section::-webkit-scrollbar{width:8px}.modal-content-section::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0}.modal-content-section::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.modal-content-section::-webkit-scrollbar-thumb:hover{background:#555}.modal-info-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:1rem!important}.modal-close-button{width:40px!important;height:40px!important;flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;position:absolute!important;top:12px!important;right:12px!important;z-index:101!important}.modal-badge-container{position:absolute!important;top:12px!important;left:12px!important;z-index:100!important;max-width:calc(100% - 120px)!important;display:flex!important;flex-wrap:nowrap!important;gap:4px!important;flex-shrink:0!important}.mySlides{display:none;border-radius:20px 20px 0 0}.mySlides.hidden{display:none!important}.modal-hero-image .mySlides:first-child{display:block}.modal-hero-image .w3-left{position:absolute!important;left:16px!important;top:50%!important;transform:translateY(-50%)!important;cursor:pointer;width:auto;padding:12px 16px;color:#fff;font-weight:700;font-size:20px;transition:.3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:20!important}.modal-hero-image .w3-right{position:absolute!important;right:16px!important;top:50%!important;transform:translateY(-50%)!important;cursor:pointer;width:auto;padding:12px 16px;color:#fff;font-weight:700;font-size:20px;transition:.3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:20!important}.w3-left:hover,.w3-right:hover{background-color:#000c!important}.w3-badge{cursor:pointer;height:13px;width:13px;padding:0;margin:0 2px;background-color:#ffffff80;border-radius:50%;display:inline-block;transition:background-color .3s ease;border:1px solid white}.w3-badge:hover,.w3-badge.w3-white{background-color:#fff}.modal-no-image{height:40%;flex-shrink:0;position:relative;overflow:hidden;background:linear-gradient(135deg,#9ca3af,#6b7280);display:flex;align-items:center;justify-content:center;border-radius:0;box-shadow:none}.modal-content-section{background:#fff!important;color:#1f2937!important;color-scheme:light!important}.modal-content-section *,.modal-content-section span,.modal-content-section p,.modal-content-section h4,.modal-content-section h5{color:#1f2937!important}.modal-content-section .text-gray-500{color:#6b7280!important}.modal-content-section .text-gray-600{color:#4b5563!important}.modal-content-section .text-gray-900{color:#1f2937!important}.modal-content-section .text-blue-600{color:#2563eb!important}.modal-content-section .text-green-600{color:#16a34a!important}.modal-content-section .bg-gray-50{background-color:#f9fafb!important}.modal-dots-section{background:#fff!important;border-bottom:1px solid #e5e7eb;flex-shrink:0}.modal-action-buttons{display:flex!important;width:100%!important;gap:.5rem;align-items:center}.modal-action-buttons .flex-1{flex:1 1 auto!important}@media (max-width: 768px){.modal-overlay{padding:.5rem}.modal-content{max-width:95vw;height:85vh;min-height:auto;border-radius:16px}}.table-col-name{width:25%;min-width:150px}.table-col-quantity,.table-col-price{width:12%;min-width:100px}.table-col-category{width:10%;min-width:80px}.table-col-status{width:12%;min-width:100px}.table-col-purchaser{width:20%;min-width:160px}.table-col-actions{width:12%;min-width:100px}.table-col-files{width:8%;min-width:70px}.table-col-menu{width:10%;min-width:100px}.table-col-evidence{width:70px;min-width:70px}.dropdown-menu{position:fixed;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:9999;min-width:12rem;padding:.5rem 0;margin:.25rem 0}.dropdown-menu-item{width:100%;text-align:left;padding:.5rem 1rem;font-size:.875rem;color:#374151;background:transparent;border:none;cursor:pointer;transition:background-color .15s ease-in-out;display:flex;align-items:center;gap:.5rem}.dropdown-menu-item:hover{background-color:#f3f4f6}.dropdown-menu-item.text-green-700:hover{background-color:#f0fdf4}.dropdown-menu-item.text-red-700:hover{background-color:#fef2f2}.dropdown-menu-item.text-orange-700:hover{background-color:#fff7ed}.dropdown-menu-item:disabled{opacity:.5;cursor:not-allowed}.dropdown-menu-item:disabled:hover{background-color:transparent}@media (max-width: 767px){.min-w-full{min-width:100%!important;max-width:100%!important}}@media (max-width: 767px){.item-list-description.hidden,.hidden.md\:block{display:none!important}.table-col-name{width:100%!important;min-width:0!important}.total-sum-display-box{padding:6px 8px!important;white-space:normal!important;overflow:hidden!important}.total-sum-display-box .sum-amount{font-size:.75rem!important}}.grid{width:100%;max-width:100%;box-sizing:border-box}@media (max-width: 768px){.sm\:grid-cols-2,.md\:grid-cols-4{grid-template-columns:repeat(1,minmax(0,1fr))!important;gap:.5rem}}.max-w-7xl{max-width:80rem;padding-left:1rem;padding-right:1rem;margin-left:auto;margin-right:auto}@media (max-width: 767px){html,body{overflow-x:hidden;max-width:100vw}}.card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.card:hover{transform:translateY(-2px);box-shadow:0 12px 24px -4px #00000026}.card-clickable{cursor:pointer}.card-clickable:hover{transform:translateY(-4px);box-shadow:0 20px 40px -8px #0003}.app-header{background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}.nav-button{padding:.75rem 1rem;border-radius:.5rem;color:#e5e7eb;transition:all .2s ease;background:transparent;border:none;font-weight:500}.nav-button:hover{background:#ffffff1a;color:#fff}.min-h-screen{min-height:100vh}.bg-gray-50{background-color:#f9fafb}.bg-white{background-color:#fff}.text-white{color:#fff}.text-gray-900{color:#111827}.text-gray-600{color:#4b5563}.text-gray-500{color:#6b7280}.text-blue-600{color:#2563eb}.text-green-600{color:#059669}.text-red-600{color:#dc2626}.text-yellow-800{color:#92400e}.text-green-800{color:#065f46}.text-red-800{color:#991b1b}.text-blue-800{color:#1e40af}.text-purple-600{color:#9333ea}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-6{margin-top:1.5rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-16{width:4rem}.w-full{width:100%}.h-4{height:1rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-16{height:4rem}.max-w-md{max-width:28rem}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.border{border:1px solid #d1d5db}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a}.text-xxs{font-size:.625rem;line-height:.875rem}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.space-x-2>*+*{margin-left:.5rem}.space-x-4>*+*{margin-left:1rem}.space-x-6>*+*{margin-left:1.5rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.cursor-pointer{cursor:pointer}.hover\:bg-gray-50:hover{background-color:#f9fafb}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:bg-gray-700:hover{background-color:#374151}.hover\:text-blue-800:hover{color:#1e40af}.hover\:text-green-800:hover{color:#065f46}.hover\:text-red-800:hover{color:#991b1b}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px #0000001a}.transition-colors{transition:color .15s ease-in-out,background-color .15s ease-in-out}.transition-shadow{transition:box-shadow .15s ease-in-out}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-blue-600{--tw-gradient-from: #2563eb;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(37, 99, 235, 0))}.to-purple-700{--tw-gradient-to: #7c3aed}.bg-blue-50{background-color:#eff6ff}.bg-green-50{background-color:#f0fdf4}.bg-yellow-50{background-color:#fefce8}.bg-purple-50{background-color:#faf5ff}.bg-red-50{background-color:#fef2f2}.bg-gray-800{background-color:#1f2937}.bg-blue-100{background-color:#dbeafe}.bg-green-100{background-color:#dcfce7}.bg-yellow-100{background-color:#fef3c7}.bg-red-100{background-color:#fee2e2}.bg-gray-100{background-color:#f3f4f6}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}input[type=file]{width:100%;padding:.875rem 1rem;border:2px dashed #d1d5db;border-radius:.5rem;font-size:.875rem;font-family:inherit;background:#fff;transition:all .2s ease-in-out;outline:none;cursor:pointer}input[type=file]:hover{border-color:#9ca3af;background:#f9fafb}.hidden{display:none}input[type=checkbox]{width:1rem;height:1rem;border:2px solid #d1d5db;border-radius:.25rem;background:#fff;cursor:pointer}input[type=checkbox]:checked{background:#3b82f6;border-color:#3b82f6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.loading-spinner{border:3px solid #f3f4f6;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.project-status-pill{display:inline-block;padding:2px 10px 1px;font-size:.9rem;font-weight:500;border-radius:9999px;white-space:nowrap;line-height:1.4;text-align:center;vertical-align:middle}.table-status-pill{padding:1px 8px;display:inline-flex;align-items:center;font-size:.75rem;line-height:1.25;font-weight:600;border-radius:9999px;white-space:nowrap}.custom-user-name{line-height:1.15!important;margin-bottom:0!important}.custom-user-role{line-height:1.15!important;margin-top:0!important}.project-header-btn{display:inline-flex;align-items:center;padding:8px 16px;font-size:.875rem;font-weight:500;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease-in-out;text-decoration:none;outline:none;position:relative;overflow:hidden}.project-header-btn:focus{outline:none;box-shadow:none}.project-header-btn-green{background-color:#059669;color:#fff}.project-header-btn-green:hover{background-color:#047857}.project-header-btn-red{background-color:#dc2626;color:#fff}.project-header-btn-red:hover{background-color:#b91c1c}.project-header-btn-blue{background-color:#2563eb;color:#fff}.project-header-btn-blue:hover{background-color:#1d4ed8}.project-header-btn-icon{width:12px;height:12px;margin-right:8px}div.project-budget-summary{background:linear-gradient(to right,#eff6ff,#f0fdf4);border:1px solid #dbeafe;border-radius:.5rem;padding:3px 12px!important;display:flex;align-items:center;gap:12px!important;margin-left:16px;outline:none;min-height:unset!important;height:-moz-fit-content!important;height:fit-content!important;max-height:44px!important}.project-budget-summary:focus{outline:none;box-shadow:none}.budget-section{padding:1px 0;display:flex;align-items:center;gap:6px!important}.budget-section-icon{width:18px!important;height:18px!important}.budget-section-label{font-size:.75rem!important;color:#4b5563;white-space:nowrap;line-height:1.25!important;margin:0!important}.budget-section-value{font-size:1rem!important;font-weight:600;line-height:1.25!important;margin:0!important}.budget-value-green{color:#059669}.budget-value-red{color:#b91c1c}.budget-divider{width:1px;height:18px!important;background-color:#d1d5db;align-self:center}.budget-status-dot{width:10px;height:10px;border-radius:50%}.budget-status-dot-green{background-color:#10b981}.budget-status-dot-red{background-color:#ef4444}.budget-usage-badge{font-size:.75rem!important;font-weight:500;padding:2px 6px!important;border-radius:.25rem;line-height:1.25!important;margin:0!important}.budget-usage-green{background-color:#d1fae5;color:#065f46}.budget-usage-yellow{background-color:#fef3c7;color:#92400e}.budget-usage-red{background-color:#fee2e2;color:#991b1b}.budget-overspend{font-size:.75rem;color:#dc2626;font-weight:500;margin-left:4px}.project-header-container{position:relative;margin-bottom:1.5rem}.project-back-button{position:absolute;left:-60px;top:8px;z-index:10;padding:8px;background-color:#f3f4f6;border:none;border-radius:50%;cursor:pointer;transition:background-color .2s ease-in-out;outline:none}.project-back-button:hover{background-color:#e5e7eb}.project-back-button:focus{outline:none;box-shadow:none}.project-back-icon{width:20px;height:20px;color:#374151}.project-info-section{padding-left:0}.project-title-row{display:flex;align-items:center;gap:16px;margin-bottom:4px}.project-badges-row{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.project-title{font-size:2.25rem;font-weight:700;color:#1f2937;margin:0;line-height:1.2}.project-description{color:#6b7280;font-size:1rem;margin:0 0 12px;line-height:1.4}.project-teams-row{display:flex;align-items:center;gap:8px;margin-bottom:16px}.project-teams-label{font-size:.875rem;color:#6b7280}.project-team-badge{padding:4px 8px;background-color:#f3f4f6;color:#4b5563;font-size:.875rem;border-radius:.25rem}.project-status-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:8px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.project-status-active{background-color:#d1fae5;color:#065f46}.project-status-closed{background-color:#f3f4f6;color:#374151}.project-deadline-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:8px;font-size:.75rem;font-weight:500}.project-deadline-overdue{background-color:#fee2e2;color:#991b1b}.project-deadline-warning{background-color:#fef3c7;color:#92400e}.project-deadline-normal{background-color:#dbeafe;color:#1e40af}.balance-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:.5rem;padding:.75rem;margin-top:1rem}.balance-warning-text{color:#92400e;font-size:.875rem;font-weight:500}.unbalanced-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:2px 8px;border-radius:.25rem;font-size:.75rem;font-weight:600;border:1px solid #f59e0b}.balance-clear-button{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease-in-out;display:inline-flex;align-items:center;gap:.5rem}.balance-clear-button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 8px #8b5cf64d}.balance-warning-icon{color:#f59e0b;font-size:.875rem;margin-left:.25rem}.bg-purple-600{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:.75rem 1.5rem;font-weight:600;box-shadow:0 4px 6px -1px #8b5cf64d}.bg-purple-600:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 8px 12px -2px #8b5cf666}.bg-purple-100{background-color:#f3e8ff}.text-purple-800{color:#6b21a8}.balance-positive{color:#059669;font-weight:600}.balance-negative{color:#dc2626;font-weight:600}.balance-zero{color:#6b7280;font-weight:500}.project-close-warning{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #ef4444;border-radius:.5rem;padding:1rem;margin:1rem 0}.project-close-warning-title{color:#991b1b;font-weight:600;font-size:1rem;margin-bottom:.5rem}.project-close-warning-text{color:#dc2626;font-size:.875rem;line-height:1.5}.add-item-modal-content{background-color:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;overflow:hidden;display:flex;flex-direction:column;transition:max-width .3s ease-in-out}.add-item-modal-content:not(.is-previewing){max-width:36rem}.add-item-modal-content.is-previewing{max-width:80rem}.modal-body-columns-container{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}@media (min-width: 768px){.add-item-modal-content.is-previewing .modal-body-columns-container{flex-direction:row;gap:2rem}}.modal-form-column{width:100%;max-height:calc(100vh - 20rem);overflow-y:auto;padding-right:.5rem}.modal-form-column>*+*{margin-top:1rem}@media (min-width: 768px){.add-item-modal-content.is-previewing .modal-form-column{width:40%;min-width:0;flex-shrink:0}}.modal-preview-column{width:100%;margin-top:1rem;padding:.75rem;background-color:#f9fafb;border-top:1px solid #e5e7eb;border-radius:.5rem;display:flex;flex-direction:column;max-height:calc(100vh - 20rem);min-width:0;overflow:hidden}@media (min-width: 768px){.add-item-modal-content:not(.is-previewing) .modal-preview-column{display:none}.add-item-modal-content.is-previewing .modal-preview-column{display:flex;width:60%;margin-top:0;border-top:none;border-left:1px solid #e5e7eb}}.attachment-display-area{flex-grow:1;background-color:#fff;border:1px solid #e2e8f0;border-radius:.25rem;padding:.5rem;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:200px;position:relative}.attachment-image-preview{display:block;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:.25rem}.attachment-iframe-preview{width:100%;height:100%;border:none}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.summary-tab-container{padding:1.5rem;margin-top:.5rem;background-color:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:1.5rem}.summary-tab-main-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.summary-tab-no-data{color:#4b5563}.purchaser-summary-block{padding:.75rem 1.5rem 1.5rem;background-color:#f9fafb;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid #e5e7eb}.purchaser-header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}@media (min-width: 640px){.purchaser-header{flex-direction:row;align-items:center}}.purchaser-name{font-size:1.375rem;font-weight:600;color:#1f2937}.purchaser-details{font-size:.875rem;color:#6b7280}.balance-status-pill{margin-top:.5rem;padding:.25rem .75rem;font-size:.875rem;font-weight:500;border-radius:9999px}@media (min-width: 640px){.balance-status-pill{margin-top:0}}.status-unbalanced{background-color:#fee2e2;color:#991b1b}.status-balanced{background-color:#dcfce7;color:#065f46}.fund-details-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.75rem;margin-bottom:1rem;font-size:.75rem}@media (min-width: 768px){.fund-details-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.fund-detail-item{padding:.25rem .6rem;border-radius:.5rem;height:5rem;display:flex;flex-direction:column;justify-content:center}.fund-label{color:#4b5563;margin-bottom:0;font-size:.875rem;line-height:1.2}.fund-value{font-size:1.25rem;font-weight:700;line-height:1.2}.fund-allocated .fund-label{color:#1d4ed8}.fund-allocated .fund-value{color:#2563eb}.fund-allocated{background-color:#eff6ff}.fund-spent .fund-label{color:#b91c1c}.fund-spent .fund-value{color:#dc2626}.fund-spent{background-color:#fee2e2}.fund-remaining-positive .fund-label{color:#047857}.fund-remaining-positive .fund-value{color:#059669}.fund-remaining-positive{background-color:#f0fdf4}.fund-remaining-negative .fund-label{color:#c2410c}.fund-remaining-negative .fund-value{color:#ea580c}.fund-remaining-negative{background-color:#fff7ed}.clear-balance-action{margin-bottom:1rem}.clear-balance-button{display:inline-flex;align-items:center;padding:.375rem .75rem;border:1px solid transparent;font-size:.75rem;font-weight:500;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);cursor:pointer;transition:all .2s ease-in-out}.clear-balance-button:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)}add-item-button-spacing .button-icon{width:.875rem;height:.875rem;margin-right:.375rem}.purchased-items-section{margin-top:1rem}.purchased-items-title{font-size:1rem;font-weight:600;color:#374151;margin-bottom:.5rem}.purchased-items-list{display:flex;flex-direction:column;gap:.375rem;max-height:12rem;overflow-y:auto;padding-right:.25rem}.purchased-item-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background-color:#fff;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.875rem}.item-name-details{flex-grow:1;font-weight:500;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-detail-snippet{color:#6b7280;margin-left:.25rem}.item-qty-unit,.item-date{color:#6b7280;margin-left:.5rem;margin-right:.5rem;flex-shrink:0;font-size:.875rem}.item-total-price{font-weight:600;color:#1f2937;flex-shrink:0;font-size:.875rem}.no-items-text{font-size:.875rem;color:#6b7280;font-style:italic}.purchased-items-list::-webkit-scrollbar{width:6px}.purchased-items-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.purchased-items-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.purchased-items-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.funding-modal-tabs-list{width:100%;margin-bottom:0;padding:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.funding-modal-tab{padding:.75rem 1.5rem;cursor:pointer;background-color:transparent;border:none;border-bottom:2px solid transparent;color:#6b7280;font-weight:500;font-size:.875rem;margin-right:.25rem;margin-bottom:-1px;transition:all .2s ease-in-out;border-radius:.375rem .375rem 0 0;white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content;position:relative;display:inline-flex!important;align-items:center;justify-content:center}.funding-modal-tab:hover{color:#3b82f6;background-color:#f9fafb}.funding-modal-tab.active{color:#3b82f6;font-weight:600;border-bottom-color:#3b82f6}.funding-modal-tab-content{padding-top:1rem;padding-bottom:1.5rem}.funding-modal-tabs-list button.funding-modal-tab{width:auto;flex-shrink:0}.item-detail-modal-content{display:flex!important;flex-direction:column!important;align-items:stretch!important}.modal-content{background:#fff!important;border-radius:1rem;padding:2rem;max-width:28rem;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease-out;border:1px solid rgba(255,255,255,.1)}.item-detail-modal-content>div{width:100%!important;box-sizing:border-box!important;flex-shrink:0!important}.item-detail-modal-content>div.flex-grow{flex-grow:1!important;flex-shrink:1!important;min-height:0}.fund-management-modal-content{max-width:56rem!important;width:95%!important}@media (max-width: 768px){.fund-management-modal-content{max-width:95vw!important;width:95vw!important;max-height:95vh!important;margin:1rem}.fund-management-modal-content .flex.sm\\:flex-row{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}.fund-management-modal-content .gap-3.flex-wrap{justify-content:flex-start!important;gap:.5rem!important}.funding-modal-tabs-list{overflow-x:auto;scrollbar-width:thin}.funding-modal-tab{padding:.5rem 1rem!important;font-size:.8rem!important;min-width:-moz-max-content!important;min-width:max-content!important}}@media (max-width: 480px){.fund-management-modal-content{max-width:100vw!important;width:100vw!important;max-height:100vh!important;border-radius:0!important;margin:0}.funding-modal-tab{padding:.5rem .75rem!important;font-size:.75rem!important}}.app-header-inner{height:4rem}.border-l-gray-200{border-left:1px solid #e5e7eb}.notification-badge-bg{background-color:#ef4444}@media (max-width: 768px){.app-header .max-w-7xl{padding-left:1rem;padding-right:1rem}.app-header-inner{flex-direction:column;height:auto;padding-top:.5rem;padding-bottom:.5rem;gap:.5rem}.app-header-title-block{margin-bottom:.5rem;width:100%;justify-content:center}.app-header-user-info{width:100%;text-align:center;margin-bottom:.5rem}.app-header-actions{width:100%;justify-content:center;padding-left:0;border-left:none;margin-top:.5rem}}@media (max-width: 480px){.app-header h1{font-size:1.125rem}.app-header .custom-user-name,.app-header .custom-user-role{font-size:.75rem}.app-header-actions button svg{width:1rem;height:1rem}.app-header-actions .p-2{padding:.375rem}.app-header-inner{gap:.25rem}}.profile-modal-hr{margin-top:1.5rem;margin-bottom:1.5rem;border:0;border-top:1px solid #e5e7eb}.table-body-border-top{border-top:1px solid #e5e7eb}.table-row-border-bottom{border-bottom:1px solid #e5e7eb}.user-management-table-container{overflow-x:auto}@media (max-width: 768px){.user-management-table-container table th,.user-management-table-container table td{padding-left:.75rem;padding-right:.75rem;white-space:nowrap}}.create-project-teams-select-box{max-height:10rem;overflow-y:auto}.attachment-image-preview-constrained{max-height:300px;max-width:100%;-o-object-fit:contain;object-fit:contain}.attachment-iframe-preview-constrained{min-height:300px;width:100%;height:100%}.btn-modal-action{padding:.5rem 1rem;font-size:.875rem}.app-navigation{background-color:#1f2937;color:#fff;padding:1rem}@media (max-width: 768px){.app-navigation .max-w-7xl>div{justify-content:center;flex-wrap:wrap;gap:.5rem}}.btn-clear-balance{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;padding:.5rem 1rem;font-weight:500;border-radius:.375rem;box-shadow:0 2px 4px -1px #8b5cf633;transition:all .2s ease-in-out;border:none;display:inline-flex;align-items:center;justify-content:center}.btn-clear-balance:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px 8px -1px #8b5cf64d;transform:translateY(-1px)}.btn-clear-balance:disabled{opacity:.6;cursor:not-allowed;background:#a78bfa;box-shadow:none;transform:none}.tab-group-container{display:flex;gap:.5rem;margin-bottom:1.5rem;background-color:#f3f4f6;padding:.25rem;border-radius:.5rem}.tab-button{padding:.75rem 1.5rem;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:background-color .2s ease-in-out,color .2s ease-in-out,box-shadow .2s ease-in-out;color:#4b5563;background-color:transparent;border:none;display:inline-flex;align-items:center;gap:.5rem}.tab-button:hover{color:#111827}.tab-button-active{background-color:#fff;color:#2563eb;box-shadow:0 1px 2px #0000000d}.tab-button-active:hover{background-color:#fff;color:#1d4ed8}.tab-button-icon{width:1rem;height:1rem}.tab-button-badge{margin-left:.5rem;padding:.125rem .5rem;font-size:.75rem;border-radius:9999px}.tab-badge-blue{background-color:#dbeafe;color:#1e40af}.tab-badge-green{background-color:#dcfce7;color:#065f46}.tab-badge-purple{background-color:#f3e8ff;color:#6b21a8}.filter-bar-container{padding:1rem;background-color:#f3f4f6;border-radius:.5rem;box-shadow:0 1px 3px #0000001a}.filter-input{padding:.5rem}.table-action-button{padding:.375rem;border-radius:.375rem;transition:background-color .15s ease-in-out,color .15s ease-in-out;background-color:transparent;border:none}.table-action-button svg{width:1rem;height:1rem}.table-action-edit{color:#2563eb}.table-action-edit:hover{background-color:#dbeafe;color:#1d4ed8}.table-action-approve{color:#059669}.table-action-approve:hover{background-color:#dcfce7;color:#047857}.table-action-reject{color:#dc2626}.table-action-reject:hover{background-color:#fee2e2;color:#b91c1c}.table-action-delete{color:#6b7280}.table-action-delete:hover{background-color:#fee2e2;color:#dc2626}.btn-fund-add{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.5rem 1.5rem;font-weight:600;border-radius:.375rem;box-shadow:0 4px 6px -1px #10b9814d;transition:all .2s ease-in-out;display:inline-flex;align-items:center;justify-content:center;border:none}.btn-fund-add:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 8px 12px -2px #10b98166}.btn-fund-add:disabled{opacity:.6;cursor:not-allowed;background:#059669;box-shadow:none;transform:none}@media (max-width: 480px){.fund-allocation-controls{flex-direction:column;align-items:stretch;gap:.5rem}.fund-allocation-controls>div{width:100%}}.login-error-box{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;padding:.75rem;margin-top:1rem;margin-bottom:1rem}.login-error-text{color:#b91c1c;font-size:.875rem}.btn-login-submit{width:100%;padding-top:.75rem;padding-bottom:.75rem}@media (max-width: 400px){.login-card{padding:1.5rem}.login-card h1{font-size:1.25rem}.login-card .text-gray-600{font-size:.875rem}.login-screen-container{padding:.5rem}}.project-card-border{border:1px solid #e5e7eb}.project-card-border-hover:hover{border-color:#93c5fd}.project-card-footer-border-top{border-top:1px solid #f3f4f6}.bg-simple-red-500{background-color:#ef4444}.bg-simple-yellow-500{background-color:#f59e0b}.bg-simple-green-500{background-color:#10b981}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.project-card-list-grid{display:grid;gap:1.5rem;padding:1.5rem}@media (min-width: 640px){.project-card-list-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width: 768px){.project-card-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.project-card-list-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.project-card-title-section{flex:1}.project-card-title{font-size:1.125rem;font-weight:600;color:#111827}.project-card-description{font-size:.875rem;color:#4b5563;margin-bottom:.75rem}.project-card-budget-info{margin-bottom:1rem}.project-card-budget-text{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.project-card-budget-label{font-size:.875rem;color:#4b5563}.project-card-budget-value{font-size:.875rem;font-weight:500}.project-card-budget-bar-bg{width:100%;background-color:#e5e7eb;border-radius:9999px;height:.5rem}.project-card-budget-bar-fg{height:.5rem;border-radius:9999px;transition:all .3s ease-in-out}.project-card-budget-percentage{font-size:.75rem;color:#6b7280;margin-top:.25rem}.project-card-stats-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;margin-bottom:1rem}@media (min-width: 400px){.project-card-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.project-card-stat-item{display:flex;align-items:center;gap:.5rem}.project-card-stat-icon{width:1rem;height:1rem}.project-card-stat-text-lg{font-size:.875rem;font-weight:500;color:#111827}.project-card-stat-text-sm{font-size:.75rem;color:#6b7280}.project-card-teams-section{margin-bottom:.5rem}.project-card-teams-flex{display:flex;align-items:center;gap:.5rem}.project-card-teams-icon{width:1rem;height:1rem;color:#9ca3af}.project-card-teams-tags{display:flex;flex-wrap:wrap;gap:.25rem}.project-card-team-tag{padding:.25rem .5rem;font-size:.75rem;border-radius:.25rem}.project-card-team-tag-blue{background-color:#dbeafe;color:#1e40af}.project-card-team-tag-gray{background-color:#f3f4f6;color:#4b5563}.project-card-deadline-flex{display:flex;align-items:center;gap:.5rem}.project-card-deadline-icon{width:1rem;height:1rem;color:#9ca3af}.project-card-deadline-text{font-size:.75rem}.project-card-deadline-overdue{color:#dc2626;font-weight:500}.project-card-deadline-warning{color:#f59e0b;font-weight:500}.project-card-deadline-normal{color:#4b5563}.project-card-footer{margin-top:1rem;padding-top:1rem}.project-card-footer-content{display:flex;justify-content:space-between;align-items:center}.project-card-created-date{font-size:.75rem;color:#6b7280}.project-card-view-button{padding:.25rem .75rem;background-color:#eff6ff;color:#2563eb;font-size:.75rem;border-radius:.25rem;transition:background-color .15s ease-in-out,color .15s ease-in-out;display:flex;align-items:center}.project-card-view-button:hover{background-color:#dbeafe}.project-card-view-button-icon{width:.75rem;height:.75rem;margin-right:.25rem}button.btn-primary.add-item-button-spacing{margin-top:.75rem!important;margin-bottom:.75rem!important}.item-list-name{font-size:1rem;font-weight:700;color:#111827}.item-list-description{font-size:.75rem;color:#4b5563;margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;max-width:18rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.item-detail-zero-font{font-size:.625rem!important;line-height:.875rem!important;color:#6b7280}.total-sum-display-box{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;padding:.6rem .75rem;min-height:42px;text-align:right}.sum-label{font-size:.8rem;font-weight:600;color:#374151;margin-bottom:.1rem;display:block}.sum-amount{font-size:1rem;font-weight:700;color:#2563eb;display:block;margin:0}.total-sum-display-box div[class*=flex] .sum-label{font-size:.75rem;font-weight:500;color:#4b5563;margin-right:.25rem;margin-bottom:0;display:inline}.total-sum-display-box div[class*=flex] .sum-amount{font-size:.875rem;font-weight:600;color:#1d4ed8;display:inline}.total-sum-display-box div[class*=flex]>span.text-gray-400{color:#9ca3af;align-self:center;line-height:1}.rejection-reason-text{font-size:.75rem;color:#dc2626;font-style:italic;margin-top:.25rem}.unit-price-text{font-size:.75rem;color:#6b7280}.attachment-preview-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .2s ease-out}.attachment-preview-modal{background:#fff;border-radius:1rem;width:95vw;max-width:1400px;height:90vh;max-height:900px;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease-out;display:flex!important;flex-direction:row!important}.attachment-preview-display{width:70%;background-color:#f8fafc;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.attachment-preview-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.attachment-preview-image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a}.attachment-preview-iframe{width:100%;height:100%;border:0;border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a}.attachment-preview-no-preview{text-align:center;color:#6b7280;padding:2rem}.attachment-preview-no-preview-icon{width:8rem;height:8rem;margin:0 auto 2rem;color:#9ca3af}.attachment-preview-no-preview-title{font-weight:500;font-size:1.25rem;margin-bottom:.5rem;color:#374151}.attachment-preview-no-preview-text{font-size:1rem;color:#6b7280}.attachment-preview-sidebar{width:30%;background-color:#fff;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;padding:1.5rem;overflow:hidden}.attachment-preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-shrink:0}.attachment-preview-title{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-preview-close-btn{padding:.5rem;color:#6b7280;background:transparent;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;flex-shrink:0}.attachment-preview-close-btn:hover{color:#374151;background-color:#f3f4f6}.attachment-preview-navigation{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:.75rem;background-color:#f9fafb;border-radius:.5rem;flex-shrink:0}.attachment-nav-btn{padding:.5rem 1rem;font-size:.875rem;color:#374151;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;box-shadow:0 1px 2px #0000000d}.attachment-nav-btn:hover{background-color:#f3f4f6;border-color:#9ca3af}.attachment-nav-counter{font-size:.875rem;color:#6b7280;font-weight:500}.attachment-preview-details{margin-bottom:1.5rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem;flex-shrink:0}.attachment-details-name{font-weight:600;color:#1f2937;margin-bottom:.5rem;word-break:break-word;line-height:1.4}.attachment-details-info{font-size:.875rem;color:#6b7280;margin-bottom:1rem}.attachment-download-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;text-decoration:none;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:all .2s ease;box-shadow:0 4px 6px -1px #3b82f64d}.attachment-download-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 8px 12px -2px #3b82f666;color:#fff}.attachment-preview-list-container{flex-grow:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.attachment-list-title{font-weight:500;font-size:.875rem;margin-bottom:.75rem;color:#374151;flex-shrink:0}.attachment-preview-list{flex-grow:1;overflow-y:auto;padding-right:.5rem;display:flex;flex-direction:column;gap:.5rem}.attachment-list-item{width:100%;text-align:left;padding:.75rem;border-radius:.5rem;font-size:.875rem;background:transparent;border:1px solid transparent;cursor:pointer;transition:all .2s ease}.attachment-list-item:hover{background-color:#f3f4f6;border-color:#e5e7eb}.attachment-list-item-active{background-color:#dbeafe;color:#1d4ed8;font-weight:600;border-color:#93c5fd;box-shadow:0 1px 2px #0000000d}.attachment-list-item-content{display:flex;align-items:center;gap:.5rem}.attachment-list-item-number{font-size:.75rem;color:#9ca3af;font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;flex-shrink:0}.attachment-list-item-active .attachment-list-item-number{color:#3b82f6}.attachment-list-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-grow:1}@media (prefers-color-scheme: dark){.attachment-preview-modal{background:#1e293b;color:#f1f5f9}.attachment-preview-display{background-color:#0f172a}.attachment-preview-sidebar{background-color:#1e293b;border-left-color:#475569}.attachment-preview-title{color:#f1f5f9}.attachment-preview-close-btn{color:#94a3b8}.attachment-preview-close-btn:hover{color:#f1f5f9;background-color:#475569}.attachment-preview-navigation{background-color:#334155}.attachment-nav-btn{background-color:#475569;border-color:#64748b;color:#f1f5f9}.attachment-nav-btn:hover{background-color:#334155}.attachment-nav-counter{color:#94a3b8}.attachment-preview-details{background-color:#334155}.attachment-details-name{color:#f1f5f9}.attachment-details-info{color:#94a3b8}.attachment-list-title{color:#e2e8f0}.attachment-list-item:hover{background-color:#475569}.attachment-list-item-active{background-color:#1e40af;color:#dbeafe}.attachment-preview-no-preview{color:#94a3b8}.attachment-preview-no-preview-title{color:#e2e8f0}}@media (max-width: 768px){.attachment-preview-modal{width:98vw;height:95vh;flex-direction:column}.attachment-preview-display{width:100%;height:60%}.attachment-preview-sidebar{width:100%;height:40%;border-left:none;border-top:1px solid #e5e7eb}.attachment-preview-navigation{flex-direction:column;gap:.5rem}.attachment-nav-counter{order:-1}}.project-budget-inline-summary{background:linear-gradient(to right,#eff6ff,#f0fdf4);border:1px solid #dbeafe;border-radius:.5rem;padding:.5rem 1rem;display:flex;align-items:center;gap:1.5rem;white-space:nowrap;overflow:hidden;flex-shrink:1;min-width:0}.project-budget-inline-summary>div{display:flex;align-items:center;gap:.5rem;flex-shrink:0}@media (max-width: 1400px){.project-budget-inline-summary{gap:1rem}.project-budget-inline-summary span{font-size:.875rem}.project-budget-inline-summary .text-lg{font-size:1rem}}@media (max-width: 1200px){.project-actions-budget-section{flex-direction:column;align-items:flex-end;gap:.75rem}.project-budget-inline-summary{flex-wrap:wrap;gap:.75rem;justify-content:flex-end}}@media (max-width: 768px){.project-budget-inline-summary{flex-direction:column;align-items:flex-start;gap:.5rem;width:100%}.project-budget-inline-summary>div{width:100%;justify-content:space-between}}.project-header-container{display:flex;flex-direction:column;align-items:stretch;gap:1rem;margin-bottom:1.5rem;position:relative}.project-info-section{flex:1;min-width:0}.project-actions-budget-section{flex-shrink:0}.whitespace-nowrap{white-space:nowrap}.inline-edit-select{width:auto;max-width:100%;padding:2px 6px;font-size:.875rem;line-height:1.25rem;border:1px solid #d1d5db;border-radius:.25rem;background-color:#fff;vertical-align:middle;box-sizing:border-box;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:1.75rem;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007AFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right .5rem center;background-size:.65em auto}.dark .inline-edit-select{background-color:#374151;border-color:#4b5563;color:#f3f4f6;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%239CA3AF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E)}.balance-clear-modal-content{max-width:28rem}.export-progress-bar-bg{width:100%;background-color:#e5e7eb;border-radius:9999px;height:1.25rem;position:relative;overflow:hidden;border:1px solid #cbd5e1}.export-progress-bar-fg{height:1.25rem;border-radius:9999px;background:linear-gradient(90deg,#3b82f6,#2563eb);color:#fff;font-size:.95rem;font-weight:600;display:flex;align-items:center;justify-content:center;transition:width .2s;position:absolute;left:0;top:0}.export-progress-bar-text{width:100%;text-align:center;position:absolute;left:0;top:0;color:#fff;font-weight:600;font-size:.95rem;z-index:2}.fund-management-modal{display:flex;flex-direction:column;overflow:hidden;border-radius:1rem;background:#fff}.fund-management-modal .modal-header{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;padding:1.25rem 3.5rem 1.25rem 1.5rem;background:linear-gradient(135deg,#3b82f614,#8b5cf614);border-bottom:1px solid #e5e7eb;border-radius:1rem 1rem 0 0;width:100%}.fund-management-modal .modal-title-block{display:flex;align-items:center;gap:.75rem}.fund-management-modal .modal-title{font-size:1.375rem;font-weight:700;color:#1f2937;margin:0;display:flex;align-items:center;gap:.5rem}.fund-management-modal .modal-title:before{content:""}.fund-management-modal .modal-version{font-size:.7rem;font-weight:500;color:#6b7280;background:#f3f4f6;padding:.25rem .5rem;border-radius:.25rem}.fund-management-modal .btn-recalculate{display:inline-flex;align-items:center;padding:.5rem 1rem;font-size:.75rem;font-weight:600;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-radius:.5rem;transition:all .2s ease;flex-shrink:0;box-shadow:0 2px 4px #8b5cf640}.fund-management-modal .btn-recalculate:hover{transform:translateY(-1px);box-shadow:0 4px 8px #8b5cf659}.fund-management-modal .btn-close-modal{position:absolute;top:1rem;right:1rem;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;color:#6b7280;background-color:#fffc;border-radius:50%;transition:all .2s ease;z-index:10;box-shadow:0 1px 3px #0000001a}.fund-management-modal .btn-close-modal:hover{color:#374151;background-color:#fff;box-shadow:0 2px 6px #00000026}.fund-management-modal .funding-modal-tabs-list{flex-shrink:0;padding:1rem 1.5rem 0;margin-bottom:0;border-bottom:none}.fund-management-modal .funding-modal-tabs-nav{display:flex;gap:.5rem;padding:.375rem;background:#f1f5f9;border-radius:.75rem;width:-moz-fit-content;width:fit-content}.fund-management-modal .funding-modal-tab{padding:.625rem 1.25rem;border-radius:.5rem;background:transparent;border:none;border-bottom:none;color:#64748b;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:.5rem;margin:0}.fund-management-modal .funding-modal-tab:hover{color:#3b82f6;background:#3b82f61a}.fund-management-modal .funding-modal-tab.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;font-weight:600;box-shadow:0 2px 8px #3b82f659;border-bottom:none}.fund-management-modal .funding-modal-tab.tab-requests{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #f59e0b}.fund-management-modal .funding-modal-tab.tab-requests:hover{background:linear-gradient(135deg,#fde68a,#fcd34d)}.fund-management-modal .funding-modal-tab.tab-requests.active{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:transparent}.fund-management-modal .pending-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;background:#ef4444;color:#fff;font-size:.7rem;font-weight:700;border-radius:9999px;margin-left:.25rem}.fund-management-modal .modal-body{flex-grow:1;min-height:0;overflow-y:auto;padding:1.25rem 1.5rem}.funding-modal-tab-content{padding-top:0;padding-bottom:0}.fund-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.25rem;box-shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;transition:box-shadow .2s ease}.fund-form-card:hover{box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a}.fund-form-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #f3f4f6}.fund-form-card-title{font-size:1rem;font-weight:600;color:#374151;margin:0}.fund-summary-card{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:.75rem;padding:1rem 1.25rem;margin-bottom:1rem}.fund-summary-card .summary-label{font-size:.875rem;font-weight:500;color:#1e40af}.fund-summary-card .summary-value{font-size:1.5rem;font-weight:700;color:#1e3a8a}.fund-request-card{background:#fff;border-radius:.75rem;border-left:4px solid;padding:1rem 1.25rem;box-shadow:0 1px 3px #0000000f;transition:transform .2s ease,box-shadow .2s ease;margin-bottom:.75rem}.fund-request-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px -4px #0000001a}.fund-request-card.pending{border-left-color:#f59e0b;background:linear-gradient(90deg,#f59e0b0d,#fff)}.fund-request-card.approved{border-left-color:#10b981;background:linear-gradient(90deg,#10b9810d,#fff)}.fund-request-card.rejected{border-left-color:#ef4444;background:linear-gradient(90deg,#ef44440d,#fff)}.fund-request-card .request-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.fund-request-card .request-requester{font-weight:600;color:#374151}.fund-request-card .request-amount{font-size:1.25rem;font-weight:700;color:#1f2937}.fund-request-card .request-reason{font-size:.875rem;color:#6b7280;margin:.5rem 0}.fund-request-card .request-date{font-size:.75rem;color:#9ca3af}.fund-request-card .request-actions{display:flex;gap:.5rem;margin-top:.75rem}.btn-fund-add-premium{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:600;font-size:.875rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #10b9814d}.btn-fund-add-premium:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 12px -2px #10b98166}.btn-fund-add-premium:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-approve{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:600;font-size:.8125rem;border-radius:.375rem;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #10b98140}.btn-approve:hover{transform:translateY(-1px);box-shadow:0 4px 8px #10b98159}.btn-reject{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:#fff;color:#dc2626;font-weight:600;font-size:.8125rem;border-radius:.375rem;border:1px solid #fecaca;cursor:pointer;transition:all .2s ease}.btn-reject:hover{background:#fef2f2;border-color:#ef4444}.btn-submit-request{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1.5rem;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;font-weight:600;font-size:.9375rem;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px #f59e0b4d}.btn-submit-request:hover{transform:translateY(-1px);box-shadow:0 8px 12px -2px #f59e0b66}.request-form-card{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d;border-radius:.75rem;padding:1.25rem}.request-form-card .form-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1rem;font-weight:600;color:#92400e}.empty-requests-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#f9fafb;border-radius:.75rem;border:1px dashed #d1d5db;color:#6b7280;text-align:center}.empty-requests-state .empty-icon{font-size:2rem;margin-bottom:.5rem}.fund-allocation-controls{display:flex;align-items:var(--fund-allocation-align-items, flex-end);justify-content:var(--fund-allocation-justify-content, flex-start);gap:var(--fund-allocation-gap, 1.75rem);padding:var(--fund-allocation-padding, 0)}.fund-allocation-controls>div:first-child{flex-grow:var(--fund-allocation-input-flex-grow, 1);flex-basis:var(--fund-allocation-input-flex-basis, auto);min-width:var(--fund-allocation-input-min-width, auto)}.fund-allocation-controls>div:last-child{flex-shrink:var(--fund-allocation-button-flex-shrink, 0);flex-basis:var(--fund-allocation-button-flex-basis, auto);min-width:var(--fund-allocation-button-min-width, auto)}.fund-history-section{background:#f9fafb;border-radius:.75rem;padding:1rem;border:1px solid #e5e7eb}.fund-history-section .section-header{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:600;color:#374151;margin-bottom:.75rem}.fund-history-item{background:#fff;border-radius:.5rem;padding:.75rem 1rem;margin-bottom:.5rem;border:1px solid #e5e7eb;transition:background-color .15s ease}.fund-history-item:hover{background:#f8fafc}.fund-history-item:last-child{margin-bottom:0}@media (max-width: 640px){.fund-management-modal .modal-header{padding:1rem 3rem 1rem 1rem}.fund-management-modal .modal-title{font-size:1.125rem}.fund-management-modal .funding-modal-tabs-list{padding:.75rem 1rem 0}.fund-management-modal .funding-modal-tabs-nav{width:100%;overflow-x:auto;gap:.25rem;padding:.25rem}.fund-management-modal .funding-modal-tab{padding:.5rem .875rem;font-size:.8125rem}.fund-management-modal .modal-body{padding:1rem}.fund-request-card .request-actions{flex-direction:column}}.hover\:border-gray-400:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.hover\:bg-amber-100:hover{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-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-200:hover{--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / 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-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-500:hover{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.hover\:bg-green-50:hover{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / 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-orange-600:hover{--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-50:hover{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-yellow-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.hover\:bg-opacity-100:hover{--tw-bg-opacity: 1}.hover\:text-blue-500:hover{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.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-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.hover\:text-gray-900:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.hover\:text-green-700:hover{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.hover\:text-green-800:hover{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.hover\:text-orange-700:hover{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.hover\:text-purple-900:hover{--tw-text-opacity: 1;color:rgb(88 28 135 / var(--tw-text-opacity, 1))}.hover\:text-red-600:hover{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.hover\:text-red-800:hover{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.hover\:text-yellow-700:hover{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.hover\:text-yellow-800:hover{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-md:hover{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:border-amber-500:focus{--tw-border-opacity: 1;border-color:rgb(245 158 11 / var(--tw-border-opacity, 1))}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.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-amber-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity, 1))}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-gray-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(156 163 175 / var(--tw-ring-opacity, 1))}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.dark\:border-amber-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(180 83 9 / var(--tw-border-opacity, 1))}.dark\:border-blue-400:is(.dark *){--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.dark\:border-blue-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.dark\:border-blue-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1))}.dark\:border-gray-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.dark\:border-gray-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:border-red-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(185 28 28 / var(--tw-border-opacity, 1))}.dark\:border-red-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1))}.dark\:border-slate-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}.dark\:border-yellow-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(161 98 7 / var(--tw-border-opacity, 1))}.dark\:bg-amber-900\/20:is(.dark *){background-color:#78350f33}.dark\:bg-blue-500:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.dark\:bg-blue-600:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.dark\:bg-blue-900\/20:is(.dark *){background-color:#1e3a8a33}.dark\:bg-blue-900\/30:is(.dark *){background-color:#1e3a8a4d}.dark\:bg-red-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(127 29 29 / var(--tw-bg-opacity, 1))}.dark\:bg-red-900\/20:is(.dark *){background-color:#7f1d1d33}.dark\:bg-slate-600:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))}.dark\:bg-slate-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.dark\:bg-slate-700\/50:is(.dark *){background-color:#33415580}.dark\:bg-slate-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.dark\:bg-slate-800\/50:is(.dark *){background-color:#1e293b80}.dark\:bg-yellow-900\/20:is(.dark *){background-color:#713f1233}.dark\:from-gray-700:is(.dark *){--tw-gradient-from: #374151 var(--tw-gradient-from-position);--tw-gradient-to: rgb(55 65 81 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-slate-800:is(.dark *){--tw-gradient-from: #1e293b var(--tw-gradient-from-position);--tw-gradient-to: rgb(30 41 59 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:to-gray-800:is(.dark *){--tw-gradient-to: #1f2937 var(--tw-gradient-to-position)}.dark\:to-slate-900:is(.dark *){--tw-gradient-to: #0f172a var(--tw-gradient-to-position)}.dark\:text-amber-300:is(.dark *){--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.dark\:text-blue-300:is(.dark *){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.dark\:text-blue-400:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.dark\:text-gray-100:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.dark\:text-gray-200:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-gray-500:is(.dark *){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.dark\:text-green-400:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.dark\:text-orange-400:is(.dark *){--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.dark\:text-purple-400:is(.dark *){--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.dark\:text-red-300:is(.dark *){--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.dark\:text-yellow-300:is(.dark *){--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}.dark\:hover\:border-slate-500:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(100 116 139 / var(--tw-border-opacity, 1))}.dark\:hover\:bg-slate-600:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-slate-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-slate-800:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.dark\:hover\:text-blue-300:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.dark\:hover\:text-gray-200:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}@media (min-width: 640px){.sm\:p-6{padding:1.5rem}}@media (min-width: 768px){.md\:block{display:block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:table-cell{display:table-cell}.md\:table-header-group{display:table-header-group}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:gap-4{gap:1rem}.md\:gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.md\:overflow-x-auto{overflow-x:auto}.md\:p-4{padding:1rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-4{padding-top:1rem;padding-bottom:1rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xs{font-size:.75rem;line-height:1rem}}