*,: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.17 | 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}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}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%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.-inset-0\.5{inset:-.125rem}.-inset-1{inset:-.25rem}.inset-0{inset:0}.inset-x-0{left:0;right:0}.inset-y-0{bottom:0;top:0}.-bottom-1{bottom:-.25rem}.-bottom-2{bottom:-.5rem}.-right-1{right:-.25rem}.-right-2{right:-.5rem}.-right-3{right:-.75rem}.-top-1{top:-.25rem}.-top-3{top:-.75rem}.bottom-2{bottom:.5rem}.bottom-3{bottom:.75rem}.left-3{left:.75rem}.left-4{left:1rem}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.top-1\/2{top:50%}.top-16{top:4rem}.top-2{top:.5rem}.top-20{top:5rem}.top-3{top:.75rem}.top-3\.5{top:.875rem}.top-4{top:1rem}.z-\[100\]{z-index:100}.z-\[60\]{z-index:60}.z-\[80\]{z-index:80}.col-span-1{grid-column:span 1/span 1}.col-span-3{grid-column:span 3/span 3}.col-span-full{grid-column:1/-1}.m-3{margin:.75rem}.m-4{margin:1rem}.m-6{margin:1.5rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.-mb-12{margin-bottom:-3rem}.-mb-8{margin-bottom:-2rem}.-ml-12{margin-left:-3rem}.-ml-8{margin-left:-2rem}.-mr-4{margin-right:-1rem}.-mr-8{margin-right:-2rem}.-mt-16{margin-top:-4rem}.-mt-4{margin-top:-1rem}.-mt-8{margin-top:-2rem}.mb-1\.5{margin-bottom:.375rem}.ml-6{margin-left:1.5rem}.ml-auto{margin-left:auto}.mr-1\.5{margin-right:.375rem}.mt-0\.5{margin-top:.125rem}.mt-12{margin-top:3rem}.mt-20{margin-top:5rem}.mt-auto{margin-top:auto}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.contents{display:contents}.hidden{display:none}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-36{height:9rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-\[1px\]{height:1px}.h-\[90vh\]{height:90vh}.max-h-32{max-height:8rem}.max-h-40{max-height:10rem}.max-h-48{max-height:12rem}.max-h-96{max-height:24rem}.max-h-\[70vh\]{max-height:70vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.max-h-\[calc\(100vh-240px\)\]{max-height:calc(100vh - 240px)}.max-h-\[calc\(100vh-8rem\)\]{max-height:calc(100vh - 8rem)}.min-h-\[100px\]{min-height:100px}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-11\/12{width:91.666667%}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-80{width:20rem}.w-96{width:24rem}.w-\[350px\]{width:350px}.w-fit{width:-webkit-fit-content;width:fit-content}.min-w-0{min-width:0}.max-w-2xl{max-width:42rem}.max-w-32{max-width:8rem}.max-w-3xl{max-width:48rem}.max-w-48{max-width:12rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[100px\]{max-width:100px}.max-w-\[150px\]{max-width:150px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.-translate-y-1\/2{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))}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-x-0{--tw-translate-x:0px}.translate-x-0,.translate-x-\[-100\%\]{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))}.translate-x-\[-100\%\]{--tw-translate-x:-100%}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-105{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))}.scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.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))}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.resize-none{resize:none}.resize{resize:both}.list-inside{list-style-position:inside}.list-disc{list-style-type:disc}.appearance-none{-webkit-appearance:none;appearance:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-0>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(0px*(1 - var(--tw-space-x-reverse)));margin-right:calc(0px*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-20>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(5rem*var(--tw-space-y-reverse));margin-top:calc(5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.25rem*var(--tw-space-y-reverse));margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-divide-opacity,1))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.rounded-l-lg{border-bottom-left-radius:.5rem;border-top-left-radius:.5rem}.rounded-r-lg{border-bottom-right-radius:.5rem}.rounded-r-lg,.rounded-t-lg{border-top-right-radius:.5rem}.rounded-t-lg{border-top-left-radius:.5rem}.rounded-t-xl{border-top-left-radius:.75rem;border-top-right-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-b-4{border-bottom-width:4px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-r-0{border-right-width:0}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-t-4{border-top-width:4px}.border-dashed{border-style:dashed}.border-amber-100{--tw-border-opacity:1;border-color:#fef3c7;border-color:rgb(254 243 199/var(--tw-border-opacity,1))}.border-amber-200{--tw-border-opacity:1;border-color:#fde68a;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-amber-400{--tw-border-opacity:1;border-color:#fbbf24;border-color:rgb(251 191 36/var(--tw-border-opacity,1))}.border-amber-500{--tw-border-opacity:1;border-color:#f59e0b;border-color:rgb(245 158 11/var(--tw-border-opacity,1))}.border-blue-100{--tw-border-opacity:1;border-color:#dbeafe;border-color:rgb(219 234 254/var(--tw-border-opacity,1))}.border-blue-200{--tw-border-opacity:1;border-color:#bfdbfe;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-200\/50{border-color:#bfdbfe80}.border-blue-300{--tw-border-opacity:1;border-color:#93c5fd;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.border-blue-400{--tw-border-opacity:1;border-color:#60a5fa;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.border-blue-400\/30{border-color:#60a5fa4d}.border-blue-500{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-blue-600{--tw-border-opacity:1;border-color:#2563eb;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-blue-800{--tw-border-opacity:1;border-color:#1e40af;border-color:rgb(30 64 175/var(--tw-border-opacity,1))}.border-emerald-200{--tw-border-opacity:1;border-color:#a7f3d0;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.border-emerald-400{--tw-border-opacity:1;border-color:#34d399;border-color:rgb(52 211 153/var(--tw-border-opacity,1))}.border-emerald-400\/30{border-color:#34d3994d}.border-emerald-500{--tw-border-opacity:1;border-color:#10b981;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.border-emerald-500\/30{border-color:#10b9814d}.border-gray-100{--tw-border-opacity:1;border-color:#f3f4f6;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-200\/20{border-color:#e5e7eb33}.border-gray-200\/50{border-color:#e5e7eb80}.border-gray-300{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-600{--tw-border-opacity:1;border-color:#4b5563;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.border-gray-700{--tw-border-opacity:1;border-color:#374151;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.border-green-100{--tw-border-opacity:1;border-color:#dcfce7;border-color:rgb(220 252 231/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:#bbf7d0;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-green-200\/50{border-color:#bbf7d080}.border-green-400{--tw-border-opacity:1;border-color:#4ade80;border-color:rgb(74 222 128/var(--tw-border-opacity,1))}.border-green-500{--tw-border-opacity:1;border-color:#22c55e;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.border-green-800{--tw-border-opacity:1;border-color:#166534;border-color:rgb(22 101 52/var(--tw-border-opacity,1))}.border-indigo-100{--tw-border-opacity:1;border-color:#e0e7ff;border-color:rgb(224 231 255/var(--tw-border-opacity,1))}.border-indigo-200{--tw-border-opacity:1;border-color:#c7d2fe;border-color:rgb(199 210 254/var(--tw-border-opacity,1))}.border-indigo-200\/50{border-color:#c7d2fe80}.border-indigo-500{--tw-border-opacity:1;border-color:#6366f1;border-color:rgb(99 102 241/var(--tw-border-opacity,1))}.border-orange-100{--tw-border-opacity:1;border-color:#ffedd5;border-color:rgb(255 237 213/var(--tw-border-opacity,1))}.border-orange-200{--tw-border-opacity:1;border-color:#fed7aa;border-color:rgb(254 215 170/var(--tw-border-opacity,1))}.border-orange-300{--tw-border-opacity:1;border-color:#fdba74;border-color:rgb(253 186 116/var(--tw-border-opacity,1))}.border-orange-400{--tw-border-opacity:1;border-color:#fb923c;border-color:rgb(251 146 60/var(--tw-border-opacity,1))}.border-orange-500{--tw-border-opacity:1;border-color:#f97316;border-color:rgb(249 115 22/var(--tw-border-opacity,1))}.border-orange-800{--tw-border-opacity:1;border-color:#9a3412;border-color:rgb(154 52 18/var(--tw-border-opacity,1))}.border-purple-100{--tw-border-opacity:1;border-color:#f3e8ff;border-color:rgb(243 232 255/var(--tw-border-opacity,1))}.border-purple-200{--tw-border-opacity:1;border-color:#e9d5ff;border-color:rgb(233 213 255/var(--tw-border-opacity,1))}.border-purple-200\/50{border-color:#e9d5ff80}.border-purple-300{--tw-border-opacity:1;border-color:#d8b4fe;border-color:rgb(216 180 254/var(--tw-border-opacity,1))}.border-purple-400{--tw-border-opacity:1;border-color:#c084fc;border-color:rgb(192 132 252/var(--tw-border-opacity,1))}.border-purple-400\/20{border-color:#c084fc33}.border-purple-500{--tw-border-opacity:1;border-color:#a855f7;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.border-purple-600{--tw-border-opacity:1;border-color:#9333ea;border-color:rgb(147 51 234/var(--tw-border-opacity,1))}.border-purple-800{--tw-border-opacity:1;border-color:#6b21a8;border-color:rgb(107 33 168/var(--tw-border-opacity,1))}.border-red-100{--tw-border-opacity:1;border-color:#fee2e2;border-color:rgb(254 226 226/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:#fecaca;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-red-200\/50{border-color:#fecaca80}.border-red-300{--tw-border-opacity:1;border-color:#fca5a5;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-red-400{--tw-border-opacity:1;border-color:#f87171;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.border-red-500{--tw-border-opacity:1;border-color:#ef4444;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-teal-100{--tw-border-opacity:1;border-color:#ccfbf1;border-color:rgb(204 251 241/var(--tw-border-opacity,1))}.border-teal-400{--tw-border-opacity:1;border-color:#2dd4bf;border-color:rgb(45 212 191/var(--tw-border-opacity,1))}.border-teal-500{--tw-border-opacity:1;border-color:#14b8a6;border-color:rgb(20 184 166/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-white{--tw-border-opacity:1;border-color:#fff;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/30{border-color:#ffffff4d}.border-white\/50{border-color:#ffffff80}.border-yellow-100{--tw-border-opacity:1;border-color:#fef9c3;border-color:rgb(254 249 195/var(--tw-border-opacity,1))}.border-yellow-200{--tw-border-opacity:1;border-color:#fef08a;border-color:rgb(254 240 138/var(--tw-border-opacity,1))}.border-yellow-200\/50{border-color:#fef08a80}.border-yellow-300{--tw-border-opacity:1;border-color:#fde047;border-color:rgb(253 224 71/var(--tw-border-opacity,1))}.border-yellow-400{--tw-border-opacity:1;border-color:#facc15;border-color:rgb(250 204 21/var(--tw-border-opacity,1))}.border-yellow-400\/20{border-color:#facc1533}.border-yellow-500{--tw-border-opacity:1;border-color:#eab308;border-color:rgb(234 179 8/var(--tw-border-opacity,1))}.border-yellow-800{--tw-border-opacity:1;border-color:#854d0e;border-color:rgb(133 77 14/var(--tw-border-opacity,1))}.border-l-purple-500{--tw-border-opacity:1;border-left-color:#a855f7;border-left-color:rgb(168 85 247/var(--tw-border-opacity,1))}.border-l-yellow-500{--tw-border-opacity:1;border-left-color:#eab308;border-left-color:rgb(234 179 8/var(--tw-border-opacity,1))}.border-t-emerald-500{--tw-border-opacity:1;border-top-color:#10b981;border-top-color:rgb(16 185 129/var(--tw-border-opacity,1))}.border-t-indigo-600{--tw-border-opacity:1;border-top-color:#4f46e5;border-top-color:rgb(79 70 229/var(--tw-border-opacity,1))}.border-t-purple-600{--tw-border-opacity:1;border-top-color:#9333ea;border-top-color:rgb(147 51 234/var(--tw-border-opacity,1))}.border-t-transparent{border-top-color:#0000}.border-t-white{--tw-border-opacity:1;border-top-color:#fff;border-top-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-t-yellow-600{--tw-border-opacity:1;border-top-color:#ca8a04;border-top-color:rgb(202 138 4/var(--tw-border-opacity,1))}.bg-amber-100{--tw-bg-opacity:1;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:#fffbeb;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:#f59e0b;background-color:rgb(245 158 11/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/10{background-color:#0000001a}.bg-black\/60{background-color:#0009}.bg-black\/70{background-color:#000000b3}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-500{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-500\/20{background-color:#3b82f633}.bg-blue-600{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-blue-900\/30{background-color:#1e3a8a4d}.bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.bg-emerald-400{--tw-bg-opacity:1;background-color:#34d399;background-color:rgb(52 211 153/var(--tw-bg-opacity,1))}.bg-emerald-50{--tw-bg-opacity:1;background-color:#ecfdf5;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-emerald-500{--tw-bg-opacity:1;background-color:#10b981;background-color:rgb(16 185 129/var(--tw-bg-opacity,1))}.bg-emerald-500\/20{background-color:#10b98133}.bg-emerald-600{--tw-bg-opacity:1;background-color:#059669;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-200{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:#d1d5db;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-gray-300\/30{background-color:#d1d5db4d}.bg-gray-400{--tw-bg-opacity:1;background-color:#9ca3af;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:#6b7280;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.bg-gray-600{--tw-bg-opacity:1;background-color:#4b5563;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.bg-gray-700{--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.bg-gray-800{--tw-bg-opacity:1;background-color:#1f2937;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:#dcfce7;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-400{--tw-bg-opacity:1;background-color:#4ade80;background-color:rgb(74 222 128/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:#f0fdf4;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:#22c55e;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-600{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-green-800\/30{background-color:#1665344d}.bg-green-900\/30{background-color:#14532d4d}.bg-indigo-100{--tw-bg-opacity:1;background-color:#e0e7ff;background-color:rgb(224 231 255/var(--tw-bg-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:#eef2ff;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.bg-indigo-600{--tw-bg-opacity:1;background-color:#4f46e5;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.bg-orange-50{--tw-bg-opacity:1;background-color:#fff7ed;background-color:rgb(255 247 237/var(--tw-bg-opacity,1))}.bg-orange-500{--tw-bg-opacity:1;background-color:#f97316;background-color:rgb(249 115 22/var(--tw-bg-opacity,1))}.bg-orange-900\/30{background-color:#7c2d124d}.bg-pink-50{--tw-bg-opacity:1;background-color:#fdf2f8;background-color:rgb(253 242 248/var(--tw-bg-opacity,1))}.bg-purple-100{--tw-bg-opacity:1;background-color:#f3e8ff;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-purple-400\/20{background-color:#c084fc33}.bg-purple-50{--tw-bg-opacity:1;background-color:#faf5ff;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.bg-purple-50\/30{background-color:#faf5ff4d}.bg-purple-500{--tw-bg-opacity:1;background-color:#a855f7;background-color:rgb(168 85 247/var(--tw-bg-opacity,1))}.bg-purple-600{--tw-bg-opacity:1;background-color:#9333ea;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.bg-purple-700{--tw-bg-opacity:1;background-color:#7e22ce;background-color:rgb(126 34 206/var(--tw-bg-opacity,1))}.bg-purple-900\/30{background-color:#581c874d}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-400\/70{background-color:#f87171b3}.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:#ef4444;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-red-600{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-red-900\/30{background-color:#7f1d1d4d}.bg-sky-50{--tw-bg-opacity:1;background-color:#f0f9ff;background-color:rgb(240 249 255/var(--tw-bg-opacity,1))}.bg-teal-100{--tw-bg-opacity:1;background-color:#ccfbf1;background-color:rgb(204 251 241/var(--tw-bg-opacity,1))}.bg-teal-50{--tw-bg-opacity:1;background-color:#f0fdfa;background-color:rgb(240 253 250/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/15{background-color:#ffffff26}.bg-white\/20{background-color:#fff3}.bg-white\/5{background-color:#ffffff0d}.bg-white\/90{background-color:#ffffffe6}.bg-white\/95{background-color:#fffffff2}.bg-yellow-100{--tw-bg-opacity:1;background-color:#fef9c3;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:#fefce8;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-yellow-50\/30{background-color:#fefce84d}.bg-yellow-500{--tw-bg-opacity:1;background-color:#eab308;background-color:rgb(234 179 8/var(--tw-bg-opacity,1))}.bg-yellow-900\/30{background-color:#713f124d}.bg-opacity-0{--tw-bg-opacity:0}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-opacity-60{--tw-bg-opacity:0.6}.bg-opacity-70{--tw-bg-opacity:0.7}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.from-amber-50\/50{--tw-gradient-from:#fffbeb80 var(--tw-gradient-from-position);--tw-gradient-to:#fffbeb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-amber-500{--tw-gradient-from:#f59e0b var(--tw-gradient-from-position);--tw-gradient-to:#f59e0b00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/20{--tw-gradient-from:#0003 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-black\/60{--tw-gradient-from:#0009 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-100{--tw-gradient-from:#dbeafe var(--tw-gradient-from-position);--tw-gradient-to:#dbeafe00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-400\/20{--tw-gradient-from:#60a5fa33 var(--tw-gradient-from-position);--tw-gradient-to:#60a5fa00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-50{--tw-gradient-from:#eff6ff var(--tw-gradient-from-position);--tw-gradient-to:#eff6ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-950\/50{--tw-gradient-from:#17255480 var(--tw-gradient-from-position);--tw-gradient-to:#17255400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-100{--tw-gradient-from:#d1fae5 var(--tw-gradient-from-position);--tw-gradient-to:#d1fae500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-50{--tw-gradient-from:#ecfdf5 var(--tw-gradient-from-position);--tw-gradient-to:#ecfdf500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-50\/50{--tw-gradient-from:#ecfdf580 var(--tw-gradient-from-position);--tw-gradient-to:#ecfdf500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-500{--tw-gradient-from:#10b981 var(--tw-gradient-from-position);--tw-gradient-to:#10b98100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-600{--tw-gradient-from:#059669 var(--tw-gradient-from-position);--tw-gradient-to:#05966900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-emerald-950\/50{--tw-gradient-from:#022c2280 var(--tw-gradient-from-position);--tw-gradient-to:#022c2200 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:#f3f4f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-400{--tw-gradient-from:#9ca3af var(--tw-gradient-from-position);--tw-gradient-to:#9ca3af00 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:#f9fafb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-500{--tw-gradient-from:#6b7280 var(--tw-gradient-from-position);--tw-gradient-to:#6b728000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-600{--tw-gradient-from:#4b5563 var(--tw-gradient-from-position);--tw-gradient-to:#4b556300 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-100{--tw-gradient-from:#dcfce7 var(--tw-gradient-from-position);--tw-gradient-to:#dcfce700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-400{--tw-gradient-from:#4ade80 var(--tw-gradient-from-position);--tw-gradient-to:#4ade8000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-400\/20{--tw-gradient-from:#4ade8033 var(--tw-gradient-from-position);--tw-gradient-to:#4ade8000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-50{--tw-gradient-from:#f0fdf4 var(--tw-gradient-from-position);--tw-gradient-to:#f0fdf400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-500{--tw-gradient-from:#22c55e var(--tw-gradient-from-position);--tw-gradient-to:#22c55e00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-green-600{--tw-gradient-from:#16a34a var(--tw-gradient-from-position);--tw-gradient-to:#16a34a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-100{--tw-gradient-from:#e0e7ff var(--tw-gradient-from-position);--tw-gradient-to:#e0e7ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-50{--tw-gradient-from:#eef2ff var(--tw-gradient-from-position);--tw-gradient-to:#eef2ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-50\/50{--tw-gradient-from:#eef2ff80 var(--tw-gradient-from-position);--tw-gradient-to:#eef2ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-500{--tw-gradient-from:#6366f1 var(--tw-gradient-from-position);--tw-gradient-to:#6366f100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-500\/0{--tw-gradient-from:#6366f100 var(--tw-gradient-from-position);--tw-gradient-to:#6366f100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-500\/5{--tw-gradient-from:#6366f10d var(--tw-gradient-from-position);--tw-gradient-to:#6366f100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-600{--tw-gradient-from:#4f46e5 var(--tw-gradient-from-position);--tw-gradient-to:#4f46e500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-indigo-950\/50{--tw-gradient-from:#1e1b4b80 var(--tw-gradient-from-position);--tw-gradient-to:#1e1b4b00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-100{--tw-gradient-from:#ffedd5 var(--tw-gradient-from-position);--tw-gradient-to:#ffedd500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-orange-500{--tw-gradient-from:#f97316 var(--tw-gradient-from-position);--tw-gradient-to:#f9731600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-100{--tw-gradient-from:#f3e8ff var(--tw-gradient-from-position);--tw-gradient-to:#f3e8ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-400{--tw-gradient-from:#c084fc var(--tw-gradient-from-position);--tw-gradient-to:#c084fc00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-400\/20{--tw-gradient-from:#c084fc33 var(--tw-gradient-from-position);--tw-gradient-to:#c084fc00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-50{--tw-gradient-from:#faf5ff var(--tw-gradient-from-position);--tw-gradient-to:#faf5ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from:#a855f7 var(--tw-gradient-from-position);--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-600{--tw-gradient-from:#9333ea var(--tw-gradient-from-position);--tw-gradient-to:#9333ea00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-purple-950\/50{--tw-gradient-from:#3b076480 var(--tw-gradient-from-position);--tw-gradient-to:#3b076400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-100{--tw-gradient-from:#fee2e2 var(--tw-gradient-from-position);--tw-gradient-to:#fee2e200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-400\/20{--tw-gradient-from:#f8717133 var(--tw-gradient-from-position);--tw-gradient-to:#f8717100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-50{--tw-gradient-from:#fef2f2 var(--tw-gradient-from-position);--tw-gradient-to:#fef2f200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-500{--tw-gradient-from:#ef4444 var(--tw-gradient-from-position);--tw-gradient-to:#ef444400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-600{--tw-gradient-from:#dc2626 var(--tw-gradient-from-position);--tw-gradient-to:#dc262600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-rose-500{--tw-gradient-from:#f43f5e var(--tw-gradient-from-position);--tw-gradient-to:#f43f5e00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-transparent{--tw-gradient-from:#0000 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white{--tw-gradient-from:#fff var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white\/10{--tw-gradient-from:#ffffff1a var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white\/20{--tw-gradient-from:#fff3 var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white\/50{--tw-gradient-from:#ffffff80 var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-yellow-100{--tw-gradient-from:#fef9c3 var(--tw-gradient-from-position);--tw-gradient-to:#fef9c300 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-yellow-400{--tw-gradient-from:#facc15 var(--tw-gradient-from-position);--tw-gradient-to:#facc1500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-yellow-50{--tw-gradient-from:#fefce8 var(--tw-gradient-from-position);--tw-gradient-to:#fefce800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-yellow-500{--tw-gradient-from:#eab308 var(--tw-gradient-from-position);--tw-gradient-to:#eab30800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-yellow-600{--tw-gradient-from:#ca8a04 var(--tw-gradient-from-position);--tw-gradient-to:#ca8a0400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-blue-50\/30{--tw-gradient-to:#eff6ff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#eff6ff4d var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-blue-600{--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#2563eb var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-emerald-500\/50{--tw-gradient-to:#10b98100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#10b98180 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-indigo-600{--tw-gradient-to:#4f46e500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#4f46e5 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-purple-500{--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#a855f7 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-purple-500\/0{--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#a855f700 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-purple-600{--tw-gradient-to:#9333ea00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#9333ea var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#0000 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-white\/10{--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#ffffff1a var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-amber-600{--tw-gradient-to:#d97706 var(--tw-gradient-to-position)}.to-black\/20{--tw-gradient-to:#0003 var(--tw-gradient-to-position)}.to-blue-100{--tw-gradient-to:#dbeafe var(--tw-gradient-to-position)}.to-blue-50{--tw-gradient-to:#eff6ff var(--tw-gradient-to-position)}.to-blue-500{--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.to-blue-700{--tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position)}.to-cyan-100{--tw-gradient-to:#cffafe var(--tw-gradient-to-position)}.to-cyan-50{--tw-gradient-to:#ecfeff var(--tw-gradient-to-position)}.to-cyan-500{--tw-gradient-to:#06b6d4 var(--tw-gradient-to-position)}.to-cyan-600{--tw-gradient-to:#0891b2 var(--tw-gradient-to-position)}.to-cyan-950\/50{--tw-gradient-to:#08334480 var(--tw-gradient-to-position)}.to-emerald-100{--tw-gradient-to:#d1fae5 var(--tw-gradient-to-position)}.to-emerald-50{--tw-gradient-to:#ecfdf5 var(--tw-gradient-to-position)}.to-emerald-500{--tw-gradient-to:#10b981 var(--tw-gradient-to-position)}.to-emerald-600{--tw-gradient-to:#059669 var(--tw-gradient-to-position)}.to-gray-100{--tw-gradient-to:#f3f4f6 var(--tw-gradient-to-position)}.to-gray-200{--tw-gradient-to:#e5e7eb var(--tw-gradient-to-position)}.to-gray-50{--tw-gradient-to:#f9fafb var(--tw-gradient-to-position)}.to-gray-500{--tw-gradient-to:#6b7280 var(--tw-gradient-to-position)}.to-gray-600{--tw-gradient-to:#4b5563 var(--tw-gradient-to-position)}.to-gray-700{--tw-gradient-to:#374151 var(--tw-gradient-to-position)}.to-green-100{--tw-gradient-to:#dcfce7 var(--tw-gradient-to-position)}.to-green-400{--tw-gradient-to:#4ade80 var(--tw-gradient-to-position)}.to-green-50{--tw-gradient-to:#f0fdf4 var(--tw-gradient-to-position)}.to-green-500{--tw-gradient-to:#22c55e var(--tw-gradient-to-position)}.to-green-600{--tw-gradient-to:#16a34a var(--tw-gradient-to-position)}.to-green-700{--tw-gradient-to:#15803d var(--tw-gradient-to-position)}.to-green-950\/50{--tw-gradient-to:#052e1680 var(--tw-gradient-to-position)}.to-indigo-50{--tw-gradient-to:#eef2ff var(--tw-gradient-to-position)}.to-indigo-50\/30{--tw-gradient-to:#eef2ff4d var(--tw-gradient-to-position)}.to-indigo-500{--tw-gradient-to:#6366f1 var(--tw-gradient-to-position)}.to-indigo-600{--tw-gradient-to:#4f46e5 var(--tw-gradient-to-position)}.to-indigo-700{--tw-gradient-to:#4338ca var(--tw-gradient-to-position)}.to-orange-100{--tw-gradient-to:#ffedd5 var(--tw-gradient-to-position)}.to-orange-200{--tw-gradient-to:#fed7aa var(--tw-gradient-to-position)}.to-orange-50{--tw-gradient-to:#fff7ed var(--tw-gradient-to-position)}.to-orange-500{--tw-gradient-to:#f97316 var(--tw-gradient-to-position)}.to-orange-600{--tw-gradient-to:#ea580c var(--tw-gradient-to-position)}.to-pink-50{--tw-gradient-to:#fdf2f8 var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to:#ec4899 var(--tw-gradient-to-position)}.to-pink-500\/0{--tw-gradient-to:#ec489900 var(--tw-gradient-to-position)}.to-pink-600{--tw-gradient-to:#db2777 var(--tw-gradient-to-position)}.to-pink-950\/50{--tw-gradient-to:#50072480 var(--tw-gradient-to-position)}.to-purple-100{--tw-gradient-to:#f3e8ff var(--tw-gradient-to-position)}.to-purple-200{--tw-gradient-to:#e9d5ff var(--tw-gradient-to-position)}.to-purple-400{--tw-gradient-to:#c084fc var(--tw-gradient-to-position)}.to-purple-50{--tw-gradient-to:#faf5ff var(--tw-gradient-to-position)}.to-purple-50\/20{--tw-gradient-to:#faf5ff33 var(--tw-gradient-to-position)}.to-purple-500{--tw-gradient-to:#a855f7 var(--tw-gradient-to-position)}.to-purple-500\/5{--tw-gradient-to:#a855f70d var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.to-purple-700{--tw-gradient-to:#7e22ce var(--tw-gradient-to-position)}.to-purple-950\/50{--tw-gradient-to:#3b076480 var(--tw-gradient-to-position)}.to-red-100{--tw-gradient-to:#fee2e2 var(--tw-gradient-to-position)}.to-red-200{--tw-gradient-to:#fecaca var(--tw-gradient-to-position)}.to-red-400{--tw-gradient-to:#f87171 var(--tw-gradient-to-position)}.to-red-600{--tw-gradient-to:#dc2626 var(--tw-gradient-to-position)}.to-red-700{--tw-gradient-to:#b91c1c var(--tw-gradient-to-position)}.to-rose-100{--tw-gradient-to:#ffe4e6 var(--tw-gradient-to-position)}.to-rose-500{--tw-gradient-to:#f43f5e var(--tw-gradient-to-position)}.to-rose-600{--tw-gradient-to:#e11d48 var(--tw-gradient-to-position)}.to-slate-50{--tw-gradient-to:#f8fafc var(--tw-gradient-to-position)}.to-teal-100{--tw-gradient-to:#ccfbf1 var(--tw-gradient-to-position)}.to-teal-500{--tw-gradient-to:#14b8a6 var(--tw-gradient-to-position)}.to-teal-600{--tw-gradient-to:#0d9488 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}.to-yellow-200{--tw-gradient-to:#fef08a var(--tw-gradient-to-position)}.to-yellow-400{--tw-gradient-to:#facc15 var(--tw-gradient-to-position)}.to-yellow-500{--tw-gradient-to:#eab308 var(--tw-gradient-to-position)}.to-yellow-600{--tw-gradient-to:#ca8a04 var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.object-cover{object-fit:cover}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.p-16{padding:4rem}.p-2\.5{padding:.625rem}.p-5{padding:1.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-20{padding-bottom:5rem;padding-top:5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-5{padding-bottom:1.25rem;padding-top:1.25rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-6{padding-bottom:1.5rem}.pl-10{padding-left:2.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pr-10{padding-right:2.5rem}.pr-12{padding-right:3rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pt-10{padding-top:2.5rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{line-height:2rem}.text-3xl{line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[10px\]{font-size:10px}.text-base{line-height:1.5rem}.text-lg{line-height:1.75rem}.text-sm{line-height:1.25rem}.text-xl{line-height:1.75rem}.text-xs{line-height:1rem}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.text-amber-500{--tw-text-opacity:1;color:#f59e0b;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:#b45309;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-amber-800{--tw-text-opacity:1;color:#92400e;color:rgb(146 64 14/var(--tw-text-opacity,1))}.text-blue-100{--tw-text-opacity:1;color:#dbeafe;color:rgb(219 234 254/var(--tw-text-opacity,1))}.text-blue-200{--tw-text-opacity:1;color:#bfdbfe;color:rgb(191 219 254/var(--tw-text-opacity,1))}.text-blue-300{--tw-text-opacity:1;color:#93c5fd;color:rgb(147 197 253/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:#60a5fa;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-blue-900{--tw-text-opacity:1;color:#1e3a8a;color:rgb(30 58 138/var(--tw-text-opacity,1))}.text-emerald-100{--tw-text-opacity:1;color:#d1fae5;color:rgb(209 250 229/var(--tw-text-opacity,1))}.text-emerald-300{--tw-text-opacity:1;color:#6ee7b7;color:rgb(110 231 183/var(--tw-text-opacity,1))}.text-emerald-500{--tw-text-opacity:1;color:#10b981;color:rgb(16 185 129/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:#059669;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-emerald-800{--tw-text-opacity:1;color:#065f46;color:rgb(6 95 70/var(--tw-text-opacity,1))}.text-gray-100{--tw-text-opacity:1;color:#f3f4f6;color:rgb(243 244 246/var(--tw-text-opacity,1))}.text-gray-200{--tw-text-opacity:1;color:#e5e7eb;color:rgb(229 231 235/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;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:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:#1f2937;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-200{--tw-text-opacity:1;color:#bbf7d0;color:rgb(187 247 208/var(--tw-text-opacity,1))}.text-green-300{--tw-text-opacity:1;color:#86efac;color:rgb(134 239 172/var(--tw-text-opacity,1))}.text-green-400{--tw-text-opacity:1;color:#4ade80;color:rgb(74 222 128/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:#22c55e;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:#16a34a;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:#15803d;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:#166534;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-green-900{--tw-text-opacity:1;color:#14532d;color:rgb(20 83 45/var(--tw-text-opacity,1))}.text-indigo-100{--tw-text-opacity:1;color:#e0e7ff;color:rgb(224 231 255/var(--tw-text-opacity,1))}.text-indigo-200{--tw-text-opacity:1;color:#c7d2fe;color:rgb(199 210 254/var(--tw-text-opacity,1))}.text-indigo-400{--tw-text-opacity:1;color:#818cf8;color:rgb(129 140 248/var(--tw-text-opacity,1))}.text-indigo-500{--tw-text-opacity:1;color:#6366f1;color:rgb(99 102 241/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:#4f46e5;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-indigo-700{--tw-text-opacity:1;color:#4338ca;color:rgb(67 56 202/var(--tw-text-opacity,1))}.text-indigo-800{--tw-text-opacity:1;color:#3730a3;color:rgb(55 48 163/var(--tw-text-opacity,1))}.text-orange-200{--tw-text-opacity:1;color:#fed7aa;color:rgb(254 215 170/var(--tw-text-opacity,1))}.text-orange-300{--tw-text-opacity:1;color:#fdba74;color:rgb(253 186 116/var(--tw-text-opacity,1))}.text-orange-500{--tw-text-opacity:1;color:#f97316;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:#c2410c;color:rgb(194 65 12/var(--tw-text-opacity,1))}.text-orange-800{--tw-text-opacity:1;color:#9a3412;color:rgb(154 52 18/var(--tw-text-opacity,1))}.text-pink-500{--tw-text-opacity:1;color:#ec4899;color:rgb(236 72 153/var(--tw-text-opacity,1))}.text-pink-800{--tw-text-opacity:1;color:#9d174d;color:rgb(157 23 77/var(--tw-text-opacity,1))}.text-purple-100{--tw-text-opacity:1;color:#f3e8ff;color:rgb(243 232 255/var(--tw-text-opacity,1))}.text-purple-300{--tw-text-opacity:1;color:#d8b4fe;color:rgb(216 180 254/var(--tw-text-opacity,1))}.text-purple-400{--tw-text-opacity:1;color:#c084fc;color:rgb(192 132 252/var(--tw-text-opacity,1))}.text-purple-500{--tw-text-opacity:1;color:#a855f7;color:rgb(168 85 247/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:#9333ea;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-purple-700{--tw-text-opacity:1;color:#7e22ce;color:rgb(126 34 206/var(--tw-text-opacity,1))}.text-purple-800{--tw-text-opacity:1;color:#6b21a8;color:rgb(107 33 168/var(--tw-text-opacity,1))}.text-purple-900{--tw-text-opacity:1;color:#581c87;color:rgb(88 28 135/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:#fca5a5;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:#b91c1c;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:#991b1b;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-red-900{--tw-text-opacity:1;color:#7f1d1d;color:rgb(127 29 29/var(--tw-text-opacity,1))}.text-sky-500{--tw-text-opacity:1;color:#0ea5e9;color:rgb(14 165 233/var(--tw-text-opacity,1))}.text-teal-300{--tw-text-opacity:1;color:#5eead4;color:rgb(94 234 212/var(--tw-text-opacity,1))}.text-teal-600{--tw-text-opacity:1;color:#0d9488;color:rgb(13 148 136/var(--tw-text-opacity,1))}.text-teal-700{--tw-text-opacity:1;color:#0f766e;color:rgb(15 118 110/var(--tw-text-opacity,1))}.text-teal-800{--tw-text-opacity:1;color:#115e59;color:rgb(17 94 89/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-white\/50{color:#ffffff80}.text-white\/70{color:#ffffffb3}.text-white\/80{color:#fffc}.text-white\/85{color:#ffffffd9}.text-white\/90{color:#ffffffe6}.text-white\/95{color:#fffffff2}.text-yellow-200{--tw-text-opacity:1;color:#fef08a;color:rgb(254 240 138/var(--tw-text-opacity,1))}.text-yellow-300{--tw-text-opacity:1;color:#fde047;color:rgb(253 224 71/var(--tw-text-opacity,1))}.text-yellow-400{--tw-text-opacity:1;color:#facc15;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:#eab308;color:rgb(234 179 8/var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:#ca8a04;color:rgb(202 138 4/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:#a16207;color:rgb(161 98 7/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:#854d0e;color:rgb(133 77 14/var(--tw-text-opacity,1))}.placeholder-gray-500::placeholder{--tw-placeholder-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-placeholder-opacity,1))}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-2xl,.shadow-inner{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 #0000000d;--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);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 #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);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 #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.shadow-blue-500\/25{--tw-shadow-color:#3b82f640;--tw-shadow:var(--tw-shadow-colored)}.shadow-emerald-500\/25{--tw-shadow-color:#10b98140;--tw-shadow:var(--tw-shadow-colored)}.shadow-gray-100{--tw-shadow-color:#f3f4f6;--tw-shadow:var(--tw-shadow-colored)}.shadow-indigo-500\/25{--tw-shadow-color:#6366f140;--tw-shadow:var(--tw-shadow-colored)}.shadow-orange-100{--tw-shadow-color:#ffedd5;--tw-shadow:var(--tw-shadow-colored)}.shadow-red-100{--tw-shadow-color:#fee2e2;--tw-shadow:var(--tw-shadow-colored)}.shadow-red-200{--tw-shadow-color:#fecaca;--tw-shadow:var(--tw-shadow-colored)}.shadow-yellow-100{--tw-shadow-color:#fef9c3;--tw-shadow:var(--tw-shadow-colored)}.ring-1{--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(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-emerald-400\/20{--tw-ring-color:#34d39933}.blur{--tw-blur:blur(8px)}.blur,.blur-2xl{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)}.blur-2xl{--tw-blur:blur(40px)}.blur-lg{--tw-blur:blur(16px)}.blur-lg,.blur-xl{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)}.blur-xl{--tw-blur:blur(24px)}.drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px #0000000a) drop-shadow(0 4px 3px #0000001a)}.drop-shadow-lg,.drop-shadow-md{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-md{--tw-drop-shadow:drop-shadow(0 4px 3px #00000012) drop-shadow(0 2px 2px #0000000f)}.drop-shadow-sm{--tw-drop-shadow:drop-shadow(0 1px 1px #0000000d)}.drop-shadow-sm,.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)}.backdrop-blur-3xl{--tw-backdrop-blur:blur(64px)}.backdrop-blur-3xl,.backdrop-blur-lg{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-lg{--tw-backdrop-blur:blur(16px)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-shadow{transition-duration:.15s;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem}.hover\:-translate-y-0\.5:hover,.hover\:-translate-y-1:hover{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))}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem}.hover\:-translate-y-2:hover{--tw-translate-y:-0.5rem}.hover\:-translate-y-2:hover,.hover\:-translate-y-3:hover{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))}.hover\:-translate-y-3:hover{--tw-translate-y:-0.75rem}.hover\:rotate-90:hover{--tw-rotate:90deg}.hover\:rotate-90:hover,.hover\:scale-105:hover{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))}.hover\:scale-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.hover\:scale-110:hover,.hover\:scale-\[1\.02\]:hover{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))}.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02}.hover\:transform:hover{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))}.hover\:border-blue-200:hover{--tw-border-opacity:1;border-color:#bfdbfe;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.hover\:border-blue-300:hover{--tw-border-opacity:1;border-color:#93c5fd;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.hover\:border-blue-400:hover{--tw-border-opacity:1;border-color:#60a5fa;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.hover\:border-blue-500:hover{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.hover\:border-emerald-400\/20:hover{border-color:#34d39933}.hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.hover\:border-gray-400:hover{--tw-border-opacity:1;border-color:#9ca3af;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.hover\:border-gray-500:hover{--tw-border-opacity:1;border-color:#6b7280;border-color:rgb(107 114 128/var(--tw-border-opacity,1))}.hover\:border-green-300:hover{--tw-border-opacity:1;border-color:#86efac;border-color:rgb(134 239 172/var(--tw-border-opacity,1))}.hover\:border-indigo-300:hover{--tw-border-opacity:1;border-color:#a5b4fc;border-color:rgb(165 180 252/var(--tw-border-opacity,1))}.hover\:border-orange-300:hover{--tw-border-opacity:1;border-color:#fdba74;border-color:rgb(253 186 116/var(--tw-border-opacity,1))}.hover\:border-purple-300:hover{--tw-border-opacity:1;border-color:#d8b4fe;border-color:rgb(216 180 254/var(--tw-border-opacity,1))}.hover\:border-purple-400:hover{--tw-border-opacity:1;border-color:#c084fc;border-color:rgb(192 132 252/var(--tw-border-opacity,1))}.hover\:border-red-300:hover{--tw-border-opacity:1;border-color:#fca5a5;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.hover\:border-red-500:hover{--tw-border-opacity:1;border-color:#ef4444;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.hover\:bg-blue-200:hover{--tw-bg-opacity:1;background-color:#bfdbfe;background-color:rgb(191 219 254/var(--tw-bg-opacity,1))}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:#1d4ed8;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-emerald-600:hover{--tw-bg-opacity:1;background-color:#059669;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.hover\:bg-emerald-700:hover{--tw-bg-opacity:1;background-color:rgb(4 120 87/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:#d1d5db;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:#4b5563;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.hover\:bg-green-100:hover{--tw-bg-opacity:1;background-color:#dcfce7;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.hover\:bg-green-200:hover{--tw-bg-opacity:1;background-color:#bbf7d0;background-color:rgb(187 247 208/var(--tw-bg-opacity,1))}.hover\:bg-green-600:hover{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:#15803d;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:#4338ca;background-color:rgb(67 56 202/var(--tw-bg-opacity,1))}.hover\:bg-purple-200:hover{--tw-bg-opacity:1;background-color:#e9d5ff;background-color:rgb(233 213 255/var(--tw-bg-opacity,1))}.hover\:bg-purple-50:hover{--tw-bg-opacity:1;background-color:#faf5ff;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.hover\:bg-purple-600:hover{--tw-bg-opacity:1;background-color:#9333ea;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.hover\:bg-purple-700:hover{--tw-bg-opacity:1;background-color:#7e22ce;background-color:rgb(126 34 206/var(--tw-bg-opacity,1))}.hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:#fee2e2;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.hover\:bg-red-200:hover{--tw-bg-opacity:1;background-color:#fecaca;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:#b91c1c;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-red-900\/30:hover{background-color:#7f1d1d4d}.hover\:bg-red-900\/50:hover{background-color:#7f1d1d80}.hover\:bg-white:hover{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-white\/30:hover{background-color:#ffffff4d}.hover\:bg-yellow-100:hover{--tw-bg-opacity:1;background-color:#fef9c3;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.hover\:bg-opacity-20:hover{--tw-bg-opacity:0.2}.hover\:from-amber-600:hover{--tw-gradient-from:#d97706 var(--tw-gradient-from-position);--tw-gradient-to:#d9770600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-blue-600:hover{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-blue-700:hover{--tw-gradient-from:#1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to:#1d4ed800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-emerald-600:hover{--tw-gradient-from:#059669 var(--tw-gradient-from-position);--tw-gradient-to:#05966900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-emerald-700:hover{--tw-gradient-from:#047857 var(--tw-gradient-from-position);--tw-gradient-to:#04785700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-gray-600:hover{--tw-gradient-from:#4b5563 var(--tw-gradient-from-position);--tw-gradient-to:#4b556300 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-green-600:hover{--tw-gradient-from:#16a34a var(--tw-gradient-from-position);--tw-gradient-to:#16a34a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-green-700:hover{--tw-gradient-from:#15803d var(--tw-gradient-from-position);--tw-gradient-to:#15803d00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-indigo-500:hover{--tw-gradient-from:#6366f1 var(--tw-gradient-from-position);--tw-gradient-to:#6366f100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-indigo-700:hover{--tw-gradient-from:#4338ca var(--tw-gradient-from-position);--tw-gradient-to:#4338ca00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-purple-600:hover{--tw-gradient-from:#9333ea var(--tw-gradient-from-position);--tw-gradient-to:#9333ea00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-purple-700:hover{--tw-gradient-from:#7e22ce var(--tw-gradient-from-position);--tw-gradient-to:#7e22ce00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-red-600:hover{--tw-gradient-from:#dc2626 var(--tw-gradient-from-position);--tw-gradient-to:#dc262600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-red-700:hover{--tw-gradient-from:#b91c1c var(--tw-gradient-from-position);--tw-gradient-to:#b91c1c00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-rose-600:hover{--tw-gradient-from:#e11d48 var(--tw-gradient-from-position);--tw-gradient-to:#e11d4800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-yellow-500:hover{--tw-gradient-from:#eab308 var(--tw-gradient-from-position);--tw-gradient-to:#eab30800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:via-purple-500:hover{--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#a855f7 var(--tw-gradient-via-position),var(--tw-gradient-to)}.hover\:to-blue-600:hover{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.hover\:to-blue-700:hover{--tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position)}.hover\:to-blue-800:hover{--tw-gradient-to:#1e40af var(--tw-gradient-to-position)}.hover\:to-gray-700:hover{--tw-gradient-to:#374151 var(--tw-gradient-to-position)}.hover\:to-green-600:hover{--tw-gradient-to:#16a34a var(--tw-gradient-to-position)}.hover\:to-green-700:hover{--tw-gradient-to:#15803d var(--tw-gradient-to-position)}.hover\:to-green-800:hover{--tw-gradient-to:#166534 var(--tw-gradient-to-position)}.hover\:to-indigo-700:hover{--tw-gradient-to:#4338ca var(--tw-gradient-to-position)}.hover\:to-orange-700:hover{--tw-gradient-to:#c2410c var(--tw-gradient-to-position)}.hover\:to-pink-500:hover{--tw-gradient-to:#ec4899 var(--tw-gradient-to-position)}.hover\:to-pink-700:hover{--tw-gradient-to:#be185d var(--tw-gradient-to-position)}.hover\:to-purple-700:hover{--tw-gradient-to:#7e22ce var(--tw-gradient-to-position)}.hover\:to-purple-800:hover{--tw-gradient-to:#6b21a8 var(--tw-gradient-to-position)}.hover\:to-red-700:hover{--tw-gradient-to:#b91c1c var(--tw-gradient-to-position)}.hover\:to-red-800:hover{--tw-gradient-to:#991b1b var(--tw-gradient-to-position)}.hover\:to-rose-600:hover{--tw-gradient-to:#e11d48 var(--tw-gradient-to-position)}.hover\:to-teal-600:hover{--tw-gradient-to:#0d9488 var(--tw-gradient-to-position)}.hover\:to-teal-700:hover{--tw-gradient-to:#0f766e var(--tw-gradient-to-position)}.hover\:to-yellow-600:hover{--tw-gradient-to:#ca8a04 var(--tw-gradient-to-position)}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.hover\:text-blue-700:hover{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.hover\:text-green-800:hover{--tw-text-opacity:1;color:#166534;color:rgb(22 101 52/var(--tw-text-opacity,1))}.hover\:text-neutral-100:hover{--tw-text-opacity:1;color:#f5f5f5;color:rgb(245 245 245/var(--tw-text-opacity,1))}.hover\:text-red-700:hover{--tw-text-opacity:1;color:#b91c1c;color:rgb(185 28 28/var(--tw-text-opacity,1))}.hover\:text-red-800:hover{--tw-text-opacity:1;color:#991b1b;color:rgb(153 27 27/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.hover\:shadow-2xl:hover,.hover\:shadow-lg:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.hover\:shadow-md:hover,.hover\:shadow-xl:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.hover\:shadow-blue-500\/25:hover{--tw-shadow-color:#3b82f640;--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-green-500\/25:hover{--tw-shadow-color:#22c55e40;--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-indigo-500\/10:hover{--tw-shadow-color:#6366f11a;--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-purple-500\/25:hover{--tw-shadow-color:#a855f740;--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-red-500\/25:hover{--tw-shadow-color:#ef444440;--tw-shadow:var(--tw-shadow-colored)}.hover\:shadow-white\/25:hover{--tw-shadow-color:#ffffff40;--tw-shadow:var(--tw-shadow-colored)}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.focus\:border-emerald-500:focus{--tw-border-opacity:1;border-color:#10b981;border-color:rgb(16 185 129/var(--tw-border-opacity,1))}.focus\:border-green-500:focus{--tw-border-opacity:1;border-color:#22c55e;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.focus\:border-indigo-500:focus{--tw-border-opacity:1;border-color:#6366f1;border-color:rgb(99 102 241/var(--tw-border-opacity,1))}.focus\:border-purple-500:focus{--tw-border-opacity:1;border-color:#a855f7;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.focus\:border-transparent:focus{border-color:#0000}.focus\:border-yellow-500:focus{--tw-border-opacity:1;border-color:#eab308;border-color:rgb(234 179 8/var(--tw-border-opacity,1))}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-0: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(var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-0:focus,.focus\:ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.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)}.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-emerald-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(16 185 129/var(--tw-ring-opacity,1))}.focus\:ring-green-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1))}.focus\:ring-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity,1))}.focus\:ring-orange-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(249 115 22/var(--tw-ring-opacity,1))}.focus\:ring-pink-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(236 72 153/var(--tw-ring-opacity,1))}.focus\:ring-purple-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(168 85 247/var(--tw-ring-opacity,1))}.focus\:ring-red-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity,1))}.focus\:ring-teal-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(20 184 166/var(--tw-ring-opacity,1))}.focus\:ring-yellow-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(234 179 8/var(--tw-ring-opacity,1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-400:disabled{--tw-bg-opacity:1;background-color:#9ca3af;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.disabled\:opacity-50:disabled{opacity:.5}.group[open] .group-open\:rotate-180{--tw-rotate:180deg}.group:hover .group-hover\:translate-x-1,.group[open] .group-open\:rotate-180{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))}.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem}.group:hover .group-hover\:translate-x-\[100\%\]{--tw-translate-x:100%}.group:hover .group-hover\:rotate-90,.group:hover .group-hover\:translate-x-\[100\%\]{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))}.group:hover .group-hover\:rotate-90{--tw-rotate:90deg}.group\/btn:hover .group-hover\/btn\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1}.group:hover .group-hover\:scale-105,.group\/btn:hover .group-hover\/btn\:scale-110{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))}.group:hover .group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05}.group:hover .group-hover\:scale-110{--tw-scale-x:1.1;--tw-scale-y:1.1;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))}.group:hover .group-hover\:border-blue-200{--tw-border-opacity:1;border-color:#bfdbfe;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.group:hover .group-hover\:border-blue-300{--tw-border-opacity:1;border-color:#93c5fd;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.group:hover .group-hover\:bg-blue-100{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-blue-200{--tw-bg-opacity:1;background-color:#bfdbfe;background-color:rgb(191 219 254/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-emerald-100{--tw-bg-opacity:1;background-color:#d1fae5;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-emerald-50{--tw-bg-opacity:1;background-color:#ecfdf5;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-gray-200{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-green-200{--tw-bg-opacity:1;background-color:#bbf7d0;background-color:rgb(187 247 208/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-orange-100{--tw-bg-opacity:1;background-color:#ffedd5;background-color:rgb(255 237 213/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-orange-200{--tw-bg-opacity:1;background-color:#fed7aa;background-color:rgb(254 215 170/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-purple-100{--tw-bg-opacity:1;background-color:#f3e8ff;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-purple-200{--tw-bg-opacity:1;background-color:#e9d5ff;background-color:rgb(233 213 255/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-red-200{--tw-bg-opacity:1;background-color:#fecaca;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-sky-100{--tw-bg-opacity:1;background-color:#e0f2fe;background-color:rgb(224 242 254/var(--tw-bg-opacity,1))}.group:hover .group-hover\:bg-opacity-30{--tw-bg-opacity:0.3}.group:hover .group-hover\:bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.group:hover .group-hover\:from-indigo-500\/5{--tw-gradient-from:#6366f10d var(--tw-gradient-from-position);--tw-gradient-to:#6366f100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.group:hover .group-hover\:from-indigo-600{--tw-gradient-from:#4f46e5 var(--tw-gradient-from-position);--tw-gradient-to:#4f46e500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.group:hover .group-hover\:from-white\/30{--tw-gradient-from:#ffffff4d var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.group:hover .group-hover\:via-purple-500\/5{--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#a855f70d var(--tw-gradient-via-position),var(--tw-gradient-to)}.group:hover .group-hover\:to-pink-500\/5{--tw-gradient-to:#ec48990d var(--tw-gradient-to-position)}.group:hover .group-hover\:to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.group:hover .group-hover\:bg-clip-text{-webkit-background-clip:text;background-clip:text}.group:hover .group-hover\:text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-indigo-600{--tw-text-opacity:1;color:#4f46e5;color:rgb(79 70 229/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-transparent{color:#0000}.group\/btn:hover .group-hover\/btn\:opacity-20{opacity:.2}.group:hover .group-hover\:opacity-10{opacity:.1}.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-40{opacity:.4}.group:hover .group-hover\:opacity-75{opacity:.75}.group:hover .group-hover\:shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.group:hover .group-hover\:shadow-lg,.group:hover .group-hover\:shadow-xl{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.group:hover .group-hover\:shadow-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.group:hover .group-hover\:shadow-amber-500\/25{--tw-shadow-color:#f59e0b40;--tw-shadow:var(--tw-shadow-colored)}.group:hover .group-hover\:shadow-blue-500\/50{--tw-shadow-color:#3b82f680;--tw-shadow:var(--tw-shadow-colored)}.group:hover .group-hover\:shadow-emerald-500\/25{--tw-shadow-color:#10b98140;--tw-shadow:var(--tw-shadow-colored)}.group:hover .group-hover\:shadow-green-500\/50{--tw-shadow-color:#22c55e80;--tw-shadow:var(--tw-shadow-colored)}.group:hover .group-hover\:shadow-indigo-500\/25{--tw-shadow-color:#6366f140;--tw-shadow:var(--tw-shadow-colored)}.group:hover .group-hover\:shadow-purple-500\/50{--tw-shadow-color:#a855f780;--tw-shadow:var(--tw-shadow-colored)}.group:hover .group-hover\:shadow-red-500\/50{--tw-shadow-color:#ef444480;--tw-shadow:var(--tw-shadow-colored)}.group:hover .group-hover\:duration-200{transition-duration:.2s}.dark\:divide-gray-700:is(.dark *)>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:#374151;border-color:rgb(55 65 81/var(--tw-divide-opacity,1))}.dark\:border:is(.dark *){border-width:1px}.dark\:border-t:is(.dark *){border-top-width:1px}.dark\:border-amber-400:is(.dark *){--tw-border-opacity:1;border-color:#fbbf24;border-color:rgb(251 191 36/var(--tw-border-opacity,1))}.dark\:border-amber-800:is(.dark *){--tw-border-opacity:1;border-color:#92400e;border-color:rgb(146 64 14/var(--tw-border-opacity,1))}.dark\:border-blue-400:is(.dark *){--tw-border-opacity:1;border-color:#60a5fa;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.dark\:border-blue-500:is(.dark *){--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.dark\:border-blue-600:is(.dark *){--tw-border-opacity:1;border-color:#2563eb;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.dark\:border-blue-700\/50:is(.dark *){border-color:#1d4ed880}.dark\:border-blue-800:is(.dark *){--tw-border-opacity:1;border-color:#1e40af;border-color:rgb(30 64 175/var(--tw-border-opacity,1))}.dark\:border-blue-800\/30:is(.dark *){border-color:#1e40af4d}.dark\:border-blue-900\/30:is(.dark *){border-color:#1e3a8a4d}.dark\:border-blue-900\/50:is(.dark *){border-color:#1e3a8a80}.dark\:border-emerald-700:is(.dark *){--tw-border-opacity:1;border-color:#047857;border-color:rgb(4 120 87/var(--tw-border-opacity,1))}.dark\:border-gray-500:is(.dark *){--tw-border-opacity:1;border-color:#6b7280;border-color:rgb(107 114 128/var(--tw-border-opacity,1))}.dark\:border-gray-600:is(.dark *){--tw-border-opacity:1;border-color:#4b5563;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.dark\:border-gray-700:is(.dark *){--tw-border-opacity:1;border-color:#374151;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.dark\:border-gray-700\/15:is(.dark *){border-color:#37415126}.dark\:border-gray-700\/20:is(.dark *){border-color:#37415133}.dark\:border-gray-700\/50:is(.dark *){border-color:#37415180}.dark\:border-gray-800:is(.dark *){--tw-border-opacity:1;border-color:#1f2937;border-color:rgb(31 41 55/var(--tw-border-opacity,1))}.dark\:border-green-400:is(.dark *){--tw-border-opacity:1;border-color:#4ade80;border-color:rgb(74 222 128/var(--tw-border-opacity,1))}.dark\:border-green-600:is(.dark *){--tw-border-opacity:1;border-color:#16a34a;border-color:rgb(22 163 74/var(--tw-border-opacity,1))}.dark\:border-green-700\/50:is(.dark *){border-color:#15803d80}.dark\:border-green-800:is(.dark *){--tw-border-opacity:1;border-color:#166534;border-color:rgb(22 101 52/var(--tw-border-opacity,1))}.dark\:border-green-800\/30:is(.dark *){border-color:#1665344d}.dark\:border-indigo-400:is(.dark *){--tw-border-opacity:1;border-color:#818cf8;border-color:rgb(129 140 248/var(--tw-border-opacity,1))}.dark\:border-indigo-700:is(.dark *){--tw-border-opacity:1;border-color:#4338ca;border-color:rgb(67 56 202/var(--tw-border-opacity,1))}.dark\:border-indigo-700\/50:is(.dark *){border-color:#4338ca80}.dark\:border-indigo-800:is(.dark *){--tw-border-opacity:1;border-color:#3730a3;border-color:rgb(55 48 163/var(--tw-border-opacity,1))}.dark\:border-indigo-900\/50:is(.dark *){border-color:#312e8180}.dark\:border-orange-400:is(.dark *){--tw-border-opacity:1;border-color:#fb923c;border-color:rgb(251 146 60/var(--tw-border-opacity,1))}.dark\:border-orange-700:is(.dark *){--tw-border-opacity:1;border-color:#c2410c;border-color:rgb(194 65 12/var(--tw-border-opacity,1))}.dark\:border-orange-800:is(.dark *){--tw-border-opacity:1;border-color:#9a3412;border-color:rgb(154 52 18/var(--tw-border-opacity,1))}.dark\:border-orange-800\/30:is(.dark *){border-color:#9a34124d}.dark\:border-purple-400:is(.dark *){--tw-border-opacity:1;border-color:#c084fc;border-color:rgb(192 132 252/var(--tw-border-opacity,1))}.dark\:border-purple-600:is(.dark *){--tw-border-opacity:1;border-color:#9333ea;border-color:rgb(147 51 234/var(--tw-border-opacity,1))}.dark\:border-purple-700:is(.dark *){--tw-border-opacity:1;border-color:#7e22ce;border-color:rgb(126 34 206/var(--tw-border-opacity,1))}.dark\:border-purple-700\/50:is(.dark *){border-color:#7e22ce80}.dark\:border-purple-800:is(.dark *){--tw-border-opacity:1;border-color:#6b21a8;border-color:rgb(107 33 168/var(--tw-border-opacity,1))}.dark\:border-purple-800\/30:is(.dark *){border-color:#6b21a84d}.dark\:border-purple-900\/30:is(.dark *){border-color:#581c874d}.dark\:border-red-400:is(.dark *){--tw-border-opacity:1;border-color:#f87171;border-color:rgb(248 113 113/var(--tw-border-opacity,1))}.dark\:border-red-600:is(.dark *){--tw-border-opacity:1;border-color:#dc2626;border-color:rgb(220 38 38/var(--tw-border-opacity,1))}.dark\:border-red-700:is(.dark *){--tw-border-opacity:1;border-color:#b91c1c;border-color:rgb(185 28 28/var(--tw-border-opacity,1))}.dark\:border-red-700\/50:is(.dark *){border-color:#b91c1c80}.dark\:border-red-800:is(.dark *){--tw-border-opacity:1;border-color:#991b1b;border-color:rgb(153 27 27/var(--tw-border-opacity,1))}.dark\:border-red-800\/30:is(.dark *){border-color:#991b1b4d}.dark\:border-red-900:is(.dark *){--tw-border-opacity:1;border-color:#7f1d1d;border-color:rgb(127 29 29/var(--tw-border-opacity,1))}.dark\:border-teal-400:is(.dark *){--tw-border-opacity:1;border-color:#2dd4bf;border-color:rgb(45 212 191/var(--tw-border-opacity,1))}.dark\:border-white\/10:is(.dark *){border-color:#ffffff1a}.dark\:border-yellow-600:is(.dark *){--tw-border-opacity:1;border-color:#ca8a04;border-color:rgb(202 138 4/var(--tw-border-opacity,1))}.dark\:border-yellow-700:is(.dark *){--tw-border-opacity:1;border-color:#a16207;border-color:rgb(161 98 7/var(--tw-border-opacity,1))}.dark\:border-yellow-700\/50:is(.dark *){border-color:#a1620780}.dark\:border-yellow-800:is(.dark *){--tw-border-opacity:1;border-color:#854d0e;border-color:rgb(133 77 14/var(--tw-border-opacity,1))}.dark\:border-yellow-800\/30:is(.dark *){border-color:#854d0e4d}.dark\:border-yellow-900\/30:is(.dark *){border-color:#713f124d}.dark\:border-t-indigo-400:is(.dark *){--tw-border-opacity:1;border-top-color:#818cf8;border-top-color:rgb(129 140 248/var(--tw-border-opacity,1))}.dark\:border-t-purple-400:is(.dark *){--tw-border-opacity:1;border-top-color:#c084fc;border-top-color:rgb(192 132 252/var(--tw-border-opacity,1))}.dark\:border-t-purple-500:is(.dark *){--tw-border-opacity:1;border-top-color:#a855f7;border-top-color:rgb(168 85 247/var(--tw-border-opacity,1))}.dark\:border-t-yellow-500:is(.dark *){--tw-border-opacity:1;border-top-color:#eab308;border-top-color:rgb(234 179 8/var(--tw-border-opacity,1))}.dark\:bg-amber-800:is(.dark *){--tw-bg-opacity:1;background-color:#92400e;background-color:rgb(146 64 14/var(--tw-bg-opacity,1))}.dark\:bg-amber-900:is(.dark *){--tw-bg-opacity:1;background-color:#78350f;background-color:rgb(120 53 15/var(--tw-bg-opacity,1))}.dark\:bg-amber-900\/10:is(.dark *){background-color:#78350f1a}.dark\:bg-amber-900\/30:is(.dark *){background-color:#78350f4d}.dark\:bg-black:is(.dark *){--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.dark\:bg-black\/20:is(.dark *){background-color:#0003}.dark\:bg-black\/75:is(.dark *){background-color:#000000bf}.dark\:bg-black\/80:is(.dark *){background-color:#000c}.dark\:bg-blue-400:is(.dark *){--tw-bg-opacity:1;background-color:#60a5fa;background-color:rgb(96 165 250/var(--tw-bg-opacity,1))}.dark\:bg-blue-600:is(.dark *){--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.dark\:bg-blue-700:is(.dark *){--tw-bg-opacity:1;background-color:#1d4ed8;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.dark\:bg-blue-800\/50:is(.dark *){background-color:#1e40af80}.dark\:bg-blue-900:is(.dark *){--tw-bg-opacity:1;background-color:#1e3a8a;background-color:rgb(30 58 138/var(--tw-bg-opacity,1))}.dark\:bg-blue-900\/10:is(.dark *){background-color:#1e3a8a1a}.dark\:bg-blue-900\/20:is(.dark *){background-color:#1e3a8a33}.dark\:bg-blue-900\/30:is(.dark *){background-color:#1e3a8a4d}.dark\:bg-blue-900\/40:is(.dark *){background-color:#1e3a8a66}.dark\:bg-blue-900\/50:is(.dark *){background-color:#1e3a8a80}.dark\:bg-emerald-600:is(.dark *){--tw-bg-opacity:1;background-color:#059669;background-color:rgb(5 150 105/var(--tw-bg-opacity,1))}.dark\:bg-emerald-900\/30:is(.dark *){background-color:#064e3b4d}.dark\:bg-gray-600:is(.dark *){--tw-bg-opacity:1;background-color:#4b5563;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.dark\:bg-gray-600\/30:is(.dark *){background-color:#4b55634d}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:bg-gray-700\/30:is(.dark *){background-color:#3741514d}.dark\:bg-gray-700\/50:is(.dark *){background-color:#37415180}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity:1;background-color:#1f2937;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:bg-gray-800\/50:is(.dark *){background-color:#1f293780}.dark\:bg-gray-900:is(.dark *){--tw-bg-opacity:1;background-color:#111827;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.dark\:bg-gray-900\/95:is(.dark *){background-color:#111827f2}.dark\:bg-green-400:is(.dark *){--tw-bg-opacity:1;background-color:#4ade80;background-color:rgb(74 222 128/var(--tw-bg-opacity,1))}.dark\:bg-green-600:is(.dark *){--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.dark\:bg-green-700:is(.dark *){--tw-bg-opacity:1;background-color:#15803d;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.dark\:bg-green-800:is(.dark *){--tw-bg-opacity:1;background-color:#166534;background-color:rgb(22 101 52/var(--tw-bg-opacity,1))}.dark\:bg-green-800\/50:is(.dark *){background-color:#16653480}.dark\:bg-green-900:is(.dark *){--tw-bg-opacity:1;background-color:#14532d;background-color:rgb(20 83 45/var(--tw-bg-opacity,1))}.dark\:bg-green-900\/10:is(.dark *){background-color:#14532d1a}.dark\:bg-green-900\/20:is(.dark *){background-color:#14532d33}.dark\:bg-green-900\/30:is(.dark *){background-color:#14532d4d}.dark\:bg-green-900\/40:is(.dark *){background-color:#14532d66}.dark\:bg-indigo-700:is(.dark *){--tw-bg-opacity:1;background-color:#4338ca;background-color:rgb(67 56 202/var(--tw-bg-opacity,1))}.dark\:bg-indigo-900\/10:is(.dark *){background-color:#312e811a}.dark\:bg-indigo-900\/20:is(.dark *){background-color:#312e8133}.dark\:bg-indigo-900\/30:is(.dark *){background-color:#312e814d}.dark\:bg-indigo-900\/50:is(.dark *){background-color:#312e8180}.dark\:bg-orange-400:is(.dark *){--tw-bg-opacity:1;background-color:#fb923c;background-color:rgb(251 146 60/var(--tw-bg-opacity,1))}.dark\:bg-orange-800\/50:is(.dark *){background-color:#9a341280}.dark\:bg-orange-900\/10:is(.dark *){background-color:#7c2d121a}.dark\:bg-orange-900\/20:is(.dark *){background-color:#7c2d1233}.dark\:bg-orange-900\/30:is(.dark *){background-color:#7c2d124d}.dark\:bg-pink-900\/20:is(.dark *){background-color:#83184333}.dark\:bg-purple-400:is(.dark *){--tw-bg-opacity:1;background-color:#c084fc;background-color:rgb(192 132 252/var(--tw-bg-opacity,1))}.dark\:bg-purple-600:is(.dark *){--tw-bg-opacity:1;background-color:#9333ea;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.dark\:bg-purple-700:is(.dark *){--tw-bg-opacity:1;background-color:#7e22ce;background-color:rgb(126 34 206/var(--tw-bg-opacity,1))}.dark\:bg-purple-800:is(.dark *){--tw-bg-opacity:1;background-color:#6b21a8;background-color:rgb(107 33 168/var(--tw-bg-opacity,1))}.dark\:bg-purple-800\/50:is(.dark *){background-color:#6b21a880}.dark\:bg-purple-900:is(.dark *){--tw-bg-opacity:1;background-color:#581c87;background-color:rgb(88 28 135/var(--tw-bg-opacity,1))}.dark\:bg-purple-900\/10:is(.dark *){background-color:#581c871a}.dark\:bg-purple-900\/20:is(.dark *){background-color:#581c8733}.dark\:bg-purple-900\/30:is(.dark *){background-color:#581c874d}.dark\:bg-purple-900\/50:is(.dark *){background-color:#581c8780}.dark\:bg-red-400:is(.dark *){--tw-bg-opacity:1;background-color:#f87171;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.dark\:bg-red-700:is(.dark *){--tw-bg-opacity:1;background-color:#b91c1c;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.dark\:bg-red-700\/70:is(.dark *){background-color:#b91c1cb3}.dark\:bg-red-800:is(.dark *){--tw-bg-opacity:1;background-color:#991b1b;background-color:rgb(153 27 27/var(--tw-bg-opacity,1))}.dark\:bg-red-900:is(.dark *){--tw-bg-opacity:1;background-color:#7f1d1d;background-color:rgb(127 29 29/var(--tw-bg-opacity,1))}.dark\:bg-red-900\/10:is(.dark *){background-color:#7f1d1d1a}.dark\:bg-red-900\/20:is(.dark *){background-color:#7f1d1d33}.dark\:bg-red-900\/30:is(.dark *){background-color:#7f1d1d4d}.dark\:bg-red-900\/40:is(.dark *){background-color:#7f1d1d66}.dark\:bg-sky-900\/30:is(.dark *){background-color:#0c4a6e4d}.dark\:bg-teal-900\/10:is(.dark *){background-color:#134e4a1a}.dark\:bg-teal-900\/20:is(.dark *){background-color:#134e4a33}.dark\:bg-white\/10:is(.dark *){background-color:#ffffff1a}.dark\:bg-white\/5:is(.dark *){background-color:#ffffff0d}.dark\:bg-yellow-400:is(.dark *){--tw-bg-opacity:1;background-color:#facc15;background-color:rgb(250 204 21/var(--tw-bg-opacity,1))}.dark\:bg-yellow-900\/10:is(.dark *){background-color:#713f121a}.dark\:bg-yellow-900\/20:is(.dark *){background-color:#713f1233}.dark\:bg-yellow-900\/30:is(.dark *){background-color:#713f124d}.dark\:bg-opacity-0:is(.dark *){--tw-bg-opacity:0}.dark\:bg-opacity-70:is(.dark *){--tw-bg-opacity:0.7}.dark\:bg-opacity-80:is(.dark *){--tw-bg-opacity:0.8}.dark\:from-amber-600:is(.dark *){--tw-gradient-from:#d97706 var(--tw-gradient-from-position);--tw-gradient-to:#d9770600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-amber-900\/20:is(.dark *){--tw-gradient-from:#78350f33 var(--tw-gradient-from-position);--tw-gradient-to:#78350f00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-blue-500:is(.dark *){--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-blue-600:is(.dark *){--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-blue-700:is(.dark *){--tw-gradient-from:#1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to:#1d4ed800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-blue-900\/20:is(.dark *){--tw-gradient-from:#1e3a8a33 var(--tw-gradient-from-position);--tw-gradient-to:#1e3a8a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-blue-900\/30:is(.dark *){--tw-gradient-from:#1e3a8a4d var(--tw-gradient-from-position);--tw-gradient-to:#1e3a8a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-emerald-500:is(.dark *){--tw-gradient-from:#10b981 var(--tw-gradient-from-position);--tw-gradient-to:#10b98100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-emerald-600:is(.dark *){--tw-gradient-from:#059669 var(--tw-gradient-from-position);--tw-gradient-to:#05966900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-emerald-700:is(.dark *){--tw-gradient-from:#047857 var(--tw-gradient-from-position);--tw-gradient-to:#04785700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-emerald-900\/20:is(.dark *){--tw-gradient-from:#064e3b33 var(--tw-gradient-from-position);--tw-gradient-to:#064e3b00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-emerald-900\/30:is(.dark *){--tw-gradient-from:#064e3b4d var(--tw-gradient-from-position);--tw-gradient-to:#064e3b00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-gray-600:is(.dark *){--tw-gradient-from:#4b5563 var(--tw-gradient-from-position);--tw-gradient-to:#4b556300 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-gray-700:is(.dark *){--tw-gradient-from:#374151 var(--tw-gradient-from-position);--tw-gradient-to:#37415100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-gray-700\/50:is(.dark *){--tw-gradient-from:#37415180 var(--tw-gradient-from-position);--tw-gradient-to:#37415100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-gray-800:is(.dark *){--tw-gradient-from:#1f2937 var(--tw-gradient-from-position);--tw-gradient-to:#1f293700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-gray-800\/50:is(.dark *){--tw-gradient-from:#1f293780 var(--tw-gradient-from-position);--tw-gradient-to:#1f293700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-gray-900:is(.dark *){--tw-gradient-from:#111827 var(--tw-gradient-from-position);--tw-gradient-to:#11182700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-gray-900\/20:is(.dark *){--tw-gradient-from:#11182733 var(--tw-gradient-from-position);--tw-gradient-to:#11182700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-green-600:is(.dark *){--tw-gradient-from:#16a34a var(--tw-gradient-from-position);--tw-gradient-to:#16a34a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-green-700:is(.dark *){--tw-gradient-from:#15803d var(--tw-gradient-from-position);--tw-gradient-to:#15803d00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-green-900\/20:is(.dark *){--tw-gradient-from:#14532d33 var(--tw-gradient-from-position);--tw-gradient-to:#14532d00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-green-900\/30:is(.dark *){--tw-gradient-from:#14532d4d var(--tw-gradient-from-position);--tw-gradient-to:#14532d00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-indigo-500:is(.dark *){--tw-gradient-from:#6366f1 var(--tw-gradient-from-position);--tw-gradient-to:#6366f100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-indigo-600:is(.dark *){--tw-gradient-from:#4f46e5 var(--tw-gradient-from-position);--tw-gradient-to:#4f46e500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-indigo-700:is(.dark *){--tw-gradient-from:#4338ca var(--tw-gradient-from-position);--tw-gradient-to:#4338ca00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-indigo-800:is(.dark *){--tw-gradient-from:#3730a3 var(--tw-gradient-from-position);--tw-gradient-to:#3730a300 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-indigo-900\/20:is(.dark *){--tw-gradient-from:#312e8133 var(--tw-gradient-from-position);--tw-gradient-to:#312e8100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-indigo-900\/30:is(.dark *){--tw-gradient-from:#312e814d var(--tw-gradient-from-position);--tw-gradient-to:#312e8100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-indigo-900\/50:is(.dark *){--tw-gradient-from:#312e8180 var(--tw-gradient-from-position);--tw-gradient-to:#312e8100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-orange-900\/30:is(.dark *){--tw-gradient-from:#7c2d124d var(--tw-gradient-from-position);--tw-gradient-to:#7c2d1200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-purple-600:is(.dark *){--tw-gradient-from:#9333ea var(--tw-gradient-from-position);--tw-gradient-to:#9333ea00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-purple-700:is(.dark *){--tw-gradient-from:#7e22ce var(--tw-gradient-from-position);--tw-gradient-to:#7e22ce00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-purple-800:is(.dark *){--tw-gradient-from:#6b21a8 var(--tw-gradient-from-position);--tw-gradient-to:#6b21a800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-purple-900\/20:is(.dark *){--tw-gradient-from:#581c8733 var(--tw-gradient-from-position);--tw-gradient-to:#581c8700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-purple-900\/30:is(.dark *){--tw-gradient-from:#581c874d var(--tw-gradient-from-position);--tw-gradient-to:#581c8700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-red-600:is(.dark *){--tw-gradient-from:#dc2626 var(--tw-gradient-from-position);--tw-gradient-to:#dc262600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-red-700:is(.dark *){--tw-gradient-from:#b91c1c var(--tw-gradient-from-position);--tw-gradient-to:#b91c1c00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-red-900\/20:is(.dark *){--tw-gradient-from:#7f1d1d33 var(--tw-gradient-from-position);--tw-gradient-to:#7f1d1d00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-red-900\/30:is(.dark *){--tw-gradient-from:#7f1d1d4d var(--tw-gradient-from-position);--tw-gradient-to:#7f1d1d00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-yellow-800:is(.dark *){--tw-gradient-from:#854d0e var(--tw-gradient-from-position);--tw-gradient-to:#854d0e00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-yellow-900\/20:is(.dark *){--tw-gradient-from:#713f1233 var(--tw-gradient-from-position);--tw-gradient-to:#713f1200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:from-yellow-900\/30:is(.dark *){--tw-gradient-from:#713f124d var(--tw-gradient-from-position);--tw-gradient-to:#713f1200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:via-blue-800:is(.dark *){--tw-gradient-to:#1e40af00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1e40af var(--tw-gradient-via-position),var(--tw-gradient-to)}.dark\:via-blue-900\/10:is(.dark *){--tw-gradient-to:#1e3a8a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1e3a8a1a var(--tw-gradient-via-position),var(--tw-gradient-to)}.dark\:via-indigo-700:is(.dark *){--tw-gradient-to:#4338ca00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#4338ca var(--tw-gradient-via-position),var(--tw-gradient-to)}.dark\:via-purple-500:is(.dark *){--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#a855f7 var(--tw-gradient-via-position),var(--tw-gradient-to)}.dark\:via-purple-700:is(.dark *){--tw-gradient-to:#7e22ce00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#7e22ce var(--tw-gradient-via-position),var(--tw-gradient-to)}.dark\:via-purple-800:is(.dark *){--tw-gradient-to:#6b21a800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#6b21a8 var(--tw-gradient-via-position),var(--tw-gradient-to)}.dark\:to-amber-700:is(.dark *){--tw-gradient-to:#b45309 var(--tw-gradient-to-position)}.dark\:to-blue-500:is(.dark *){--tw-gradient-to:#3b82f6 var(--tw-gradient-to-position)}.dark\:to-blue-600:is(.dark *){--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.dark\:to-blue-700:is(.dark *){--tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position)}.dark\:to-blue-800:is(.dark *){--tw-gradient-to:#1e40af var(--tw-gradient-to-position)}.dark\:to-blue-800\/20:is(.dark *){--tw-gradient-to:#1e40af33 var(--tw-gradient-to-position)}.dark\:to-blue-900:is(.dark *){--tw-gradient-to:#1e3a8a var(--tw-gradient-to-position)}.dark\:to-blue-900\/20:is(.dark *){--tw-gradient-to:#1e3a8a33 var(--tw-gradient-to-position)}.dark\:to-cyan-700:is(.dark *){--tw-gradient-to:#0e7490 var(--tw-gradient-to-position)}.dark\:to-cyan-900\/30:is(.dark *){--tw-gradient-to:#164e634d var(--tw-gradient-to-position)}.dark\:to-emerald-700:is(.dark *){--tw-gradient-to:#047857 var(--tw-gradient-to-position)}.dark\:to-emerald-900\/20:is(.dark *){--tw-gradient-to:#064e3b33 var(--tw-gradient-to-position)}.dark\:to-emerald-900\/30:is(.dark *){--tw-gradient-to:#064e3b4d var(--tw-gradient-to-position)}.dark\:to-gray-600:is(.dark *){--tw-gradient-to:#4b5563 var(--tw-gradient-to-position)}.dark\:to-gray-600\/50:is(.dark *){--tw-gradient-to:#4b556380 var(--tw-gradient-to-position)}.dark\:to-gray-700:is(.dark *){--tw-gradient-to:#374151 var(--tw-gradient-to-position)}.dark\:to-gray-800:is(.dark *){--tw-gradient-to:#1f2937 var(--tw-gradient-to-position)}.dark\:to-gray-800\/50:is(.dark *){--tw-gradient-to:#1f293780 var(--tw-gradient-to-position)}.dark\:to-gray-900:is(.dark *){--tw-gradient-to:#111827 var(--tw-gradient-to-position)}.dark\:to-green-700:is(.dark *){--tw-gradient-to:#15803d var(--tw-gradient-to-position)}.dark\:to-green-800:is(.dark *){--tw-gradient-to:#166534 var(--tw-gradient-to-position)}.dark\:to-green-800\/20:is(.dark *){--tw-gradient-to:#16653433 var(--tw-gradient-to-position)}.dark\:to-indigo-700:is(.dark *){--tw-gradient-to:#4338ca var(--tw-gradient-to-position)}.dark\:to-indigo-800:is(.dark *){--tw-gradient-to:#3730a3 var(--tw-gradient-to-position)}.dark\:to-indigo-900:is(.dark *){--tw-gradient-to:#312e81 var(--tw-gradient-to-position)}.dark\:to-indigo-900\/20:is(.dark *){--tw-gradient-to:#312e8133 var(--tw-gradient-to-position)}.dark\:to-indigo-900\/30:is(.dark *){--tw-gradient-to:#312e814d var(--tw-gradient-to-position)}.dark\:to-orange-800\/30:is(.dark *){--tw-gradient-to:#9a34124d var(--tw-gradient-to-position)}.dark\:to-orange-900\/20:is(.dark *){--tw-gradient-to:#7c2d1233 var(--tw-gradient-to-position)}.dark\:to-orange-900\/30:is(.dark *){--tw-gradient-to:#7c2d124d var(--tw-gradient-to-position)}.dark\:to-pink-500:is(.dark *){--tw-gradient-to:#ec4899 var(--tw-gradient-to-position)}.dark\:to-pink-700:is(.dark *){--tw-gradient-to:#be185d var(--tw-gradient-to-position)}.dark\:to-pink-900\/20:is(.dark *){--tw-gradient-to:#83184333 var(--tw-gradient-to-position)}.dark\:to-purple-500:is(.dark *){--tw-gradient-to:#a855f7 var(--tw-gradient-to-position)}.dark\:to-purple-600:is(.dark *){--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.dark\:to-purple-700:is(.dark *){--tw-gradient-to:#7e22ce var(--tw-gradient-to-position)}.dark\:to-purple-800:is(.dark *){--tw-gradient-to:#6b21a8 var(--tw-gradient-to-position)}.dark\:to-purple-800\/20:is(.dark *){--tw-gradient-to:#6b21a833 var(--tw-gradient-to-position)}.dark\:to-purple-800\/30:is(.dark *){--tw-gradient-to:#6b21a84d var(--tw-gradient-to-position)}.dark\:to-purple-900\/10:is(.dark *){--tw-gradient-to:#581c871a var(--tw-gradient-to-position)}.dark\:to-purple-900\/20:is(.dark *){--tw-gradient-to:#581c8733 var(--tw-gradient-to-position)}.dark\:to-purple-900\/30:is(.dark *){--tw-gradient-to:#581c874d var(--tw-gradient-to-position)}.dark\:to-purple-900\/50:is(.dark *){--tw-gradient-to:#581c8780 var(--tw-gradient-to-position)}.dark\:to-red-700:is(.dark *){--tw-gradient-to:#b91c1c var(--tw-gradient-to-position)}.dark\:to-red-800:is(.dark *){--tw-gradient-to:#991b1b var(--tw-gradient-to-position)}.dark\:to-red-800\/10:is(.dark *){--tw-gradient-to:#991b1b1a var(--tw-gradient-to-position)}.dark\:to-red-800\/20:is(.dark *){--tw-gradient-to:#991b1b33 var(--tw-gradient-to-position)}.dark\:to-red-800\/30:is(.dark *){--tw-gradient-to:#991b1b4d var(--tw-gradient-to-position)}.dark\:to-rose-900\/30:is(.dark *){--tw-gradient-to:#8813374d var(--tw-gradient-to-position)}.dark\:to-slate-900\/20:is(.dark *){--tw-gradient-to:#0f172a33 var(--tw-gradient-to-position)}.dark\:to-teal-700:is(.dark *){--tw-gradient-to:#0f766e var(--tw-gradient-to-position)}.dark\:to-teal-900\/30:is(.dark *){--tw-gradient-to:#134e4a4d var(--tw-gradient-to-position)}.dark\:to-yellow-600:is(.dark *){--tw-gradient-to:#ca8a04 var(--tw-gradient-to-position)}.dark\:to-yellow-800\/30:is(.dark *){--tw-gradient-to:#854d0e4d var(--tw-gradient-to-position)}.dark\:text-amber-200:is(.dark *){--tw-text-opacity:1;color:#fde68a;color:rgb(253 230 138/var(--tw-text-opacity,1))}.dark\:text-amber-300:is(.dark *){--tw-text-opacity:1;color:#fcd34d;color:rgb(252 211 77/var(--tw-text-opacity,1))}.dark\:text-amber-400:is(.dark *){--tw-text-opacity:1;color:#fbbf24;color:rgb(251 191 36/var(--tw-text-opacity,1))}.dark\:text-amber-500:is(.dark *){--tw-text-opacity:1;color:#f59e0b;color:rgb(245 158 11/var(--tw-text-opacity,1))}.dark\:text-blue-100:is(.dark *){--tw-text-opacity:1;color:#dbeafe;color:rgb(219 234 254/var(--tw-text-opacity,1))}.dark\:text-blue-200:is(.dark *){--tw-text-opacity:1;color:#bfdbfe;color:rgb(191 219 254/var(--tw-text-opacity,1))}.dark\:text-blue-300:is(.dark *){--tw-text-opacity:1;color:#93c5fd;color:rgb(147 197 253/var(--tw-text-opacity,1))}.dark\:text-blue-400:is(.dark *){--tw-text-opacity:1;color:#60a5fa;color:rgb(96 165 250/var(--tw-text-opacity,1))}.dark\:text-blue-500:is(.dark *){--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.dark\:text-emerald-300:is(.dark *){--tw-text-opacity:1;color:#6ee7b7;color:rgb(110 231 183/var(--tw-text-opacity,1))}.dark\:text-emerald-400:is(.dark *){--tw-text-opacity:1;color:#34d399;color:rgb(52 211 153/var(--tw-text-opacity,1))}.dark\:text-gray-100:is(.dark *){--tw-text-opacity:1;color:#f3f4f6;color:rgb(243 244 246/var(--tw-text-opacity,1))}.dark\:text-gray-200:is(.dark *){--tw-text-opacity:1;color:#e5e7eb;color:rgb(229 231 235/var(--tw-text-opacity,1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:text-gray-500:is(.dark *){--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.dark\:text-gray-600:is(.dark *){--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.dark\:text-gray-900:is(.dark *){--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.dark\:text-green-100:is(.dark *){--tw-text-opacity:1;color:#dcfce7;color:rgb(220 252 231/var(--tw-text-opacity,1))}.dark\:text-green-200:is(.dark *){--tw-text-opacity:1;color:#bbf7d0;color:rgb(187 247 208/var(--tw-text-opacity,1))}.dark\:text-green-300:is(.dark *){--tw-text-opacity:1;color:#86efac;color:rgb(134 239 172/var(--tw-text-opacity,1))}.dark\:text-green-400:is(.dark *){--tw-text-opacity:1;color:#4ade80;color:rgb(74 222 128/var(--tw-text-opacity,1))}.dark\:text-green-500:is(.dark *){--tw-text-opacity:1;color:#22c55e;color:rgb(34 197 94/var(--tw-text-opacity,1))}.dark\:text-indigo-300:is(.dark *){--tw-text-opacity:1;color:#a5b4fc;color:rgb(165 180 252/var(--tw-text-opacity,1))}.dark\:text-indigo-400:is(.dark *){--tw-text-opacity:1;color:#818cf8;color:rgb(129 140 248/var(--tw-text-opacity,1))}.dark\:text-indigo-500:is(.dark *){--tw-text-opacity:1;color:#6366f1;color:rgb(99 102 241/var(--tw-text-opacity,1))}.dark\:text-orange-200:is(.dark *){--tw-text-opacity:1;color:#fed7aa;color:rgb(254 215 170/var(--tw-text-opacity,1))}.dark\:text-orange-300:is(.dark *){--tw-text-opacity:1;color:#fdba74;color:rgb(253 186 116/var(--tw-text-opacity,1))}.dark\:text-orange-400:is(.dark *){--tw-text-opacity:1;color:#fb923c;color:rgb(251 146 60/var(--tw-text-opacity,1))}.dark\:text-pink-300:is(.dark *){--tw-text-opacity:1;color:#f9a8d4;color:rgb(249 168 212/var(--tw-text-opacity,1))}.dark\:text-pink-400:is(.dark *){--tw-text-opacity:1;color:#f472b6;color:rgb(244 114 182/var(--tw-text-opacity,1))}.dark\:text-purple-100:is(.dark *){--tw-text-opacity:1;color:#f3e8ff;color:rgb(243 232 255/var(--tw-text-opacity,1))}.dark\:text-purple-200:is(.dark *){--tw-text-opacity:1;color:#e9d5ff;color:rgb(233 213 255/var(--tw-text-opacity,1))}.dark\:text-purple-300:is(.dark *){--tw-text-opacity:1;color:#d8b4fe;color:rgb(216 180 254/var(--tw-text-opacity,1))}.dark\:text-purple-400:is(.dark *){--tw-text-opacity:1;color:#c084fc;color:rgb(192 132 252/var(--tw-text-opacity,1))}.dark\:text-purple-500:is(.dark *){--tw-text-opacity:1;color:#a855f7;color:rgb(168 85 247/var(--tw-text-opacity,1))}.dark\:text-red-100:is(.dark *){--tw-text-opacity:1;color:#fee2e2;color:rgb(254 226 226/var(--tw-text-opacity,1))}.dark\:text-red-200:is(.dark *){--tw-text-opacity:1;color:#fecaca;color:rgb(254 202 202/var(--tw-text-opacity,1))}.dark\:text-red-300:is(.dark *){--tw-text-opacity:1;color:#fca5a5;color:rgb(252 165 165/var(--tw-text-opacity,1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity:1;color:#f87171;color:rgb(248 113 113/var(--tw-text-opacity,1))}.dark\:text-red-500:is(.dark *){--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.dark\:text-sky-400:is(.dark *){--tw-text-opacity:1;color:#38bdf8;color:rgb(56 189 248/var(--tw-text-opacity,1))}.dark\:text-teal-300:is(.dark *){--tw-text-opacity:1;color:#5eead4;color:rgb(94 234 212/var(--tw-text-opacity,1))}.dark\:text-teal-400:is(.dark *){--tw-text-opacity:1;color:#2dd4bf;color:rgb(45 212 191/var(--tw-text-opacity,1))}.dark\:text-teal-500:is(.dark *){--tw-text-opacity:1;color:#14b8a6;color:rgb(20 184 166/var(--tw-text-opacity,1))}.dark\:text-white:is(.dark *){--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:text-white\/80:is(.dark *){color:#fffc}.dark\:text-yellow-200:is(.dark *){--tw-text-opacity:1;color:#fef08a;color:rgb(254 240 138/var(--tw-text-opacity,1))}.dark\:text-yellow-300:is(.dark *){--tw-text-opacity:1;color:#fde047;color:rgb(253 224 71/var(--tw-text-opacity,1))}.dark\:text-yellow-400:is(.dark *){--tw-text-opacity:1;color:#facc15;color:rgb(250 204 21/var(--tw-text-opacity,1))}.dark\:placeholder-gray-400:is(.dark *)::placeholder{--tw-placeholder-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.dark\:opacity-60:is(.dark *){opacity:.6}.dark\:opacity-90:is(.dark *){opacity:.9}.dark\:shadow-lg:is(.dark *){--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark\:shadow-black\/20:is(.dark *){--tw-shadow-color:#0003;--tw-shadow:var(--tw-shadow-colored)}.dark\:shadow-black\/30:is(.dark *){--tw-shadow-color:#0000004d;--tw-shadow:var(--tw-shadow-colored)}.dark\:shadow-black\/40:is(.dark *){--tw-shadow-color:#0006;--tw-shadow:var(--tw-shadow-colored)}.dark\:shadow-blue-500\/30:is(.dark *){--tw-shadow-color:#3b82f64d;--tw-shadow:var(--tw-shadow-colored)}.dark\:shadow-blue-900\/30:is(.dark *){--tw-shadow-color:#1e3a8a4d;--tw-shadow:var(--tw-shadow-colored)}.dark\:shadow-gray-900\/20:is(.dark *){--tw-shadow-color:#11182733;--tw-shadow:var(--tw-shadow-colored)}.dark\:shadow-gray-900\/30:is(.dark *){--tw-shadow-color:#1118274d;--tw-shadow:var(--tw-shadow-colored)}.dark\:shadow-gray-900\/40:is(.dark *){--tw-shadow-color:#11182766;--tw-shadow:var(--tw-shadow-colored)}.dark\:shadow-gray-900\/50:is(.dark *){--tw-shadow-color:#11182780;--tw-shadow:var(--tw-shadow-colored)}.dark\:shadow-gray-950\/30:is(.dark *){--tw-shadow-color:#0307124d;--tw-shadow:var(--tw-shadow-colored)}.dark\:shadow-gray-950\/40:is(.dark *){--tw-shadow-color:#03071266;--tw-shadow:var(--tw-shadow-colored)}.dark\:shadow-green-500\/30:is(.dark *){--tw-shadow-color:#22c55e4d;--tw-shadow:var(--tw-shadow-colored)}.dark\:shadow-indigo-900\/50:is(.dark *){--tw-shadow-color:#312e8180;--tw-shadow:var(--tw-shadow-colored)}.dark\:shadow-orange-500\/30:is(.dark *){--tw-shadow-color:#f973164d;--tw-shadow:var(--tw-shadow-colored)}.dark\:shadow-orange-900\/20:is(.dark *){--tw-shadow-color:#7c2d1233;--tw-shadow:var(--tw-shadow-colored)}.dark\:shadow-purple-500\/30:is(.dark *){--tw-shadow-color:#a855f74d;--tw-shadow:var(--tw-shadow-colored)}.dark\:shadow-red-900\/20:is(.dark *){--tw-shadow-color:#7f1d1d33;--tw-shadow:var(--tw-shadow-colored)}.dark\:shadow-red-900\/30:is(.dark *){--tw-shadow-color:#7f1d1d4d;--tw-shadow:var(--tw-shadow-colored)}.dark\:shadow-yellow-900\/20:is(.dark *){--tw-shadow-color:#713f1233;--tw-shadow:var(--tw-shadow-colored)}.dark\:ring-emerald-500\/25:is(.dark *){--tw-ring-color:#10b98140}.dark\:hover\:border-blue-400:hover:is(.dark *){--tw-border-opacity:1;border-color:#60a5fa;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.dark\:hover\:border-blue-500:hover:is(.dark *){--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.dark\:hover\:border-blue-600:hover:is(.dark *){--tw-border-opacity:1;border-color:#2563eb;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.dark\:hover\:border-blue-700:hover:is(.dark *){--tw-border-opacity:1;border-color:#1d4ed8;border-color:rgb(29 78 216/var(--tw-border-opacity,1))}.dark\:hover\:border-emerald-500\/25:hover:is(.dark *){border-color:#10b98140}.dark\:hover\:border-gray-500:hover:is(.dark *){--tw-border-opacity:1;border-color:#6b7280;border-color:rgb(107 114 128/var(--tw-border-opacity,1))}.dark\:hover\:border-green-600:hover:is(.dark *){--tw-border-opacity:1;border-color:#16a34a;border-color:rgb(22 163 74/var(--tw-border-opacity,1))}.dark\:hover\:border-indigo-600:hover:is(.dark *){--tw-border-opacity:1;border-color:#4f46e5;border-color:rgb(79 70 229/var(--tw-border-opacity,1))}.dark\:hover\:border-orange-600:hover:is(.dark *){--tw-border-opacity:1;border-color:#ea580c;border-color:rgb(234 88 12/var(--tw-border-opacity,1))}.dark\:hover\:border-purple-500:hover:is(.dark *){--tw-border-opacity:1;border-color:#a855f7;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.dark\:hover\:border-purple-600:hover:is(.dark *){--tw-border-opacity:1;border-color:#9333ea;border-color:rgb(147 51 234/var(--tw-border-opacity,1))}.dark\:hover\:border-red-600:hover:is(.dark *){--tw-border-opacity:1;border-color:#dc2626;border-color:rgb(220 38 38/var(--tw-border-opacity,1))}.dark\:hover\:bg-blue-500:hover:is(.dark *){--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.dark\:hover\:bg-blue-600:hover:is(.dark *){--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.dark\:hover\:bg-blue-800\/30:hover:is(.dark *){background-color:#1e40af4d}.dark\:hover\:bg-blue-900\/20:hover:is(.dark *){background-color:#1e3a8a33}.dark\:hover\:bg-blue-900\/40:hover:is(.dark *){background-color:#1e3a8a66}.dark\:hover\:bg-emerald-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:#047857;background-color:rgb(4 120 87/var(--tw-bg-opacity,1))}.dark\:hover\:bg-gray-600:hover:is(.dark *){--tw-bg-opacity:1;background-color:#4b5563;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.dark\:hover\:bg-gray-700\/30:hover:is(.dark *){background-color:#3741514d}.dark\:hover\:bg-gray-700\/50:hover:is(.dark *){background-color:#37415180}.dark\:hover\:bg-gray-800:hover:is(.dark *){--tw-bg-opacity:1;background-color:#1f2937;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:hover\:bg-green-600:hover:is(.dark *){--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.dark\:hover\:bg-green-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:#15803d;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.dark\:hover\:bg-green-800\/30:hover:is(.dark *){background-color:#1665344d}.dark\:hover\:bg-green-900\/40:hover:is(.dark *){background-color:#14532d66}.dark\:hover\:bg-indigo-600:hover:is(.dark *){--tw-bg-opacity:1;background-color:#4f46e5;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.dark\:hover\:bg-purple-600:hover:is(.dark *){--tw-bg-opacity:1;background-color:#9333ea;background-color:rgb(147 51 234/var(--tw-bg-opacity,1))}.dark\:hover\:bg-purple-700:hover:is(.dark *){--tw-bg-opacity:1;background-color:#7e22ce;background-color:rgb(126 34 206/var(--tw-bg-opacity,1))}.dark\:hover\:bg-purple-900\/20:hover:is(.dark *){background-color:#581c8733}.dark\:hover\:bg-purple-900\/50:hover:is(.dark *){background-color:#581c8780}.dark\:hover\:bg-red-600:hover:is(.dark *){--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.dark\:hover\:bg-red-800:hover:is(.dark *){--tw-bg-opacity:1;background-color:#991b1b;background-color:rgb(153 27 27/var(--tw-bg-opacity,1))}.dark\:hover\:bg-red-800\/30:hover:is(.dark *){background-color:#991b1b4d}.dark\:hover\:bg-red-800\/40:hover:is(.dark *){background-color:#991b1b66}.dark\:hover\:bg-red-900\/30:hover:is(.dark *){background-color:#7f1d1d4d}.dark\:hover\:bg-white\/10:hover:is(.dark *){background-color:#ffffff1a}.dark\:hover\:bg-yellow-800\/30:hover:is(.dark *){background-color:#854d0e4d}.dark\:hover\:from-blue-500:hover:is(.dark *){--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:hover\:from-blue-600:hover:is(.dark *){--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:hover\:from-blue-700:hover:is(.dark *){--tw-gradient-from:#1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to:#1d4ed800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:hover\:from-blue-800:hover:is(.dark *){--tw-gradient-from:#1e40af var(--tw-gradient-from-position);--tw-gradient-to:#1e40af00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:hover\:from-emerald-600:hover:is(.dark *){--tw-gradient-from:#059669 var(--tw-gradient-from-position);--tw-gradient-to:#05966900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:hover\:from-gray-500:hover:is(.dark *){--tw-gradient-from:#6b7280 var(--tw-gradient-from-position);--tw-gradient-to:#6b728000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:hover\:from-green-600:hover:is(.dark *){--tw-gradient-from:#16a34a var(--tw-gradient-from-position);--tw-gradient-to:#16a34a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:hover\:from-green-700:hover:is(.dark *){--tw-gradient-from:#15803d var(--tw-gradient-from-position);--tw-gradient-to:#15803d00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:hover\:from-indigo-600:hover:is(.dark *){--tw-gradient-from:#4f46e5 var(--tw-gradient-from-position);--tw-gradient-to:#4f46e500 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:hover\:from-indigo-800:hover:is(.dark *){--tw-gradient-from:#3730a3 var(--tw-gradient-from-position);--tw-gradient-to:#3730a300 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:hover\:from-purple-600:hover:is(.dark *){--tw-gradient-from:#9333ea var(--tw-gradient-from-position);--tw-gradient-to:#9333ea00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:hover\:from-purple-700:hover:is(.dark *){--tw-gradient-from:#7e22ce var(--tw-gradient-from-position);--tw-gradient-to:#7e22ce00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:hover\:from-purple-800:hover:is(.dark *){--tw-gradient-from:#6b21a8 var(--tw-gradient-from-position);--tw-gradient-to:#6b21a800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:hover\:from-red-600:hover:is(.dark *){--tw-gradient-from:#dc2626 var(--tw-gradient-from-position);--tw-gradient-to:#dc262600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:hover\:from-red-700:hover:is(.dark *){--tw-gradient-from:#b91c1c var(--tw-gradient-from-position);--tw-gradient-to:#b91c1c00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.dark\:hover\:via-purple-600:hover:is(.dark *){--tw-gradient-to:#9333ea00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#9333ea var(--tw-gradient-via-position),var(--tw-gradient-to)}.dark\:hover\:to-blue-600:hover:is(.dark *){--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.dark\:hover\:to-blue-700:hover:is(.dark *){--tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position)}.dark\:hover\:to-blue-800:hover:is(.dark *){--tw-gradient-to:#1e40af var(--tw-gradient-to-position)}.dark\:hover\:to-gray-600:hover:is(.dark *){--tw-gradient-to:#4b5563 var(--tw-gradient-to-position)}.dark\:hover\:to-green-700:hover:is(.dark *){--tw-gradient-to:#15803d var(--tw-gradient-to-position)}.dark\:hover\:to-green-800:hover:is(.dark *){--tw-gradient-to:#166534 var(--tw-gradient-to-position)}.dark\:hover\:to-indigo-600:hover:is(.dark *){--tw-gradient-to:#4f46e5 var(--tw-gradient-to-position)}.dark\:hover\:to-indigo-800:hover:is(.dark *){--tw-gradient-to:#3730a3 var(--tw-gradient-to-position)}.dark\:hover\:to-pink-600:hover:is(.dark *){--tw-gradient-to:#db2777 var(--tw-gradient-to-position)}.dark\:hover\:to-purple-600:hover:is(.dark *){--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.dark\:hover\:to-purple-700:hover:is(.dark *){--tw-gradient-to:#7e22ce var(--tw-gradient-to-position)}.dark\:hover\:to-purple-800:hover:is(.dark *){--tw-gradient-to:#6b21a8 var(--tw-gradient-to-position)}.dark\:hover\:to-red-700:hover:is(.dark *){--tw-gradient-to:#b91c1c var(--tw-gradient-to-position)}.dark\:hover\:to-red-800:hover:is(.dark *){--tw-gradient-to:#991b1b var(--tw-gradient-to-position)}.dark\:hover\:text-blue-300:hover:is(.dark *){--tw-text-opacity:1;color:#93c5fd;color:rgb(147 197 253/var(--tw-text-opacity,1))}.dark\:hover\:text-blue-400:hover:is(.dark *){--tw-text-opacity:1;color:#60a5fa;color:rgb(96 165 250/var(--tw-text-opacity,1))}.dark\:hover\:text-gray-200:hover:is(.dark *){--tw-text-opacity:1;color:#e5e7eb;color:rgb(229 231 235/var(--tw-text-opacity,1))}.dark\:hover\:text-gray-300:hover:is(.dark *){--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:hover\:text-green-300:hover:is(.dark *){--tw-text-opacity:1;color:#86efac;color:rgb(134 239 172/var(--tw-text-opacity,1))}.dark\:hover\:text-red-300:hover:is(.dark *){--tw-text-opacity:1;color:#fca5a5;color:rgb(252 165 165/var(--tw-text-opacity,1))}.dark\:hover\:text-red-400:hover:is(.dark *){--tw-text-opacity:1;color:#f87171;color:rgb(248 113 113/var(--tw-text-opacity,1))}.dark\:hover\:text-white:hover:is(.dark *){--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:hover\:shadow-2xl:hover:is(.dark *){--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark\:hover\:shadow-xl:hover:is(.dark *){--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dark\:hover\:shadow-gray-900\/30:hover:is(.dark *){--tw-shadow-color:#1118274d;--tw-shadow:var(--tw-shadow-colored)}.dark\:hover\:shadow-gray-900\/50:hover:is(.dark *){--tw-shadow-color:#11182780;--tw-shadow:var(--tw-shadow-colored)}.dark\:hover\:shadow-gray-900\/70:hover:is(.dark *){--tw-shadow-color:#111827b3;--tw-shadow:var(--tw-shadow-colored)}.dark\:hover\:shadow-indigo-500\/20:hover:is(.dark *){--tw-shadow-color:#6366f133;--tw-shadow:var(--tw-shadow-colored)}.dark\:hover\:shadow-indigo-900\/30:hover:is(.dark *){--tw-shadow-color:#312e814d;--tw-shadow:var(--tw-shadow-colored)}.dark\:focus\:border-blue-500:focus:is(.dark *){--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.dark\:focus\:border-green-500:focus:is(.dark *){--tw-border-opacity:1;border-color:#22c55e;border-color:rgb(34 197 94/var(--tw-border-opacity,1))}.dark\:focus\:border-indigo-500:focus:is(.dark *){--tw-border-opacity:1;border-color:#6366f1;border-color:rgb(99 102 241/var(--tw-border-opacity,1))}.dark\:focus\:border-purple-500:focus:is(.dark *){--tw-border-opacity:1;border-color:#a855f7;border-color:rgb(168 85 247/var(--tw-border-opacity,1))}.dark\:focus\:ring-amber-400:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(251 191 36/var(--tw-ring-opacity,1))}.dark\:focus\:ring-blue-400:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(96 165 250/var(--tw-ring-opacity,1))}.dark\:focus\:ring-blue-600:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(37 99 235/var(--tw-ring-opacity,1))}.dark\:focus\:ring-emerald-400:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(52 211 153/var(--tw-ring-opacity,1))}.dark\:focus\:ring-green-400:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(74 222 128/var(--tw-ring-opacity,1))}.dark\:focus\:ring-indigo-400:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(129 140 248/var(--tw-ring-opacity,1))}.dark\:focus\:ring-orange-400:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(251 146 60/var(--tw-ring-opacity,1))}.dark\:focus\:ring-pink-400:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(244 114 182/var(--tw-ring-opacity,1))}.dark\:focus\:ring-purple-400:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(192 132 252/var(--tw-ring-opacity,1))}.dark\:focus\:ring-red-400:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(248 113 113/var(--tw-ring-opacity,1))}.dark\:focus\:ring-teal-400:focus:is(.dark *){--tw-ring-opacity:1;--tw-ring-color:rgb(45 212 191/var(--tw-ring-opacity,1))}.dark\:disabled\:bg-gray-600:disabled:is(.dark *){--tw-bg-opacity:1;background-color:#4b5563;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.group:hover .dark\:group-hover\:border-blue-700:is(.dark *){--tw-border-opacity:1;border-color:#1d4ed8;border-color:rgb(29 78 216/var(--tw-border-opacity,1))}.group:hover .dark\:group-hover\:border-blue-800:is(.dark *){--tw-border-opacity:1;border-color:#1e40af;border-color:rgb(30 64 175/var(--tw-border-opacity,1))}.group:hover .dark\:group-hover\:bg-blue-800\/50:is(.dark *){background-color:#1e40af80}.group:hover .dark\:group-hover\:bg-blue-900\/50:is(.dark *){background-color:#1e3a8a80}.group:hover .dark\:group-hover\:bg-emerald-800\/50:is(.dark *){background-color:#065f4680}.group:hover .dark\:group-hover\:bg-emerald-900\/30:is(.dark *){background-color:#064e3b4d}.group:hover .dark\:group-hover\:bg-gray-600:is(.dark *){--tw-bg-opacity:1;background-color:#4b5563;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.group:hover .dark\:group-hover\:bg-green-900\/50:is(.dark *){background-color:#14532d80}.group:hover .dark\:group-hover\:bg-orange-800\/50:is(.dark *){background-color:#9a341280}.group:hover .dark\:group-hover\:bg-orange-900\/50:is(.dark *){background-color:#7c2d1280}.group:hover .dark\:group-hover\:bg-purple-800\/50:is(.dark *){background-color:#6b21a880}.group:hover .dark\:group-hover\:bg-purple-900\/50:is(.dark *){background-color:#581c8780}.group:hover .dark\:group-hover\:bg-red-900\/50:is(.dark *){background-color:#7f1d1d80}.group:hover .dark\:group-hover\:bg-sky-800\/50:is(.dark *){background-color:#07598580}.group:hover .dark\:group-hover\:bg-opacity-40:is(.dark *){--tw-bg-opacity:0.4}.group:hover .dark\:group-hover\:text-blue-400:is(.dark *){--tw-text-opacity:1;color:#60a5fa;color:rgb(96 165 250/var(--tw-text-opacity,1))}.group:hover .dark\:group-hover\:text-indigo-400:is(.dark *){--tw-text-opacity:1;color:#818cf8;color:rgb(129 140 248/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:mt-0{margin-top:0}.sm\:inline{display:inline}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-left{text-align:left}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:768px){.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:mb-0{margin-bottom:0}.md\:ml-3{margin-left:.75rem}.md\:mr-6{margin-right:1.5rem}.md\:mt-0{margin-top:0}.md\:h-12{height:3rem}.md\:h-4{height:1rem}.md\:h-40{height:10rem}.md\:h-5{height:1.25rem}.md\:h-56{height:14rem}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.333333%}.md\:w-12{width:3rem}.md\:w-2\/3{width:66.666667%}.md\:w-4{width:1rem}.md\:w-48{width:12rem}.md\:w-5{width:1.25rem}.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\:items-start{align-items:flex-start}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:justify-start{justify-content:flex-start}.md\:justify-between{justify-content:space-between}.md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.md\:p-3{padding:.75rem}.md\:p-4{padding:1rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-16{padding-bottom:4rem;padding-top:4rem}.md\:py-4{padding-bottom:1rem;padding-top:1rem}.md\:py-5{padding-bottom:1.25rem;padding-top:1.25rem}.md\:pb-4{padding-bottom:1rem}.md\:text-left{text-align:left}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:text-lg{font-size:1.125rem;line-height:1.75rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:1024px){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:mb-0{margin-bottom:0}.lg\:ml-64{margin-left:16rem}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-64{height:16rem}.lg\:max-h-\[calc\(100vh-180px\)\]{max-height:calc(100vh - 180px)}.lg\:w-1\/2{width:50%}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1536px){.\32xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.\32xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;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))}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:left-4>svg{left:1rem}.\[\&\>svg\]\:top-4>svg{top:1rem}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:1.75rem}.\[\&_p\]\:leading-relaxed p{line-height:1.625}:root{--primary:#10b981;--primary-light:#d1fae5;--primary-dark:#059669;--primary-hover:#047857;--secondary:#3b82f6;--secondary-light:#dbeafe;--secondary-hover:#2563eb;--tertiary:#8b5cf6;--tertiary-light:#ede9fe;--tertiary-hover:#7c3aed;--danger:#ef4444;--danger-hover:#dc2626;--font-sans:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--box-shadow-sm:0 1px 2px #0000000d;--box-shadow:0 4px 12px #00000014;--box-shadow-hover:0 12px 24px #0000001a;--transition:all 0.25s cubic-bezier(0.4,0,0.2,1);--border-radius-sm:0.375rem;--border-radius:0.5rem}body{background-color:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);font-size:16px;line-height:1.6;transition:background-color .3s ease,color .3s ease}body.dark{background-color:#111827;background-color:var(--gray-900);color:#f3f4f6;color:var(--gray-100)}a{color:#10b981;transition:all .25s cubic-bezier(.4,0,.2,1)}a:hover{color:#047857}button{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}img{height:auto;max-width:100%}.container,.max-w-7xl{margin-left:auto;margin-right:auto;max-width:80rem;padding-left:1.5rem;padding-right:1.5rem;width:100%}.dark .bg-white{background-color:#1f2937;background-color:var(--gray-800)}.bg-gray-50{background-color:#f9fafb;background-color:var(--gray-50)}.dark .bg-gray-50{background-color:#1f2937;background-color:var(--gray-800)}.text-gray-900{color:#111827;color:var(--gray-900)}.dark .text-gray-900{color:#f3f4f6;color:var(--gray-100)}.text-gray-600{color:#4b5563;color:var(--gray-600)}.dark .text-gray-600{color:#9ca3af;color:var(--gray-400)}.text-emerald-600,.text-emerald-700{color:#10b981;color:var(--primary)}.dark .text-emerald-600,.dark .text-emerald-700{color:#34d399}.bg-emerald-50{background-color:#d1fae5;background-color:var(--primary-light)}.dark .bg-emerald-50{background-color:#10b9811a}.bg-emerald-600{background-color:#10b981;background-color:var(--primary)}.dark .bg-emerald-600{background-color:#059669;background-color:var(--primary-dark)}.bg-emerald-100{background-color:#d1fae5;background-color:var(--primary-light)}.dark .bg-emerald-100{background-color:#10b98126}.hover\:bg-emerald-700:hover{background-color:#047857;background-color:var(--primary-hover)}.dark .hover\:bg-emerald-700:hover{background-color:#10b981;background-color:var(--primary)}.text-blue-600{color:#3b82f6;color:var(--secondary)}.dark .text-blue-600{color:#60a5fa}.bg-blue-100{background-color:#dbeafe;background-color:var(--secondary-light)}.dark .bg-blue-100{background-color:#3b82f626}.text-rose-600{color:#e11d48}.dark .text-rose-600{color:#fb7185}.bg-rose-100{background-color:#ffe4e6}.dark .bg-rose-100{background-color:#e11d4826}.text-amber-600{color:#d97706}.dark .text-amber-600{color:#fbbf24}.bg-amber-100{background-color:#fef3c7}.dark .bg-amber-100{background-color:#d9770626}.text-orange-600{color:#ea580c}.dark .text-orange-600{color:#fb923c}.bg-orange-100{background-color:#ffedd5}.dark .bg-orange-100{background-color:#ea580c26}.text-purple-600{color:#8b5cf6;color:var(--tertiary)}.dark .text-purple-600{color:#a78bfa}.bg-purple-100{background-color:#ede9fe;background-color:var(--tertiary-light)}.dark .bg-purple-100{background-color:#8b5cf626}.text-red-600{color:#ef4444;color:var(--danger)}.dark .text-red-600{color:#f87171}.bg-red-100{background-color:#fee2e2;background-color:var(--danger-light)}.dark .bg-red-100{background-color:#ef444426}.hero-section{padding:5rem 0;position:relative}.hero-section h1{font-weight:800;letter-spacing:-.025em;line-height:1.1;margin-bottom:1.5rem}.hero-section p{color:#4b5563;color:var(--gray-600);font-size:1.125rem;margin-bottom:2rem}.dark .hero-section p{color:#9ca3af;color:var(--gray-400)}button{align-items:center;border:none;border-radius:.5rem;border-radius:var(--border-radius);box-shadow:0 1px 2px #0000000d;box-shadow:var(--box-shadow-sm);display:flex;font-weight:600;justify-content:center;transition:all .2s ease}button:hover{box-shadow:0 4px 12px #00000014;box-shadow:var(--box-shadow);transform:translateY(-2px)}button:active{transform:translateY(0)}.rounded-lg,.rounded-xl{border-radius:.5rem;border-radius:var(--border-radius);overflow:hidden}.shadow-md{box-shadow:0 4px 12px #00000014;box-shadow:var(--box-shadow)}.hover\:shadow-lg:hover{box-shadow:0 12px 24px #0000001a;box-shadow:var(--box-shadow-hover)}[class*=border-l-4]{transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}[class*=border-l-4]:hover{box-shadow:0 12px 24px #0000001a;box-shadow:var(--box-shadow-hover);transform:translateY(-4px)}.border-l-4.border-orange-400{border-left:4px solid #fb923c}.dark .border-l-4.border-orange-400{border-left:4px solid #f97316}.border-l-4.border-blue-400{border-left:4px solid #60a5fa}.dark .border-l-4.border-blue-400{border-left:4px solid #3b82f6}.border-l-4.border-emerald-400{border-left:4px solid #34d399}.dark .border-l-4.border-emerald-400{border-left:4px solid #10b981}.border-l-4.border-red-400{border-left:4px solid #f87171}.dark .border-l-4.border-red-400{border-left:4px solid #ef4444}.border-l-4.border-purple-400{border-left:4px solid #a78bfa}.dark .border-l-4.border-purple-400{border-left:4px solid #8b5cf6}.border-l-4.border-amber-400{border-left:4px solid #fbbf24}.dark .border-l-4.border-amber-400{border-left:4px solid #d97706}.p-10,.p-6,.p-8{padding:1.5rem}.mb-1,.mb-2,.mb-4,.mb-6,.mb-8{margin-bottom:.5rem}.mb-2{margin-bottom:.75rem}.md\:w-1\/2{width:100%}@media (min-width:768px){.md\:w-1\/2{width:50%}}.ring-2.ring-emerald-500\/50{box-shadow:0 0 0 2px #10b9814d}.dark .ring-2.ring-emerald-500\/50{box-shadow:0 0 0 2px #34d3994d}.transition-all{transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:-translate-y-1:hover{transform:translateY(-.25rem)}.group:hover .group-hover\:translate-x-1{transform:translateX(.25rem)}.w-10.h-10,.w-12.h-12,.w-8.h-8{align-items:center;border-radius:.5rem;display:flex;justify-content:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.w-12.h-12{height:3rem;width:3rem}.w-10.h-10{height:2.5rem;width:2.5rem}.w-8.h-8{height:2rem;width:2rem}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:768px){.hero-mobile-bg{background-attachment:scroll!important;min-height:100vh!important}}@media (max-width:1024px){.mobile-stats-container{width:120px}}.-top-3.-right-3{right:-.75rem;top:-.75rem}.bg-blue-50,.bg-green-50,.bg-red-50{border:1px solid #0000;border-radius:.5rem;border-radius:var(--border-radius);padding:1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.bg-blue-50{background-color:#eff6ff;border-color:#bfdbfe}.dark .bg-blue-50{background-color:#3b82f61a;border-color:#3b82f633}.bg-green-50{background-color:#ecfdf5;border-color:#a7f3d0}.dark .bg-green-50{background-color:#10b9811a;border-color:#10b98133}.bg-red-50{background-color:#fef2f2;border-color:#fecaca}.dark .bg-red-50{background-color:#ef44441a;border-color:#ef444433}input,textarea{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--border-radius);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-sans);font-size:.9375rem;padding:.75rem 1rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.dark input,.dark textarea{background-color:#1f2937;background-color:var(--gray-800);border-color:#374151;border-color:var(--gray-700);color:#f3f4f6;color:var(--gray-100)}input:focus,textarea:focus{border-color:#10b981;border-color:var(--primary);box-shadow:0 0 0 3px #10b98133;outline:none}.dark input:focus,.dark textarea:focus{box-shadow:0 0 0 3px #34d39933}footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200)}.dark footer{border-top:1px solid #1f2937;border-top:1px solid var(--gray-800)}.backdrop-blur-xl{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.shadow-3xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,inset 0 1px 0 #ffffff1a}.dark .shadow-3xl{box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0000001a,inset 0 1px 0 #ffffff0d}.group:hover .backdrop-blur-xl{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.ring-emerald-400\/50{box-shadow:0 0 0 2px #34d39980}.dark .ring-emerald-500\/60{box-shadow:0 0 0 2px #10b98199}.hover\:scale-\[1\.02\]:hover{transform:scale(1.02)}.border-emerald-400\/60{border-color:#34d39999}.dark .border-emerald-500\/60{border-color:#10b98199}.backdrop-blur-3xl{backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px)}.glass-card{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid #ffffff14;box-shadow:none}.dark .glass-card{background:linear-gradient(135deg,#1118270d,#11182705);border:1px solid #ffffff0a}.glass-card:hover{backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(50px);background:linear-gradient(135deg,#ffffff0d,#ffffff05);box-shadow:none}.dark .glass-card:hover{background:linear-gradient(135deg,#11182714,#11182708)}.shadow-none{box-shadow:none!important}.border-glass{border-color:#ffffff0f}.dark .border-glass{border-color:#ffffff08}.ring-glass{box-shadow:0 0 0 1px #34d39926}.dark .ring-glass{box-shadow:0 0 0 1px #10b9812e}.hero-bg-image{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}@media (max-width:768px){.hero-bg-image{background-attachment:scroll}}[class*=text-2xl],[class*=text-3xl],[class*=text-4xl],[class*=text-xl]{font-weight:700;line-height:1.2}.md\:text-6xl,.text-4xl{font-size:2.25rem}@media (min-width:768px){.md\:text-6xl{font-size:3.75rem}}.text-3xl{font-size:1.875rem}.text-xs{font-size:.75rem}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.animate-fadeIn{animation:fadeIn .6s ease-out forwards}.animate-fadeInLeft{animation:fadeInLeft .6s ease-out forwards}.animate-fadeInRight{animation:fadeInRight .6s ease-out forwards}.animate-pulse{animation:pulse 2s infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.dark-transition{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100)}.dark ::-webkit-scrollbar-track{background:#1f2937;background:var(--gray-800)}::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--gray-300)}.dark ::-webkit-scrollbar-thumb{background:#374151;background:var(--gray-700)}::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--gray-400)}.dark ::-webkit-scrollbar-thumb:hover{background:#4b5563;background:var(--gray-600)}:focus{outline:2px solid #10b981;outline:2px solid var(--primary);outline-offset:2px}.dark :focus{outline-color:#34d399}:focus:not(:focus-visible){outline:none}#contactForm{border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 4px 12px #00000014;box-shadow:var(--box-shadow);overflow:hidden;transition:all .25s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.dark #contactForm{background-color:#1f2937;background-color:var(--gray-800);box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001a}@media (max-width:640px){.container,.max-w-7xl{padding-left:1rem;padding-right:1rem}.p-10,.p-6,.p-8{padding:1rem}.md\:text-6xl,.text-4xl{font-size:1.875rem}.text-3xl{font-size:1.5rem}.text-2xl{font-size:1.25rem}.text-xl{font-size:1.125rem}}:root{--primary-color:#e11d48;--primary-light:#fecdd3;--secondary-color:#0f172a;--text-color:#334155;--text-light:#64748b;--background-color:#f8fafc;--border-color:#e2e8f0;--success-color:#16a34a;--error-color:#dc2626;--box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.dark-mode{--background-color:#1a202c;--text-color:#e2e8f0;--text-light:#a0aec0;--secondary-color:#f8fafc;--border-color:#4a5568;--input-background:#2d3748;--input-focus-background:#374151;--primary-light-dark:#e11d484d}body{background-color:var(--background-color);color:#334155;color:var(--text-color);line-height:1.1}a{transition:all .2s ease-in-out}.auth-page{align-items:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;justify-content:center;min-height:50vh;overflow:hidden;padding:2rem 1rem;position:relative;transition:background .3s ease}.auth-page.dark-mode{background:linear-gradient(135deg,#212529,#343a40);color:#f8f9fa}.auth-page .auth-background{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.auth-page .food-item{animation-iteration-count:infinite;animation-name:float;animation-timing-function:ease-in-out;filter:drop-shadow(0 2px 5px rgba(0,0,0,.1));pointer-events:none;position:absolute;transform-origin:center;-webkit-user-select:none;user-select:none;will-change:transform;z-index:1}.auth-page.dark-mode .food-item{filter:drop-shadow(0 2px 5px rgba(255,255,255,.1));mix-blend-mode:screen}.auth-page .auth-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#ffffffb3,#fffc 50%,#ffffffe6);height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.auth-page.dark-mode .auth-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#212529b3,#212529cc 50%,#212529e6)}.auth-page .login-container{animation:fadeIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:1.25rem;box-shadow:0 10px 40px #0000001a,0 0 0 1px #0000000d;max-width:450px;overflow:hidden;padding:1.6rem;position:relative;transition:all .3s ease;width:100%;z-index:3}.auth-page.dark-mode .login-container{background-color:#212529f2;box-shadow:0 10px 40px #0000004d,0 0 0 1px #ffffff0d}.login-container:before{background:linear-gradient(90deg,#e11d48,#f43f5e);background:linear-gradient(90deg,var(--primary-color),#f43f5e);content:"";height:6px;left:0;position:absolute;top:0;width:100%;z-index:1}.auth-page .login-container:after{background:radial-gradient(circle at center,#e11d480d 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:-1}.auth-page.dark-mode .login-container:after{background:radial-gradient(circle at center,#e11d481a 0,#0000 70%)}.login-brand{align-items:center;display:flex;gap:.75rem;margin-bottom:1.5rem}.login-brand h2{color:#e11d48;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin:0}.dark-mode .login-brand h2{color:#334155;color:var(--text-color)}.login-header{margin-bottom:1.5rem;text-align:center}.login-title{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#e11d48,#f43f5e);-webkit-background-clip:text;background-clip:text;font-size:1.875rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.5rem}.login-subtitle{color:#6c757d;font-size:.875rem;margin:0 auto;max-width:28rem}.dark-mode .login-subtitle{color:#adb5bd}.error-message{background-color:#dc35451a;border-left:3px solid #dc3545;border-radius:.25rem;color:#dc3545;font-size:.875rem;gap:.5rem;padding:.75rem}.dark-mode .error-message{background-color:#dc26261a;border:1px solid #dc26264d;border-radius:8px;color:#fca5a5}.input-group{margin-bottom:1.2rem}.input-label{color:#0f172a;color:var(--secondary-color);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.dark-mode .input-label{color:#334155;color:var(--text-color)}.input-field-container{position:relative;transition:all .2s ease}.input-field-container:focus-within{transform:translateY(-2px)}.input-icon{align-items:center;color:#6c757d;display:flex;justify-content:center;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.dark-mode .input-icon{color:#adb5bd}.input-field{background-color:#fff;border:1px solid #ced4da;border-radius:.5rem;color:#212529;font-size:1rem;line-height:1.5;padding:.75rem 1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.input-field.with-icon{padding-left:2.75rem}.dark-mode .input-field{background-color:#343a40;border-color:#495057;color:#f8f9fa}.input-field:focus{border-color:#e11d48;box-shadow:0 0 0 3px #e11d4840;outline:none}.dark-mode .input-field:focus{background-color:var(--input-focus-background);border-color:#e11d48;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light-dark)}.input-field::placeholder{color:#64748b;color:var(--text-light);opacity:.7}.dark-mode .input-field::placeholder{color:#718096}.password-toggle{background:none;border:none;color:#6c757d;cursor:pointer;display:flex;padding:0;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .2s ease-in-out;transition:var(--transition)}.dark-mode .password-toggle{color:#adb5bd}.password-toggle:hover{color:#0f172a;color:var(--secondary-color)}.dark-mode .password-toggle:hover{color:#fff}.remember-forgot{align-items:center;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:1rem}.checkbox-wrapper{align-items:center;cursor:pointer;display:flex;gap:.5rem}.custom-checkbox{display:inline-block;height:18px;position:relative;width:18px}.custom-checkbox input{height:0;opacity:0;width:0}.checkmark{background-color:#fff;border:1px solid #ced4da;border-radius:4px;height:18px;left:0;position:absolute;top:0;transition:all .2s ease;width:18px}.dark-mode .checkmark{background-color:#343a40;border-color:#495057}.custom-checkbox input:checked~.checkmark{background-color:#e11d48;border-color:#e11d48}.dark-mode .custom-checkbox input:checked~.checkmark{box-shadow:0 0 5px #e11d4880}.checkmark:after{content:"";display:none;position:absolute}.custom-checkbox input:checked~.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;display:block;height:10px;left:6px;top:2px;transform:rotate(45deg);width:5px}.forgot-link{color:#e11d48;text-decoration:none;transition:color .2s ease}.forgot-link:hover{text-decoration:underline}.dark-mode .forgot-link{color:#fc8181}.dark-mode .forgot-link:hover{color:#fed7d7}.login-button{align-items:center;background:linear-gradient(90deg,#e11d48,#f43f5e);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .2s ease;width:100%}.login-button:hover{box-shadow:0 4px 12px #e11d484d;transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-button:focus{box-shadow:0 0 0 3px #fecdd3;box-shadow:0 0 0 3px var(--primary-light);outline:none}.dark-mode .login-button{box-shadow:0 4px 6px #0000004d}.dark-mode .login-button:hover{box-shadow:0 6px 8px #0006}.dark-mode .login-button:focus{box-shadow:0 0 0 3px var(--primary-light-dark)}.login-button.loading{background:#e11d48;cursor:not-allowed}.auth-divider{align-items:center;color:#6c757d;display:flex;font-size:.875rem;margin:1.5rem 0}.dark-mode .auth-divider{color:#adb5bd}.auth-divider:after,.auth-divider:before{background-color:#dee2e6;content:"";flex:1 1;height:1px}.dark-mode .auth-divider:after,.dark-mode .auth-divider:before{background-color:#495057}.auth-divider span{padding:0 1rem}.dark-mode .auth-divider span{background-color:initial}.social-login{display:flex;gap:.75rem;margin-bottom:1.5rem}.social-button{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.9375rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease-in-out;transition:var(--transition)}.social-button:hover{background-color:#f8fafc;background-color:var(--background-color);transform:translateY(-1px)}.dark-mode .social-button{background-color:#374151;border-color:#e2e8f0;border-color:var(--border-color)}.dark-mode .social-button:hover{background-color:#4a5568}.social-button.google{color:#ea4335}.social-button.facebook{color:#1877f2}.signup-link{color:#6c757d;font-size:.875rem;margin-top:1.5rem;text-align:center}.dark-mode .signup-link{color:#adb5bd}.signup-button{color:#e11d48;font-weight:600;text-decoration:none;transition:color .2s ease}.signup-button:hover{text-decoration:underline}.dark-mode .signup-button{color:#fc8181}.dark-mode .signup-button:hover{color:#fed7d7}.login-footer{align-items:center;color:#64748b;color:var(--text-light);display:flex;flex-direction:column;font-size:.75rem;gap:.5rem;margin-top:1rem;text-align:center}.footer-links{display:flex;gap:1rem}.footer-links a{color:#64748b;color:var(--text-light)}.footer-links a:hover{color:#334155;color:var(--text-color)}@media (max-width:576px){.login-container{border-radius:12px;padding:1.5rem}.login-title{font-size:1.5rem}.remember-forgot{align-items:flex-start;gap:.75rem}.remember-forgot,.social-login{flex-direction:column}.food-item{font-size:24px!important}}@media (min-width:577px) and (max-width:992px){.login-container{max-width:420px}}:root{--primary:#e11d48;--primary-hover:#be123c;--primary-light:#fff1f2;--primary-ultralight:#fef2f2;--secondary:#0ea5e9;--secondary-light:#f0f9ff;--dark:#111827;--dark-gray:#374151;--medium-gray:#6b7280;--light-gray:#9ca3af;--lighter-gray:#d1d5db;--lightest-gray:#f3f4f6;--background:#f8fafc;--form-input-bg:#fff;--form-input-text:#111827;--form-input-border:#d1d5db;--form-input-focus-border:var(--primary);--form-input-focus-bg:#fff;--success:#059669;--success-light:#ecfdf5;--warning:#d97706;--error:#dc2626;--error-light:#fee2e2;--shadow-sm:0 1px 2px #0000000d;--shadow:0 4px 6px #0000000d,0 2px 4px #0000000d;--shadow-lg:0 10px 25px #0000001a;--transition:all 0.2s ease}.dark-mode,:root.dark{--primary:#e11d48;--primary-hover:#be123c;--primary-light:#e11d4833;--primary-ultralight:#e11d481a;--secondary:#0ea5e9;--secondary-light:#0ea5e933;--dark:#e2e8f0;--dark-gray:#cbd5e0;--medium-gray:#a0aec0;--light-gray:#718096;--lighter-gray:#4a5568;--lightest-gray:#2d3748;--background:#1a202c;--white:#1e293b;--form-input-bg:#2d3748;--form-input-text:#e2e8f0;--form-input-border:#4a5568;--form-input-focus-border:var(--primary);--form-input-focus-bg:#374151;--success:#059669;--success-light:#05966933;--warning:#d97706;--error:#ef4444;--error-light:#ef444433;--shadow-sm:0 1px 2px #0000004d;--shadow:0 4px 6px #0006;--shadow-md:0 4px 6px #00000080;--shadow-lg:0 10px 25px #00000080}body{background-color:var(--background)}body,h1,h2,h3,h4,h5,h6{color:#111827;color:var(--dark)}h1,h2,h3,h4,h5,h6{line-height:1.25}a{color:#e11d48;color:var(--primary);transition:all .2s ease;transition:var(--transition)}a:hover{color:#be123c;color:var(--primary-hover)}button{cursor:pointer;font-family:inherit}.elegant-signup-container{align-items:center;background-color:#f8fafc;background-color:var(--background);background-image:radial-gradient(circle at 20% 20%,#e11d4808 0,#0000 25%),radial-gradient(circle at 80% 80%,#0ea5e908 0,#0000 30%);display:flex;justify-content:center;min-height:100vh;padding:2rem}.signup-inner{background-color:#fff;background-color:var(--white);border-radius:16px;box-shadow:0 10px 25px #0000001a;box-shadow:var(--shadow-lg);max-width:1100px;overflow:hidden;padding:2.5rem;width:100%}.signup-header{flex-direction:column;margin-bottom:2rem;text-align:center}.brand,.signup-header{align-items:center;display:flex}.brand{gap:.75rem;margin-bottom:1rem}.logo-container{align-items:center;background-color:#00a884;border-radius:8px;box-shadow:0 2px 8px #00a8844d;display:flex;height:48px;justify-content:center;width:48px}.logo-letter{color:#fff;font-size:28px;font-weight:700}.brand-text{align-items:flex-start;display:flex;flex-direction:column}.brand h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#e11d48,#f43f5e);background:linear-gradient(135deg,var(--primary) 0,#f43f5e 100%);-webkit-background-clip:text;font-size:1.8rem;font-weight:700;letter-spacing:-.025em;line-height:1.1;margin:0}.brand-location{font-size:.85rem;font-weight:500}.brand-location,.slogan{color:#6b7280;color:var(--medium-gray)}.slogan{font-size:1.125rem;max-width:500px}.elegant-form{display:flex;flex-direction:column;gap:2rem}.error-banner{animation:fadeIn .3s ease;background-color:#fee2e2;background-color:var(--error-light);border-left:4px solid #dc2626;border-left:4px solid var(--error);border-radius:8px;color:#dc2626;color:var(--error);font-size:.875rem;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.error-banner,.success-banner{align-items:center;display:flex}.success-banner{background-color:#48bb781a;border:1px solid #38a169;border-radius:4px;color:#48bb78;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 16px}.photo-section-container{grid-gap:1.5rem;align-items:center;background-color:#fef2f2;background-color:var(--primary-ultralight);border-radius:16px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);display:grid;gap:1.5rem;grid-template-columns:1fr minmax(auto,250px) 1fr;margin-bottom:2rem;padding:1.5rem;position:relative;width:100%}.inspirational-column{align-items:center;display:flex;flex-direction:column;gap:.75rem}.inspiration-bubble{background-color:#fff;background-color:var(--white);border-radius:12px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);max-width:100%;padding:1rem;position:relative;text-align:center;transition:transform .3s ease}.inspiration-bubble:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-3px)}.inspirational-column.left .inspiration-bubble:after{right:-8px}.inspirational-column.left .inspiration-bubble:after,.inspirational-column.right .inspiration-bubble:after{background-color:#fff;background-color:var(--white);content:"";height:16px;position:absolute;top:50%;transform:translateY(-50%) rotate(45deg);width:16px}.inspirational-column.right .inspiration-bubble:after{left:-8px}.inspiration-icon{color:#e11d48;color:var(--primary);margin-bottom:.5rem}.inspiration-bubble p{color:#374151;color:var(--dark-gray);font-size:.9rem;line-height:1.4;margin:0}.refresh-message-btn{align-items:center;background-color:#ffffff1a;border:none;border-radius:50%;color:#6b7280;color:var(--medium-gray);display:flex;height:28px;justify-content:center;transition:all .2s ease;transition:var(--transition);width:28px}.refresh-message-btn:hover{background-color:#fff;background-color:var(--form-input-bg);color:#e11d48;color:var(--primary);transform:rotate(30deg)}.camera-section-compact{align-items:center;display:flex;flex-direction:column;max-width:250px;width:100%}.camera-title{align-items:center;color:#111827;color:var(--dark);display:flex;font-size:1.125rem;gap:.5rem;justify-content:center;margin-bottom:1rem;text-align:center}.section-icon{color:#e11d48;color:var(--primary)}.camera-error{align-items:center;background-color:#fee2e2;background-color:var(--error-light);border-radius:8px;color:#dc2626;color:var(--error);display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;width:100%}.photo-placeholder{align-items:center;background-color:#fff;background-color:var(--form-input-bg);border:2px dashed #e11d48;border:2px dashed var(--primary);border-radius:50%;color:#6b7280;color:var(--medium-gray);cursor:pointer;display:flex;flex-direction:column;gap:.75rem;height:160px;justify-content:center;margin:0 auto;transition:all .2s ease;transition:var(--transition);width:160px}.photo-placeholder:hover{background-color:#fff1f2;background-color:var(--primary-light);transform:scale(1.02)}.photo-placeholder span{font-size:.8rem;max-width:120px;text-align:center}.camera-container{background-color:#111827;background-color:var(--dark);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);height:200px;margin:0 auto;overflow:hidden;position:relative;width:100%}.close-camera-btn{align-items:center;background-color:#00000080;border:none;border-radius:50%;color:#fff;color:var(--white);display:flex;height:32px;justify-content:center;position:absolute;right:.75rem;top:.75rem;transition:all .2s ease;transition:var(--transition);width:32px;z-index:10}.close-camera-btn:hover{background-color:#000000b3}.camera-preview{height:100%;object-fit:cover;transform:scaleX(-1);width:100%}.camera-controls{bottom:1rem;left:0;position:absolute;right:0}.camera-controls,.take-photo-btn{display:flex;justify-content:center}.take-photo-btn{align-items:center;background-color:#e11d48;background-color:var(--primary);border:none;border-radius:9999px;box-shadow:0 4px 6px #0000000d,0 2px 4px #0000000d;box-shadow:var(--shadow);color:#fff;color:var(--white);font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1.25rem;transition:all .2s ease;transition:var(--transition)}.take-photo-btn:hover{background-color:#be123c;background-color:var(--primary-hover);transform:translateY(-2px)}.photo-preview-container{align-items:center;display:flex;flex-direction:column;gap:.75rem;margin:0}.photo-preview{border:4px solid #fff;border:4px solid var(--white);border-radius:50%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);height:160px;overflow:hidden;position:relative;width:160px}.photo-preview img{height:100%;object-fit:cover;width:100%}.photo-actions{align-items:center;display:flex;flex-direction:column;gap:.5rem}.photo-confirmation{align-items:center;display:flex;font-size:.8rem;font-weight:500;gap:.4rem}.photo-confirmation,.success-icon{color:#059669;color:var(--success)}.retake-photo-btn{align-items:center;background-color:#fff;background-color:var(--form-input-bg);border:1px solid #d1d5db;border:1px solid var(--form-input-border);border-radius:8px;color:#374151;color:var(--dark-gray);display:flex;font-size:.8rem;gap:.4rem;padding:.4rem .9rem;transition:all .2s ease;transition:var(--transition)}.retake-photo-btn:hover{background-color:#f3f4f6;background-color:var(--lightest-gray);border-color:#9ca3af;border-color:var(--light-gray)}.form-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.form-panel{display:flex;flex-direction:column;gap:1.5rem}.form-section{background-color:#fff;background-color:var(--white);border:1px solid #d1d5db;border:1px solid var(--lighter-gray);border-radius:12px;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);padding:1.5rem;transition:all .2s ease;transition:var(--transition)}.form-section:hover{border-color:#9ca3af;border-color:var(--light-gray);box-shadow:0 4px 6px #0000000d,0 2px 4px #0000000d;box-shadow:var(--shadow)}.section-title{border-bottom:1px solid #d1d5db;border-bottom:1px solid var(--lighter-gray);color:#111827;color:var(--dark);font-size:1.25rem;gap:.75rem}.section-label{color:#374151;color:var(--dark-gray);display:block;font-weight:500;margin-bottom:.75rem}.form-row{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.form-field{margin-bottom:1.25rem}.form-field:last-child{margin-bottom:0}label{color:#374151;color:var(--dark-gray);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.input-with-icon{position:relative}.field-icon{color:#6b7280;color:var(--medium-gray);left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}input[type=date],input[type=email],input[type=password],input[type=tel],input[type=text],select,textarea{background-color:#fff;background-color:var(--form-input-bg);border:1px solid #d1d5db;border:1px solid var(--form-input-border);border-radius:8px;color:#111827;color:var(--form-input-text);font-size:.95rem;padding:.75rem 1rem .75rem 2.75rem;transition:all .2s ease;transition:var(--transition);width:100%}input[type=date]:focus,input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=text]:focus,select:focus,textarea:focus{background-color:#fff;background-color:var(--form-input-focus-bg);border-color:#e11d48;border-color:var(--form-input-focus-border);box-shadow:0 0 0 3px #e11d4833;outline:none}textarea{min-height:80px;padding-top:2.5rem;resize:vertical}.password-input{position:relative}.toggle-password{align-items:center;background:none;border:none;color:#6b7280;color:var(--medium-gray);display:flex;justify-content:center;padding:0;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.password-strength{margin-top:.75rem}.strength-text{font-size:.75rem;font-weight:600;margin-bottom:.25rem}.strength-bar{display:flex;gap:3px;height:5px}.strength-segment{background-color:#d1d5db;background-color:var(--lighter-gray);border-radius:2px;flex:1 1;height:100%;transition:all .2s ease;transition:var(--transition)}.password-requirements{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.requirement{align-items:center;background-color:#f3f4f6;background-color:var(--lightest-gray);border-radius:4px;color:#6b7280;color:var(--medium-gray);display:flex;font-size:.75rem;gap:.375rem;padding:.25rem .5rem;transition:all .2s ease;transition:var(--transition)}.requirement.met{background-color:#ecfdf5;background-color:var(--success-light);color:#059669;color:var(--success)}.req-icon{font-weight:700;opacity:.5}.requirement.met .req-icon{opacity:1}.field-error{align-items:center;color:#dc2626;color:var(--error);display:flex;font-size:.75rem;gap:.25rem;margin-top:.5rem}.error-input{border-color:#dc2626!important;border-color:var(--error)!important}.id-section{border-top:1px dashed #d1d5db;border-top:1px dashed var(--lighter-gray);margin-top:1rem;padding-top:1rem}.id-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.id-type-btn{align-items:center;background-color:#fff;background-color:var(--form-input-bg);border:1px solid #d1d5db;border:1px solid var(--form-input-border);border-radius:8px;color:#374151;color:var(--dark-gray);display:flex;flex:1 1;font-size:.875rem;gap:.5rem;justify-content:center;padding:.5rem .75rem;transition:all .2s ease;transition:var(--transition)}.id-type-btn:hover{background-color:#f3f4f6;background-color:var(--lightest-gray);border-color:#9ca3af;border-color:var(--light-gray)}.id-type-btn.active{background-color:#fff1f2;background-color:var(--primary-light);border-color:#e11d48;border-color:var(--primary);color:#e11d48;color:var(--primary);font-weight:500}.id-input-container{animation:fadeIn .3s ease}.role-toggle{display:flex;gap:.75rem}.role-btn{align-items:center;background-color:#fff;background-color:var(--form-input-bg);border:1px solid #d1d5db;border:1px solid var(--form-input-border);border-radius:8px;color:#374151;color:var(--dark-gray);display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease;transition:var(--transition)}.role-btn:hover{background-color:#f3f4f6;background-color:var(--lightest-gray);border-color:#9ca3af;border-color:var(--light-gray)}.role-btn.active{background-color:#fff1f2;background-color:var(--primary-light);border-color:#e11d48;border-color:var(--primary);color:#e11d48;color:var(--primary)}.form-footer{background-color:initial;border-radius:0 0 16px 16px;display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem;padding:1.5rem}.terms-container{border-radius:8px;padding:.75rem}.terms-checkbox,.terms-container{align-items:flex-start;background-color:initial;display:flex;gap:.75rem}.terms-checkbox{cursor:pointer}.terms-checkbox input{accent-color:#e11d48;accent-color:var(--primary);margin-top:.25rem}.checkbox-text{background-color:initial;color:#374151;color:var(--dark-gray);font-size:.875rem}.terms-link{background-color:initial;color:#e11d48;color:var(--primary);font-weight:500}.submit-button{align-items:center;background-color:#e11d48;background-color:var(--primary);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);display:flex;font-size:1rem;gap:.5rem;height:56px;justify-content:center;padding:1rem 1.5rem;transition:all .2s ease;transition:var(--transition)}.submit-button:hover{background-color:#be123c;background-color:var(--primary-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.submit-button:disabled{background-color:#d1d5db;background-color:var(--lighter-gray);box-shadow:none;color:#6b7280;color:var(--medium-gray);transform:none}.loading-spinner{border:3px solid #ffffff4d;height:20px;width:20px}.login-link{background-color:initial;color:#6b7280;color:var(--medium-gray);font-size:.875rem;padding:.5rem;text-align:center}.login-link a{background-color:initial;color:#e11d48;color:var(--primary)}.dark-mode .form-footer{background-color:#fff;background-color:var(--white)}.dark-mode .terms-container{background-color:initial}.dark-mode .checkbox-text,.dark-mode .terms-checkbox{background-color:initial;color:#374151;color:var(--dark-gray)}.dark-mode .terms-checkbox input{accent-color:#e11d48;accent-color:var(--primary)}.dark-mode .terms-link{background-color:initial;color:#e11d48;color:var(--primary)}.dark-mode .login-link{background-color:initial;color:#374151;color:var(--dark-gray)}.dark-mode .login-link a{background-color:initial;color:#e11d48;color:var(--primary)}.dark-mode .account-section{background-color:#fff;background-color:var(--white);border-top:1px solid #d1d5db;border-top:1px solid var(--lighter-gray);color:#374151;color:var(--dark-gray);padding-top:1.5rem}.dark-mode .form-footer,.dark-mode .signup-inner .form-footer,.dark-mode.elegant-signup-container .form-footer,.elegant-signup-container.dark-mode .form-footer{background-color:#1e293b!important;color:#e2e8f0!important}.dark-mode .form-footer .terms-container,.dark-mode .form-footer>*,.dark-mode .form-footer>div,.dark-mode .terms-checkbox,.dark-mode .terms-container{background-color:#1e293b!important}.dark-mode .form-footer .login-link,.dark-mode .login-link{background-color:#1e293b!important;color:#e2e8f0!important}.dark-mode .checkbox-text{color:#e2e8f0!important}.dark-mode .form-footer *{background-color:initial!important}.dark-mode .submit-button{background-color:#e11d48!important}@media (max-width:1024px){.signup-inner{padding:2rem}}@media (max-width:768px){.elegant-signup-container,.signup-inner{padding:1.5rem}.form-content,.photo-section-container{grid-template-columns:1fr}.photo-section-container{padding:1.5rem}.inspirational-column{display:none}.camera-section-compact{max-width:100%}.camera-container{aspect-ratio:4/3;height:auto}.form-row{grid-template-columns:1fr}.role-toggle{flex-direction:column}.id-type-btn{padding:.75rem}}@media (max-width:480px){.elegant-signup-container{padding:1rem}.signup-inner{padding:1.25rem}.camera-section-wrapper{padding:1rem}.photo-placeholder,.photo-preview{height:150px;width:150px}.brand h1{font-size:1.75rem}.slogan{font-size:1rem}}:root{--primary-color:#4563f6;--primary-hover:#2e4de0;--primary-light:#e7ecff;--primary-dark:#1d4ed8;--secondary-color:#f3f4f6;--secondary-hover:#e5e7eb;--secondary-dark:#d1d5db;--success-light:#d1fae5;--success-dark:#059669;--warning-light:#fef3c7;--warning-dark:#d97706;--danger-color:#ef4444;--danger-light:#fee2e2;--danger-dark:#dc2626;--info-light:#dbeafe;--info-dark:#2563eb;--emerald-50:#ecfdf5;--emerald-500:#10b981;--emerald-600:#059669;--emerald-700:#047857;--orange-50:#fff7ed;--orange-500:#f97316;--orange-600:#ea580c;--orange-700:#c2410c;--blue-50:#eff6ff;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--pink-50:#fdf2f8;--pink-500:#ec4899;--pink-600:#db2777;--pink-700:#be185d;--purple-50:#f5f3ff;--purple-500:#8b5cf6;--purple-600:#7c3aed;--purple-700:#6d28d9;--sky-50:#f0f9ff;--sky-500:#0ea5e9;--sky-600:#0284c7;--sky-700:#0369a1;--yellow-50:#fefce8;--yellow-500:#eab308;--yellow-600:#ca8a04;--yellow-700:#a16207;--cyan-50:#ecfeff;--cyan-500:#06b6d4;--cyan-600:#0891b2;--cyan-700:#0e7490;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-inner:inset 0 2px 4px 0 #0000000f;--shadow-outline:0 0 0 3px #4563f640;--shadow-soft:0 4px 20px #00000014;--shadow-hover:0 10px 25px #0000001f;--shadow-focus:0 0 0 3px #3b82f680;--border-radius-xs:0.125rem;--border-radius-3xl:2rem;--transition-fast:all 0.15s ease;--transition:all 0.2s ease-in-out;--transition-slow:all 0.3s ease;--transition-bounce:all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);--transition-spring:all 0.4s cubic-bezier(0.34,1.56,0.64,1);--header-height:70px;--content-max-width:1280px;--content-padding:1.5rem;--sidebar-width:280px;--topbar-height:120px;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--gradient-primary:linear-gradient(135deg,#4563f6,#2e4de0);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-warning:linear-gradient(135deg,#f59e0b,#d97706);--gradient-danger:linear-gradient(135deg,#ef4444,#dc2626);--gradient-info:linear-gradient(135deg,#3b82f6,#1d4ed8);--gradient-purple:linear-gradient(135deg,#8b5cf6,#7c3aed);--gradient-pink:linear-gradient(135deg,#ec4899,#db2777);--gradient-cyan:linear-gradient(135deg,#06b6d4,#0891b2);--gradient-orange:linear-gradient(135deg,#f97316,#ea580c);--gradient-yellow:linear-gradient(135deg,#eab308,#ca8a04);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080}.dark{--bg-primary:#111827;--bg-secondary:#1f2937;--bg-tertiary:#374151;--bg-card:#1f2937;--bg-modal:#111827;--text-tertiary:#9ca3af;--text-muted:#6b7280;--border-primary:#374151;--border-secondary:#4b5563;--border-tertiary:#6b7280;--shadow-sm:0 1px 3px 0 #0000004d,0 1px 2px 0 #0003;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003;--shadow-xl:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d;--shadow-2xl:0 25px 50px -12px #00000080;--shadow-soft:0 4px 20px #00000040;--shadow-hover:0 10px 25px #00000059}:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:16px;line-height:1.5}body,html{line-height:var(--line-height-normal)}body{background-color:#f5f7fa;color:#1f2937;color:var(--gray-800);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;text-rendering:optimizeLegibility;transition:all .2s ease-in-out;transition:var(--transition)}.dark body{background-color:var(--bg-primary);color:var(--text-primary)}.app-container{background-color:#f5f7fa;display:flex;flex-direction:column;min-height:100vh;transition:all .2s ease-in-out;transition:var(--transition)}.dark .app-container{background-color:var(--bg-primary)}.main-content{flex:1 1;margin:0 auto;max-width:1280px;max-width:var(--content-max-width);padding:1rem 1.5rem;padding:1rem var(--content-padding);width:100%}.app-header{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);display:flex;height:70px;height:var(--header-height);padding:0 1.5rem;padding:0 var(--content-padding);position:-webkit-sticky;position:sticky;top:0;transition:all .2s ease-in-out;transition:var(--transition);z-index:1020;z-index:var(--z-sticky)}.dark .app-header{background-color:var(--bg-secondary);border-bottom-color:var(--border-primary)}.app-logo{align-items:center;color:#4563f6;color:var(--primary-color);display:flex;font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;font-weight:var(--font-weight-bold);gap:.5rem;text-decoration:none;transition:all .2s ease-in-out;transition:var(--transition)}.app-logo span{color:#1f2937;color:var(--gray-800)}.dark .app-logo span{color:var(--text-primary)}.app-nav{gap:1rem;margin-left:auto}.app-nav,.dashboard-topbar{align-items:center;display:flex}.dashboard-topbar{background:linear-gradient(90deg,#fffc,#fff0);border:1px solid #e2e8f0b3;border-radius:1rem;border-radius:var(--border-radius-xl);box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow-soft);justify-content:space-between;margin-bottom:2rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .2s ease-in-out;transition:var(--transition);width:100%}.dark .dashboard-topbar{background:linear-gradient(90deg,#1f293780,#1f293700);border-color:var(--border-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.welcome-container{max-width:75%;padding-right:2rem;position:relative;z-index:1}.welcome-user{position:relative}.welcome-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.welcome-user h2{color:#1f2937;color:var(--gray-800);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:800;font-weight:var(--font-weight-extrabold);margin-bottom:.25rem;position:relative;text-shadow:0 1px 1px #fffc;transition:all .2s ease-in-out;transition:var(--transition);z-index:1}.dark .welcome-user h2{color:var(--text-primary);text-shadow:0 1px 1px #00000080}.welcome-user p{color:#4b5563;color:var(--gray-600);font-size:1rem;font-size:var(--font-size-base);margin-bottom:.5rem;max-width:90%;position:relative;transition:all .2s ease-in-out;transition:var(--transition);z-index:1}.dark .welcome-user p{color:var(--text-secondary)}.welcome-badge{animation:pulse-light 3s infinite;background:linear-gradient(135deg,#10b981,#059669);background:var(--gradient-success);border-radius:9999px;border-radius:var(--border-radius-full);box-shadow:0 2px 5px #10b98133;color:#fff;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-semibold);letter-spacing:.03em;padding:.25rem .75rem;text-transform:uppercase;white-space:nowrap}.welcome-decoration{background:radial-gradient(circle,#10b9811a,#0000 70%);border-radius:50%;height:150px;left:-40px;position:absolute;top:-40px;width:150px;z-index:0}@keyframes pulse-light{0%{box-shadow:0 0 0 0 #10b9814d}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 0 0 #10b98100}}.action-buttons-wrapper{flex-direction:column;position:relative;z-index:2}.action-buttons-container,.action-buttons-wrapper{align-items:center;display:flex;gap:.75rem;width:100%}.action-buttons-container{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;background:#fffffff2;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--border-radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding:.75rem;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);transition:var(--transition-spring)}.action-buttons-container::-webkit-scrollbar{display:none}.dark .action-buttons-container{background:#1f2937f2;border-color:var(--border-primary);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl)}.topbar-btn{align-items:center;background:#0000;border:none;border-radius:.75rem;border-radius:var(--border-radius-lg);cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;min-width:80px;overflow:hidden;padding:.75rem .5rem;position:relative;scroll-snap-align:start;transition:all .3s cubic-bezier(.175,.885,.32,1.275);transition:var(--transition-bounce)}.topbar-btn:before{background:#f9fafb;background:var(--gray-50);border-radius:inherit;content:"";inset:0;opacity:0;position:absolute;transform:scale(.95);transition:all .2s ease-in-out;transition:var(--transition);z-index:-1}.dark .topbar-btn:before{background:var(--bg-tertiary)}.topbar-btn:hover:before{opacity:1;transform:scale(1)}.topbar-icon-wrapper{align-items:center;background:#fff;border-radius:9999px;border-radius:var(--border-radius-full);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:flex;height:3rem;justify-content:center;margin-bottom:.5rem;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275);transition:var(--transition-bounce);width:3rem}.dark .topbar-icon-wrapper{background:var(--bg-tertiary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.topbar-label{color:#374151;color:var(--gray-700);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-semibold);text-align:center;transition:all .2s ease-in-out;transition:var(--transition);white-space:nowrap}.dark .topbar-label{color:var(--text-secondary)}.mobile-scroll-hint{animation:fade-in-out 4s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffc;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.375rem;border-radius:var(--border-radius);color:#6b7280;color:var(--gray-500);display:none;font-size:.75rem;font-size:var(--font-size-xs);margin-top:.5rem;opacity:.8;order:2;padding:.25rem .5rem;text-align:center}.dark .mobile-scroll-hint{background:#1f2937cc;border-color:var(--border-primary);color:var(--text-tertiary)}.category-scroll-progress{background:#e5e7eb;background:var(--gray-200);border-radius:1px;display:none;height:2px;margin-top:.25rem;order:3;overflow:hidden;width:100%}.dark .category-scroll-progress{background:var(--border-primary)}.category-scroll-progress-bar{background:#4563f6;background:var(--primary-color);border-radius:1px;height:100%;transition:width .1s ease;width:0}.category-scroll-indicator{align-items:center;display:none;gap:.5rem;justify-content:center;margin-top:.25rem;order:4}.scroll-indicator-dot{background:#d1d5db;background:var(--gray-300);border-radius:50%;cursor:pointer;height:6px;transition:all .2s ease-in-out;transition:var(--transition);width:6px}.scroll-indicator-dot.active{transform:scale(1.2)}.dark .scroll-indicator-dot{background:var(--border-secondary)}.dark .scroll-indicator-dot.active{background:#4563f6;background:var(--primary-color)}@media (max-width:639px){.action-buttons-wrapper{align-self:stretch;flex-direction:column;gap:.5rem;justify-content:center;width:100%}.action-buttons-container{gap:.625rem;justify-content:flex-start;margin-bottom:0;overscroll-behavior-x:contain;padding:.625rem;scroll-padding:.5rem;width:100%}.topbar-btn{flex-shrink:0;min-width:70px;padding:.625rem .5rem}.topbar-icon-wrapper{height:2.75rem;margin-bottom:.4rem;width:2.75rem}.topbar-label{font-size:.75rem;line-height:1.2}.mobile-scroll-hint{display:block!important;margin:.5rem auto 0;max-width:200px;width:auto}.category-scroll-progress{display:block!important;margin:.25rem auto 0;max-width:200px}.category-scroll-indicator{display:flex!important;margin:.25rem auto 0}}@media (max-width:479px){.action-buttons-container{gap:.5rem;padding:.5rem}.topbar-btn{min-width:65px;padding:.5rem .375rem}.topbar-icon-wrapper{height:2.5rem;margin-bottom:.35rem;width:2.5rem}.topbar-label{font-size:.7rem}.mobile-scroll-hint{font-size:.65rem;max-width:180px;padding:.2rem .4rem}}@media (max-width:639px){.dashboard-topbar{align-items:flex-start;flex-direction:column;gap:1.25rem;padding:1.25rem}.welcome-container{margin-bottom:.5rem;max-width:100%;padding-right:0}.welcome-header{align-items:flex-start;flex-direction:column;gap:.5rem}.welcome-user h2{font-size:1.5rem;font-size:var(--font-size-2xl);margin-bottom:.25rem}.welcome-user p{font-size:.9rem;margin-bottom:.5rem}}@keyframes fade-in-out{0%,to{opacity:0}15%,85%{opacity:.8}}@media (prefers-contrast:high){.mobile-scroll-hint{background:#fff;border-width:2px;color:#000}.dark .mobile-scroll-hint{background:var(--bg-primary);border-color:#fff;color:#fff}}@media (prefers-reduced-motion:reduce){.mobile-scroll-hint{animation:none;opacity:.8}.topbar-btn,.topbar-icon-wrapper{transition:none}}.category-section-wrapper{margin-bottom:1.5rem;position:relative;width:100%}.category-container{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;align-items:center;box-sizing:border-box;display:flex;gap:.75rem;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding:.75rem 1rem;position:relative;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none;width:100%}.category-container::-webkit-scrollbar{display:none}.category-pill{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:9999px;border-radius:var(--border-radius-full);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);color:#374151;color:var(--gray-700);cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);min-width:-webkit-max-content;min-width:max-content;padding:.75rem 1.25rem;position:relative;scroll-snap-align:start;transition:all .2s ease-in-out;transition:var(--transition);white-space:nowrap}.dark .category-pill{background:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-secondary)}.category-pill:hover{border-color:#4563f6;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#4563f6;color:var(--primary-color);transform:translateY(-2px)}.category-pill.active{border-color:#4563f6;border-color:var(--primary-color);box-shadow:0 4px 12px #4563f64d;transform:translateY(-1px)}.category-pill.active,.dark .category-pill.active{background:#4563f6;background:var(--primary-color);color:#fff}.category-pill svg{flex-shrink:0;height:1rem;margin-right:.5rem;width:1rem}.category-scroll-arrows,.category-scroll-arrows.left,.category-scroll-arrows.right,.category-scroll-indicator,.category-scroll-progress,.category-scroll-progress-bar,.mobile-scroll-hint,.scroll-arrow-btn,.scroll-indicator-dot{display:none!important}@media (max-width:639px){.category-section-wrapper{margin-bottom:1rem;margin-left:0;margin-right:0;padding-left:0;padding-right:0;width:100%}.category-container{-webkit-overflow-scrolling:touch;box-sizing:border-box;gap:.625rem;justify-content:flex-start;margin-bottom:0;overscroll-behavior-x:contain;padding:.625rem 1rem;scroll-behavior:smooth;width:100%}.category-pill{border-width:1.5px;flex-shrink:0;font-size:.8rem;min-width:-webkit-max-content;min-width:max-content;padding:.625rem 1rem}.category-pill svg{height:.875rem;margin-right:.5rem;width:.875rem}}@media (max-width:767px) and (min-width:640px){.category-container{box-sizing:border-box;gap:.5rem;padding:.5rem .75rem;width:100%}.category-pill{border-width:1.5px;font-size:.75rem;padding:.5rem .875rem}.category-pill svg{height:.875rem;margin-right:.4rem;width:.875rem}}@media (max-width:479px){.category-section-wrapper{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.category-container{box-sizing:border-box;gap:.5rem;padding:.5rem .75rem;width:100%}.category-pill{border-width:1px;font-size:.75rem;padding:.5rem .75rem}.category-pill svg{height:.875rem;margin-right:.375rem;width:.875rem}}.category-pill:active{transition:transform .1s ease}.category-pill.touch-active,.category-pill:active{transform:scale(.96) translateY(-1px)}@media (prefers-contrast:high){.category-pill{border-width:3px}.category-pill.active{border-width:4px}}@media (prefers-reduced-motion:reduce){.category-container{scroll-behavior:auto}.category-pill{transition:none}.category-pill:active,.category-pill:hover{transform:none}}@media print{.category-container{flex-wrap:wrap;gap:.5rem;overflow:visible!important}.category-pill{break-inside:avoid;page-break-inside:avoid}}.modal-container:before,.modal-content:before,.modal-footer:before,.modal-header:before,.modal-overlay:before,.modal-title.flex.items-center:before,.modal-title:before{content:none!important;display:none!important;visibility:hidden!important}.emergency-modal .modal-title:before,.food-request-modal .modal-title:before,.help-modal .modal-title:before,.modal-header .modal-title:before,.modal-title:before,.overview-modal .modal-title:before,.profile-modal .modal-title:before,.report-modal .modal-title:before,[class*=modal-title]:before,[data-modal-type=emergency] .modal-title:before,[data-modal-type=food-request] .modal-title:before,[data-modal-type=help] .modal-title:before,[data-modal-type=overview] .modal-title:before,[data-modal-type=profile] .modal-title:before,[data-modal-type=report] .modal-title:before{content:none!important;display:none!important}.modal-container :after,.modal-container :before,.modal-overlay :after,.modal-overlay :before{content:none!important;display:none!important;visibility:hidden!important}[class*=modal-title]:before,[class*=modal]:before{content:""!important;display:none!important}[class*=modal-title]:before{height:0!important;margin:0!important;padding:0!important;width:0!important}#root .modal-container :before,#root .modal-overlay :before,.flex.items-center:before,.flex.justify-between:before,.flex.justify-center:before,.modal-close-button:after,.modal-close-button:before,.modal-container button:after,.modal-container button:before,.modal-container form:after,.modal-container form:before,.modal-container input:after,.modal-container input:before,.modal-container select:after,.modal-container select:before,.modal-container textarea:after,.modal-container textarea:before,.modal-header .flex:before,.modal-header .items-center:before,.modal-header .justify-between:before,.modal-header span:before,.modal-title span:before,.receiver-dashboard :after,.receiver-dashboard :before,[class*=icon]:after,[class*=icon]:before,div[class*=flex]:before,div[class*=items-center]:before,div[class*=justify-between]:before,svg:after,svg:before{content:none!important;display:none!important}@media (max-width:768px){.modal-container:before,.modal-header:before,.modal-overlay:before,.modal-title:before{content:none!important;display:none!important}}@media (min-width:769px) and (max-width:1024px){.modal-container:before,.modal-header:before,.modal-overlay:before,.modal-title:before{content:none!important;display:none!important}}@media (min-width:1025px){.modal-container:before,.modal-header:before,.modal-overlay:before,.modal-title:before{content:none!important;display:none!important}}@media print{:after,:before{content:none!important;display:none!important}}.premium-donation-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 0 0 1px #ffffff0d;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.dark .premium-donation-card{background:linear-gradient(145deg,#1f2937,#111827);border-color:#4b5563cc;box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d,inset 0 0 0 1px #ffffff0d}.premium-donation-card:hover{border-color:#3b82f64d;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,inset 0 0 0 1px #3b82f61a;transform:translateY(-4px)}.dark .premium-donation-card:hover{border-color:#3b82f666;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d,inset 0 0 0 1px #3b82f633}.premium-badge{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #ffffff4d;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;font-weight:600;letter-spacing:.025em;transition:all .3s ease}.premium-badge:hover{box-shadow:0 8px 15px -3px #00000026;transform:scale(1.05)}.dark .premium-badge{background:linear-gradient(135deg,#1f2937f2,#111827f2);border-color:#4b55634d;color:#fff}.premium-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;box-shadow:0 4px 14px 0 #3b82f659,inset 0 0 0 1px #ffffff1a;font-weight:600;letter-spacing:.025em;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 8px 25px 0 #3b82f673,inset 0 0 0 1px #fff3;transform:translateY(-2px)}.premium-btn-primary:active{transform:translateY(0);transition:transform .1s ease}.premium-btn-secondary{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5dbcc;box-shadow:0 2px 4px 0 #0000000d,inset 0 0 0 1px #ffffff80;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-btn-secondary:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);box-shadow:0 4px 8px 0 #0000001a,inset 0 0 0 1px #ffffffb3}.dark .premium-btn-secondary{background:linear-gradient(135deg,#374151,#4b5563);border-color:#4b5563cc;color:#d1d5db}.dark .premium-btn-secondary:hover{background:linear-gradient(135deg,#4b5563,#6b7280)}.premium-btn-danger{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #ef444433;box-shadow:0 2px 4px 0 #ef44441a,inset 0 0 0 1px #ffffff80;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-btn-danger:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef44444d;box-shadow:0 4px 8px 0 #ef444426,inset 0 0 0 1px #ffffffb3}.dark .premium-btn-danger{background:linear-gradient(135deg,#7f1d1d4d,#991b1b33);border-color:#ef44444d}.dark .premium-btn-danger:hover{background:linear-gradient(135deg,#991b1b66,#b91c1c4d)}.premium-donation-card .grid>div{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;position:relative;transition:all .3s ease}.premium-donation-card .grid>div:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.premium-donation-card:hover .grid>div:before{left:100%}.premium-donation-card .grid>div>div:first-child{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,currentColor,currentColor);opacity:.1}.premium-donation-card img{object-fit:cover;transition:all .7s cubic-bezier(.4,0,.2,1)}.premium-donation-card:hover img{filter:brightness(1.1) contrast(1.05);transform:scale(1.08)}.premium-donation-card h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#111827,#374151);-webkit-background-clip:text;background-clip:text;font-weight:700;letter-spacing:-.025em;line-height:1.2}.dark .premium-donation-card h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f9fafb,#e5e7eb);-webkit-background-clip:text;background-clip:text}@keyframes premium-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.animate-pulse{animation:premium-pulse 2s cubic-bezier(.4,0,.6,1) infinite}.premium-btn-primary .absolute{animation:none}.premium-btn-primary:hover .absolute{animation:shimmer .7s ease-in-out}@media (max-width:768px){.premium-donation-card{border-radius:1.25rem;margin:0 .5rem}.premium-donation-card .grid{gap:.75rem;grid-template-columns:1fr}.premium-donation-card .responsive-flex{flex-direction:column}.premium-btn-primary{font-size:.875rem;padding:.875rem 1.5rem}}@media (min-width:769px) and (max-width:1024px){.premium-donation-card .responsive-grid{grid-template-columns:repeat(2,1fr)}}.premium-btn-danger:focus,.premium-btn-primary:focus,.premium-btn-secondary:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast:high){.premium-donation-card{border-color:#000;border-width:2px}.dark .premium-donation-card{border-color:#fff}}@media (prefers-reduced-motion:reduce){.premium-btn-danger,.premium-btn-primary,.premium-btn-secondary,.premium-donation-card,.premium-donation-card *{animation:none;transition:none}.premium-donation-card:hover{transform:none}}.dark .premium-donation-card .grid>div{border-color:#4b55634d}.dark .premium-donation-card .grid>div:before{background:linear-gradient(90deg,#0000,#ffffff0d,#0000)}@media print{.premium-donation-card{background:#fff;border:1px solid #ddd;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.premium-btn-danger,.premium-btn-primary,.premium-btn-secondary{background:#fff;border:1px solid #ddd;color:#000}}.category-container:after,.category-container:before{display:none}.category-pill:hover{box-shadow:0 6px 20px #4563f626;transform:translateY(-3px) scale(1.02)}.category-pill.active:hover{box-shadow:0 6px 20px #4563f666;transform:translateY(-2px) scale(1.01)}.category-pill{transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:639px){.category-pill:hover{transform:translateY(-2px)}.category-pill.active:hover{transform:translateY(-1px)}}.donation-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;padding:.5rem;transition:all .2s ease-in-out;transition:var(--transition)}.donation-card{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:1rem;border-radius:var(--border-radius-xl);box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow-soft);transition:all .3s cubic-bezier(.175,.885,.32,1.275);transition:var(--transition-bounce)}.dark .donation-card{background:var(--bg-card);border-color:var(--border-primary)}.donation-card:hover{border-color:#4563f6;border-color:var(--primary-color);box-shadow:0 10px 25px #0000001f;box-shadow:var(--shadow-hover);transform:translateY(-8px)}.food-image-container{border-bottom:3px solid #f3f4f6;border-bottom:3px solid var(--gray-100);border-radius:1rem 1rem 0 0;border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;height:170px;overflow:hidden;position:relative;width:100%}.dark .food-image-container{border-color:var(--border-primary)}.food-image{height:100%;object-fit:cover;transition:transform .6s ease;width:100%}.donation-card:hover .food-image{transform:scale(1.1)}.food-image-container:after{background:linear-gradient(180deg,#0000001a 0,#0000 40%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.card-content{display:flex;flex-direction:column;flex-grow:1;gap:.75rem;padding:1.25rem}.card-title{color:#1f2937;color:var(--gray-800);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.25;line-height:var(--line-height-tight);margin-bottom:.25rem}.dark .card-title{color:var(--text-primary)}.card-description{color:#4b5563;color:var(--gray-600);font-size:.875rem;font-size:var(--font-size-sm);line-height:1.5;line-height:var(--line-height-normal);margin-bottom:.5rem}.dark .card-description{color:var(--text-secondary)}.meta-item{align-items:center;color:#4b5563;color:var(--gray-600);display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;margin-bottom:.25rem}.dark .meta-item{color:var(--text-tertiary)}.food-category{background:#ffffffe6;border-radius:.375rem;border-radius:var(--border-radius);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);color:#1f2937;color:var(--gray-800);font-size:var(--font-size-xs);font-weight:600;font-weight:var(--font-weight-semibold);left:10px;padding:.35rem .75rem;position:absolute;top:10px;z-index:1}.dark .food-category{background:#1f2937cc;color:#fff}.card-actions{align-items:center;background:linear-gradient(180deg,#f9fafb80,#fffc);border-top:1px solid #f3f4f6;border-top:1px solid var(--gray-100);display:flex;flex-direction:row;gap:.75rem;margin-top:auto;padding:1rem}.dark .card-actions{background:linear-gradient(180deg,#1f293780,#111827cc);border-color:var(--border-primary)}.btn-request{align-items:center;background:linear-gradient(135deg,#10b981,#059669);background:var(--gradient-success);border:none;border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 4px 12px #10b98140;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;height:42px;justify-content:center;overflow:hidden;padding:0 1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-request:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-request:hover:before{left:100%}.btn-request:hover{box-shadow:0 6px 20px #10b98159;transform:translateY(-2px)}.btn-save{align-items:center;border-radius:.75rem;border-radius:var(--border-radius-lg);cursor:pointer;display:flex;height:42px;justify-content:center;min-width:42px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:42px}.btn-save:not(.saved){background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:2px solid #a855f7;box-shadow:0 2px 8px #a855f733;color:#7c3aed}.dark .btn-save:not(.saved){background:linear-gradient(135deg,#581c87,#7c3aed);border-color:#8b5cf6;box-shadow:0 2px 8px #8b5cf64d;color:#c4b5fd}.btn-save.saved{background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid #2563eb;box-shadow:0 4px 12px #3b82f640;color:#fff}.dark .btn-save.saved{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6}.btn-save:not(.saved):hover{background:linear-gradient(135deg,#c4b5fd,#a78bfa);box-shadow:0 6px 16px #a855f766;transform:translateY(-2px) scale(1.05)}.dark .btn-save:not(.saved):hover{background:linear-gradient(135deg,#7c3aed,#8b5cf6);box-shadow:0 6px 16px #8b5cf680}.btn-save.saved:hover{box-shadow:0 6px 16px #3b82f666;transform:translateY(-2px) scale(1.05)}.btn-report{align-items:center;background:linear-gradient(135deg,#fecaca,#fca5a5);border:2px solid #f87171;border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 2px 8px #ef444426;color:#dc2626;cursor:pointer;display:flex;height:42px;justify-content:center;min-width:42px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:42px}.dark .btn-report{background:linear-gradient(135deg,#ef444433,#ef444426);border-color:#ef44444d;color:#f87171}.btn-report:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 6px 16px #ef44444d;color:#fff;transform:translateY(-2px) scale(1.05)}.btn-info{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--border-radius-lg);color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;height:42px;justify-content:center;transition:all .2s ease-in-out;transition:var(--transition);width:42px}.dark .btn-info{background-color:var(--bg-tertiary);border-color:var(--border-secondary);color:var(--text-secondary)}.btn-info:hover{background-color:#f3f4f6;background-color:var(--gray-100);color:#4563f6;color:var(--primary-color)}.btn-info:hover,.dark .btn-info:hover{border-color:#4563f6;border-color:var(--primary-color)}.dark .btn-info:hover{background-color:var(--bg-secondary);color:#e7ecff;color:var(--primary-light)}.view-controls{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--border-radius-lg);display:flex;overflow:hidden}.dark .view-controls{background:var(--bg-secondary);border-color:var(--border-primary)}.view-control{align-items:center;background:#fff;border:none;color:#6b7280;color:var(--gray-500);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease-in-out;transition:var(--transition);width:40px}.dark .view-control{background:var(--bg-secondary);color:var(--text-tertiary)}.view-control:hover{background:#f3f4f6;background:var(--gray-100);color:#374151;color:var(--gray-700)}.dark .view-control:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.view-control.active{background:#e7ecff;background:var(--primary-light);color:#4563f6;color:var(--primary-color)}.dark .view-control.active{background:#4563f633;color:#e7ecff;color:var(--primary-light)}.modal-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:opacity .3s ease,visibility .3s ease;z-index:1040;z-index:var(--z-modal-backdrop)}.dark .modal-overlay{background-color:#000c}.modal-container{animation:modal-appear .3s forwards;background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-2xl);display:flex;flex-direction:column;max-width:36rem;z-index:1050;z-index:var(--z-modal)}.dark .modal-container{background-color:var(--bg-modal);border-color:var(--border-primary)}.modal-header{background:linear-gradient(135deg,#4563f6,#2e4de0);background:var(--gradient-primary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:1.25rem;position:-webkit-sticky;position:sticky;top:0;z-index:1}.dark .modal-header{border-color:var(--border-primary)}.modal-title{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.modal-title svg{margin-right:.75rem}.modal-content{flex:1 1}.modal-footer{background-color:var(--gray-50);border-top:1px solid var(--gray-200);bottom:0;padding:1.25rem;position:-webkit-sticky;position:sticky}.dark .modal-footer{background-color:var(--bg-secondary);border-color:var(--border-primary)}.modal-close-button{align-items:center;background-color:#ffffff1a;border:none;border-radius:9999px;border-radius:var(--border-radius-full);color:#fff;cursor:pointer;display:flex;height:2rem;justify-content:center;transition:all .2s ease-in-out;transition:var(--transition);width:2rem}.modal-close-button:hover{background-color:#fff3;transform:rotate(90deg)}@keyframes modal-appear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.form-group{margin-bottom:1.25rem}.form-label{color:var(--gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.dark .form-label{color:var(--text-secondary)}.form-input,.form-select,.form-textarea{border:1px solid var(--gray-300);border-radius:.75rem;border-radius:var(--border-radius-lg);font-size:.875rem;font-size:var(--font-size-sm);padding:.75rem 1rem;transition:all .2s ease-in-out;transition:var(--transition);width:100%}.dark .form-input,.dark .form-select,.dark .form-textarea{background-color:var(--bg-tertiary);border-color:var(--border-secondary);color:var(--text-primary)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#4563f6;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f680;box-shadow:var(--shadow-focus)}.dark .form-input:focus,.dark .form-select:focus,.dark .form-textarea:focus{box-shadow:0 0 0 3px #4563f633}.search-input{background-color:#fff;border:1px solid var(--gray-300);border-radius:.75rem;border-radius:var(--border-radius-lg);color:#1f2937;color:var(--gray-800);font-size:var(--font-size-sm);padding:.75rem 1rem;transition:all .2s ease-in-out;transition:var(--transition)}.dark .search-input{background-color:var(--bg-tertiary);border-color:var(--border-secondary);color:var(--text-primary)}.search-input:focus{border-color:#4563f6;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f680;box-shadow:var(--shadow-focus)}.pagination{gap:.25rem;margin:2.5rem 0}.pagination-button{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.75rem;border-radius:var(--border-radius-lg);color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-weight:500;font-weight:var(--font-weight-medium);height:40px;justify-content:center;margin:0 .125rem;min-width:40px;transition:all .2s ease-in-out;transition:var(--transition)}.dark .pagination-button{background-color:var(--bg-secondary);border-color:var(--border-primary);color:var(--text-secondary)}.pagination-button:hover{background-color:#f3f4f6;background-color:var(--gray-100);border-color:#d1d5db;border-color:var(--gray-300)}.dark .pagination-button:hover{background-color:var(--bg-tertiary);border-color:var(--border-secondary)}.pagination-button.active{color:#fff}.dark .pagination-button.active,.pagination-button.active{background-color:#4563f6;background-color:var(--primary-color);border-color:#4563f6;border-color:var(--primary-color)}.pagination-button.disabled{cursor:not-allowed;opacity:.5}.notification-dropdown{animation:dropdown-slide .3s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--border-radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);overflow:hidden;position:absolute;right:1.25rem;top:4.5rem;width:320px;z-index:1000;z-index:var(--z-dropdown)}.dark .notification-dropdown{background:var(--bg-secondary);border-color:var(--border-primary)}@keyframes dropdown-slide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notification-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--gradient-info);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);color:#fff;padding:.75rem 1rem}.dark .notification-header{border-color:var(--border-primary)}.notification-list{max-height:300px;overflow-y:auto}.notification-item{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);padding:.75rem 1rem;transition:all .2s ease-in-out;transition:var(--transition)}.dark .notification-item{border-color:var(--border-primary)}.notification-item:hover{background-color:#f9fafb;background-color:var(--gray-50)}.dark .notification-item:hover{background-color:var(--bg-tertiary)}.notification-icon{flex-shrink:0;margin-right:.75rem}.notification-title{color:#1f2937;color:var(--gray-800);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.25rem}.dark .notification-title{color:var(--text-primary)}.notification-message{color:#4b5563;color:var(--gray-600);font-size:.75rem;font-size:var(--font-size-xs)}.dark .notification-message{color:var(--text-tertiary)}.notification-time{color:#6b7280;color:var(--gray-500);font-size:.75rem;font-size:var(--font-size-xs);margin-top:.25rem}.notification-footer{background-color:#f9fafb;background-color:var(--gray-50);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;justify-content:center;padding:.75rem}.dark .notification-footer{background-color:var(--bg-secondary);border-color:var(--border-primary)}.profile-dropdown{animation:dropdown-slide .3s ease;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--border-radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);overflow:hidden;position:absolute;right:1.25rem;top:4.5rem;width:280px;z-index:1000;z-index:var(--z-dropdown)}.dark .profile-dropdown{background:var(--bg-secondary);border-color:var(--border-primary)}.profile-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:var(--gradient-info);color:#fff;flex-direction:column;padding:1.5rem}.profile-avatar{align-items:center;background:#fff;border:3px solid #ffffff4d;border-radius:9999px;border-radius:var(--border-radius-full);display:flex;height:5rem;justify-content:center;margin-bottom:1rem;overflow:hidden;width:5rem}.profile-name{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.25rem}.profile-email{font-size:.875rem;font-size:var(--font-size-sm);opacity:.8}.profile-menu{padding:.75rem}.profile-menu-item{align-items:center;border-radius:.75rem;border-radius:var(--border-radius-lg);cursor:pointer;display:flex;padding:.75rem;transition:all .2s ease-in-out;transition:var(--transition)}.profile-menu-item:hover{background-color:#f3f4f6;background-color:var(--gray-100)}.dark .profile-menu-item:hover{background-color:var(--bg-tertiary)}.profile-menu-icon{color:#6b7280;color:var(--gray-500);height:1.25rem;margin-right:.75rem;width:1.25rem}.profile-menu-text{color:#374151;color:var(--gray-700);font-size:.875rem;font-size:var(--font-size-sm)}.dark .profile-menu-text{color:var(--text-secondary)}.profile-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);padding:.75rem}.dark .profile-footer{border-color:var(--border-primary)}.profile-logout{align-items:center;background-color:#fee2e2;background-color:var(--danger-light);border:none;border-radius:.75rem;border-radius:var(--border-radius-lg);color:#ef4444;color:var(--danger-color);cursor:pointer;display:flex;padding:.75rem;transition:all .2s ease-in-out;transition:var(--transition);width:100%}.dark .profile-logout{background-color:#ef444433}.profile-logout:hover{background-color:#ef4444;background-color:var(--danger-color);color:#fff}.profile-logout-icon{margin-right:.75rem}.profile-logout-text{font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;font-weight:var(--font-weight-semibold)}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;height:1rem;width:1rem}.fade-out{opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}.skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%)}.dark .skeleton{background:linear-gradient(90deg,#2d3748 25%,#4a5568 50%,#2d3748 75%)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.category-scroll-container{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none}.category-scroll-container::-webkit-scrollbar{display:none}@media (max-width:768px){.category-container{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);min-width:100vw;padding-left:max(1rem,calc(50vw - 50%));padding-right:max(1rem,calc(50vw - 50%))}.category-section-mobile{-webkit-overflow-scrolling:touch;margin-left:calc(-50vw + 50%);overflow-x:auto;padding-left:1rem;padding-right:1rem;width:100vw}.category-pills-wrapper{display:flex;gap:.5rem;min-width:-webkit-max-content;min-width:max-content;padding-bottom:.5rem}}.category-pill-text{font-weight:600;overflow:visible;text-overflow:clip;white-space:nowrap}.smooth-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@media (max-width:640px){.category-scroll-hint{position:relative}.category-scroll-hint:after{animation:pulse-arrow 2s infinite;color:#9ca3af;color:var(--gray-400);content:"→";font-size:1.2rem;opacity:.7;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-50%)}@keyframes pulse-arrow{0%,to{opacity:.7}50%{opacity:.3}}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background-color:#d1d5db;background-color:var(--gray-300);border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transition:var(--transition);transition:var(--transition)}.dark ::-webkit-scrollbar-thumb{background-color:var(--border-secondary)}::-webkit-scrollbar-thumb:hover{background-color:#9ca3af;background-color:var(--gray-400)}.dark ::-webkit-scrollbar-thumb:hover{background-color:var(--border-tertiary)}.modal-container .overflow-y-auto{scrollbar-color:#9ca3af80 #0000;scrollbar-width:thin}.modal-container .overflow-y-auto::-webkit-scrollbar{width:6px}.modal-container .overflow-y-auto::-webkit-scrollbar-track{background:#0000}.modal-container .overflow-y-auto::-webkit-scrollbar-thumb{background:#9ca3af80;border-radius:3px}.modal-container .overflow-y-auto::-webkit-scrollbar-thumb:hover{background:#9ca3afb3}.dark .modal-container .overflow-y-auto{scrollbar-color:#4b556380 #0000}.dark .modal-container .overflow-y-auto::-webkit-scrollbar-thumb{background:#4b556380}.dark .modal-container .overflow-y-auto::-webkit-scrollbar-thumb:hover{background:#4b5563b3}@media (min-width:1200px){.donation-grid{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.topbar-btn{min-width:85px}.topbar-icon-wrapper{height:3.25rem;width:3.25rem}.welcome-user h2{font-size:2.25rem;font-size:var(--font-size-4xl)}}@media (max-width:1199px) and (min-width:768px){.donation-grid{gap:1.25rem;grid-template-columns:repeat(2,1fr)}.food-image-container{height:160px}.topbar-btn{min-width:75px}.topbar-icon-wrapper{height:2.875rem;width:2.875rem}.category-container{gap:.625rem;margin-bottom:1.25rem;padding:.625rem 0}.category-pill{font-size:.8rem;min-width:-webkit-max-content;min-width:max-content;padding:.625rem 1rem}}@media (max-width:767px) and (min-width:640px){.donation-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.food-image-container{height:150px}.card-actions{gap:.5rem;padding:.875rem}.btn-request{font-size:.8rem;height:38px}.btn-report,.btn-save{height:38px;min-width:38px;width:38px}.topbar-btn{min-width:70px}.topbar-icon-wrapper{height:2.75rem;width:2.75rem}.category-container{gap:.5rem;margin-bottom:1rem;padding:.5rem}.category-pill{border-width:1.5px;font-size:.8rem;min-width:-webkit-max-content;min-width:max-content;padding:.5rem .875rem}}@media (max-width:639px){.donation-grid{gap:.875rem;grid-template-columns:1fr}.food-image-container{height:140px}.card-content{padding:1rem}.card-actions{gap:.375rem;padding:.75rem}.btn-request{font-size:.75rem;height:36px;min-width:0}.btn-report,.btn-save{height:36px;min-width:36px;width:36px}.btn-report span{display:none}.dashboard-topbar{align-items:flex-start;flex-direction:column;gap:1.5rem;padding:1.25rem}.welcome-container{max-width:100%;padding-right:0}.welcome-header{align-items:flex-start;flex-direction:column;gap:.5rem}.welcome-user h2{font-size:1.5rem;font-size:var(--font-size-2xl)}.welcome-user p{font-size:.9rem}.action-buttons-wrapper{align-self:stretch;justify-content:center;width:100%}.action-buttons-container{-webkit-overflow-scrolling:touch;gap:.5rem;justify-content:flex-start;overflow-x:auto;padding:.5rem;width:100%}.topbar-btn{flex-shrink:0;min-width:65px}.topbar-icon-wrapper{height:2.5rem;margin-bottom:.35rem;width:2.5rem}.topbar-label{font-size:.7rem}.category-section-wrapper{margin-bottom:1rem;margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}.category-container{gap:.5rem;justify-content:flex-start;margin-bottom:0;padding:.5rem 0}.category-pill{border-width:1.5px;flex-shrink:0;font-size:.75rem;min-width:-webkit-max-content;min-width:max-content;padding:.5rem .875rem}.category-pill svg{height:1rem;margin-right:.5rem;width:1rem}.category-scroll-indicator{display:flex!important}.category-scroll-arrows,.category-scroll-progress,.mobile-scroll-hint{display:block!important}.scroll-arrow-btn{height:28px;width:28px}.category-scroll-arrows.left{background:linear-gradient(90deg,#f5f7fa 70%,#0000);left:.5rem;padding-right:1.5rem}.category-scroll-arrows.right{background:linear-gradient(270deg,#f5f7fa 70%,#0000);padding-left:1.5rem;right:.5rem}.dark .category-scroll-arrows.left{background:linear-gradient(to right,var(--bg-primary) 70%,#0000)}.dark .category-scroll-arrows.right{background:linear-gradient(to left,var(--bg-primary) 70%,#0000)}.modal-container{margin:1rem;max-height:calc(100vh - 2rem);max-width:calc(100vw - 2rem)}.notification-dropdown{right:1rem;width:calc(100vw - 2rem)}}@media (max-width:479px){.card-actions{gap:.25rem;padding:.625rem}.btn-request{font-size:.7rem;height:34px}.btn-report,.btn-save{height:34px;min-width:34px;width:34px}.topbar-btn{min-width:60px}.topbar-icon-wrapper{height:2.25rem;width:2.25rem}.topbar-label{font-size:.65rem}.action-buttons-container{gap:.375rem;padding:.375rem}.welcome-user h2{font-size:1.25rem;font-size:var(--font-size-xl)}.category-section-wrapper{margin-left:-.75rem;margin-right:-.75rem;padding-left:.75rem;padding-right:.75rem}.category-container{gap:.375rem;padding:.375rem 0}.category-pill{border-width:1px;font-size:.7rem;padding:.375rem .75rem}.category-pill svg{height:.875rem;margin-right:.375rem;width:.875rem}.scroll-arrow-btn{height:24px;width:24px}.scroll-indicator-dot{height:4px;width:4px}.category-scroll-arrows.left,.category-scroll-arrows.right{padding-left:1rem;padding-right:1rem}.mobile-scroll-hint{font-size:.65rem}}@media (max-width:1199px) and (min-width:768px){.category-container{gap:.625rem}.category-pill{font-size:.8rem;padding:.625rem 1rem}.category-scroll-arrows{display:block}}@media (max-width:767px) and (min-width:640px){.category-container{gap:.5rem}.category-pill{border-width:1.5px;font-size:.75rem;padding:.5rem .875rem}.category-scroll-indicator{display:flex}.category-scroll-progress{display:block}}@media print{.action-buttons-container,.modal-overlay,.notification-dropdown,.profile-dropdown,.topbar-btn{display:none!important}.donation-card{border:1px solid #ddd;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.donation-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.topbar-btn:hover{transform:none}.donation-card:hover{transform:translateY(-2px)}.btn-report:hover,.btn-save:hover{transform:translateY(-1px)}}@media (prefers-contrast:high){:root{--gray-100:#e0e0e0;--gray-200:silver;--gray-300:#a0a0a0;--gray-600:#404040;--gray-700:#202020;--gray-800:#101010}.donation-card{border-width:2px}.btn-save:not(.saved){border-width:3px}.category-pill{border-width:2px}}@media (max-width:768px){.category-section,.dashboard-content,.main-content{overflow-x:visible!important}.category-container{-webkit-overflow-scrolling:touch!important;gap:.75rem!important;margin-left:calc(-50vw + 50% + 1rem)!important;margin-right:calc(-50vw + 50% + 1rem)!important;overflow-x:auto!important;overflow-y:hidden!important;padding-left:1rem!important;padding-right:1rem!important;position:static!important;scroll-behavior:smooth!important;width:calc(100vw - 2rem)!important}.category-container:after,.category-container:before{display:none!important}.category-pill{border-width:1.5px!important;flex-shrink:0!important;font-size:.8rem!important;min-width:-webkit-max-content!important;min-width:max-content!important;padding:.5rem 1rem!important;white-space:nowrap!important}.category-pill svg{flex-shrink:0!important;height:1rem!important;margin-right:.5rem!important;width:1rem!important}.category-pill span{overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important}}@media (max-width:480px){.category-container{gap:.5rem!important;margin-left:calc(-50vw + 50% + .5rem)!important;margin-right:calc(-50vw + 50% + .5rem)!important;padding-left:.75rem!important;padding-right:.75rem!important;width:calc(100vw - 1rem)!important}.category-pill{font-size:.75rem!important;padding:.375rem .75rem!important}.category-pill svg{height:.875rem!important;margin-right:.375rem!important;width:.875rem!important}}.category-full-bleed{-webkit-overflow-scrolling:touch;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);overflow-x:auto;overflow-y:hidden;padding:.5rem 1rem;width:100vw}.category-full-bleed .category-container{gap:.75rem;margin:0;min-width:-webkit-max-content;min-width:max-content;padding:0;width:auto}.premium-donation-card .image-container,.premium-donation-card .responsive-image-container{overflow:hidden;position:relative}.premium-donation-card .image-container:after,.premium-donation-card .responsive-image-container:after{background:linear-gradient(45deg,#0000,#ffffff1a 50%,#0000);content:"";inset:0;opacity:0;position:absolute;transition:opacity .5s ease}.premium-donation-card:hover .image-container:after,.premium-donation-card:hover .responsive-image-container:after{opacity:1}.category-container.scrolling{scroll-behavior:smooth}.category-container.snapping{scroll-snap-type:x mandatory}.category-pill.snap-target{scroll-snap-align:start}.scroll-indicator-dot.active{background:#4563f6;background:var(--primary-color);box-shadow:0 0 8px #4563f666;transform:scale(1.3)}.scroll-arrow-btn.hidden{opacity:0;pointer-events:none;transform:scale(.8)}.scroll-arrow-btn.visible{opacity:1;pointer-events:all;transform:scale(1)}.category-scroll-progress-bar.animated{transition:width .3s ease-out}.category-pill.touch-active{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);transform:scale(.95) translateY(-1px)}.category-container.momentum-scrolling{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.category-container.has-overflow:before{animation:pulse-left 2s infinite;background:linear-gradient(90deg,#4563f61a,#0000);left:0}.category-container.has-overflow:after,.category-container.has-overflow:before{border-radius:50%;content:"";height:20px;position:absolute;top:50%;transform:translateY(-50%);width:20px;z-index:1}.category-container.has-overflow:after{animation:pulse-right 2s 1s infinite;background:linear-gradient(270deg,#4563f61a,#0000);right:0}@keyframes pulse-left{0%,to{opacity:0;transform:translateY(-50%) translateX(-10px)}50%{opacity:1;transform:translateY(-50%) translateX(0)}}@keyframes pulse-right{0%,to{opacity:0;transform:translateY(-50%) translateX(10px)}50%{opacity:1;transform:translateY(-50%) translateX(0)}}.category-pill:focus-visible{outline:2px solid #4563f6;outline:2px solid var(--primary-color);outline-offset:2px;z-index:10}.scroll-arrow-btn:focus-visible{outline:2px solid #4563f6;outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-contrast:high){.category-pill{border-width:3px}.category-pill.active{border-width:4px}.scroll-indicator-dot{border:2px solid}.scroll-arrow-btn{border-width:2px}}@media (prefers-reduced-motion:reduce){.category-container{scroll-behavior:auto}.category-pill,.scroll-arrow-btn,.scroll-indicator-dot{transition:none}.category-container.has-overflow:after,.category-container.has-overflow:before{animation:none;opacity:.5}}@media print{.category-scroll-arrows,.category-scroll-indicator,.category-scroll-progress,.mobile-scroll-hint{display:none!important}.category-container{flex-wrap:wrap;gap:.5rem;overflow:visible!important}.category-pill{break-inside:avoid;page-break-inside:avoid}}.btn-report:focus-visible,.btn-request:focus-visible,.btn-save:focus-visible,.category-pill:focus-visible,.topbar-btn:focus-visible{outline:2px solid #4563f6;outline:2px solid var(--primary-color);outline-offset:2px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.skip-link{background:#4563f6;background:var(--primary-color);border-radius:4px;color:#fff;left:6px;padding:8px;position:absolute;text-decoration:none;top:-40px;z-index:1000}.skip-link:focus{top:6px}*{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}:root{--primary:#2e7d32;--primary-light:#60ad5e;--primary-dark:#005005;--primary-transparent:#2e7d321a;--primary-hover:#1b5e20;--bg-primary-light:#fff;--bg-secondary-light:#f9fafb;--text-primary-light:#111827;--text-secondary-light:#6b7280;--secondary:#7b1fa2;--secondary-light:#ae52d4;--secondary-dark:#4a0072;--success:#2e7d32;--warning:#ff9800;--danger:#d32f2f;--info:#0288d1;--white:#fff;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#eee;--gray-300:#e0e0e0;--gray-400:#bdbdbd;--gray-500:#9e9e9e;--gray-600:#757575;--gray-700:#616161;--gray-800:#424242;--gray-900:#212121;--black:#000;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--border-radius-sm:0.25rem;--border-radius:0.375rem;--border-radius-md:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--border-radius-2xl:1.5rem;--border-radius-full:9999px;--transition-fast:all 0.2s ease;--transition:all 0.3s ease;--transition-slow:all 0.5s ease}.dark{--bg-primary:#1f2937;--bg-secondary:#374151;--text-primary:#f9fafb;--text-secondary:#d1d5db}.dark .dashboard-header-section{background-color:#1f2937!important;border-color:#374151!important;color:#f9fafb!important}.dark .dashboard-title{color:#10b981!important}.dark .dashboard-subtitle{color:#d1d5db!important}.dark .stats-card{background-color:#374151!important;border:1px solid #4b5563!important;box-shadow:0 2px 5px #0000004d!important}.dark .stats-card:hover{background-color:#4b5563!important;box-shadow:0 4px 12px #0006!important}.dark .stats-value{color:#f9fafb!important}.dark .header-nav-btn,.dark .stats-label{color:#d1d5db!important}.dark .header-nav-btn:hover{background-color:#374151!important;color:#f9fafb!important}.dark .btn-refresh-dashboard{background-color:#1e40af!important}.dark .btn-refresh-dashboard:hover{background-color:#1e3a8a!important}body{background-color:#f5f5f5;background-color:var(--gray-100);background-image:linear-gradient(#2e7d3208 1px,#0000 0),linear-gradient(90deg,#2e7d3208 1px,#0000 0);background-position:-1px -1px;background-size:25px 25px;color:#212121;color:var(--gray-900);overflow-x:hidden}.requests-scroll-container::-webkit-scrollbar{width:8px}.requests-scroll-container::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.requests-scroll-container::-webkit-scrollbar-thumb{background:#8b5cf666;border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}.requests-scroll-container::-webkit-scrollbar-thumb:hover{background:#8b5cf699}.dark .requests-scroll-container::-webkit-scrollbar-track{background:#ffffff0d}.dark .requests-scroll-container::-webkit-scrollbar-thumb{background:#8b5cf699}.dark .requests-scroll-container::-webkit-scrollbar-thumb:hover{background:#8b5cf6cc}.requests-enhanced-grid{animation:fadeInUp .6s ease-out}.request-enhanced-card{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #8b5cf61a;overflow:hidden;position:relative}.dark .request-enhanced-card{background:linear-gradient(145deg,#1f2937,#111827);border-color:#8b5cf633}.request-enhanced-card:before{background:linear-gradient(90deg,#8b5cf6,#a855f7,#c084fc);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.request-enhanced-card:hover:before{transform:scaleX(1)}.request-card-header{overflow:hidden;position:relative}.request-card-header:after{background:linear-gradient(90deg,#0000,#8b5cf64d,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.avatar-circle{overflow:hidden;position:relative}.avatar-circle:before{animation:pulse 2s ease-in-out infinite;background:linear-gradient(45deg,#8b5cf6,#a855f7);border-radius:50%;content:"";inset:-2px;position:absolute;z-index:-1}.request-status{box-shadow:0 2px 8px #0000001a;position:relative}.priority-badge,.request-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.priority-badge{border:1px solid #fff3;box-shadow:0 2px 4px #0000001a}.detail-group{border:1px solid #8b5cf61a;position:relative;transition:all .3s ease}.detail-group:hover{border-color:#8b5cf64d;box-shadow:0 4px 8px #8b5cf61a;transform:translateY(-1px)}.dark .detail-group{border-color:#8b5cf633}.dark .detail-group:hover{border-color:#8b5cf666;box-shadow:0 4px 8px #8b5cf633}.btn-accept-request,.btn-contact-requester,.btn-decline-request{border:none;cursor:pointer;overflow:hidden;position:relative}.btn-accept-request:before,.btn-contact-requester:before,.btn-decline-request:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-accept-request:hover:before,.btn-contact-requester:hover:before,.btn-decline-request:hover:before{left:100%}.notes-container,.timing-info{border-left:3px solid;position:relative;transition:all .3s ease}.notes-container:hover,.timing-info:hover{box-shadow:0 4px 12px #0000001a;transform:translateX(2px)}.empty-icon-container{animation:float 3s ease-in-out infinite;position:relative}.empty-state-features{animation:slideInUp .8s ease-out .3s both}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.requests-enhanced-grid{grid-template-columns:1fr}}@media (max-width:768px){.request-details-compact{gap:2px;grid-template-columns:1fr}.request-actions-row{flex-direction:column;gap:8px}.popup-container.requests-popup{max-height:90vh;width:95%}.requests-scroll-container{padding:1rem}}.loading-spinner{background:conic-gradient(from 0deg,#8b5cf6,#a855f7,#c084fc,#8b5cf6)}.requester-name:hover{color:#8b5cf6;transition:color .2s ease}.dark .requester-name:hover{color:#a855f7}.request-enhanced-card{border-image:linear-gradient(45deg,#0000,#8b5cf61a,#0000) 1}.request-enhanced-card:hover{border-image:linear-gradient(45deg,#0000,#8b5cf64d,#0000) 1}.dashboard-container{margin:0 auto;max-width:1280px;padding:1.5rem 1rem;padding:var(--spacing-6) var(--spacing-4)}.dashboard-content{animation:fadeIn .5s ease-out;background-color:initial;position:relative}.dashboard-header-section{background-color:#fff;background-color:var(--white);border-radius:1rem;border-radius:var(--border-radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin-bottom:2rem;margin-bottom:var(--spacing-8);overflow:hidden;padding:1.5rem;padding:var(--spacing-6);position:relative}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-6);position:relative}.logo-title-wrapper{align-items:center;display:flex;gap:1rem;gap:var(--spacing-4)}.dashboard-title{color:#005005;color:var(--primary-dark);font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:800;letter-spacing:-.025em;margin-bottom:.25rem;margin-bottom:var(--spacing-1);position:relative;text-shadow:0 1px 2px #0000000d}.dashboard-title:after{background:linear-gradient(90deg,#2e7d32,#60ad5e);background:linear-gradient(90deg,var(--primary),var(--primary-light));border-radius:9999px;border-radius:var(--border-radius-full);bottom:-8px;content:"";height:4px;left:0;position:absolute;width:30%}.dashboard-subtitle{color:#757575;color:var(--gray-600);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:500;margin-top:1rem;margin-top:var(--spacing-4)}.header-navigation-buttons{align-items:center;margin-right:15px}.header-nav-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#616161;color:var(--gray-700);cursor:pointer;display:flex;flex-direction:column;font-size:12px;font-weight:500;gap:4px;justify-content:center;padding:8px 12px;transition:all .2s ease}.header-nav-btn:first-child{color:#0288d1}.header-nav-btn:nth-child(2){color:#e53935}.header-nav-btn:nth-child(3){color:#7b1fa2}.header-nav-btn:nth-child(4){color:#f57c00}.header-nav-btn:hover{background-color:#0000000d;transform:translateY(-2px)}.header-nav-btn svg{font-size:20px;margin-bottom:4px}.btn-refresh-dashboard{align-items:center;background-color:#0288d1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;height:auto;margin-left:15px;padding:10px 16px;transition:all .2s}.btn-refresh-dashboard:hover{background-color:#01579b;box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.btn-primary{align-items:center;background-color:var(--primary);border-radius:.5rem;border-radius:var(--border-radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:var(--white);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;gap:.5rem;gap:var(--spacing-2);padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4)}.btn-primary,.btn-primary:after{transition:all .3s ease;transition:var(--transition)}.btn-primary:after{background:linear-gradient(90deg,#fff0 0,#ffffff4d 50%,#fff0);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);width:100%}.btn-primary:hover{background-color:#005005;background-color:var(--primary-dark);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.btn-primary:hover:after{transform:translateX(100%)}.btn-primary:active{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);transform:translateY(0)}.btn-secondary{align-items:center;background-color:#fff;background-color:var(--white);border:1px solid #e0e0e0;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--border-radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#616161;color:var(--gray-700);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;gap:.5rem;gap:var(--spacing-2);padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4);transition:all .3s ease;transition:var(--transition)}.btn-secondary:hover{background-color:#f5f5f5;background-color:var(--gray-100);border-color:#bdbdbd;border-color:var(--gray-400);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow)}.btn-secondary:active{transform:translateY(0)}.header-actions{pointer-events:auto!important;z-index:50!important}.header-navigation-buttons{pointer-events:auto!important;position:relative;z-index:51!important}.btn-refresh-dashboard,.header-nav-btn,.toggle-nav-btn{pointer-events:auto!important;position:relative;z-index:52!important}.dashboard-header:after,.dashboard-header:before{content:none!important}.stats-card{align-items:center;border-radius:12px;display:flex;flex:1 1 220px;flex-direction:row;max-width:280px;min-width:220px;padding:16px}.header-navigation-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:12px}@media (max-width:768px){.header-navigation-buttons{flex-wrap:wrap;justify-content:center}.stats-card{flex-basis:calc(50% - 16px);flex-grow:0;flex-shrink:0;max-width:calc(50% - 16px)}}@media (max-width:480px){.stats-container{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:space-between!important;padding:8px!important}.stats-card{flex-basis:calc(50% - 4px);flex-grow:0;flex-shrink:0;margin:0!important;max-width:calc(50% - 4px)!important;min-width:calc(50% - 4px)!important;padding:8px!important;width:calc(50% - 4px)!important}.stats-icon{height:28px!important;margin-right:8px!important;width:28px!important}.stats-value{font-size:1.25rem!important}.stats-label{font-size:.65rem!important}}.stats-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px) translateZ(0)}.stats-card:hover:before{opacity:1}.stats-icon{align-items:center;border-radius:9999px;border-radius:var(--border-radius-full);display:flex;height:40px;justify-content:center;margin-right:.75rem;margin-right:var(--spacing-3);width:40px}.stats-card:hover .stats-icon{transform:scale(1.1)}.stats-icon:after{background:radial-gradient(circle,#ffffff4d 0,#fff0 70%);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.stats-blue{background-color:#0288d1;background-color:var(--info);border-color:#0288d1;border-color:var(--info)}.stats-card:has(.stats-blue){border-left-color:#0288d1;border-left-color:var(--info)}.stats-green{background-color:#2e7d32;background-color:var(--success);border-color:#2e7d32;border-color:var(--success)}.stats-card:has(.stats-green){border-left-color:#2e7d32;border-left-color:var(--success)}.stats-orange{background-color:#ff9800;background-color:var(--warning);border-color:#ff9800;border-color:var(--warning)}.stats-card:has(.stats-orange){border-left-color:#ff9800;border-left-color:var(--warning)}.stats-purple{background-color:#7b1fa2;background-color:var(--secondary);border-color:#7b1fa2;border-color:var(--secondary)}.stats-card:has(.stats-purple){border-left-color:#7b1fa2;border-left-color:var(--secondary)}.stats-content{flex-grow:1}.stats-value{font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;line-height:1.2;margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.stats-label{color:#757575;color:var(--gray-600);font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;letter-spacing:.5px;text-transform:uppercase}.btn-donate{background-color:var(--primary-color);font-weight:500;overflow:hidden;position:relative;transition:all .3s ease}.btn-donate:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .6s ease;width:100%}.btn-donate:hover:before{left:100%}.btn-donate:hover{box-shadow:0 4px 8px #0000001a}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.animate-slideIn{animation:slideIn .3s ease-out forwards}.donation-modal{border-radius:12px;display:flex;flex-direction:column;max-height:85vh;max-width:600px;overflow:hidden;width:95%}.donation-modal .modal-header{align-items:center;background:linear-gradient(to right,var(--primary-color),var(--primary-color-light));color:#fff;display:flex;justify-content:space-between;padding:1rem 1.5rem}.donation-modal .modal-body{flex:1 1;overflow-y:auto;padding:1.5rem}.food-details-header{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:120px 1fr;margin-bottom:1.5rem}.food-details-image{border-radius:8px;box-shadow:0 2px 6px #0000001a;height:120px;width:120px}.food-details-title{color:var(--text-color-dark);font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.food-details-source{align-items:center;color:var(--text-color-medium);display:flex;font-size:.875rem;margin-bottom:.5rem}.food-price-tag{background-color:var(--primary-color-light);border-radius:999px;color:var(--primary-color-dark);display:inline-block;font-size:.875rem;font-weight:600;padding:.25rem .75rem}@media (prefers-color-scheme:dark){.donation-modal{background-color:var(--bg-dark)}.donation-modal,.food-details-title{color:var(--text-color-light)}.food-price-tag{background-color:var(--primary-color-dark);color:#fff}}.main-tabs-container{align-items:center;background-color:#fff;background-color:var(--white);border-bottom:2px solid #eee;border-bottom:2px solid var(--gray-200);border-radius:.75rem .75rem 0 0;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;flex-wrap:nowrap;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-6);overflow-x:auto;padding:0 1rem;padding:0 var(--spacing-4)}.tab-button{background:#0000;border:none;border-bottom:3px solid #0000;color:#757575;color:var(--gray-600);cursor:pointer;flex-shrink:0;font-weight:600;overflow:hidden;padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4);position:relative;transition:all .3s ease;transition:var(--transition);white-space:nowrap}.tab-button.primary{align-items:center;display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.5rem;gap:var(--spacing-2)}.tab-button.primary svg{transition:all .3s ease;transition:var(--transition)}.tab-button.primary.active{border-bottom-color:#2e7d32;border-bottom-color:var(--primary);color:#2e7d32;color:var(--primary);font-weight:400}.tab-button.primary.active svg{color:#2e7d32;color:var(--primary);transform:scale(1.1)}.tab-button.primary:hover:not(.active){background-color:#f5f5f5;background-color:var(--gray-100);color:#424242;color:var(--gray-800)}.tab-button:before{background-color:#2e7d32;background-color:var(--primary);bottom:0;content:"";height:3px;left:0;position:absolute;transform:scaleX(0);transform-origin:center;transition:transform .3s ease;width:100%}.tab-button.active:before,.tab-button:hover:before{transform:scaleX(1)}.main-tabs-container .btn-primary,.main-tabs-container .btn-secondary,.main-tabs-container .btn-switch-dashboard{border-radius:.375rem;border-radius:var(--border-radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);flex-shrink:0;font-size:.75rem;font-size:var(--font-size-xs);height:36px;margin:.5rem .25rem;margin:var(--spacing-2) var(--spacing-1);padding:.5rem .75rem;padding:var(--spacing-2) var(--spacing-3)}.main-tabs-container .btn-primary svg,.main-tabs-container .btn-secondary svg,.main-tabs-container .btn-switch-dashboard svg{height:16px;width:16px}.sub-tabs-container{background-color:#fff;background-color:var(--white);border-radius:0 0 .75rem .75rem;border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-2);margin-bottom:1.5rem;margin-bottom:var(--spacing-6);margin-top:-1px;padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4)}.tab-button.secondary{background-color:#f5f5f5;background-color:var(--gray-100);border:1px solid #0000;border-radius:.375rem;border-radius:var(--border-radius);font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4);transition:all .3s ease;transition:var(--transition)}.tab-button.secondary.active{background-color:#2e7d321a;background-color:var(--primary-transparent);border-color:#2e7d321a;border-color:var(--primary-transparent);color:#2e7d32;color:var(--primary);font-weight:600}.tab-button.secondary:hover:not(.active){background-color:#eee;background-color:var(--gray-200)}.donations-grid{grid-gap:1.5rem;grid-gap:var(--spacing-6);gap:1.5rem;gap:var(--spacing-6)}.donation-card{background-color:var(--white);border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:flex;flex-direction:column;position:relative;transition:var(--transition)}.donation-card:before{background:linear-gradient(#ffffff1a,#fff0);content:"";height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:all .3s ease;transition:var(--transition);width:100%;z-index:1}.donation-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.donation-card:hover:before{opacity:1}.donation-header{background-color:#fafafa;background-color:var(--gray-50);border-bottom:1px solid #eee;border-bottom:1px solid var(--gray-200);padding:1rem;padding:var(--spacing-4)}.donation-title-wrapper{align-items:center;display:flex}.donor-type-icon{background-color:initial!important;border:none!important;border-radius:9999px;border-radius:var(--border-radius-full);box-shadow:none!important;height:32px;margin-right:.75rem;margin-right:var(--spacing-3);transition:all .3s ease;transition:var(--transition);width:32px}.donation-card:hover .donor-type-icon{transform:scale(1.1)}.donation-title{color:#212121;color:var(--gray-900);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;margin-bottom:var(--spacing-1)}.donation-category{color:#757575;color:var(--gray-600);font-size:.75rem;font-size:var(--font-size-xs)}.donation-quantity{background-color:#f5f5f5;background-color:var(--gray-100);border:1px solid #eee;border:1px solid var(--gray-200);border-radius:9999px;border-radius:var(--border-radius-full);color:#616161;color:var(--gray-700);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;padding:.25rem .75rem;padding:var(--spacing-1) var(--spacing-3);transition:all .3s ease;transition:var(--transition)}.donation-card:hover .donation-quantity{background-color:#2e7d321a;background-color:var(--primary-transparent);border-color:#2e7d321a;border-color:var(--primary-transparent);color:#2e7d32;color:var(--primary)}.donation-image-container{height:200px;overflow:hidden;position:relative}.donation-image{height:100%;transition:transform .5s ease}.donation-card:hover .donation-image{transform:scale(1.05)}.status-badge{align-items:center!important;border-radius:9999px!important;bottom:.75rem!important;bottom:var(--spacing-3)!important;box-shadow:0 1px 2px 0 #0000000d!important;box-shadow:var(--shadow-sm)!important;display:inline-flex!important;font-size:.6rem!important;font-weight:600!important;height:auto!important;justify-content:center!important;letter-spacing:.5px!important;max-width:60px!important;padding:2px 8px!important;position:absolute!important;right:.75rem!important;right:var(--spacing-3)!important;text-transform:uppercase!important;top:auto!important;width:auto!important;z-index:2!important}.status-badge.active{background-color:#90794d1a;border:1px solid #b9d10233;color:#0288d1!important;color:var(--info)!important;line-height:1!important;padding:2px 8px!important}.status-badge.accepted{background-color:#2e7d321a;border:1px solid #2e7d3233;color:#2e7d32;color:var(--success)}.status-badge.pending{background-color:#ff98001a;border:1px solid #ff980033;color:#ff9800;color:var(--warning)}.donation-info-grid{grid-gap:.75rem;grid-gap:var(--spacing-3);border-bottom:1px solid #eee;border-bottom:1px solid var(--gray-200);display:grid;gap:.75rem;gap:var(--spacing-3);grid-template-columns:repeat(2,1fr);padding:1rem;padding:var(--spacing-4)}.info-item{align-items:center;color:#616161;color:var(--gray-700);display:flex;font-size:.875rem;font-size:var(--font-size-sm)}.info-item svg{flex-shrink:0;margin-right:.5rem;margin-right:var(--spacing-2);transition:all .3s ease;transition:var(--transition)}.donation-card:hover .info-item svg{transform:scale(1.1)}.donation-details-panel{background-color:#fafafa;background-color:var(--gray-50);border-bottom:1px solid #eee;border-bottom:1px solid var(--gray-200);flex-grow:1;padding:1rem;padding:var(--spacing-4)}.details-row{display:flex;margin-bottom:.75rem;margin-bottom:var(--spacing-3)}.details-row:last-child{margin-bottom:0}.detail-item{flex:1 1;font-size:var(--font-size-sm)}.detail-label{color:#757575;color:var(--gray-600);margin-right:.25rem;margin-right:var(--spacing-1)}.detail-value{color:#212121;color:var(--gray-900)}.donation-actions{background-color:#fff;background-color:var(--white);justify-content:space-between;padding:.75rem;padding:var(--spacing-3)}.btn-edit,.btn-view-details{align-items:center;border:none;border-radius:.375rem;border-radius:var(--border-radius);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;gap:.5rem;gap:var(--spacing-2);padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4);transition:all .3s ease;transition:var(--transition)}.btn-view-details{background-color:#0288d11a;color:#0288d1;color:var(--info)}.btn-view-details:hover{background-color:#0288d133}.btn-edit{background-color:#2e7d321a;color:#2e7d32;color:var(--success)}.btn-edit:hover{background-color:#2e7d3233;transform:translateY(-2px)}.field-changed{background-color:#4caf500d!important;border:2px solid #4caf50!important}.changed-field-indicator{color:#4caf50;font-size:.8rem;margin-left:5px}.edit-field small{color:#666;display:block;font-size:.75rem;margin-top:2px}.donation-request-modal-header:after,.donation-request-modal-header:before,.modal-header:after,.modal-header:before,.popup-header:after,.popup-header:before,.popup-title-container:after,.popup-title-container:before,.popup-title:after,.popup-title:before{background-image:none!important;background:none!important;content:none!important;display:none!important}.donation-request-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000a6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1050}.donation-request-modal-container{animation:slideUp .4s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a;display:flex;flex-direction:column;max-height:85vh;max-width:850px;overflow:hidden;width:90%}.donation-request-modal-header{align-items:center;background:linear-gradient(120deg,#2e7d32,#60ad5e);border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:18px 24px;position:relative}.donation-request-header-content h2{font-size:1.5rem;font-weight:700;letter-spacing:-.5px;margin:0 0 8px;text-shadow:0 1px 2px #0000001a}.donation-request-header-meta{align-items:center;display:flex;font-size:.9rem;gap:8px;opacity:.9}.donation-request-header-meta svg{filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}.donation-request-close-btn{align-items:center;background:#ffffff26;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.donation-request-close-btn:hover{background:#ffffff40;transform:rotate(90deg)}.donation-request-close-btn:disabled{cursor:not-allowed;opacity:.5}.donation-request-modal-body{background-color:#f9fafb;max-height:calc(85vh - 80px);overflow-y:auto;padding:24px}.donation-request-loading{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:40px 0}.donation-request-spinner{animation:spin 1s linear infinite;border:3px solid #2e7d321a;border-radius:50%;border-top-color:#2e7d32;display:inline-block;height:40px;margin-bottom:16px;width:40px}.donation-request-empty{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 0;text-align:center}.donation-request-empty svg{margin-bottom:16px}.donation-request-empty p{color:#4b5563;font-size:1.1rem}.donation-requests-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.donation-request-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .2s ease}.donation-request-card:hover{border-color:#d1d5db;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-5px)}.donation-request-card:before{background-color:#e5e7eb;content:"";height:100%;left:0;position:absolute;top:0;transition:all .2s ease;width:4px}.donation-request-card:hover:before{background-color:#2e7d32}.donation-request-image{height:140px;overflow:hidden;position:relative}.donation-request-food-image{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.donation-request-card:hover .donation-request-food-image{transform:scale(1.05)}.donation-request-details{display:flex;flex:1 1;flex-direction:column;padding:16px}.donation-request-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.donation-request-user-info{align-items:center;display:flex;gap:8px}.donation-request-user-info svg{color:#4b5563}.donation-request-status{border-radius:9999px;font-size:.75rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.donation-request-status.pending{background-color:#fef3c7;color:#d97706}.donation-request-status.accepted{background-color:#d1fae5;color:#059669}.donation-request-status.rejected{background-color:#fee2e2;color:#dc2626}.donation-request-info{margin-bottom:12px}.donation-request-info-item{align-items:center;color:#4b5563;display:flex;font-size:.875rem;gap:8px;margin-bottom:8px}.donation-request-info-item svg{color:#2e7d32}.donation-request-note{background-color:#f3f4f6;border-left:3px solid #2e7d32;border-radius:8px;margin-bottom:12px;padding:12px}.donation-request-note p{color:#4b5563;font-size:.875rem;line-height:1.5;margin:0}.donation-request-actions{border-top:1px solid #f3f4f6;margin-top:auto;padding-top:12px}.donation-request-note-input{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;margin-bottom:12px;padding:10px 12px;transition:all .2s ease;width:100%}.donation-request-note-input:focus{border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d321a;outline:none}.donation-request-action-buttons{display:flex;gap:8px}.donation-request-accept-btn,.donation-request-decline-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:6px;justify-content:center;padding:8px 0;transition:all .2s ease}.donation-request-accept-btn{background-color:#2e7d32;color:#fff}.donation-request-accept-btn:hover{background-color:#1b5e20;box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.donation-request-decline-btn{background-color:#f3f4f6;border:1px solid #fee2e2;color:#dc2626}.donation-request-decline-btn:hover{background-color:#fee2e2;box-shadow:0 4px 6px #0000001a;transform:translateY(-2px)}.donation-request-accept-btn:disabled,.donation-request-decline-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.donation-request-modal-body::-webkit-scrollbar{width:8px}.donation-request-modal-body::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.donation-request-modal-body::-webkit-scrollbar-thumb{background:#2e7d3266;border-radius:10px}.donation-request-modal-body::-webkit-scrollbar-thumb:hover{background:#2e7d3299}.btn-close,.donation-request-close-btn,.modal-close-btn,.popup-close-btn{cursor:pointer!important;pointer-events:auto!important;position:relative;z-index:1100!important}.donation-request-modal-overlay,.modal-overlay,.popup-overlay{z-index:1050}.donation-request-modal-container,.donation-request-modal-header,.modal-container,.modal-header,.popup-container,.popup-header{overflow:visible!important;position:relative}@media (max-width:768px){.donation-requests-grid{grid-template-columns:1fr}.donation-request-modal-container{width:95%}}@media (max-width:480px){.donation-request-header-content h2{font-size:1.25rem}.donation-request-action-buttons{flex-direction:column}}.popup-overlay{align-items:center!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#000000b3!important;display:flex!important;inset:0!important;justify-content:center!important;padding:1rem!important;position:fixed!important;z-index:9999!important}.messages-popup{animation:modalSlideIn .3s ease-out!important;background:#fff!important;border-radius:16px!important;box-shadow:0 25px 50px -12px #00000040!important;display:flex!important;flex-direction:column!important;max-height:90vh!important;max-width:1200px!important;overflow:hidden!important;width:95%!important}.dark .messages-popup{background:#1f2937!important;box-shadow:0 25px 50px -12px #00000080!important}.popup-header{background:linear-gradient(135deg,#8b5cf6,#a855f7 50%,#c084fc)!important;border-bottom:none!important;justify-content:space-between!important;padding:1.5rem!important}.popup-header,.popup-title-container{align-items:center!important;display:flex!important;position:relative!important}.popup-title-container{gap:.75rem!important;z-index:1!important}.popup-title{color:#fff!important;font-size:1.25rem!important;font-weight:600!important;margin:0!important;text-shadow:0 1px 2px #0000001a!important}.popup-tabs{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff1a!important;border-radius:12px!important;padding:.25rem!important}.popup-tab-btn,.popup-tabs{display:flex!important;gap:.5rem!important}.popup-tab-btn{align-items:center!important;border:none!important;border-radius:10px!important;cursor:pointer!important;font-size:.875rem!important;font-weight:500!important;overflow:hidden!important;padding:.75rem 1.5rem!important;position:relative!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.popup-tab-btn.active{background:#fff!important;box-shadow:0 2px 8px #00000026!important;color:#8b5cf6!important;transform:translateY(-1px)!important}.popup-tab-btn:not(.active){background:#ffffff1a!important;color:#ffffffe6!important}.popup-tab-btn:not(.active):hover{background:#fff3!important;transform:translateY(-1px)!important}.compose-btn{align-items:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff26!important;border:1px solid #fff3!important;border-radius:10px!important;color:#fff!important;display:flex!important;font-weight:500!important;gap:.5rem!important;padding:.75rem 1.5rem!important;transition:all .2s ease!important}.compose-btn:hover{background:#ffffff40!important;border-color:#ffffff4d!important;box-shadow:0 4px 12px #00000026!important;transform:translateY(-1px)!important}.popup-close-btn{align-items:center!important;background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;height:2.5rem!important;justify-content:center!important;transition:all .2s ease!important;width:2.5rem!important}.popup-close-btn:hover{background:#fff3!important;box-shadow:0 2px 8px #00000026!important;transform:rotate(90deg)!important}.popup-content{background:#f8fafc!important;flex:1 1!important;overflow:hidden!important;padding:0!important}.dark .popup-content{background:#111827!important}.messages-content{height:100%!important;max-height:60vh!important;overflow-y:auto!important;padding:2rem!important}.message-card{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;cursor:pointer!important;margin-bottom:1rem!important;overflow:hidden!important;padding:1.5rem!important;position:relative!important;transition:all .2s ease!important}.dark .message-card{background:#1f2937!important;border-color:#374151!important}.message-card:hover{border-color:#8b5cf6!important;box-shadow:0 10px 25px #0000001a!important;transform:translateY(-2px)!important}.dark .message-card:hover{box-shadow:0 10px 25px #0000004d!important}.message-card:not(.read){background:linear-gradient(135deg,#faf5ff,#f3e8ff)!important;border-left:4px solid #8b5cf6!important}.dark .message-card:not(.read){background:linear-gradient(135deg,#312e81,#3730a3)!important}.message-header{align-items:flex-start!important;display:flex!important;justify-content:space-between!important;margin-bottom:1rem!important}.sender-info{align-items:center!important;display:flex!important;gap:.75rem!important}.sender-info img{border:2px solid #e5e7eb!important;border-radius:50%!important;height:2.5rem!important;object-fit:cover!important;width:2.5rem!important}.dark .sender-info img{border-color:#374151!important}.sender-name{color:#111827!important;font-size:.95rem!important;font-weight:600!important}.dark .sender-name{color:#fff!important}.message-date{color:#6b7280!important;font-size:.75rem!important;margin-top:.125rem!important}.dark .message-date{color:#9ca3af!important}.message-subject{color:#111827!important;font-size:1rem!important;font-weight:600!important;line-height:1.4!important;margin-bottom:.5rem!important}.dark .message-subject{color:#fff!important}.message-preview{-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;color:#4b5563!important;display:-webkit-box!important;font-size:.875rem!important;line-height:1.5!important;margin-bottom:1rem!important;overflow:hidden!important}.dark .message-preview{color:#d1d5db!important}.role-badge{align-items:center!important;border-radius:20px!important;display:inline-flex!important;font-size:.75rem!important;font-weight:500!important;gap:.25rem!important;letter-spacing:.025em!important;padding:.375rem .75rem!important;text-transform:uppercase!important}.role-badge.admin{background:linear-gradient(135deg,#dbeafe,#bfdbfe)!important;border:1px solid #93c5fd!important;color:#1d4ed8!important}.role-badge.merchant{background:linear-gradient(135deg,#d1fae5,#a7f3d0)!important;border:1px solid #6ee7b7!important;color:#047857!important}.dark .role-badge.admin{background:linear-gradient(135deg,#1e3a8a,#1e40af)!important;border-color:#3b82f6!important;color:#dbeafe!important}.dark .role-badge.merchant{background:linear-gradient(135deg,#064e3b,#065f46)!important;border-color:#10b981!important;color:#a7f3d0!important}.unread-badge{background:linear-gradient(135deg,#8b5cf6,#a855f7)!important;border-radius:12px!important;box-shadow:0 2px 4px #8b5cf64d!important;color:#fff!important;font-size:.7rem!important;font-weight:600!important;letter-spacing:.025em!important;padding:.25rem .5rem!important;text-transform:uppercase!important}.attachment-indicator{align-items:center!important;color:#6b7280!important;display:flex!important;gap:.25rem!important}.dark .attachment-indicator{color:#9ca3af!important}.empty-state-container{align-items:center!important;background:#fff!important;border:2px dashed #e5e7eb!important;border-radius:12px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:4rem 2rem!important;text-align:center!important}.dark .empty-state-container{background:#1f2937!important;border-color:#374151!important}.empty-state-container svg{color:#d1d5db!important;margin-bottom:1rem!important}.dark .empty-state-container svg{color:#6b7280!important}.empty-state-message{color:#374151!important;font-size:1.125rem!important;font-weight:500!important;margin-bottom:.5rem!important}.dark .empty-state-message{color:#d1d5db!important}.loading-indicator{align-items:center!important;display:flex!important;flex-direction:column!important;gap:1rem!important;justify-content:center!important;padding:3rem!important}.loading-spinner{animation:spin 1s linear infinite!important;border:3px solid #e5e7eb!important;border-radius:50%!important;border-top-color:#8b5cf6!important;height:2.5rem!important;width:2.5rem!important}@media (max-width:768px){.messages-popup{margin:.5rem!important;max-height:95vh!important;width:98%!important}.popup-header{flex-direction:column!important;gap:1rem!important;padding:1rem!important}.popup-tabs{width:100%!important}.popup-tab-btn,.popup-tabs{justify-content:center!important}.popup-tab-btn{flex:1 1!important}.message-card,.messages-content{padding:1rem!important}}.messages-content::-webkit-scrollbar{width:6px!important}.messages-content::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:3px!important}.messages-content::-webkit-scrollbar-thumb{background:#cbd5e1!important;border-radius:3px!important}.messages-content::-webkit-scrollbar-thumb:hover{background:#94a3b8!important}.dark .messages-content::-webkit-scrollbar-track{background:#1e293b!important}.dark .messages-content::-webkit-scrollbar-thumb{background:#475569!important}.dark .messages-content::-webkit-scrollbar-thumb:hover{background:#64748b!important}.empty-state-container{align-items:center;background-color:#fff;background-color:var(--white);border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:3rem;padding:var(--spacing-12);text-align:center}.empty-state-message{color:#757575;color:var(--gray-600);font-size:1rem;font-size:var(--font-size-base);margin-top:1rem;margin-top:var(--spacing-4)}.donation-flow-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:50}.donation-flow-container{animation:slideUp .3s ease-out;border-radius:.75rem;border-radius:var(--border-radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.donation-flow-container,.donation-flow-header{background-color:#fff;background-color:var(--white)}.donation-flow-header{align-items:center;border-bottom:1px solid #eee;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1rem;padding:var(--spacing-4);position:-webkit-sticky;position:sticky;top:0;z-index:10}.donation-flow-title{color:#212121;color:var(--gray-900);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600}.btn-back,.btn-close{align-items:center;background-color:#f5f5f5;background-color:var(--gray-100);border:none;border-radius:9999px;border-radius:var(--border-radius-full);color:#616161;color:var(--gray-700);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;transition:var(--transition);width:40px}.btn-back:hover,.btn-close:hover{background-color:#eee;background-color:var(--gray-200);transform:scale(1.05)}.food-selection-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:24px}@media (min-width:768px){.food-selection-grid{grid-template-columns:repeat(3,1fr)}}.food-selection-search{align-items:center;background-color:#fafafa;border-bottom:1px solid #e2e8f0;display:flex;padding:1rem 1.5rem;position:relative}.food-search-input{background-color:#fff;border:1px solid #e0e0e0;border-radius:9999px;box-shadow:0 1px 2px 0 #0000000d;flex:1 1;font-size:.875rem;outline:none;padding:.75rem .75rem .75rem 2rem;transition:all .3s ease}.food-search-input:focus{border-color:#2e7d32;box-shadow:0 0 0 3px #2e7d321a}.food-selection-search svg{left:2.25rem;pointer-events:none;position:absolute}.food-selection-card{background-color:#fff;border:1px solid #2e7d321a;border-radius:12px;box-shadow:0 4px 12px #2e7d321f;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:transform .3s,box-shadow .3s}.food-selection-card:hover{border-color:#2e7d324d;box-shadow:0 8px 20px #2e7d3233;transform:translateY(-5px)}.food-selection-image{height:160px;overflow:hidden;position:relative}.food-selection-image img{height:100%;object-fit:cover;transition:transform .6s;width:100%}.food-selection-card:hover .food-selection-image img{transform:scale(1.08)}.food-selection-content{display:flex;flex-direction:column;flex-grow:1;padding:16px;position:relative;z-index:1}.food-selection-title{color:#2e7d32;font-size:18px;font-weight:700;line-height:1.3;margin-bottom:10px}.food-selection-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.food-selection-type{background-color:#2e7d321a;border-radius:20px;color:#444;font-size:13px;font-weight:500;padding:4px 10px}.food-selection-price{background:#2e7d320d;border-radius:20px;color:#2e7d32;font-size:18px;font-weight:700;padding:4px 10px}.food-selection-actions{gap:8px;margin-top:auto}.btn-donate,.btn-view-details{font-size:14px;gap:6px;padding:8px 12px;transition:all .25s}.btn-view-details{background-color:#f0f6f0;border:1px solid #2e7d3233;color:#2e7d32}.btn-view-details:hover{background-color:#e0f0e0;box-shadow:0 2px 5px #0000001a;transform:translateY(-2px)}.btn-donate:hover{background-color:#225f25;box-shadow:0 4px 8px #2e7d3240;transform:translateY(-2px)}.form-actions{background-color:#fafafa;background-color:var(--gray-50);border-top:1px solid #eee;border-top:1px solid var(--gray-200);gap:1rem;gap:var(--spacing-4);margin-top:1.5rem;margin-top:var(--spacing-6);padding:1rem;padding:var(--spacing-4)}.btn-cancel{align-items:center;background-color:#fff;background-color:var(--white);border:1px solid #e0e0e0;border:1px solid var(--gray-300);border-radius:.375rem;border-radius:var(--border-radius);color:#616161;color:var(--gray-700);cursor:pointer;display:flex;font-size:1rem;font-size:var(--font-size-base);font-weight:500;gap:.5rem;gap:var(--spacing-2);padding:.75rem 1.25rem;padding:var(--spacing-3) var(--spacing-5);transition:all .3s ease;transition:var(--transition)}.btn-cancel:hover{background-color:#f5f5f5;background-color:var(--gray-100);border-color:#bdbdbd;border-color:var(--gray-400);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.btn-submit{align-items:center;background-color:#2e7d32;background-color:var(--primary);border:none;border-radius:.375rem;border-radius:var(--border-radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1rem;font-size:var(--font-size-base);font-weight:600;gap:.5rem;gap:var(--spacing-2);overflow:hidden;padding:.75rem 1.25rem;padding:var(--spacing-3) var(--spacing-5);position:relative}.btn-submit,.btn-submit:after{transition:all .3s ease;transition:var(--transition)}.btn-submit:after{background:linear-gradient(90deg,#fff0 0,#ffffff4d 50%,#fff0);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);width:100%}.btn-submit:hover{background-color:#005005;background-color:var(--primary-dark);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-submit:hover:after{transform:translateX(100%)}.popup-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080}.popup-container{animation:slideUp .3s ease-out;border:1px solid #ffffff1a;box-shadow:0 12px 28px #0003;display:flex;flex-direction:column;max-width:800px;width:85%}.active-donations-popup .popup-header{background:linear-gradient(120deg,#2a9d4a,#44b365,#3cb054);border-bottom:1px solid #ffffff1a;box-shadow:0 2px 10px #0000001a;flex-shrink:0;overflow:hidden;padding:16px 20px;position:relative}.active-donations-popup .popup-header:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 40 40 0H20L0 20m40 20V20L20 40' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.popup-title-container svg{color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.popup-title{font-size:1.3rem;letter-spacing:.5px;margin:0 0 0 10px;text-shadow:0 1px 2px #0003}.popup-actions{gap:10px}.popup-tab-btn{background-color:#ffffff26;border-radius:8px;box-shadow:0 1px 3px #0000001a;cursor:pointer;font-size:.9rem;overflow:hidden;padding:8px 18px;position:relative}.popup-tab-btn:before{background:linear-gradient(180deg,#fff3,#0000);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%}.popup-tab-btn:hover:before{opacity:1}.popup-tab-btn.active{box-shadow:0 2px 8px #00000026;font-weight:600;transform:translateY(-1px)}.popup-tab-btn:hover:not(.active){background-color:#ffffff40;box-shadow:0 3px 6px #00000026}.btn-refresh{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 5px #0000001a;cursor:pointer;font-size:.9rem;font-weight:500;overflow:hidden;padding:8px 18px;position:relative}.btn-refresh:before{background:linear-gradient(90deg,#0000,#fff9,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-refresh:hover{background-color:#fff;box-shadow:0 4px 8px #0000001f;color:#218838}.btn-refresh:hover:before{left:100%}.btn-refresh:active{transform:translateY(0)}.btn-refresh svg{transition:transform .3s ease}.btn-refresh:hover svg{transform:rotate(180deg)}.btn-refresh:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.btn-refresh:disabled:hover:before{left:-100%}.popup-close-btn{background-color:#ffffff26}.popup-content{background-color:#f8f9fa;max-height:calc(85vh - 70px);padding:20px 20px 30px}.popup-content::-webkit-scrollbar{width:8px}.popup-content::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.popup-content::-webkit-scrollbar-thumb{background:#2a9d4a80;border-radius:10px}.popup-content::-webkit-scrollbar-thumb:hover{background:#2a9d4ab3}.compact-donation-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:10px}.compact-donation-card{background-color:#fff;border:1px solid #f0f0f0;border-radius:12px;box-shadow:0 3px 10px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:all .3s ease}.compact-donation-card:hover{border-color:#e0e0e0;box-shadow:0 8px 15px #0000001a;transform:translateY(-5px)}.donation-card-image{height:140px;overflow:hidden;position:relative}.donation-card-image img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.compact-donation-card:hover .donation-card-image img{transform:scale(1.08)}.status-badge{background-color:#fff;box-shadow:0 2px 5px #0000001a;font-size:10px;padding:4px 10px;top:10px;z-index:1}.status-badge.active{background-color:#e8f5e9;border:1px solid #2a9d4a33;color:#2a9d4a}.status-badge.pending{background-color:#fff3e0;border:1px solid #f57c0033;color:#f57c00}.status-badge.completed{background-color:#e3f2fd;border:1px solid #1976d233;color:#1976d2}.donation-card-content{display:flex;flex:1 1;flex-direction:column;padding:15px}.donation-meta{align-items:center;margin-bottom:12px}.donation-category{background-color:#f3f4f6;border-radius:4px;color:#4b5563;font-size:10px;font-weight:500;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.donor-type-icon{border-radius:50%;box-shadow:0 2px 4px #0000001a;height:24px;justify-content:center;width:24px}.donor-type-icon.restaurant{background-color:#fff3e0;color:#f57c00}.donor-type-icon.individual{background-color:#e3f2fd;color:#1976d2}.donor-type-icon.corporate{background-color:#f3e5f5;color:#9c27b0}.donation-info{margin-bottom:15px}.info-icon{color:#555}.donation-card-footer{margin-top:auto}.btn-card-action{font-size:13px;gap:6px;padding:8px 0}.btn-card-action.view{background-color:#e8f5e9;color:#2a9d4a}.btn-card-action.view:hover{background-color:#c8e6c9;transform:translateY(-2px)}.empty-state p{color:#666;font-size:15px;margin:15px 0}.btn-create-donation{background-color:#2a9d4a;border:none;box-shadow:0 3px 6px #0000001a;cursor:pointer;font-size:14px;gap:8px;margin-top:15px;padding:10px 20px;transition:all .2s ease}.btn-create-donation:hover{background-color:#218838;box-shadow:0 5px 10px #00000026;transform:translateY(-2px)}.loading-indicator{padding:40px 0}.loading-spinner{border:3px solid #2a9d4a1a;border-top-color:#2a9d4a;height:35px;margin-bottom:15px;width:35px}@media (max-width:768px){.popup-header{flex-direction:column!important;gap:12px!important;padding:12px 16px!important}.popup-actions{justify-content:space-between!important;width:100%!important}.popup-tabs{display:flex!important;flex:1 1!important;gap:4px!important;margin-right:0!important}.popup-tab-btn{flex:1 1!important;font-size:11px!important;padding:8px 4px!important;text-align:center!important;white-space:nowrap!important}.popup-close-btn{flex-shrink:0!important;height:32px!important;width:32px!important}}@media (max-width:600px){.compact-donation-grid{grid-template-columns:1fr}.popup-actions{flex-wrap:wrap;gap:5px}.btn-refresh,.popup-tab-btn{font-size:12px;padding:5px 10px}}.active-donations-popup .popup-header{align-items:center;background:linear-gradient(135deg,#2a9d4a,#44b365);border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.popup-title-container{gap:12px}.popup-title{color:#fff;font-size:22px;font-weight:700;text-shadow:0 1px 2px #0000001a}.popup-tabs{gap:8px}.popup-tab-btn{align-items:center;background-color:#fff3;border:none;color:#fff;display:flex;font-weight:600;height:40px;justify-content:center;padding:0 20px;transition:all .2s ease}.popup-tab-btn.active{background-color:#fff;box-shadow:0 4px 6px #0000001a;color:#2a9d4a}.popup-tab-btn:hover:not(.active){background-color:#ffffff4d;transform:translateY(-2px)}.popup-header-buttons{align-items:center;gap:12px}.btn-refresh{align-items:center;background-color:#fff;border:none;border-radius:20px;box-shadow:0 2px 6px #0000001a;color:#2a9d4a;display:flex;font-size:14px;font-weight:600;gap:8px;height:40px;padding:0 20px;transition:all .2s ease}.btn-refresh:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.popup-close-btn{height:40px;transition:all .2s ease;width:40px}.donations-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));padding:16px}.donation-card{border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 4px 12px #00000014;height:100%;transition:all .3s ease}.donation-card:hover{border-color:#e0e0e0;box-shadow:0 8px 24px #0000001f}.donation-card-image-container{height:220px;overflow:hidden}.donation-card-image{transition:transform .5s ease}.donation-card:hover .donation-card-image{transform:scale(1.05)}.status-badge{box-shadow:0 2px 6px #0000001a;padding:6px 12px;right:16px;top:16px}.donation-card-content{padding:20px}.donation-card-title{color:#1f2937;font-size:14px;font-weight:600;line-height:1.3;margin:0 0 4px}.donation-info{margin-bottom:20px}.info-row{align-items:center;color:#6b7280;display:flex;font-size:13px;line-height:1.7;margin-bottom:3px}.info-icon{color:#2a9d4a;flex-shrink:0;height:16px;width:16px}.donation-card-footer{gap:10px;margin-top:16px}.btn-card-action{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;gap:8px;height:40px;transition:all .2s ease}.btn-card-action.check-requests{background-color:#2a9d4a;color:#fff}.btn-card-action.check-requests:hover{background-color:#218838;box-shadow:0 4px 8px #2a9d4a33;transform:translateY(-2px)}.btn-card-action.edit{background-color:#e3f2fd;color:#1976d2}.btn-card-action.edit:hover{background-color:#bbdefb;box-shadow:0 4px 8px #1976d226;transform:translateY(-2px)}.btn-card-action.delete{background-color:#fee2e2}.btn-card-action.delete:hover{background-color:#fecaca;box-shadow:0 4px 8px #dc262626;transform:translateY(-2px)}.popup-container.active-donations-popup{height:90vh;max-height:800px;max-width:1000px;width:75%}@media (max-width:768px){.popup-container.active-donations-popup{height:95vh!important;margin:.5rem!important;max-width:95%!important;width:95%!important}}.popup-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.popup-title-container{align-items:center;display:flex}.popup-title{font-size:18px}.popup-actions{align-items:center;display:flex}.popup-tabs{display:flex;margin-right:16px}.popup-tab-btn{background-color:initial;border-radius:20px;color:#6b7280;font-size:14px;font-weight:500;margin-right:8px;padding:8px 16px;transition:all .2s}.popup-tab-btn:hover{background-color:#f3f4f6}.popup-tab-btn.active{background-color:#22c55e;color:#fff}.popup-header-buttons{display:flex}.popup-close-btn{background-color:#f3f4f6;color:#4b5563;height:36px;transition:all .2s;width:36px}.popup-close-btn:hover{background-color:#e5e7eb}.popup-content{flex:1 1;overflow:hidden;position:relative}.error-message{border-radius:8px;color:#ef4444;justify-content:center;margin:16px;padding:16px}.error-message svg{margin-right:8px}.donations-section{display:flex;height:100%}.donations-sidebar{background-color:#f9fafb;border-right:1px solid #e5e7eb;height:100%;overflow-y:auto;width:180px}@media (max-width:768px){.donations-sidebar{width:120px!important}.sidebar-item-name{font-size:10px!important}}.sidebar-header{border-bottom:1px solid #e5e7eb;padding:12px 16px}.sidebar-header h3{color:#4b5563;font-size:14px;font-weight:600;margin:0}.sidebar-content{padding:8px}.sidebar-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;margin-bottom:6px;padding:8px;transition:background-color .2s}.sidebar-item:hover{background-color:#f3f4f6}.sidebar-item-image{border-radius:6px;height:36px;margin-right:8px;object-fit:cover;width:36px}.sidebar-item-info{overflow:hidden}.sidebar-item-name{color:#4b5563;display:block;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donations-main-content{flex:1 1;overflow-y:auto;padding:16px}.donations-compact-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}@media (max-width:768px){.donations-compact-grid{gap:12px!important;grid-template-columns:1fr!important}}.donation-compact-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:transform .2s,box-shadow .2s}.donation-compact-card:hover{box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.donation-card-image-container{height:140px;position:relative}.donation-card-image{height:100%;object-fit:cover;width:100%}.status-badge{border-radius:20px;font-size:11px;right:8px;top:8px}.status-badge.active,.status-badge.available{background-color:#ecfdf5;color:#059669}.status-badge.pending{background-color:#fffbeb;color:#d97706}.status-badge.rejected{background-color:#fef2f2;color:#ef4444}.status-badge.completed{background-color:#eef2ff;color:#4f46e5}.donation-card-content{padding:12px}.donation-meta{display:flex;justify-content:space-between;margin-bottom:8px}.donor-type-icon{align-items:center;display:flex;font-size:11px}.donor-type-icon.restaurant{color:#f97316}.donor-type-icon.individual{color:#3b82f6}.donor-type-icon.corporate{color:#8b5cf6}.donor-type-text{font-size:10px;margin-left:3px;white-space:nowrap}.donation-compact-info{border-top:1px solid #f3f4f6;margin-bottom:8px;padding-top:8px}.info-icon{height:14px;margin-right:4px;width:14px}.donation-card-footer{align-items:center;display:flex;justify-content:space-between}.btn-card-action{align-items:center;border-radius:6px;display:flex;font-size:12px;font-weight:500;justify-content:center;padding:6px 10px;transition:background-color .2s}.btn-card-action.check-requests{background-color:#eff6ff;color:#2563eb}.btn-card-action.check-requests:hover{background-color:#dbeafe}.btn-card-action.mark-complete{background-color:#ecfdf5;color:#059669}.btn-card-action.mark-complete:hover{background-color:#d1fae5}.btn-card-action.view-details{background-color:#eff6ff;color:#2563eb}.btn-card-action.view-details:hover{background-color:#dbeafe}.card-action-buttons{display:flex;gap:6px}.btn-card-action.edit{background-color:#f9fafb;color:#4b5563;height:32px;padding:0;width:32px}.btn-card-action.edit:hover{background-color:#f3f4f6}.btn-card-action.delete{background-color:#fef2f2;color:#ef4444;height:32px;padding:0;width:32px}.empty-state{padding:40px 20px}.empty-state p{margin:16px 0}.btn-create-donation{align-items:center;background-color:#2563eb;border-radius:8px;color:#fff;display:flex;font-weight:500;justify-content:center;padding:8px 16px;transition:background-color .2s}.btn-create-donation:hover{background-color:#1d4ed8}.edit-modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1050}.edit-modal-container{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:650px;width:90%}.edit-modal-header{align-items:center;background-color:#2a9d4a;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:16px 20px}.edit-modal-title{font-size:1.25rem;font-weight:600;margin:0}.edit-modal-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .2s;width:32px}.edit-modal-close:hover{background-color:#ffffff4d}.edit-error-message{background-color:#fee2e2;color:#b91c1c;font-size:.9rem;margin:0;padding:12px 16px}.edit-form{display:flex;flex-direction:column;height:100%}.edit-form-scroll{max-height:calc(85vh - 140px);overflow-y:auto;padding:5px 0}.edit-section{border-bottom:1px solid #f0f0f0;padding:16px 20px}.edit-section:last-child{border-bottom:none}.edit-section-title{border-bottom:1px solid #2a9d4a33;color:#2a9d4a;font-size:1.1rem;font-weight:600;margin:0 0 16px;padding-bottom:8px}.edit-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.edit-field{display:flex;flex-direction:column}.edit-field.full-width{grid-column:1/-1}.edit-field label{color:#4b5563;font-size:.9rem;font-weight:500;margin-bottom:6px}.edit-field input,.edit-field select,.edit-field textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.95rem;padding:10px 12px}.edit-field input:focus,.edit-field select:focus,.edit-field textarea:focus{border-color:#2a9d4a;box-shadow:0 0 0 2px #2a9d4a1a;outline:none}.edit-field textarea{min-height:80px;resize:vertical}.edit-upload{margin-top:6px}.upload-box{align-items:center;border:1px dashed #d1d5db;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:16px;text-align:center}.upload-box:hover{background-color:#f8fdf9;border-color:#2a9d4a}.upload-icon{color:#2a9d4a;height:24px;margin-bottom:8px;width:24px}.edit-actions{background-color:#f9fafb;border-radius:0 0 12px 12px;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.btn-cancel,.btn-update{border-radius:6px;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 20px}.btn-cancel{border:1px solid #e5e7eb}.btn-update{background-color:#2a9d4a;border:none;color:#fff}.btn-update:hover{background-color:#218838}.btn-update:disabled{background-color:#4aca6b;cursor:not-allowed}.edit-form-scroll::-webkit-scrollbar{width:6px}.edit-form-scroll::-webkit-scrollbar-track{background:#f1f1f1}.edit-form-scroll::-webkit-scrollbar-thumb{background:#c5e1d0;border-radius:10px}.edit-form-scroll::-webkit-scrollbar-thumb:hover{background:#2a9d4a}.btn-card-action.delete{align-items:center;border-radius:.25rem;color:#dc2626;display:flex;gap:.25rem;padding:.25rem .5rem;transition:background-color .2s}.btn-card-action.delete:hover{background-color:#fee2e2}@media (max-width:768px){.edit-grid{grid-template-columns:1fr}.edit-modal-container{max-height:90vh;width:95%}}.donation-requests-modal{animation:modalFadeIn .3s ease forwards;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden}.modal-header{border-top-left-radius:12px;border-top-right-radius:12px;padding:14px 20px}.modal-title{gap:8px}.btn-close{background-color:#ffffff4d;height:32px;transition:background-color .2s;width:32px}.btn-close:hover{background-color:#fff6}.modal-body{background-color:#fff;flex:1 1;padding:24px}.no-requests-message{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.no-requests-message svg{color:#d1d5db;height:64px;margin-bottom:16px;width:64px}.no-requests-message p{color:#6b7280;font-size:16px;margin-top:12px}.modal-footer .btn-close{background-color:#e5e7eb;border-radius:6px;color:#4b5563;height:auto;padding:8px 16px;width:auto}.modal-footer .btn-close:hover{background-color:#d1d5db}.requests-grid{grid-gap:16px;gap:16px}.request-card{border:1px solid #e5e7eb;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;transition:transform .2s,box-shadow .2s}.request-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.request-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 16px}.receiver-info{align-items:center;display:flex;gap:8px}.receiver-name{color:#1f2937;font-weight:600}.request-date{color:#6b7280;font-size:12px;margin-left:4px}.request-status{border-radius:9999px;font-size:12px;font-weight:600;padding:3px 8px}.request-status.pending{background-color:#fef3c7;color:#92400e}.request-status.accepted{background-color:#dcfce7;color:#166534}.request-status.rejected{background-color:#fee2e2;color:#b91c1c}.request-status.completed{background-color:#dbeafe;color:#1e40af}.request-details{padding:16px}.request-info-item{display:flex;margin-bottom:8px}.request-info-item:last-child{margin-bottom:0}.info-label{color:#4b5563;flex-shrink:0;font-weight:500;width:80px}.info-value{color:#1f2937}.info-value.note{color:#6b7280;font-style:italic}.request-actions{background-color:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:8px;padding:12px 16px}.btn-accept{background-color:#4caf50;border:none;cursor:pointer;font-size:14px;font-weight:500;gap:4px;transition:background-color .2s}.btn-accept:hover{background-color:#388e3c}.btn-reject{border:none;cursor:pointer;font-size:14px;font-weight:500;gap:4px;transition:background-color .2s}.btn-reject:hover{background-color:#dc2626}.btn-complete{align-items:center;background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:4px;padding:8px 12px;transition:background-color .2s}.btn-complete:hover{background-color:#2563eb}.loading-indicator{padding:40px 20px}.loading-spinner{border:3px solid #e5e7eb;border-top-color:#4caf50}.dashboard-food-items-container{margin-top:2rem}.section-title{align-items:center;border-bottom:2px solid #2e7d3233;color:#2e7d32;display:flex;margin-bottom:1.5rem;padding-bottom:.75rem}.section-title svg{color:#2e7d32;margin-right:.75rem}.dashboard-food-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:1rem}.dashboard-food-card{background-color:#fff;border:none;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:transform .3s,box-shadow .3s}.dashboard-food-card:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-8px)}.food-item-image{height:200px;overflow:hidden;position:relative}.food-item-image:after{background:linear-gradient(0deg,#000000b3,#0000);bottom:0;content:"";height:60px;left:0;position:absolute;right:0;z-index:1}.food-item-image img{height:100%;object-fit:cover;transition:transform .5s;width:100%}.dashboard-food-card:hover .food-item-image img{transform:scale(1.1)}.food-expiry-badge{align-items:center;background-color:#ffffffe6;border-radius:4px;box-shadow:0 2px 4px #0000001a;color:#e53935;display:flex;font-size:.75rem;font-weight:600;gap:4px;padding:4px 8px;position:absolute;right:12px;top:12px;z-index:2}.food-item-content{display:flex;flex:1 1;flex-direction:column;padding:1.25rem;position:relative}.food-item-title{color:#1f2937;font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:.75rem}.food-item-details{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.food-item-source{color:#6b7280;font-size:.875rem;font-weight:500}.food-item-type{background-color:#2e7d321a;border-radius:12px;font-weight:600;letter-spacing:.02em;padding:4px 8px}.food-item-meta{border-bottom:1px solid #e5e7eb;margin-bottom:1.25rem;padding-bottom:.75rem}.food-item-meta-row{align-items:center;color:#4b5563;display:flex;font-size:.875rem;margin-bottom:.5rem}.food-item-meta-row svg{flex-shrink:0;margin-right:.5rem}.food-item-meta-row:last-child{margin-bottom:0}.food-item-actions{display:flex;gap:.75rem;margin-top:auto}.btn-donate,.btn-view-details{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.625rem 1rem;transition:all .2s}.btn-view-details{background-color:#f3f4f6;border:1px solid #e5e7eb;color:#4b5563}.btn-view-details:hover{background-color:#e5e7eb;color:#1f2937}.btn-donate{background-color:#2e7d32;color:#fff}.btn-donate:hover{background-color:#2b6d2d;box-shadow:0 4px 8px #2e7d324d}.loading-indicator{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;gap:.75rem;padding:2rem}.loading-spinner{border:3px solid #2e7d3233;border-top-color:#2e7d32;height:1.5rem;width:1.5rem}.error-message{align-items:center;border-radius:6px;display:flex;margin-bottom:1.5rem;padding:1rem 1.5rem}.error-message svg{flex-shrink:0;margin-right:.75rem}.no-items-message{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:3rem 1.5rem;text-align:center}.no-items-message svg{color:#d1d5db;font-size:3rem;margin-bottom:1rem}@media (max-width:640px){.dashboard-food-grid{grid-template-columns:1fr}.food-item-image{height:180px}}@media (min-width:641px) and (max-width:1024px){.dashboard-food-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.profile-management-container{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-top:20px;padding:24px}.error-message,.success-message{border-radius:8px;margin-bottom:16px;padding:12px 16px}.success-message{background-color:#ecfdf5;border-left:4px solid #10b981;color:#065f46}.error-message{background-color:#fef2f2;border-left:4px solid #ef4444}.error-message svg,.success-message svg{margin-right:10px}.loading-indicator{color:#6b7280;padding:20px}.loading-spinner{border:2px solid #6b72804d;border-top-color:#6b7280;margin-right:10px}.loading-spinner,.spinner-sm{animation:spin 1s ease-in-out infinite}.spinner-sm{border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:12px;margin-right:8px;width:12px}.profile-header{align-items:center;border-bottom:none;display:flex;margin-bottom:24px;padding:0}.profile-banner{background:linear-gradient(135deg,#f5f7fa,#e4e8f0)!important;background-image:linear-gradient(135deg,#f5f7fa,#e4e8f0)!important;border-radius:12px!important;padding:30px 20px!important;width:100%!important}.popup-close-btn{background:#0000;padding:8px}.popup-close-btn:hover{background-color:#0000001a}.profile-banner .profile-name{color:#424242!important;text-shadow:none!important}.profile-banner .profile-location{color:#757575!important}.profile-banner:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='%23667eea' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.7;position:absolute;right:0;top:0}.profile-image-container{margin-right:24px;position:relative}.profile-image{border:4px solid #fff;border-radius:100%;box-shadow:0 4px 8px #0003;height:120px;object-fit:cover;width:120px}.change-photo-btn{align-items:center;background:#60655e;border:3px solid #fff;border-radius:100%;bottom:0;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:0;width:32px}.profile-info{flex:1 1}.profile-success-message{align-items:center;background-color:#2e7d321a;border-left:4px solid #2e7d32;border-radius:6px;color:#2e7d32;display:flex;font-weight:500;gap:10px;margin-bottom:16px;padding:12px 16px}.profile-bio{color:#6b7280;font-size:.95rem;line-height:1.4}.profile-sections{display:flex;flex-direction:column;gap:24px}.profile-section{background-color:#f9fafb;border-radius:8px;padding:20px}.section-title{border-bottom:1px solid #e5e7eb;color:#4b5563;font-size:1.1rem;font-weight:600;margin-bottom:16px;padding-bottom:8px}.profile-details{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.profile-detail-item{display:flex;flex-direction:column;margin-bottom:12px}.detail-label{font-size:.85rem}.detail-value{font-size:1rem}.profile-actions{display:flex;gap:12px;margin-top:20px}.btn-change-password,.btn-edit-profile{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-weight:500;padding:8px 16px;transition:all .2s}.btn-edit-profile{background-color:#4f46e5;color:#fff}.btn-edit-profile:hover{background-color:#4338ca}.btn-change-password{background-color:#e5e7eb;color:#4b5563}.btn-change-password:hover{background-color:#d1d5db}.btn-change-password svg,.btn-edit-profile svg{margin-right:8px}.password-form-container,.profile-form-container{background-color:#fff;border-radius:12px;padding:24px}.form-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.form-title{color:#111827;font-size:1.25rem;font-weight:600}.btn-close{background:none;border-radius:4px;color:#6b7280;padding:4px}.btn-close:hover{background-color:#f3f4f6;color:#4b5563}.password-change-form,.profile-edit-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{color:#4b5563;margin-bottom:6px}.form-input,.form-select,.form-textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;color:#1f2937;font-size:.95rem;padding:10px 12px;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e533;outline:none}.form-textarea{min-height:100px}.form-actions{gap:12px;margin-top:16px}.btn-cancel,.btn-save{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-weight:500;justify-content:center;min-width:120px;padding:10px 16px}.btn-cancel{background-color:#f3f4f6;border:1px solid #d1d5db;color:#4b5563}.btn-save{background-color:#4f46e5;border:none;color:#fff}.btn-cancel:hover{background-color:#e5e7eb}.btn-save:hover{background-color:#4338ca}.btn-save:disabled{background-color:#818cf8;cursor:not-allowed}.btn-save svg{margin-right:8px}.image-upload-container{margin-top:8px}.file-input{height:0;opacity:0;position:absolute;width:0}.upload-area{align-items:center;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:24px;text-align:center;transition:border-color .2s}.upload-area:hover{border-color:#4f46e5}.upload-text{color:#4b5563;font-size:.95rem;margin-top:8px}.upload-hint{color:#9ca3af;font-size:.8rem}.password-input-wrapper{position:relative;width:100%}.password-input{padding-right:40px}.password-visibility-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.password-visibility-toggle:focus{outline:none}.password-visibility-toggle:hover svg{color:#4b5563}.password-strength-container{margin-top:6px}.strength-bar-container{background-color:#e5e7eb;border-radius:2px;height:4px;margin-bottom:4px;overflow:hidden}.strength-bar{border-radius:2px;height:100%;transition:width .3s ease}.strength-low{background-color:#ef4444}.strength-medium{background-color:#f59e0b}.strength-high{background-color:#10b981}.strength-label{font-size:.75rem;font-weight:500}.strength-label.weak{color:#ef4444}.strength-label.medium{color:#f59e0b}.strength-label.strong{color:#10b981}.password-requirements-container{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;margin:1rem 0;padding:1rem}.requirements-list li{margin-bottom:.5rem;transition:all .2s ease}.requirements-list li.met{color:#10b981}.requirements-list li svg{margin-right:.5rem}.modal-overlay{animation:modalFadeIn .4s cubic-bezier(.165,.84,.44,1) forwards;background-color:#000000a6}.logout-modal{animation:modalSlideUp .5s cubic-bezier(.68,-.55,.265,1.55) forwards;background-color:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040,0 10px 30px -15px #0000004d;overflow:hidden;position:relative;transform-origin:center;width:420px}.logout-modal:before{animation:gradientAnimation 10s ease infinite;background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1,#ff6b6b);background-size:400% 100%;content:"";height:6px;left:0;position:absolute;right:0;top:0}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.modal-header{padding:24px 24px 0;text-align:center}.modal-title{color:#2c3e50;font-size:24px;letter-spacing:-.5px;margin-bottom:12px}.modal-body{padding:0 24px 24px;text-align:center}.modal-body h4{color:#718096;font-size:16px;line-height:1.6;margin-bottom:24px}.modal-footer{background-color:#f7fafc;border-top:1px solid #edf2f7;gap:16px;justify-content:center;padding:24px}.btn-primary,.btn-secondary{border-radius:12px;display:inline-flex;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-secondary{background-color:#edf2f7;color:#4a5568}.btn-secondary:hover{background-color:#e2e8f0;box-shadow:0 4px 6px #0000001a;transform:translateY(-3px)}.btn-primary{background:linear-gradient(135deg,#ff6b6b,#4ecdc4);overflow:hidden;position:relative}.btn-primary:before{background:linear-gradient(120deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .5s;width:100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-3px)}.btn-primary svg{margin-right:8px}.success-modal{background-color:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040,0 10px 30px -15px #0000004d;overflow:hidden;padding:36px;position:relative;text-align:center;width:380px}.success-modal:before{animation:successGradientAnimation 5s ease infinite;background:linear-gradient(90deg,#48bb78,#2f855a,#48bb78);background-size:400% 100%;content:"";height:6px;left:0;position:absolute;right:0;top:0}@keyframes successGradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.success-modal .modal-body{align-items:center;display:flex;flex-direction:column;justify-content:center}.success-modal svg{animation:bounceCheckmark .75s ease-in-out;color:#48bb78;height:80px;margin-bottom:24px;width:80px}@keyframes bounceCheckmark{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.success-message{color:#2c3e50;font-size:24px;font-weight:700;margin-bottom:12px}.success-modal p{color:#718096;font-size:16px}@media (max-width:480px){.logout-modal,.success-modal{margin:0 10px;max-width:380px;width:95%}.modal-footer{flex-direction:column;gap:12px}.btn-primary,.btn-secondary{width:100%}}.stats-container{display:flex;flex-wrap:nowrap;gap:.5rem;gap:var(--spacing-2);justify-content:space-between}@media (max-width:1024px){.stats-container{grid-template-columns:repeat(4,1fr)}}.stats-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));padding:16px;width:100%}@media (max-width:480px){.stats-container{gap:12px;grid-template-columns:repeat(2,1fr);padding:8px}}.stats-card{justify-self:center;margin:0 auto;max-width:300px;width:100%}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem;gap:var(--spacing-4)}.dashboard-title{font-size:var(--font-size-5xl)}.dashboard-subtitle{font-size:1rem;font-size:var(--font-size-base)}.stats-container{grid-template-columns:1fr}.main-tabs-container{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:0}.tab-button.primary{font-size:.875rem;font-size:var(--font-size-sm);padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4);white-space:nowrap}.form-row{grid-template-columns:1fr}.history-panel{right:-100%;width:100%}.notification-container{right:20px;width:calc(100% - 40px)}.profile-header{align-items:center;flex-direction:column;text-align:center}}@media (max-width:480px){.dashboard-container{padding:.75rem .5rem;padding:var(--spacing-3) var(--spacing-2)}.dashboard-header-section{padding:1rem;padding:var(--spacing-4)}.header-actions{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-3);justify-content:flex-end;pointer-events:auto;position:relative;width:100%;z-index:10}.btn-primary,.btn-secondary,.btn-switch-dashboard{justify-content:center;width:100%}.donation-card,.request-card{border-radius:.5rem;border-radius:var(--border-radius-md)}.donation-actions{flex-direction:column;gap:.5rem;gap:var(--spacing-2)}.btn-edit,.btn-view-details{justify-content:center;width:100%}.donation-flow-container{border-radius:0;height:100vh;max-height:100vh;max-width:100%;width:100%}.form-grid,.social-sharing-options{grid-template-columns:1fr}}.food-details-header-compact{border-bottom:1px solid #e5e7eb;display:flex;gap:16px;padding:16px}.food-details-image-container{border-radius:8px;height:140px;width:180px}.food-details-image-compact{height:100%;object-fit:cover;width:100%}.food-details-title-section{display:flex;flex:1 1;flex-direction:column;justify-content:center}.food-details-title-compact{color:#2e7d32;font-size:22px;font-weight:700;margin-bottom:8px}.food-details-key-info{display:flex;gap:8px}.food-info-badge{background-color:initial;border-radius:20px;font-size:14px;font-weight:500;padding:4px 10px}.food-info-badge.type{background-color:#2e7d321a;border-radius:20px;padding:4px 10px}.food-info-badge.price{background-color:#2e7d32;color:#fff}.food-details-grid-compact{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);padding:16px}.food-details-item-compact{background-color:#f9fafb;border-left:2px solid #2e7d32;border-radius:6px;padding:10px}.food-details-description-compact{background-color:#f9fafb;border-radius:6px;margin:0 16px 16px;padding:12px}.popup-overlay{background-color:#000000a6}.popup-container{background-color:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:85vh;max-width:600px;overflow:hidden;position:relative;width:90%}.popup-header{background:linear-gradient(135deg,#2e7d32,#60ad5e);background:linear-gradient(135deg,var(--primary),var(--primary-light));border-bottom:1px solid #ffffff1a;padding:16px 20px}.popup-title{font-size:1.25rem;font-weight:600;gap:12px;margin:0}.popup-close-btn,.popup-title{align-items:center;display:flex}.popup-close-btn{background-color:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;height:32px;justify-content:center;position:relative;right:0;transition:background-color .2s;width:32px}.popup-close-btn:hover{background-color:#ffffff4d;transform:rotate(90deg)}.popup-content{max-height:calc(85vh - 120px);padding:20px}.profile-popup .popup-header{background:linear-gradient(135deg,#7b1fa2,#ae52d4)}.requests-popup .popup-header{background:linear-gradient(135deg,#0288d1,#5eb8ff)}.share-popup .popup-header{background:linear-gradient(135deg,#e53935,#ff6f60)}.history-popup .popup-header{background:linear-gradient(135deg,#f57c00,#ffad42)}@media (max-width:768px){.food-details-header-compact{align-items:center;flex-direction:column}.food-details-image-container{height:160px;margin-bottom:12px;width:100%}.food-details-title-section{text-align:center;width:100%}.food-details-key-info{justify-content:center}.food-details-grid-compact{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.food-details-grid-compact{grid-template-columns:1fr}}.food-selection-actions{display:flex;justify-content:space-between;margin-top:8px}.btn-details,.btn-donate{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:12px;font-weight:500;justify-content:center;padding:6px 10px;transition:all .2s}.btn-details{background-color:#f0f9ff;border:1px solid #e0f2fe;color:#0369a1}.btn-details:hover{background-color:#e0f2fe}.btn-donate{background-color:#fef2f2;border:1px solid #fee2e2;color:#dc2626}.btn-donate:hover{background-color:#fee2e2}.btn-details svg,.btn-donate svg{margin-right:4px}.modal-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3}.details-modal,.donate-modal{animation:slideUp .4s ease-out;background-color:#fff;border-radius:16px;box-shadow:0 15px 30px #00000040;display:flex;flex-direction:column;max-height:85vh;max-width:700px;overflow-y:auto;width:90%}.modal-header{background:linear-gradient(135deg,#2e7d32,#60ad5e);border-radius:16px 16px 0 0;padding:16px 20px}.modal-title{color:#fff;font-size:18px;font-weight:700;margin:0}.modal-footer{background-color:#f9fafb;border-radius:0 0 16px 16px;border-top:1px solid #e5e7eb;gap:12px;padding:16px 20px}.food-details-container{display:flex;flex-direction:column}.food-details-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;padding:0}.food-details-image-container{flex-shrink:0;height:180px;overflow:hidden;width:200px}.food-details-image{height:100%;object-fit:cover;width:100%}.food-details-title-container{display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding:20px}.food-details-title{color:#2e7d32;font-size:24px;font-weight:700;margin-bottom:10px}.food-details-meta{display:flex;flex-wrap:wrap;gap:10px}.food-details-meta-item{background-color:#2e7d321a;border-radius:50px;color:#2e7d32;font-size:14px;font-weight:500;padding:4px 12px}.food-details-content{padding:20px}.food-details-grid{grid-gap:12px;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:16px}.food-details-item{background-color:#f9fafb;border-left:3px solid #2e7d32;border-radius:8px;padding:12px}.food-details-label{color:#6b7280;font-size:12px;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.food-details-value{color:#111827;font-size:14px;font-weight:600}.food-details-description{background-color:#f9fafb;border-left:3px solid #2e7d32;border-radius:8px;margin-top:12px;padding:12px}.food-details-description-label{color:#2e7d32;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.food-details-description-text{color:#4b5563;font-size:14px;line-height:1.5;margin:0}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s}.btn-primary{background-color:#2e7d32}.btn-primary:hover{background-color:#225f25;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.btn-secondary{background-color:#f3f4f6;border:1px solid #e5e7eb;color:#4b5563}.btn-secondary:hover{background-color:#e5e7eb;transform:translateY(-2px)}.btn-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;padding:6px;transition:all .2s;width:36px}.btn-close:hover{background-color:#ffffff4d;transform:rotate(90deg)}.food-details-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-bottom:20px}.food-detail-item{display:flex;flex-direction:column}.food-detail-item.full-width{grid-column:1/-1}.detail-label{color:#6b7280;font-size:14px;margin-bottom:4px}.detail-value{color:#1f2937;font-size:16px;font-weight:500}.detail-value.description{font-weight:400;line-height:1.5}.modal-image{border-radius:6px;height:200px;margin-top:20px;overflow:hidden;width:100%}.modal-image img{height:100%;object-fit:cover;width:100%}.payment-summary{background-color:#f9fafb;border-radius:6px;margin-bottom:20px;padding:16px}.methods-title,.options-title,.summary-title{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:12px}.summary-item{display:flex;justify-content:space-between;margin-bottom:8px}.summary-item.total{border-top:1px solid #e5e7eb;font-weight:700;margin-top:12px;padding-top:12px}.payment-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-top:16px}.payment-option{align-items:center;background:none;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:10px;transition:all .2s}.payment-option:hover{background-color:#f9fafb;border-color:#d1d5db}.payment-option img{margin-bottom:8px}.payment-success{align-items:center;display:flex;flex-direction:column;margin-bottom:24px;padding:20px 0}.success-icon{margin-bottom:12px}.success-title{color:#1f2937;font-size:18px;font-weight:600;margin-bottom:8px}.success-message{color:#6b7280;text-align:center}.delivery-options{margin-top:20px}.option-card{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;display:flex;margin-bottom:12px;padding:16px;transition:all .2s}.option-card:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.option-card.disabled{cursor:not-allowed;opacity:.6}.option-icon{align-items:center;background-color:#f3f4f6;border-radius:50%;display:flex;height:40px;justify-content:center;margin-right:16px;width:40px}.option-content{flex:1 1}.option-title{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:4px}.option-address,.option-description,.option-note{color:#6b7280;font-size:14px;margin-bottom:2px}.option-note{color:#9ca3af;font-style:italic}.btn-select-option{background-color:#d42815;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s}.btn-select-option:hover{background-color:#d85b1d}.btn-select-option:disabled{background-color:#9ca3af;cursor:not-allowed}@media (max-width:640px){.food-details-grid{grid-template-columns:1fr}.payment-options{grid-template-columns:repeat(2,1fr)}.option-card{flex-direction:column;text-align:center}.option-icon{margin-bottom:12px;margin-right:0}.btn-select-option{margin-top:12px}.donation-request-item{height:auto;max-height:400px;max-height:350px;max-width:350px;min-height:200px;overflow-y:auto;width:300px;width:100%}}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset),env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset),env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset),env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset),env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:0.2}.Toastify__toast-container{box-sizing:border-box;color:#fff;display:flex;flex-direction:column;position:fixed;-webkit-transform:translateZ(9999);-webkit-transform:translateZ(var(--toastify-z-index));width:-webkit-fit-content;width:fit-content;width:var(--toastify-container-width);z-index:9999;z-index:var(--toastify-z-index)}.Toastify__toast-container--top-left{left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--top-center{align-items:center;left:50%;top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top);transform:translateX(-50%)}.Toastify__toast-container--top-right{align-items:end;right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right);top:max(16px,env(safe-area-inset-top));top:var(--toastify-toast-top)}.Toastify__toast-container--bottom-left{bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:max(16px,env(safe-area-inset-left));left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{align-items:center;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{align-items:end;bottom:max(16px,env(safe-area-inset-bottom));bottom:var(--toastify-toast-bottom);right:max(16px,env(safe-area-inset-right));right:var(--toastify-toast-right)}.Toastify__toast{--y:0;align-items:center;border-radius:6px;border-radius:var(--toastify-toast-bd-radius);box-shadow:0 4px 12px #0000001a;box-shadow:var(--toastify-toast-shadow);box-sizing:border-box;display:flex;flex:1 1 auto;font-family:sans-serif;font-family:var(--toastify-font-family);margin-bottom:1rem;max-height:800px;max-height:var(--toastify-toast-max-height);min-height:64px;min-height:var(--toastify-toast-min-height);padding:14px;padding:var(--toastify-toast-padding);position:relative;touch-action:none;width:320px;width:var(--toastify-toast-width);word-break:break-word;z-index:0}@media only screen and (max-width:480px){.Toastify__toast-container{left:env(safe-area-inset-left);margin:0;width:100vw}.Toastify__toast-container--top-center,.Toastify__toast-container--top-left,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translateX(0)}.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translateX(0)}.Toastify__toast-container--rtl{left:auto;right:env(safe-area-inset-right)}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:320px;width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s;width:100%}.Toastify__toast--stacked[data-collapsed] .Toastify__close-button,.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{bottom:100%;content:"";height:calc(var(--g)*1px);left:0;position:absolute;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{-webkit-margin-end:10px;display:flex;flex-shrink:0;margin-inline-end:10px;width:22px}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:#121212;background:var(--toastify-color-dark);color:#fff;color:var(--toastify-text-color-dark)}.Toastify__toast-theme--colored.Toastify__toast--default,.Toastify__toast-theme--light{background:#fff;background:var(--toastify-color-light);color:#757575;color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{background:#3498db;background:var(--toastify-color-info);color:#fff;color:var(--toastify-text-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{background:#07bc0c;background:var(--toastify-color-success);color:#fff;color:var(--toastify-text-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{background:#f1c40f;background:var(--toastify-color-warning);color:#fff;color:var(--toastify-text-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{background:#e74d3c;background:var(--toastify-color-error);color:#fff;color:var(--toastify-text-color-error)}.Toastify__progress-bar-theme--light{background:linear-gradient(90deg,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55);background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:#bb86fc;background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:#3498db;background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:#07bc0c;background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:#f1c40f;background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:#e74d3c;background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:#ffffffb3;background:var(--toastify-color-transparent)}.Toastify__close-button{background:#0000;border:none;color:#fff;cursor:pointer;opacity:.7;outline:none;padding:0;position:absolute;right:6px;top:6px;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:auto}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:focus,.Toastify__close-button:hover{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{bottom:0;height:100%;left:0;opacity:.7;position:absolute;transform-origin:left;width:100%;z-index:1}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{border-bottom-left-radius:0;left:auto;right:0;transform-origin:right}.Toastify__progress-bar--wrp{border-bottom-left-radius:6px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:6px;border-bottom-right-radius:var(--toastify-toast-bd-radius);bottom:0;height:5px;left:0;overflow:hidden;position:absolute;width:100%}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{height:100%;opacity:.2;opacity:var(--toastify-color-progress-bgo);width:100%}.Toastify__spinner{animation:Toastify__spin .65s linear infinite;border:2px solid #e0e0e0;border-color:var(--toastify-spinner-color-empty-area);border-radius:100%;border-right-color:#616161;border-right-color:var(--toastify-spinner-color);box-sizing:border-box;height:20px;width:20px}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--bottom-left,.Toastify__bounce-enter--top-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--bottom-right,.Toastify__bounce-enter--top-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--bottom-left,.Toastify__bounce-exit--top-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--bottom-right,.Toastify__bounce-exit--top-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{opacity:1;transform:perspective(400px) rotateX(10deg)}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{opacity:1;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg)}to{opacity:0;transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg)}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(-110%,var(--y),0);visibility:hidden}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,500px,0);visibility:hidden}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{transform:translate3d(0,-500px,0);visibility:hidden}}.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--top-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--top-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--top-left{animation-duration:.3s;animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--top-right{animation-duration:.3s;animation-name:Toastify__slideOutRight;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-duration:.3s;animation-name:Toastify__slideOutUp;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-duration:.3s;animation-name:Toastify__slideOutDown;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.custom-scrollbar::-webkit-scrollbar{height:6px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#9ca3af80}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#9ca3afb3}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background:#4b556380}.dark .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#4b5563b3}.admin-dashboard{background:linear-gradient(135deg,#f8fafc,#f1f5f9);min-height:100vh;transition:all .3s ease}.dark .admin-dashboard{background:linear-gradient(135deg,#0f172a,#1e293b)}.sidebar-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#fff,#f8fafc);border-right:1px solid #e2e8f0;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;height:100vh;left:0;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:50}.dark .sidebar-container{background:linear-gradient(180deg,#1e293b,#0f172a);border-right:1px solid #334155;box-shadow:0 10px 25px -5px #0000004d,0 10px 10px -5px #0003}.sidebar-container.closed{transform:translateX(-100%)}.sidebar-header{background:linear-gradient(135deg,#3b82f6,#6366f1);border-bottom:1px solid #e2e8f0;color:#fff;padding:1.5rem}.dark .sidebar-header{background:linear-gradient(135deg,#1d4ed8,#4f46e5);border-bottom:1px solid #334155}.sidebar-logo{align-items:center;color:inherit;display:flex;font-size:1.5rem;font-weight:700;text-decoration:none}.sidebar-logo svg{height:2rem;margin-right:.75rem;width:2rem}.sidebar-nav{-ms-overflow-style:none;flex:1 1;overflow-y:auto;padding:1rem;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{align-items:center;border-radius:.75rem;display:flex;font-size:.875rem;font-weight:500;margin-bottom:.25rem;overflow:hidden;padding:.875rem 1rem;position:relative;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.nav-item:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.nav-item:hover:before{left:100%}.nav-item svg{height:1.25rem;margin-right:.75rem;transition:transform .2s ease;width:1.25rem}.nav-item:hover svg{transform:scale(1.1)}.nav-item.active{background:linear-gradient(135deg,#3b82f6,#6366f1);box-shadow:0 4px 15px #3b82f64d;color:#fff;transform:translateX(4px)}.dark .nav-item.active{background:linear-gradient(135deg,#1d4ed8,#4f46e5);box-shadow:0 4px 15px #1d4ed866}.nav-item:not(.active){color:#64748b}.dark .nav-item:not(.active){color:#94a3b8}.nav-item:not(.active):hover{background:#3b82f61a;color:#3b82f6;transform:translateX(2px)}.dark .nav-item:not(.active):hover{background:#1d4ed81a;color:#60a5fa}.sidebar-footer{background:#f8fafccc;border-top:1px solid #e2e8f0;padding:1rem}.dark .sidebar-footer{background:#0f172acc;border-top:1px solid #334155}.logout-btn{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:.75rem;color:#dc2626;display:flex;font-size:.875rem;font-weight:500;padding:.875rem 1rem;text-decoration:none;transition:all .2s ease;width:100%}.logout-btn:hover{background:#ef444433;box-shadow:0 4px 8px #ef444433;transform:translateY(-1px)}.logout-btn svg{height:1.25rem;margin-right:.75rem;width:1.25rem}.dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:40}.dark .dashboard-header{background:#1e293bf2;border-bottom:1px solid #334155}.header-content{justify-content:space-between}.header-content,.menu-toggle{align-items:center;display:flex}.menu-toggle{background:#0000;border:none;border-radius:.5rem;color:#64748b;cursor:pointer;justify-content:center;padding:.5rem;transition:all .2s ease}.menu-toggle:hover{background:#3b82f61a;color:#3b82f6;transform:scale(1.05)}.dark .menu-toggle{color:#94a3b8}.dark .menu-toggle:hover{background:#1d4ed81a;color:#60a5fa}.menu-toggle svg{height:1.5rem;width:1.5rem}.main-content{margin-left:280px;min-height:100vh;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.main-content.sidebar-closed{margin-left:0}.content-wrapper{max-height:calc(100vh - 4rem);overflow-y:auto;padding:2rem 1.5rem 1.5rem}@media (max-width:1024px){.sidebar-container{transform:translateX(-100%)}.sidebar-container.open{transform:translateX(0)}.main-content{margin-left:0}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;inset:0;position:fixed;z-index:45}}@media (max-width:768px){.content-wrapper{padding:1rem}.dashboard-header{padding:.75rem 1rem}.sidebar-container{max-width:280px;width:100%}}.slide-in-left{animation:slideInLeft .3s ease-out}.slide-out-left{animation:slideOutLeft .3s ease-in}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideOutLeft{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.fade-in{animation:fadeIn .3s ease-out}.premium-overview-container{margin:0;padding:0}.premium-hero-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe);border-radius:24px;box-shadow:0 20px 40px #0000001a,0 15px 25px #0000001a;color:#fff;margin-bottom:2rem;overflow:hidden;padding:3rem 2rem;position:relative}.dark .premium-hero-banner{background:linear-gradient(135deg,#1a1a2e,#16213e 25%,#0f3460 50%,#533483 75%,#7209b7);box-shadow:0 20px 40px #0000004d,0 15px 25px #0003}.hero-bg-pattern{animation:patternMove 20s linear infinite;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='2' fill='%23fff' fill-opacity='.1' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;left:0;position:absolute;right:0;top:0}@keyframes patternMove{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.hero-floating-elements{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.floating-circle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:50%;position:absolute}.circle-1{animation:float 6s ease-in-out infinite;height:100px;right:10%;top:10%;width:100px}.circle-2{animation:float 8s ease-in-out infinite reverse;height:60px;right:20%;top:60%;width:60px}.circle-3{animation:float 7s ease-in-out infinite;bottom:20%;height:80px;left:10%;width:80px}.hero-content{position:relative;z-index:10}.hero-text-section{flex:1 1}.hero-icon-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:16px;padding:1rem}.hero-title{display:flex;flex-direction:column;font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:.5rem}.hero-subtitle-accent{font-size:1.5rem;font-weight:600;opacity:.9}.hero-subtitle{font-size:1.1rem;font-weight:500;margin-bottom:1rem;opacity:.9}.hero-description{line-height:1.6;max-width:600px;opacity:.85}.hero-action-section{align-items:end;flex-direction:column}.hero-action-section,.hero-stats-preview{display:flex;gap:1.5rem}.mini-stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:12px;min-width:80px;padding:1rem;text-align:center}.mini-stat-value{display:block;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.mini-stat-label{font-size:.75rem;letter-spacing:.5px;opacity:.8;text-transform:uppercase}.hero-action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.hero-action-btn:hover{background:#ffffff4d;box-shadow:0 10px 20px #0003;transform:translateY(-2px)}.premium-stats-section{margin-bottom:3rem}.section-header-premium{margin-bottom:2rem;text-align:center}.section-title-premium{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:.5rem}.dark .section-title-premium{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text}.section-subtitle-premium{color:#64748b;font-size:1.1rem;margin:0 auto;max-width:600px}.dark .section-subtitle-premium{color:#94a3b8}.premium-stats-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:2rem}@media (max-width:768px){.premium-stats-grid{gap:1rem;grid-template-columns:1fr}}.premium-stat-card{aspect-ratio:1.1;border-radius:16px;box-shadow:0 4px 20px #00000014;max-height:240px;min-height:220px}.dark .premium-stat-card{box-shadow:0 4px 20px #0000004d}.premium-stat-card:hover{transform:translateY(-8px) scale(1.02)}.stat-card-glow{border-radius:22px;bottom:-2px;left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.premium-stat-card:hover .stat-card-glow{opacity:1}.glow-blue{background:linear-gradient(45deg,#3b82f6,#6366f1,#3b82f6)}.glow-orange{background:linear-gradient(45deg,#f59e0b,#ea580c,#f59e0b)}.glow-green{background:linear-gradient(45deg,#10b981,#059669,#10b981)}.glow-purple{background:linear-gradient(45deg,#8b5cf6,#7c3aed,#8b5cf6)}.glow-indigo{background:linear-gradient(45deg,#6366f1,#4f46e5,#6366f1)}.glow-red{background:linear-gradient(45deg,#ef4444,#dc2626,#ef4444)}.stat-card-inner{flex-direction:column;height:100%;position:relative;z-index:1}.stat-card-inner,.stat-header{display:flex;justify-content:space-between}.stat-header{align-items:flex-start;margin-bottom:1rem}.stat-icon-premium{align-items:center;border-radius:12px;box-shadow:0 8px 16px #0000001a;display:flex;height:3rem;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:3rem}.premium-stat-card:hover .stat-icon-premium{box-shadow:0 12px 24px #0003;transform:scale(1.1) rotate(5deg)}.stat-icon-premium svg{height:1.5rem;width:1.5rem}.stat-icon-blue{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff}.stat-icon-orange{background:linear-gradient(135deg,#f59e0b,#ea580c);color:#fff}.stat-icon-green{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-icon-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.stat-icon-indigo{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.stat-icon-red{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.stat-trend-indicator{align-items:center;border-radius:20px;display:flex;font-size:.75rem;font-weight:600;gap:.25rem;letter-spacing:.5px;padding:.5rem .75rem;text-transform:uppercase}.stat-trend-indicator.positive{background:#10b9811a;border:1px solid #10b98133;color:#059669}.stat-trend-indicator.neutral{background:#6b72801a;border:1px solid #6b728033;color:#6b7280}.stat-trend-indicator.attention{animation:pulse 2s infinite;background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.stat-content{display:flex;flex:1 1;flex-direction:column;justify-content:center}.stat-value-premium{color:#1e293b;font-size:2.25rem;font-weight:800;line-height:1;margin-bottom:.5rem;text-shadow:0 2px 4px #0000001a}.dark .stat-value-premium{color:#f1f5f9}.stat-number-animated{overflow:hidden;position:relative}.stat-label-premium{color:#475569;font-size:.875rem;font-weight:700;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.dark .stat-label-premium{color:#cbd5e1}.stat-description{color:#64748b;font-size:.8rem;opacity:.8}.dark .stat-description{color:#94a3b8}.stat-footer{border-top:1px solid #e2e8f080;margin-top:.75rem;padding-top:.75rem}.dark .stat-footer{border-top:1px solid #33415580}.stat-breakdown{display:flex;flex-wrap:wrap;gap:.75rem}.breakdown-item{align-items:center;color:#64748b;display:flex;font-size:.7rem;font-weight:500;gap:.375rem}.dark .breakdown-item{color:#94a3b8}.breakdown-dot{border-radius:50%;height:.5rem;width:.5rem}.dot-green{background:#10b981}.dot-purple{background:#8b5cf6}.dot-blue{background:#3b82f6}.dot-yellow{background:#f59e0b}.dot-red{background:#ef4444}.dot-gray{background:#6b7280}.stat-loading-skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background-size:200% 100%;border-radius:.5rem;height:2.25rem;width:100%}.dark .stat-loading-skeleton{background:linear-gradient(90deg,#334155 25%,#475569 50%,#334155 75%);background-size:200% 100%}.premium-actions-section{margin-bottom:3rem}.premium-actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.action-card{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.dark .action-card{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #334155}.action-card:hover{border-color:#3b82f6;box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.dark .action-card:hover{border-color:#60a5fa;box-shadow:0 12px 24px #0000004d}.action-icon{align-items:center;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.action-card-secondary .action-icon{background:linear-gradient(135deg,#f59e0b,#ea580c)}.action-card-tertiary .action-icon{background:linear-gradient(135deg,#10b981,#059669)}.action-card-quaternary .action-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.action-content{flex:1 1}.action-title{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:.25rem}.dark .action-title{color:#f1f5f9}.action-description{color:#64748b;font-size:.875rem}.dark .action-description{color:#94a3b8}.action-arrow{color:#6b7280;transition:all .3s ease}.action-card:hover .action-arrow{color:#3b82f6;transform:translateX(4px)}.premium-status-section{margin-bottom:2rem}.status-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.status-item{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:1rem;padding:1.5rem}.dark .status-item{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #334155}.status-indicator{flex-shrink:0;height:.75rem;width:.75rem}.status-operational .status-indicator{background:#10b981;box-shadow:0 0 0 4px #10b98133}.status-warning .status-indicator{animation:pulse 2s infinite;background:#f59e0b;box-shadow:0 0 0 4px #f59e0b33}.status-content{flex:1 1}.status-title{color:#1e293b;font-weight:600;margin-bottom:.25rem}.dark .status-title{color:#f1f5f9}.status-description{color:#64748b;font-size:.875rem}.dark .status-description{color:#94a3b8}.status-value{color:#059669;font-size:.875rem;font-weight:600}.status-warning .status-value{color:#d97706}@media (max-width:1024px) and (min-width:769px){.premium-stats-grid{gap:1rem;grid-template-columns:repeat(3,1fr)}.premium-stat-card{max-height:220px;min-height:200px;padding:1.25rem}}@media (max-width:768px){.premium-stats-grid{gap:.75rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.premium-stat-card{aspect-ratio:1;max-height:200px;min-height:180px;padding:1rem}.stat-value-premium{font-size:1.75rem;margin-bottom:.25rem}.stat-label-premium{font-size:.75rem;margin-bottom:.125rem}.stat-description{font-size:.7rem;line-height:1.2}.stat-icon-premium{height:2.5rem;width:2.5rem}.stat-icon-premium svg{height:1.25rem;width:1.25rem}.stat-trend-indicator{font-size:.7rem;padding:.375rem .5rem}.breakdown-item{font-size:.65rem;gap:.25rem}.breakdown-dot{height:.375rem;width:.375rem}}@media (max-width:480px){.premium-stats-grid{gap:.5rem}.premium-stat-card{max-height:180px;min-height:160px;padding:.875rem}.stat-value-premium{font-size:1.5rem}.stat-label-premium{font-size:.7rem}.stat-description{font-size:.65rem}.stat-breakdown{flex-direction:column;gap:.25rem}}.premium-filter-btn{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:1rem;box-shadow:0 2px 8px #0000000d;color:#64748b;padding:.75rem 1.25rem}.dark .premium-filter-btn{background:linear-gradient(135deg,#334155,#1e293b);box-shadow:0 2px 8px #0003;color:#94a3b8}.premium-filter-btn.active{border-color:#3b82f64d;box-shadow:0 8px 25px #3b82f64d}.premium-filter-btn:not(.active):hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);box-shadow:0 4px 15px #0000001a;transform:translateY(-1px)}.dark .premium-filter-btn:not(.active):hover{background:linear-gradient(135deg,#475569,#334155)}.premium-message-card{aspect-ratio:1;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f099;border-radius:1.5rem;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;max-height:480px;min-height:420px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.dark .premium-message-card{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #33415599;box-shadow:0 4px 20px #0000004d}.premium-message-card:hover{border-color:#6366f166;box-shadow:0 20px 40px #00000026;transform:translateY(-8px) scale(1.02)}.dark .premium-message-card:hover{box-shadow:0 20px 40px #0006}.premium-message-card.unread{background:linear-gradient(145deg,#fef2f2,#fff);border-left:5px solid #ef4444;box-shadow:0 4px 20px #ef444426}.dark .premium-message-card.unread{background:linear-gradient(145deg,#451a1a,#1e293b);box-shadow:0 4px 20px #ef444433}.premium-message-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafccc;border-bottom:1px solid #e2e8f080;padding:1.25rem}.dark .premium-message-header{background:#0f172acc;border-bottom:1px solid #33415580}.premium-message-header.unread{background:#fef2f2e6}.dark .premium-message-header.unread{background:#451a1ae6}.premium-status-badge{border-radius:.75rem;font-weight:600;padding:.375rem .875rem}.premium-status-badge.new{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 15px #ef44444d;color:#fff}.premium-status-badge.read{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d;color:#fff}.premium-message-avatar{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:1rem;box-shadow:0 8px 25px #6366f14d;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;height:3.5rem;justify-content:center;width:3.5rem}.premium-sender-name{color:#1e293b;font-size:1rem;font-weight:700;line-height:1.2;margin-bottom:.25rem}.dark .premium-sender-name{color:#f1f5f9}.premium-subject{color:#64748b;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.dark .premium-subject{color:#94a3b8}.premium-attachment-badge{align-items:center;background:#6366f11a;border:1px solid #6366f133;border-radius:.5rem;color:#6366f1;display:flex;font-size:.75rem;font-weight:500;margin-top:.25rem;padding:.25rem .5rem;width:-webkit-fit-content;width:fit-content}.dark .premium-attachment-badge{background:#6366f133;border-color:#6366f14d;color:#818cf8}.premium-message-preview{align-items:center;background:#f8fafccc;border:1px solid #e2e8f080;border-radius:.75rem;color:#64748b;display:flex;font-size:.875rem;line-height:1.6;margin-bottom:1.5rem;min-height:80px;padding:1rem}.dark .premium-message-preview{background:#0f172acc;border-color:#33415580;color:#94a3b8}.premium-action-grid{grid-gap:.75rem;border-top:1px solid #e2e8f080;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));margin-top:auto;padding-top:1rem}.dark .premium-action-grid{border-top-color:#33415580}.premium-action-btn{border-radius:1rem;flex-direction:column;font-size:.75rem;font-weight:600;gap:.375rem;padding:.875rem .5rem}.premium-action-btn span{position:relative;z-index:1}.premium-action-btn.view{box-shadow:0 4px 15px #3b82f64d}.premium-action-btn.view:hover{box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.premium-action-btn.reply{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d;color:#fff}.premium-action-btn.reply:hover{box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.premium-action-btn.attachment{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 15px #8b5cf64d;color:#fff}.premium-action-btn.attachment:hover{box-shadow:0 8px 25px #8b5cf666;transform:translateY(-2px)}.premium-action-btn.download{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 15px #6366f14d;color:#fff}.premium-action-btn.download:hover{box-shadow:0 8px 25px #6366f166;transform:translateY(-2px)}.premium-action-btn.delete{box-shadow:0 4px 15px #ef44444d}.premium-action-btn.delete:hover{box-shadow:0 8px 25px #ef444466;transform:translateY(-2px)}.premium-read-status{align-items:center;background:#10b9811a;border:1px solid #10b98133;border-radius:.75rem;color:#047857;display:flex;font-size:.75rem;font-weight:500;margin-top:1rem;padding:.75rem}.dark .premium-read-status{background:#10b98133;border-color:#10b9814d;color:#6ee7b7}@media (max-width:1024px){.premium-message-card{max-height:420px;min-height:380px}}@media (max-width:768px){.premium-message-card{max-height:400px;min-height:350px}.premium-action-grid{grid-template-columns:repeat(3,1fr)}.premium-action-btn{font-size:.7rem;padding:.75rem .375rem}}.premium-user-card{aspect-ratio:.85;background:linear-gradient(145deg,#fff,#f8fafc);max-height:420px;min-height:380px;position:relative}.dark .premium-user-card{background:linear-gradient(145deg,#1e293b,#0f172a)}.premium-user-card:before{background:linear-gradient(145deg,#0000,#6366f11a,#0000);border-radius:1rem;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:xor;opacity:0;padding:1px;position:absolute;transition:opacity .3s ease}.premium-user-card:hover:before{opacity:1}.premium-action-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:3.5rem!important;padding:.5rem!important;width:3.5rem!important}.premium-action-btn:before{transition:all .4s ease}.premium-action-btn:hover:before{height:100%;width:100%}.premium-action-btn:active{transform:scale(.95)}.premium-user-card:hover{background:linear-gradient(145deg,#fff,#f1f5f9)}.dark .premium-user-card:hover{background:linear-gradient(145deg,#334155,#1e293b)}.premium-user-card .absolute.-bottom-1.-right-1{animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.premium-user-card .bg-gradient-to-r.from-emerald-100{background:linear-gradient(135deg,#d1fae5,#a7f3d0 50%,#6ee7b7);box-shadow:0 4px 15px #10b98126}.dark .premium-user-card .bg-gradient-to-r.from-emerald-100{background:linear-gradient(135deg,#10b9814d,#10b98133 50%,#10b9811a);box-shadow:0 4px 15px #10b98133}.premium-user-card .bg-gradient-to-r.from-blue-100{background:linear-gradient(135deg,#dbeafe,#93c5fd 50%,#60a5fa);box-shadow:0 4px 15px #3b82f626}.dark .premium-user-card .bg-gradient-to-r.from-blue-100{background:linear-gradient(135deg,#3b82f64d,#3b82f633 50%,#3b82f61a);box-shadow:0 4px 15px #3b82f633}.premium-user-card{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 0 0 1px #0000000d}.dark .premium-user-card{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003,0 0 0 1px #ffffff0d}.premium-user-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #6366f11a,0 0 20px #6366f11a}.dark .premium-user-card:hover{box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0000004d,0 0 0 1px #6366f133,0 0 20px #6366f133}@media (max-width:640px){.premium-user-card{max-height:380px;min-height:350px}}@media (max-width:1280px){.grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3.xl\:grid-cols-4.\32xl\:grid-cols-5{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:1024px){.grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3.xl\:grid-cols-4.\32xl\:grid-cols-5{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:768px){.grid.grid-cols-1.sm\:grid-cols-2.lg\:grid-cols-3.xl\:grid-cols-4.\32xl\:grid-cols-5{grid-template-columns:1fr}}.merchant-card{aspect-ratio:1;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f0cc;border-radius:20px;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a;max-height:410px;min-height:365px;overflow:hidden;padding:0;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.dark .merchant-card{background:linear-1radient(145deg,#1e293b 0,#0f172a 100%);border:1px solid #334155cc;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003}.merchant-card:hover{border-color:#6366f166;box-shadow:0 20px 40px #00000026,0 8px 16px #0000001a;transform:translateY(-8px) scale(1.03)}.dark .merchant-card:hover{border-color:#6366f180;box-shadow:0 20px 40px #0006,0 8px 16px #0000004d}.merchant-card:before{animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(90deg,#3b82f6,#6366f1,#8b5cf6,#ec4899);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.merchant-header{background:linear-gradient(135deg,#3b82f60d,#6366f10d);gap:1rem;padding:1.5rem 1.5rem 1rem;position:relative}.dark .merchant-header{background:linear-gradient(135deg,#3b82f61a,#6366f11a)}.merchant-logo{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #6366f133;border-radius:16px;box-shadow:0 8px 16px #6366f126;display:flex;height:4rem;justify-content:center;transition:all .3s ease;width:4rem}.dark .merchant-logo{background:linear-gradient(135deg,#374151,#1f2937);border:2px solid #6366f14d}.merchant-card:hover .merchant-logo{box-shadow:0 12px 24px #6366f140;transform:scale(1.1) rotate(5deg)}.merchant-name{font-size:1.1rem;font-weight:700;gap:.75rem;margin-bottom:.5rem}.merchant-status-badge{align-items:center;border-radius:20px;display:flex;font-size:.7rem;font-weight:600;gap:.25rem;letter-spacing:.025em;padding:.25rem .75rem;text-transform:uppercase}.merchant-status-badge.active{background:linear-gradient(135deg,#dcfdf4,#a7f3d0);box-shadow:0 2px 8px #10b98133;color:#047857}.dark .merchant-status-badge.active{background:linear-gradient(135deg,#064e3b,#047857);color:#6ee7b7}.merchant-status-badge.pending{background:linear-gradient(135deg,#fef3c7,#fbbf24);box-shadow:0 2px 8px #f59e0b33;color:#92400e}.dark .merchant-status-badge.pending{background:linear-gradient(135deg,#451a03,#92400e);color:#fbbf24}.merchant-id{font-size:.75rem}.merchant-email{font-size:.8rem}.merchant-details{display:flex;flex-direction:column;font-size:.8rem;gap:.75rem;padding:0 1.5rem}.merchant-detail-item{background:#f8fafccc;border:1px solid #e2e8f080;border-radius:12px;gap:.75rem;padding:.5rem .75rem;transition:all .2s ease}.dark .merchant-detail-item{background:#0f172acc;border:1px solid #33415580}.merchant-detail-item:hover{background:#eff6ffcc;border-color:#3b82f64d;transform:translateX(4px)}.dark .merchant-detail-item:hover{background:#1e3a8a33;border-color:#3b82f666}.merchant-detail-item svg{height:1rem;width:1rem}.merchant-actions{background:linear-gradient(135deg,#f8fafc80,#f1f5f980);border-top:1px solid #e2e8f080;padding:1rem 1.5rem 1.5rem}.dark .merchant-actions{background:linear-gradient(135deg,#0f172a80,#1e293b80);border-top:1px solid #33415580}.merchant-action-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(6,1fr)}.merchant-action-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;font-size:.7rem;font-weight:600;gap:.25rem;justify-content:center;letter-spacing:.025em;overflow:hidden;padding:.75rem .5rem;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.merchant-action-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.merchant-action-btn:hover:before{left:100%}.merchant-action-btn svg{height:1.1rem;position:relative;transition:transform .2s ease;width:1.1rem;z-index:1}.merchant-action-btn:hover svg{transform:scale(1.1)}.merchant-action-btn span{font-size:.65rem;margin-top:.25rem;position:relative;z-index:1}.merchant-action-btn.view{background:linear-gradient(135deg,#dbeafe,#bfdbfe);box-shadow:0 4px 12px #3b82f633;color:#1e40af}.merchant-action-btn.view:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);box-shadow:0 8px 20px #3b82f64d;transform:translateY(-2px)}.merchant-action-btn.edit{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);box-shadow:0 4px 12px #6366f133;color:#3730a3}.merchant-action-btn.edit:hover{background:linear-gradient(135deg,#c7d2fe,#a5b4fc);box-shadow:0 8px 20px #6366f14d;transform:translateY(-2px)}.merchant-action-btn.email{background:linear-gradient(135deg,#d1fae5,#a7f3d0);box-shadow:0 4px 12px #10b98133;color:#14532d}.merchant-action-btn.email:hover{background:linear-gradient(135deg,#a7f3d0,#6ee7b7);box-shadow:0 8px 20px #10b9814d;transform:translateY(-2px)}.merchant-action-btn.fees{background:linear-gradient(135deg,#fef3c7,#fde68a);box-shadow:0 4px 12px #f59e0b33;color:#92400e}.merchant-action-btn.fees:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);box-shadow:0 8px 20px #f59e0b4d;transform:translateY(-2px)}.merchant-action-btn.delete{background:linear-gradient(135deg,#fee2e2,#fecaca);box-shadow:0 4px 12px #ef444433;color:#991b1b}.merchant-action-btn.delete:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);box-shadow:0 8px 20px #ef44444d;transform:translateY(-2px)}.merchant-action-btn.block{background:linear-gradient(135deg,#fef3c7,#fde68a);box-shadow:0 4px 12px #f59e0b33;color:#92400e}.merchant-action-btn.block:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);box-shadow:0 8px 20px #f59e0b4d;transform:translateY(-2px)}.merchant-action-btn.activate{background:linear-gradient(135deg,#d1fae5,#a7f3d0);box-shadow:0 4px 12px #10b98133;color:#14532d}.merchant-action-btn.activate:hover{background:linear-gradient(135deg,#a7f3d0,#6ee7b7);box-shadow:0 8px 20px #10b9814d;transform:translateY(-2px)}.dark .merchant-action-btn.view{background:linear-gradient(135deg,#1e3a8a,#1d4ed8);color:#dbeafe}.dark .merchant-action-btn.edit{background:linear-gradient(135deg,#3730a3,#4f46e5);color:#e0e7ff}.dark .merchant-action-btn.email{background:linear-gradient(135deg,#14532d,#047857);color:#d1fae5}.dark .merchant-action-btn.fees{background:linear-gradient(135deg,#92400e,#d97706);color:#fef3c7}.dark .merchant-action-btn.delete{background:linear-gradient(135deg,#991b1b,#dc2626);color:#fee2e2}.dark .merchant-action-btn.block{background:linear-gradient(135deg,#92400e,#d97706);color:#fef3c7}.dark .merchant-action-btn.activate{background:linear-gradient(135deg,#14532d,#047857);color:#d1fae5}.premium-merchant-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:1rem 0}@media (max-width:768px){.premium-merchant-grid{gap:1.5rem;grid-template-columns:1fr}.merchant-action-buttons{gap:.75rem;grid-template-columns:repeat(3,1fr)}.merchant-action-btn{padding:1rem .5rem}.premium-hero-banner{margin-bottom:1.5rem;padding:1.5rem 1rem}.hero-title{font-size:1.5rem;text-align:center}.hero-subtitle-accent{font-size:1rem}.hero-content{flex-direction:column;gap:1.5rem}.hero-action-section{align-items:center;width:100%}.hero-stats-preview{gap:1rem;justify-content:center}.mini-stat{min-width:60px;padding:.75rem}.mini-stat-value{font-size:1.25rem}.mini-stat-label{font-size:.7rem}.content-wrapper{padding:.75rem}.dashboard-header{padding:.75rem 1rem}.section-title-premium{font-size:1.5rem;margin-bottom:.375rem}.section-subtitle-premium{font-size:.95rem;margin-bottom:1rem}.section-header-premium{margin-bottom:1.5rem}}@media (max-width:896px) and (orientation:landscape){.premium-stat-card{max-height:160px;min-height:140px}.stat-value-premium{font-size:1.5rem}.premium-hero-banner{padding:1rem 1.5rem}}.reports-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #fffc;border-radius:35px;box-shadow:0 25px 45px #0000001a;padding:.25rem}.dark .reports-container{background:linear-gradient(135deg,#0f172a,#1e293b);border:1px solid #ffffff1a;box-shadow:0 20px 40px #0000004d}.reports-header{background:linear-gradient(135deg,#6366f1,#8b5cf6 50%,#ec4899);border-radius:20px;box-shadow:0 10px 30px #6366f14d;color:#fff;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.reports-header:before{background:linear-gradient(45deg,#ffffff1a,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.reports-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(6,1fr);margin-bottom:2rem}@media (max-width:1536px){.reports-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.reports-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.reports-stats-grid{grid-template-columns:repeat(2,1fr)}}.premium-stat-card{aspect-ratio:1;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f099;border-radius:20px;box-shadow:0 8px 25px #00000014;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:1.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.dark .premium-stat-card{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #33415599;box-shadow:0 8px 25px #0003}.premium-stat-card:before{background:var(--card-accent-color);border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.premium-stat-card:hover{box-shadow:0 20px 40px #00000026;transform:translateY(-8px) scale(1.03)}.dark .premium-stat-card:hover{box-shadow:0 20px 40px #0006}.premium-stat-icon{align-items:center;background:linear-gradient(135deg,var(--card-accent-color),var(--card-accent-light));border-radius:16px;box-shadow:0 8px 20px #00000026;display:flex;height:3.5rem;justify-content:center;margin-bottom:1rem;transition:all .3s ease;width:3.5rem}.premium-stat-card:hover .premium-stat-icon{box-shadow:0 12px 25px #00000040;transform:scale(1.1) rotate(5deg)}.premium-stat-icon svg{color:#fff;height:1.75rem;width:1.75rem}.premium-stat-value{color:#1e293b;font-family:Inter,sans-serif;font-size:2.25rem;font-weight:800;line-height:1;margin-bottom:.5rem}.dark .premium-stat-value{color:#f1f5f9}.premium-stat-label{color:#64748b;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin-bottom:auto;text-transform:uppercase}.dark .premium-stat-label{color:#94a3b8}.premium-stat-card.total{--card-accent-color:#3b82f6;--card-accent-light:#60a5fa}.premium-stat-card.pending{--card-accent-color:#f59e0b;--card-accent-light:#fbbf24}.premium-stat-card.under-review{--card-accent-color:#f97316;--card-accent-light:#fb923c}.premium-stat-card.resolved{--card-accent-color:#10b981;--card-accent-light:#34d399}.premium-stat-card.dismissed{--card-accent-color:#6b7280;--card-accent-light:#9ca3af}.premium-stat-card.escalated{--card-accent-color:#ef4444;--card-accent-light:#f87171}.premium-filter-container{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 15px #0000000d;margin-bottom:2rem;padding:1.5rem}.dark .premium-filter-container{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #334155}.premium-filter-grid{display:flex;flex-wrap:wrap;gap:1rem}.premium-filter-btn{align-items:center;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-filter-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.premium-filter-btn:hover:before{left:100%}.premium-filter-btn.active{background:linear-gradient(135deg,#3b82f6,#6366f1);border-color:#3b82f6;box-shadow:0 8px 20px #3b82f64d;color:#fff;transform:translateY(-2px)}.premium-filter-btn:not(.active){background:#f1f5f9;border-color:#e2e8f0;color:#64748b}.dark .premium-filter-btn:not(.active){background:#334155;border-color:#475569;color:#94a3b8}.premium-filter-btn:not(.active):hover{background:#e2e8f0;box-shadow:0 4px 12px #0000001a;color:#3b82f6;transform:translateY(-2px)}.dark .premium-filter-btn:not(.active):hover{background:#475569;color:#60a5fa}.premium-reports-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}@media (max-width:768px){.premium-reports-grid{gap:1.5rem;grid-template-columns:1fr}}.premium-report-card{aspect-ratio:.9;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f099;border-radius:20px;box-shadow:0 10px 30px #00000014;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.dark .premium-report-card{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #33415599;box-shadow:0 10px 30px #0003}.premium-report-card:hover{border-color:#6366f14d;box-shadow:0 25px 50px #00000026;transform:translateY(-8px) scale(1.02)}.dark .premium-report-card:hover{box-shadow:0 25px 50px #0006}.premium-report-card.pending{background:linear-gradient(145deg,#fffbeb,#fff);border-left:6px solid #f59e0b}.dark .premium-report-card.pending{background:linear-gradient(145deg,#451a03,#1e293b);border-left:6px solid #f59e0b}.premium-report-card.escalated{animation:premiumPulse 3s infinite;background:linear-gradient(145deg,#fef2f2,#fff);border-left:6px solid #ef4444}.dark .premium-report-card.escalated{background:linear-gradient(145deg,#451a1a,#1e293b);border-left:6px solid #ef4444}@keyframes premiumPulse{0%,to{box-shadow:0 10px 30px #00000014;transform:scale(1)}50%{box-shadow:0 20px 40px #ef444433;transform:scale(1.01)}}.premium-report-header{align-items:flex-start;background:#f8fafc80;border-bottom:1px solid #e2e8f080;display:flex;justify-content:space-between;padding:1.5rem}.dark .premium-report-header{background:#0f172a80;border-bottom:1px solid #33415580}.premium-report-content{display:flex;flex:1 1;flex-direction:column;gap:1rem;padding:1.5rem}.premium-status-badge{align-items:center;border-radius:12px;display:flex;font-size:.75rem;font-weight:700;gap:.5rem;letter-spacing:.05em;overflow:hidden;padding:.5rem 1rem;position:relative;text-transform:uppercase}.premium-status-badge:before{background:linear-gradient(45deg,#ffffff1a,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.premium-status-badge.PENDING{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d;color:#fff}.premium-status-badge.UNDER_REVIEW{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 12px #f973164d;color:#fff}.premium-status-badge.RESOLVED{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.premium-status-badge.ESCALATED{animation:statusGlow 2s infinite alternate;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;color:#fff}@keyframes statusGlow{0%{box-shadow:0 4px 12px #ef44444d}to{box-shadow:0 8px 20px #ef444480}}.premium-status-badge.DISMISSED{background:linear-gradient(135deg,#6b7280,#4b5563);box-shadow:0 4px 12px #6b72804d;color:#fff}.premium-report-actions{align-items:center;background:#f8fafc80;border-top:1px solid #e2e8f080;display:flex;justify-content:space-between;padding:1.5rem}.dark .premium-report-actions{background:#0f172a80;border-top:1px solid #33415580}.premium-action-buttons{display:flex;gap:.75rem}.premium-action-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;justify-content:center;overflow:hidden;padding:.75rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-action-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:0}.premium-action-btn:hover:before{height:120%;width:120%}.premium-action-btn svg{height:1.25rem;position:relative;width:1.25rem;z-index:1}.premium-action-btn.view{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.premium-action-btn.status{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.premium-action-btn.delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.premium-action-btn:hover{box-shadow:0 8px 20px #0003;transform:translateY(-2px) scale(1.05)}.welcome-banner{background:linear-gradient(135deg,#3b82f6,#6366f1 50%,#8b5cf6);border-radius:20px;box-shadow:0 8px 32px #3b82f633;color:#fff;margin-bottom:1.5rem;overflow:hidden;padding:1.5rem 2rem;position:relative}.dark .welcome-banner{background:linear-gradient(135deg,#1d4ed8,#4f46e5 50%,#7c3aed);box-shadow:0 8px 32px #1d4ed84d}.welcome-content{align-items:center;display:flex;justify-content:space-between;position:relative;z-index:2}.welcome-text{flex:1 1}.welcome-title{font-size:1.5rem;font-weight:800;margin-bottom:.25rem}.welcome-subtitle{font-size:.875rem;opacity:.9}@media (max-width:640px){.data-card{max-height:300px;min-height:260px}.merchant-card{max-height:490px;min-height:470px}.merchant-action-buttons{gap:.5rem;grid-template-columns:repeat(3,1fr)}.merchant-action-btn{font-size:.65rem;padding:.75rem .25rem}}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.stat-card{aspect-ratio:1.2;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f099;border-radius:16px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.dark .stat-card{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #33415599;box-shadow:0 2px 8px #0003}.stat-card:hover{box-shadow:0 8px 25px #00000014;transform:translateY(-2px) scale(1.01)}.dark .stat-card:hover{box-shadow:0 8px 25px #0000004d}.stat-card-content{display:flex;flex-direction:column;height:100%}.stat-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.stat-icon{align-items:center;background:linear-gradient(135deg,var(--card-color),var(--card-color-light));border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;height:2.5rem;justify-content:center;transition:all .3s ease;width:2.5rem}.stat-card:hover .stat-icon{box-shadow:0 6px 16px #00000026;transform:scale(1.05)}.stat-icon svg{color:#fff;height:1.25rem;width:1.25rem}.stat-value{font-size:1.75rem;font-weight:800;line-height:1;margin-bottom:.5rem}.dark .stat-value{color:#f1f5f9}.stat-label{font-size:.75rem;font-weight:600;letter-spacing:.025em;margin-bottom:auto;text-transform:uppercase}.dark .stat-label{color:#94a3b8}.stat-trend{align-items:center;color:var(--card-color);display:flex;font-size:.7rem;font-weight:500;gap:.25rem;margin-top:auto}.stat-card.blue{--card-color:#3b82f6;--card-color-light:#60a5fa}.stat-card.green{--card-color:#10b981;--card-color-light:#34d399}.stat-card.purple{--card-color:#8b5cf6;--card-color-light:#a78bfa}.stat-card.orange{--card-color:#f59e0b;--card-color-light:#fbbf24}.stat-card.indigo{--card-color:#6366f1;--card-color-light:#818cf8}.stat-card.emerald{--card-color:#059669;--card-color-light:#10b981}.stat-card.teal{--card-color:#0d9488;--card-color-light:#14b8a6}.stat-card.pink{--card-color:#ec4899;--card-color-light:#f472b6}.stat-card.red{--card-color:#ef4444;--card-color-light:#f87171}.stat-card.loading .stat-value{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%);background-size:200% 100%;border-radius:.25rem;height:2rem;width:4rem}.dark .stat-card.loading .stat-value{background:linear-gradient(90deg,#334155 25%,#475569 50%,#334155 75%);background-size:200% 100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.mobile-close-btn{display:none}@media (max-width:1024px){.mobile-close-btn{display:flex}.sidebar-container{height:100vh;top:0}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;inset:0;position:fixed;z-index:15}body.sidebar-open{overflow:hidden}}.section-header{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.dark .section-header{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #334155}.section-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.dark .section-title{color:#f1f5f9}.section-subtitle{color:#64748b;font-size:.875rem}.dark .section-subtitle{color:#94a3b8}.filter-controls{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1rem}.dark .filter-controls{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #334155}.filter-group{flex-wrap:wrap;gap:.5rem}.filter-btn,.filter-group{align-items:center;display:flex}.filter-btn{border:1px solid #0000;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:500;gap:.25rem;padding:.5rem 1rem;transition:all .2s ease}.filter-btn.active{background:linear-gradient(135deg,#3b82f6,#6366f1);box-shadow:0 4px 12px #3b82f64d;color:#fff}.filter-btn:not(.active){background:#f1f5f9;color:#64748b}.dark .filter-btn:not(.active){background:#334155;color:#94a3b8}.filter-btn:not(.active):hover{background:#e2e8f0;color:#3b82f6;transform:translateY(-1px)}.dark .filter-btn:not(.active):hover{background:#475569;color:#60a5fa}.search-container{flex:1 1;max-width:20rem;position:relative}.search-input{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;padding:.5rem 1rem .5rem 2.5rem;transition:all .2s ease;width:100%}.dark .search-input{background:#374151;border:1px solid #4b5563;color:#fff}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.search-icon{color:#9ca3af;height:1rem;left:.75rem;position:absolute;top:50%;transform:translateY(-50%);width:1rem}.action-btn{border:none;border-radius:.5rem;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.action-btn.primary{background:linear-gradient(135deg,#3b82f6,#6366f1);box-shadow:0 4px 12px #3b82f64d;color:#fff}.action-btn.primary:hover{background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 6px 16px #3b82f666;transform:translateY(-1px)}.action-btn.secondary{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.dark .action-btn.secondary{background:#334155;border:1px solid #475569;color:#94a3b8}.action-btn.secondary:hover{background:#e2e8f0;color:#3b82f6}.dark .action-btn.secondary:hover{background:#475569;color:#60a5fa}.responsive-grid{grid-gap:1rem;display:grid;gap:1rem}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-compact-4{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid-compact-5{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.grid-compact-6{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}@media (max-width:1536px){.grid-compact-4,.grid-compact-5,.grid-compact-6{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width:1280px){.grid-compact-4,.grid-compact-5,.grid-compact-6{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:1024px){.grid-compact-4,.grid-compact-5,.grid-compact-6{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.grid-compact-4,.grid-compact-5,.grid-compact-6{grid-template-columns:1fr}}@media (max-width:1280px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.grid-2,.grid-3,.grid-4,.stats-grid{grid-template-columns:1fr}.filter-group{align-items:stretch;flex-direction:column}.section-header{padding:1rem}}.empty-state{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:1rem;padding:3rem 1rem}.dark .empty-state{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #334155}.empty-state-icon{color:#9ca3af;height:4rem;margin:0 auto 1rem;width:4rem}.dark .empty-state-icon{color:#6b7280}.empty-state-title{color:#1e293b;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.dark .empty-state-title{color:#f1f5f9}.empty-state-description{color:#64748b;margin-bottom:1rem}.dark .empty-state-description{color:#94a3b8}.custom-scrollbar{scrollbar-color:#9ca3af80 #0000;scrollbar-width:thin}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#0000}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#9ca3af80;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#9ca3afb3}.dark .custom-scrollbar{scrollbar-color:#4b556380 #0000}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background-color:#4b556380}.dark .custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#4b5563b3}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.email-modal-enter{animation:modalSlideIn .3s ease-out}.attachment-item:hover{background-color:#3b82f60d;transform:translateY(-1px)}.attachment-item:hover,.template-button{transition:all .2s ease}.template-button:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.template-button.selected{box-shadow:0 8px 25px #4f46e533;transform:translateY(-1px)}.file-upload-area{transition:all .3s ease}.file-upload-area:hover{background-color:#3b82f605;border-color:#3b82f64d}.email-preview{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0}.dark .email-preview{background:linear-gradient(145deg,#1e293b,#334155);border:1px solid #475569}.send-button-ready{animation:pulse 2s infinite}.loading-spinner{border:2px solid #fff;border-top-color:#0000;display:inline-block;height:16px;width:16px}.data-card{aspect-ratio:1;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f099;border-radius:16px;box-shadow:0 2px 8px #0000000a,0 1px 3px #0000000f;display:flex;flex-direction:column;max-height:320px;min-height:280px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.dark .data-card{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #33415599;box-shadow:0 2px 8px #0003,0 1px 3px #0000001a}.data-card:hover{border-color:#6366f14d;box-shadow:0 12px 32px #00000014,0 4px 16px #0000000a;transform:translateY(-4px) scale(1.02)}.dark .data-card:hover{border-color:#6366f166;box-shadow:0 12px 32px #0000004d,0 4px 16px #0003}.status-bar{background:linear-gradient(90deg,var(--status-color),var(--status-color-light));border-radius:16px 16px 0 0;height:3px;left:0;position:absolute;top:0;width:100%}.status-bar.verified{--status-color:#10b981;--status-color-light:#34d399}.status-bar.unverified{--status-color:#f59e0b;--status-color-light:#fbbf24}.status-bar.active{--status-color:#10b981;--status-color-light:#34d399}.status-bar.pending{--status-color:#f59e0b;--status-color-light:#fbbf24}.status-bar.inactive{--status-color:#6b7280;--status-color-light:#9ca3af}.status-bar.suspended{--status-color:#ef4444;--status-color-light:#f87171}.user-card{padding:1rem}.user-avatar{border:3px solid #e2e8f0;box-shadow:0 4px 8px #0000001a;height:4rem;width:4rem}.dark .user-avatar{border:3px solid #374151}.user-name{font-size:1.125rem}.user-type-badge{border-radius:9999px;font-size:.75rem;font-weight:500}.user-type-badge.donor{background:linear-gradient(135deg,#dcfdf4,#a7f3d0);color:#047857}.dark .user-type-badge.donor{background:linear-gradient(135deg,#064e3b,#047857);color:#6ee7b7}.user-type-badge.receiver{background:linear-gradient(135deg,#ddd6fe,#c4b5fd);color:#6d28d9}.dark .user-type-badge.receiver{background:linear-gradient(135deg,#4c1d95,#6d28d9);color:#c4b5fd}.user-email{font-size:.875rem}.user-card{height:100%;padding:1.25rem}.user-card,.user-header{display:flex;flex-direction:column}.user-header{align-items:center;flex-shrink:0;margin-bottom:1rem}.user-avatar{border:3px solid #6366f133;border-radius:50%;box-shadow:0 4px 12px #6366f126;height:3.5rem;margin-bottom:.75rem;object-fit:cover;transition:all .3s ease;width:3.5rem}.dark .user-avatar{border:3px solid #6366f14d}.user-card:hover .user-avatar{box-shadow:0 6px 16px #6366f140;transform:scale(1.05)}.user-name{color:#1e293b;font-size:1rem;font-weight:600;line-height:1.2;margin-bottom:.25rem;text-align:center}.dark .user-name{color:#f1f5f9}.user-type-badge{border-radius:12px;font-size:.7rem;font-weight:600;letter-spacing:.025em;padding:.25rem .75rem;text-transform:uppercase}.user-email{color:#64748b;font-size:.8rem;margin-top:.25rem;opacity:.8;text-align:center}.dark .user-email{color:#94a3b8}.user-details{background:#f8fafc80;border-radius:12px;display:flex;flex:1 1;flex-direction:column;font-size:.8rem;gap:.5rem;margin-bottom:1rem;padding:.75rem}.dark .user-details{background:#0f172a80}.detail-row{align-items:center;padding:.25rem 0}.detail-label{font-size:.75rem}.dark .detail-label{color:#94a3b8}.detail-value{color:#1e293b;font-size:.75rem;font-weight:600;text-align:right}.dark .detail-value{color:#f1f5f9}.merchant-card{display:flex;flex-direction:column;height:100%;padding:1.25rem}.merchant-header{align-items:center;display:flex;flex-shrink:0;gap:.75rem;margin-bottom:1rem}.merchant-logo{border:1px solid #e2e8f099;border-radius:12px;box-shadow:0 2px 8px #0000001a;flex-shrink:0;height:3rem;object-fit:cover;width:3rem}.dark .merchant-logo{border:1px solid #33415599}.merchant-info{flex:1 1;min-width:0}.merchant-name{align-items:center;color:#1e293b;display:flex;font-size:1rem;font-weight:600;gap:.5rem;line-height:1.2;margin-bottom:.25rem}.merchant-id{color:#64748b;font-size:.7rem;margin-bottom:.25rem;opacity:.8}.dark .merchant-id{color:#94a3b8}.merchant-email{color:#64748b;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .merchant-email{color:#94a3b8}.merchant-details{grid-gap:.5rem;display:grid;font-size:.75rem;gap:.5rem;grid-template-columns:1fr;margin-bottom:1rem}.merchant-detail-item{align-items:center;color:#64748b;display:flex;gap:.5rem;padding:.25rem 0}.dark .merchant-detail-item{color:#94a3b8}.merchant-detail-item svg{color:#6366f1;flex-shrink:0;height:.875rem;width:.875rem}.dark .merchant-detail-item svg{color:#818cf8}.admin-card{aspect-ratio:1;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #e2e8f099;border-radius:1.5rem;box-shadow:0 4px 20px #00000014,0 1px 3px #0000001a;display:flex;flex-direction:column;height:100%;min-height:400px;overflow:hidden;padding:2rem;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.dark .admin-card{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid #33415599;box-shadow:0 4px 20px #0000004d,0 1px 3px #0003}.admin-card:hover{border-color:#6366f166;box-shadow:0 20px 40px #00000026,0 8px 32px #6366f133;transform:translateY(-12px) scale(1.03)}.dark .admin-card:hover{border-color:#6366f180;box-shadow:0 20px 40px #0006,0 8px 32px #6366f14d}.admin-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem;position:relative;z-index:2}.admin-main-info{align-items:center;display:flex;flex:1 1;gap:1rem}.admin-avatar{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;box-shadow:0 8px 25px #6366f14d;height:4rem;padding:3px;position:relative;transition:all .3s ease;width:4rem}.admin-avatar:hover{box-shadow:0 12px 35px #6366f166;transform:scale(1.1) rotate(5deg)}.admin-avatar img{border:2px solid #fff;border-radius:50%;height:100%;object-fit:cover;width:100%}.dark .admin-avatar img{border:2px solid #1e293b}.admin-name{background:linear-gradient(135deg,#1e293b,#1e293b);background-clip:text;-webkit-background-clip:text;color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:.5rem;transition:all .3s ease}.dark .admin-name{background:linear-gradient(135deg,#f1f5f9,#f1f5f9);background-clip:text;-webkit-background-clip:text;color:#f1f5f9}.admin-card:hover .admin-name{background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:#0000}.admin-role-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 15px #6366f14d;color:#fff;font-size:.75rem;font-weight:600;overflow:hidden;padding:.5rem 1rem;position:relative}.admin-role-badge:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.admin-card:hover .admin-role-badge:before{left:100%}.admin-status-info{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.admin-status-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:12px;display:flex;font-size:.75rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.admin-status-badge.active{background:linear-gradient(135deg,#10b98133,#05966933);box-shadow:0 0 20px #10b9814d;color:#047857}.dark .admin-status-badge.active{box-shadow:0 0 20px #10b98166;color:#6ee7b7}.admin-status-badge.inactive{background:linear-gradient(135deg,#6b728033,#4b556333);color:#374151}.dark .admin-status-badge.inactive{color:#d1d5db}.admin-status-dot{animation:pulse 2s infinite;background:#10b981;border-radius:50%;box-shadow:0 0 10px #10b98180;height:.75rem;width:.75rem}.admin-status-dot.inactive{animation:none;background:#6b7280;box-shadow:none}.admin-details{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f8fafccc,#f1f5f9cc);border:1px solid #e2e8f080;border-radius:1rem;display:flex;flex:1 1;flex-direction:column;gap:1rem;margin-bottom:1.5rem;padding:1.5rem}.dark .admin-details{background:linear-gradient(135deg,#0f172acc,#1e293bcc);border:1px solid #33415580}.admin-detail-item{align-items:center;color:#64748b;display:flex;gap:.75rem;padding:.5rem 0;transition:all .3s ease}.dark .admin-detail-item{color:#94a3b8}.admin-card:hover .admin-detail-item{transform:translateX(5px)}.admin-detail-item svg{color:#6366f1;flex-shrink:0;height:1rem;transition:all .3s ease;width:1rem}.dark .admin-detail-item svg{color:#818cf8}.admin-card:hover .admin-detail-item svg{color:#8b5cf6;transform:scale(1.1)}.admin-actions{align-items:center;border-top:1px solid #e2e8f080;display:flex;gap:1rem;justify-content:space-between;padding-top:1.5rem}.dark .admin-actions{border-top:1px solid #33415580}.admin-action-btn{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:flex;flex:1 1;font-weight:600;justify-content:center;overflow:hidden;padding:.75rem;position:relative;transition:all .3s ease}.admin-action-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .4s ease;width:0}.admin-action-btn:hover:before{height:200%;width:200%}.admin-action-btn svg{height:1.125rem;position:relative;transition:all .3s ease;width:1.125rem;z-index:1}.admin-action-btn:hover svg{transform:scale(1.2)}.admin-action-btn.message{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.admin-action-btn.message:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 25px #10b98166;transform:translateY(-2px)}.admin-action-btn.delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.admin-action-btn.delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 25px #ef444466;transform:translateY(-2px)}.admin-loading-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.admin-card-skeleton{animation:skeletonPulse 1.5s ease-in-out infinite alternate;aspect-ratio:1;background:linear-gradient(145deg,#f8fafc,#f1f5f9);border-radius:1.5rem;padding:2rem}.dark .admin-card-skeleton{background:linear-gradient(145deg,#1e293b,#334155)}@keyframes skeletonPulse{0%{opacity:.6}to{opacity:1}}@media (max-width:1024px){.admin-card{min-height:350px}.admin-avatar{height:3.5rem;width:3.5rem}.admin-name{font-size:1.125rem}}@media (max-width:768px){.admin-card{min-height:320px;padding:1.5rem}.admin-header{gap:1rem}.admin-header,.admin-main-info{align-items:center;flex-direction:column;text-align:center}.admin-actions{flex-direction:column;gap:.75rem}.admin-action-btn{width:100%}}.donation-card{padding:1rem}.donation-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.dark .donation-header{border-bottom:1px solid #374151}.donation-id{color:#3b82f6;font-weight:600}.dark .donation-id{color:#60a5fa}.donation-status-badge{align-items:center;border-radius:9999px;display:flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .5rem}.donation-content{align-items:start;display:flex;gap:.75rem;margin-bottom:1rem}.donation-image{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.5rem;flex-shrink:0;height:3.5rem;object-fit:cover;width:3.5rem}.dark .donation-image{background:#374151;border:1px solid #4b5563}.donation-info{flex:1 1;min-width:0}.donation-title{color:#1e293b;margin-bottom:.25rem}.dark .donation-title{color:#f1f5f9}.donation-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.875rem;line-height:1.4;overflow:hidden}.dark .donation-description{color:#94a3b8}.donation-meta{grid-gap:.5rem;display:grid;font-size:.875rem;gap:.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:1rem}.donation-meta-item{align-items:center;color:#64748b;display:flex;gap:.25rem}.dark .donation-meta-item{color:#94a3b8}.donation-meta-item svg{color:#6b7280;height:.875rem;width:.875rem}.dark .donation-meta-item svg{color:#9ca3af}.action-buttons{border-top:1px solid #e2e8f0;gap:.5rem;justify-content:flex-end;padding-top:1rem}.dark .action-buttons{border-top:1px solid #374151}.action-button{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;justify-content:center;overflow:hidden;padding:.5rem;position:relative;transition:all .2s ease}.action-button:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:0}.action-button:hover:before{height:100%;width:100%}.action-button svg{height:1rem;position:relative;width:1rem;z-index:1}.action-button.view{background:#3b82f61a;color:#2563eb}.action-button.view:hover{background:#3b82f633;transform:scale(1.05)}.action-button.edit{background:#6366f11a;color:#4f46e5}.action-button.edit:hover{background:#6366f133;transform:scale(1.05)}.action-button.email{background:#10b9811a;color:#059669}.action-button.email:hover{background:#10b98133;transform:scale(1.05)}.action-button.delete{background:#ef44441a;color:#dc2626}.action-button.delete:hover{background:#ef444433;transform:scale(1.05)}.action-button.verify{background:#f59e0b1a;color:#d97706}.action-button.verify:hover{background:#f59e0b33;transform:scale(1.05)}.action-button[title]{position:relative}.action-button[title]:hover:after{background:#1e293b;border-radius:.25rem;bottom:100%;color:#fff;content:attr(title);font-size:.75rem;left:50%;margin-bottom:.25rem;padding:.25rem .5rem;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.dark .action-button[title]:hover:after{background:#f1f5f9;color:#1e293b}.data-card.loading{opacity:.6;pointer-events:none}.data-card.loading:after{animation:loading-shimmer 1.5s infinite;background:linear-gradient(90deg,#fff0,#fff3 50%,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.dark .data-card.loading:after{background:linear-gradient(90deg,#fff0,#ffffff1a 50%,#fff0)}@keyframes loading-shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:768px){.data-card{margin-bottom:1rem}.merchant-header{align-items:center;flex-direction:column;text-align:center}.donation-meta,.merchant-details{grid-template-columns:1fr}.action-buttons{flex-wrap:wrap;justify-content:center}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;inset:0;padding:1rem;z-index:50}.dark .modal-overlay{background:#000c}.modal-container{animation:slideUp .3s ease-out;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #fff3;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;overflow:hidden;width:100%}.dark .modal-container{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #ffffff1a;box-shadow:0 25px 50px -12px #00000080}.modal-small{max-width:28rem}.modal-medium{max-width:32rem}.modal-large{max-width:48rem}.modal-xlarge{max-width:64rem}.modal-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;overflow:hidden;padding:1.5rem;position:relative}.dark .modal-header{background:linear-gradient(135deg,#334155,#1e293b);border-bottom:1px solid #334155}.modal-header:before{background:linear-gradient(90deg,#3b82f6,#6366f1,#8b5cf6);content:"";height:3px;left:0;position:absolute;right:0;top:0}.modal-title{align-items:center;color:#1e293b;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem}.dark .modal-title{color:#f1f5f9}.modal-title svg{color:#3b82f6;height:1.25rem;width:1.25rem}.dark .modal-title svg{color:#60a5fa}.modal-close{background:#6b72801a;border:none;border-radius:.5rem;color:#6b7280;cursor:pointer;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease}.modal-close:hover{background:#ef44441a;color:#ef4444;transform:scale(1.1)}.modal-close svg{height:1.25rem;width:1.25rem}.modal-content{max-height:calc(90vh - 140px);padding:1.5rem}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.dark .modal-content::-webkit-scrollbar-track{background:#334155}.modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.dark .modal-content::-webkit-scrollbar-thumb{background:#475569}.modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.dark .modal-footer{background:#0f172a;border-top:1px solid #334155}.form-section{border:1px solid #e2e8f0;border-radius:.75rem;margin-bottom:1.5rem;padding:1rem;position:relative}.dark .form-section{border:1px solid #334155}.form-section.blue{background:#3b82f60d;border-color:#3b82f633}.form-section.green{background:#10b9810d;border-color:#10b98133}.form-section.purple{background:#8b5cf60d;border-color:#8b5cf633}.form-section.orange{background:#f59e0b0d;border-color:#f59e0b33}.form-section.pink{background:#ec48990d;border-color:#ec489933}.dark .form-section.blue{background:#3b82f61a}.dark .form-section.green{background:#10b9811a}.dark .form-section.purple{background:#8b5cf61a}.dark .form-section.orange{background:#f59e0b1a}.dark .form-section.pink{background:#ec48991a}.form-section-title{align-items:center;color:#1e293b;display:flex;gap:.5rem;margin-bottom:1rem}.dark .form-section-title{color:#f1f5f9}.form-section-title svg{height:1rem;width:1rem}.form-group{margin-bottom:1rem}.form-group.half{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.form-group.third{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.form-group.half,.form-group.third{grid-template-columns:1fr}}.form-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.dark .form-label{color:#d1d5db}.form-label.required:after{color:#ef4444;content:" *"}.form-input{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#1f2937;font-size:.875rem;padding:.75rem;transition:all .2s ease;width:100%}.dark .form-input{background:#374151;border:1px solid #4b5563;color:#f9fafb}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.dark .form-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.form-input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-input::placeholder{color:#9ca3af}.dark .form-input::placeholder{color:#6b7280}.form-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;font-size:.875rem;padding:.75rem 2.5rem .75rem .75rem;transition:all .2s ease;width:100%}.dark .form-select{background:#374151;border:1px solid #4b5563;color:#f9fafb}.form-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;min-height:4rem;padding:.75rem;resize:vertical;transition:all .2s ease;width:100%}.dark .form-textarea{background:#374151;border:1px solid #4b5563;color:#f9fafb}.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-checkbox{border:1px solid #d1d5db;border-radius:.25rem;color:#3b82f6;cursor:pointer;height:1rem;width:1rem}.dark .form-checkbox{background:#374151;border:1px solid #4b5563}.form-checkbox:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.checkbox-group{display:flex;flex-wrap:wrap;gap:1rem}.checkbox-item{align-items:center;display:flex;gap:.5rem}.checkbox-label{color:#374151;cursor:pointer;font-size:.875rem}.dark .checkbox-label{color:#d1d5db}.file-upload-area{background:#fafafa;border:2px dashed #d1d5db;border-radius:.5rem;cursor:pointer;padding:2rem;text-align:center;transition:all .2s ease}.dark .file-upload-area{background:#374151;border:2px dashed #4b5563}.file-upload-area:hover{background:#f0f7ff;border-color:#3b82f6}.dark .file-upload-area:hover{background:#1e3a8a;border-color:#60a5fa}.file-upload-area.dragover{background:#dbeafe;border-color:#3b82f6}.dark .file-upload-area.dragover{background:#1e3a8a;border-color:#60a5fa}.file-upload-icon{color:#9ca3af;height:3rem;margin:0 auto 1rem;width:3rem}.file-upload-text{color:#374151;margin-bottom:.5rem}.dark .file-upload-text{color:#d1d5db}.file-upload-hint{color:#6b7280;font-size:.875rem}.dark .file-upload-hint{color:#9ca3af}.file-preview{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;display:flex;gap:1rem;margin-top:.5rem;padding:1rem}.dark .file-preview{background:#1e293b;border:1px solid #334155}.file-preview-icon{color:#6366f1;height:2rem;width:2rem}.file-preview-info{flex:1 1}.file-preview-name{color:#1e293b;font-size:.875rem;font-weight:500}.dark .file-preview-name{color:#f1f5f9}.file-preview-size{color:#6b7280;font-size:.75rem}.dark .file-preview-size{color:#9ca3af}.file-preview-remove{background:#ef44441a;border:none;border-radius:.25rem;color:#ef4444;cursor:pointer;padding:.25rem;transition:all .2s ease}.file-preview-remove:hover{background:#ef444433;transform:scale(1.1)}.profile-photo-upload{align-items:center;display:flex;flex-direction:column;gap:1rem}.profile-photo-container{height:8rem;position:relative;width:8rem}.profile-photo-preview{align-items:center;background:#f3f4f6;border:4px solid #e2e8f0;border-radius:50%;display:flex;height:100%;justify-content:center;object-fit:cover;width:100%}.dark .profile-photo-preview{background:#4b5563;border:4px solid #374151}.profile-photo-upload-btn{align-items:center;background:#3b82f6;border:none;border-radius:50%;bottom:0;box-shadow:0 2px 4px #0000001a;color:#fff;cursor:pointer;display:flex;height:2rem;justify-content:center;position:absolute;right:0;transition:all .2s ease;width:2rem}.profile-photo-upload-btn:hover{background:#2563eb;transform:scale(1.1)}.profile-photo-upload-btn svg{height:.875rem;width:.875rem}.btn{align-items:center;border:none;border-radius:.5rem;display:inline-flex;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-align:center;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#3b82f6,#6366f1);box-shadow:0 4px 12px #3b82f64d}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#4f46e5);box-shadow:0 6px 16px #3b82f666;transform:translateY(-1px)}.btn-secondary{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.dark .btn-secondary{background:#334155;border:1px solid #475569;color:#94a3b8}.btn-secondary:hover{background:#e2e8f0;color:#3b82f6}.dark .btn-secondary:hover{background:#475569;color:#60a5fa}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #ef44444d;color:#fff}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 16px #ef444466;transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166;transform:translateY(-1px)}.btn-loading{opacity:.7;pointer-events:none}.btn-loading svg{animation:spin 1s linear infinite}.form-error{align-items:center;color:#ef4444;display:flex;font-size:.75rem;gap:.25rem;margin-top:.25rem}.form-error svg{height:.875rem;width:.875rem}.form-success{align-items:center;color:#10b981;display:flex;font-size:.75rem;gap:.25rem;margin-top:.25rem}.form-success svg{height:.875rem;width:.875rem}@media (max-width:768px){.modal-container{margin:.5rem;max-height:95vh}.modal-content{max-height:calc(95vh - 120px);padding:1rem}.modal-footer{flex-direction:column;gap:.5rem;padding:.75rem 1rem}.btn{justify-content:center;width:100%}}.message-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;position:relative;transition:all .3s ease}.dark .message-card{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #334155}.message-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.dark .message-card:hover{box-shadow:0 8px 25px #0000004d}.message-card.unread{background:linear-gradient(135deg,#fef2f2,#fff);border-left:4px solid #ef4444}.dark .message-card.unread{background:linear-gradient(135deg,#451a1a,#1e293b);border-left:4px solid #ef4444}.message-card.unread .message-header{background:#ef44440d}.dark .message-card.unread .message-header{background:#ef44441a}.message-header{background:#f8fafc80;border-bottom:1px solid #e2e8f0;justify-content:between;padding:1rem}.dark .message-header{background:#0f172a80;border-bottom:1px solid #334155}.message-status{align-items:center;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.message-status.new{color:#dc2626}.message-status.read{color:#059669}.message-status-dot{border-radius:50%;height:.5rem;width:.5rem}.message-status.new .message-status-dot{animation:pulse 2s infinite;background:#ef4444}.message-status.read .message-status-dot{background:#10b981}.dark .message-date{color:#9ca3af}.message-sender{gap:.75rem;margin-bottom:1rem}.message-avatar{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;display:flex;font-size:1rem;font-weight:600;height:2.5rem;justify-content:center;width:2.5rem}.message-sender-info{flex:1 1}.message-sender-name{color:#1e293b;font-size:.875rem}.dark .message-sender-name{color:#f1f5f9}.message-sender-email{color:#64748b;font-size:.75rem}.dark .message-sender-email{color:#94a3b8}.message-subject{color:#6b7280;font-size:.75rem;margin-top:.25rem}.dark .message-subject{color:#9ca3af}.attachment-indicator{color:#3b82f6;display:flex;font-size:.75rem;gap:.25rem;margin-top:.25rem}.dark .attachment-indicator{color:#60a5fa}.attachment-indicator svg{height:.75rem;width:.75rem}.message-preview{color:#64748b;font-size:.875rem;padding:1rem}.dark .message-preview{color:#94a3b8}.message-actions{align-items:center;background:#f8fafc80;border-top:1px solid #e2e8f0;justify-content:space-between;padding:1rem}.dark .message-actions{background:#0f172a80;border-top:1px solid #334155}.message-action-buttons{display:flex;gap:.5rem}.message-action-btn{border:none;border-radius:.5rem;justify-content:center;padding:.5rem}.message-action-btn svg{height:1rem;width:1rem}.message-action-btn.view{background:#3b82f61a;color:#2563eb}.message-action-btn.view:hover{background:#3b82f633;transform:scale(1.05)}.message-action-btn.reply{background:#10b9811a;color:#059669}.message-action-btn.reply:hover{background:#10b98133;transform:scale(1.05)}.message-action-btn.delete{background:#ef44441a;color:#dc2626}.message-action-btn.delete:hover{background:#ef444433;transform:scale(1.05)}.message-action-btn.download{background:#6366f11a;color:#4f46e5}.message-action-btn.download:hover{background:#6366f133;transform:scale(1.05)}.message-read-status{background:#10b9810d;border-top:1px solid #e2e8f0;color:#059669;font-size:.75rem;padding:.75rem 1rem}.dark .message-read-status{background:#10b9811a;border-top:1px solid #334155;color:#6ee7b7}.message-detail-header{background:#3b82f60d;border:1px solid #3b82f61a;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.dark .message-detail-header{background:#3b82f61a;border:1px solid #3b82f633}.message-detail-content{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:1rem;max-height:12rem;overflow-y:auto;padding:1rem}.dark .message-detail-content{background:#1e293b;border:1px solid #334155}.attachment-section{background:#3b82f60d;border:1px solid #3b82f61a;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.dark .attachment-section{background:#3b82f61a;border:1px solid #3b82f633}.attachment-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;display:flex;justify-content:space-between;padding:.75rem}.dark .attachment-item{background:#374151;border:1px solid #4b5563}.attachment-info{align-items:center;display:flex;gap:.75rem}.attachment-icon{background:#3b82f61a;border-radius:.5rem;color:#3b82f6;padding:.5rem}.dark .attachment-icon{background:#3b82f633;color:#60a5fa}.attachment-details{flex:1 1}.attachment-name{color:#1e293b;font-size:.875rem;font-weight:500}.dark .attachment-name{color:#f1f5f9}.attachment-meta{color:#64748b;font-size:.75rem}.dark .attachment-meta{color:#94a3b8}.attachment-actions{display:flex;gap:.5rem}.reply-original{background:#6b72800d;border-left:3px solid #6b7280;border-radius:.5rem;margin-bottom:1rem;padding:.75rem}.dark .reply-original{background:#6b72801a}.reply-quote{color:#64748b;font-size:.875rem;font-style:italic;line-height:1.4}.dark .reply-quote{color:#94a3b8}.email-preview{background:#3b82f60d;border:1px solid #3b82f61a;border-radius:.5rem;padding:1rem}.dark .email-preview{background:#3b82f61a;border:1px solid #3b82f633}.email-preview-content{background:#fff;border:1px solid #e2e8f0;border-radius:.25rem;font-size:.875rem;margin-top:.5rem;max-height:8rem;overflow-y:auto;padding:.75rem}.dark .email-preview-content{background:#374151;border:1px solid #4b5563}.template-buttons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.template-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:.25rem;color:#64748b;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:all .2s ease}.dark .template-btn{background:#334155;border:1px solid #475569;color:#94a3b8}.template-btn:hover{background:#e2e8f0;color:#3b82f6}.dark .template-btn:hover{background:#475569;color:#60a5fa}.data-table{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.dark .data-table{background:#1e293b;border:1px solid #334155}.table-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0}.dark .table-header{background:linear-gradient(135deg,#334155,#1e293b);border-bottom:1px solid #475569}.table-row{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.dark .table-row{border-bottom:1px solid #334155}.table-row:hover{background:#3b82f60d}.dark .table-row:hover{background:#3b82f61a}.table-cell{color:#1e293b;padding:1rem;text-align:left;vertical-align:middle}.dark .table-cell{color:#f1f5f9}.table-header .table-cell{color:#374151;font-size:.875rem;font-weight:600}.dark .table-header .table-cell{color:#d1d5db}.pagination{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem}.pagination-btn{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#374151;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease}.dark .pagination-btn{background:#374151;border:1px solid #4b5563;color:#d1d5db}.pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.dark .pagination-btn:hover:not(:disabled){background:#4b5563;border-color:#6b7280}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.pagination-info{color:#64748b;font-size:.875rem}.dark .pagination-info{color:#94a3b8}.status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;padding:.25rem .75rem}.status-badge.success{background:#10b9811a;color:#047857}.dark .status-badge.success{background:#10b98133;color:#6ee7b7}.status-badge.warning{background:#f59e0b1a;color:#92400e}.dark .status-badge.warning{background:#f59e0b33;color:#fbbf24}.status-badge.error{background:#ef44441a;color:#b91c1c}.dark .status-badge.error{background:#ef444433;color:#fca5a5}.status-badge.info{background:#3b82f61a;color:#1d4ed8}.dark .status-badge.info{background:#3b82f633;color:#93c5fd}.status-badge.neutral{background:#6b72801a;color:#374151}.dark .status-badge.neutral{background:#6b728033;color:#d1d5db}.progress-bar{background:#e5e7eb;border-radius:9999px;height:.5rem;overflow:hidden;width:100%}.dark .progress-bar{background:#374151}.progress-fill{background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:9999px;height:100%;transition:width .3s ease}.progress-fill.success{background:linear-gradient(90deg,#10b981,#059669)}.progress-fill.warning{background:linear-gradient(90deg,#f59e0b,#d97706)}.progress-fill.error{background:linear-gradient(90deg,#ef4444,#dc2626)}.tooltip{display:inline-block;position:relative}.tooltip:hover:after{background:#1f2937;border-radius:.25rem;bottom:100%;color:#fff;content:attr(data-tooltip);font-size:.75rem;left:50%;margin-bottom:.25rem;padding:.5rem;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.dark .tooltip:hover:after{background:#f9fafb;color:#1f2937}.tooltip:hover:before{border:4px solid #0000;border-top-color:#1f2937;bottom:100%;content:"";left:50%;position:absolute;transform:translateX(-50%);z-index:10}.dark .tooltip:hover:before{border-top-color:#f9fafb}@media (max-width:768px){.message-card{margin-bottom:1rem}.message-actions{align-items:stretch;flex-direction:column;gap:.75rem}.message-action-buttons{justify-content:center}.data-table{font-size:.875rem}.table-cell{padding:.75rem .5rem}.pagination{flex-wrap:wrap}.template-buttons{justify-content:center}}.report-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:1rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;position:relative;transition:all .3s ease}.dark .report-card{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #334155}.report-card:hover{box-shadow:0 10px 25px #00000026;transform:translateY(-4px) scale(1.02)}.dark .report-card:hover{box-shadow:0 10px 25px #0000004d}.report-card.pending{background:linear-gradient(135deg,#fffbeb,#fff);border-left:4px solid #f59e0b}.dark .report-card.pending{background:linear-gradient(135deg,#451a03,#1e293b);border-left:4px solid #f59e0b}.report-card.escalated{animation:urgentPulse 2s infinite;background:linear-gradient(135deg,#fef2f2,#fff);border-left:4px solid #ef4444}.dark .report-card.escalated{background:linear-gradient(135deg,#451a1a,#1e293b);border-left:4px solid #ef4444}@keyframes urgentPulse{0%,to{box-shadow:0 1px 3px #0000001a}50%{box-shadow:0 0 20px #ef44444d}}.report-header{align-items:start;display:flex;gap:1rem;justify-content:between;padding:1rem}.report-title{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:.25rem}.dark .report-title{color:#f1f5f9}.report-id{color:#64748b;font-size:.75rem;margin-bottom:.5rem}.dark .report-id{color:#94a3b8}.report-status-badge{border-radius:9999px;font-size:.75rem;font-weight:500;letter-spacing:.025em;padding:.25rem .5rem;text-transform:uppercase}.report-status-badge.pending{background:#f59e0b1a;color:#92400e}.dark .report-status-badge.pending{background:#f59e0b33;color:#fbbf24}.report-status-badge.under_review{background:#f973161a;color:#ea580c}.dark .report-status-badge.under_review{background:#f9731633;color:#fb923c}.report-status-badge.resolved{background:#10b9811a;color:#047857}.dark .report-status-badge.resolved{background:#10b98133;color:#6ee7b7}.report-status-badge.escalated{animation:statusPulse 1.5s infinite;background:#ef44441a;color:#b91c1c}.dark .report-status-badge.escalated{background:#ef444433;color:#fca5a5}@keyframes statusPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.report-details{space-y:.5rem;padding:0 1rem 1rem}.report-detail-item{align-items:center;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:.5rem}.report-detail-label{color:#64748b;font-weight:500}.dark .report-detail-label{color:#94a3b8}.report-detail-value{color:#1e293b;font-weight:600}.dark .report-detail-value{color:#f1f5f9}.report-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.875rem;line-height:1.4;margin-bottom:1rem;overflow:hidden}.dark .report-description{color:#94a3b8}.report-actions{align-items:center;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem}.dark .report-actions{border-top:1px solid #334155}.report-detail-section{border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.dark .report-detail-section{border:1px solid #334155}.report-detail-section.summary{background:#6b72800d}.dark .report-detail-section.summary{background:#6b72801a}.report-detail-section.food-info{background:#3b82f60d}.dark .report-detail-section.food-info{background:#3b82f61a}.report-detail-section.report-details{background:#ef44440d}.dark .report-detail-section.report-details{background:#ef44441a}.evidence-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.evidence-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;display:flex;justify-content:space-between;padding:1rem}.dark .evidence-item{background:#374151;border:1px solid #4b5563}.evidence-info{align-items:center;display:flex;gap:.75rem}.evidence-icon{background:#f59e0b1a;border-radius:.5rem;color:#d97706;padding:.5rem}.dark .evidence-icon{background:#f59e0b33;color:#fbbf24}.priority-indicator{align-items:center;display:flex;font-size:.75rem;font-weight:500;gap:.25rem}.priority-stars{display:flex;gap:.125rem}.priority-star{color:#fbbf24;height:.75rem;width:.75rem}.priority-star.empty{color:#d1d5db}.dark .priority-star.empty{color:#4b5563}.loading-container{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:1rem;display:flex;flex-direction:column;justify-content:center;padding:3rem}.dark .loading-container{background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid #334155}.loading-spinner{border:3px solid #e2e8f0;height:3rem;width:3rem}.dark .loading-spinner{border:3px solid #334155;border-top-color:#60a5fa}.loading-text{color:#64748b;font-size:.875rem}.dark .loading-text{color:#94a3b8}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%;border-radius:.25rem}.dark .skeleton{background:linear-gradient(90deg,#374151 25%,#4b5563 50%,#374151 75%);background-size:200% 100%}.skeleton-text{height:1rem;margin-bottom:.5rem}.skeleton-text.short{width:60%}.skeleton-text.medium{width:80%}.skeleton-text.long{width:100%}.skeleton-avatar{border-radius:50%;height:3rem;width:3rem}.skeleton-button{border-radius:.5rem;height:2.5rem;width:5rem}.error-container{align-items:center;background:#ef44440d;border:1px solid #ef444433;border-radius:1rem;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.dark .error-container{background:#ef44441a;border:1px solid #ef44444d}.error-icon{color:#ef4444;height:3rem;margin-bottom:1rem;width:3rem}.error-title{color:#dc2626;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.dark .error-title{color:#fca5a5}.error-message{color:#7f1d1d;margin-bottom:1rem}.dark .error-message{color:#fecaca}.retry-button{background:#ef4444;border-radius:.5rem}.retry-button:hover{background:#dc2626}.toast-container{max-width:24rem;position:fixed;right:1rem;top:1rem;z-index:100}.toast{animation:slideInRight .3s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;margin-bottom:.5rem;overflow:hidden;padding:1rem;position:relative}.dark .toast{background:#1e293b;border:1px solid #334155;box-shadow:0 10px 15px -3px #0000004d}.toast:before{background:var(--toast-color);content:"";height:3px;left:0;position:absolute;right:0;top:0}.toast.success{--toast-color:#10b981}.toast.error{--toast-color:#ef4444}.toast.warning{--toast-color:#f59e0b}.toast.info{--toast-color:#3b82f6}.toast-content{align-items:start;display:flex;gap:.75rem}.toast-icon{flex-shrink:0;height:1.25rem;margin-top:.125rem;width:1.25rem}.toast.success .toast-icon{color:#10b981}.toast.error .toast-icon{color:#ef4444}.toast.warning .toast-icon{color:#f59e0b}.toast.info .toast-icon{color:#3b82f6}.toast-message{color:#1e293b;flex:1 1;font-size:.875rem;line-height:1.4}.dark .toast-message{color:#f1f5f9}.toast-close{background:none;border:none;border-radius:.25rem;color:#6b7280;cursor:pointer;padding:.25rem;position:absolute;right:.5rem;top:.5rem;transition:all .2s ease}.toast-close:hover{background:#6b72801a;color:#374151}.dark .toast-close:hover{background:#6b728033;color:#d1d5db}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.dropdown{display:inline-block;position:relative}.dropdown-menu{animation:slideDown .2s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;min-width:12rem;position:absolute;right:0;top:100%;z-index:50}.dark .dropdown-menu{background:#1e293b;border:1px solid #334155;box-shadow:0 10px 15px -3px #0000004d}.dropdown-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.dark .dropdown-item{color:#d1d5db}.dropdown-item:hover{background:#f3f4f6;color:#1f2937}.dark .dropdown-item:hover{background:#374151;color:#f9fafb}.dropdown-item:first-child{border-radius:.5rem .5rem 0 0}.dropdown-item:last-child{border-radius:0 0 .5rem .5rem}.dropdown-divider{background:#e2e8f0;height:1px;margin:.25rem 0}.dark .dropdown-divider{background:#374151}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-1,.line-clamp-2{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hover-lift{transition:transform .2s ease}.hover-lift:hover{transform:translateY(-2px)}.glass-effect{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #fff3}.dark .glass-effect{background:#1e293bb3;border:1px solid #ffffff1a}.gradient-border{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);border-radius:.5rem;padding:1px;position:relative}.gradient-border-content{background:#fff;border-radius:.5rem;height:100%;padding:1rem}.dark .gradient-border-content{background:#1e293b}.bounce-in{animation:bounceIn .5s ease-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-in-up{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}@media print{.action-buttons,.dashboard-header,.modal-overlay,.sidebar-container{display:none!important}.main-content{margin-left:0!important}.data-card{border:1px solid #000;box-shadow:none}.data-card,.stat-card{break-inside:avoid;page-break-inside:avoid}}@media (prefers-contrast:high){.data-card{border:2px solid #000}.btn-primary{background:#000;color:#fff}.btn-secondary{background:#fff;border:2px solid #000;color:#000}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.float,.statusPulse,.urgentPulse{animation:none!important}}:root{--primary-color:#12b76a;--primary-light:#e6f7ee;--primary-dark:#0e9358;--secondary-color:#f04438;--accent-color:#ff9500;--neutral-100:#f8fafc;--neutral-200:#eef2f6;--neutral-300:#e3e8ef;--neutral-400:#cdd5df;--neutral-500:#9aa4b2;--neutral-600:#697586;--neutral-700:#4d5761;--neutral-800:#2d3748;--neutral-900:#1a202c;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--info-color:#3b82f6;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--box-shadow-sm:0 1px 3px #0000001a;--box-shadow-md:0 4px 6px #0000001a;--box-shadow-lg:0 10px 15px #0000001a;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--neutral-100);color:#2d3748;color:var(--neutral-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);line-height:1.5}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{color:#1a202c;color:var(--neutral-900);font-weight:600;margin-bottom:.5rem}h1{font-size:2.25rem;line-height:2.5rem}h2{font-size:1.875rem;line-height:2.25rem}h3{font-size:1.5rem;line-height:2rem}h4{font-size:1.25rem;line-height:1.75rem}p{color:#4d5761;color:var(--neutral-700);margin-bottom:1rem}a{color:#12b76a;color:var(--primary-color);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}a:hover{color:#0e9358;color:var(--primary-dark)}.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6{color:#f7fafc;text-shadow:0 1px 2px #0000004d}.dark .content-header h2{color:#fff;font-weight:700;letter-spacing:.5px}.compact-premium-header{background:linear-gradient(135deg,#393a38,#21e6f1);border-radius:20px;box-shadow:0 15px 35px #667eea26,inset 0 1px 0 #ffffff1a;margin-bottom:24px;min-height:180px;overflow:hidden;padding:24px;position:relative}.compact-premium-header:before{background:radial-gradient(circle at 20% 80%,#ffffff14 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.merchant-info-section{align-items:center;display:flex;gap:20px;margin-bottom:24px;position:relative;z-index:2}.merchant-avatar{flex-shrink:0;height:70px;position:relative;width:70px}.merchant-image{border:3px solid #ffffff4d;border-radius:50%;box-shadow:0 8px 20px #00000026;height:100%;object-fit:cover;transition:all .3s ease;width:100%}.merchant-image:hover{box-shadow:0 12px 24px #0003;transform:scale(1.05)}.status-indicator{background:#10b981;border:3px solid #fff;border-radius:50%;bottom:4px;box-shadow:0 2px 6px #10b9814d;height:18px;position:absolute;right:4px;width:18px}.merchant-details{flex:1 1}.merchant-name{color:#fff;font-size:2rem;font-weight:800;letter-spacing:-.01em;line-height:1.1;margin:0 0 6px;text-shadow:0 2px 4px #0000001a}.name-highlight{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#f093fb,#f5576c);-webkit-background-clip:text;background-clip:text}.current-date{color:#fffc;font-size:.95rem;font-weight:500;margin:0}.compact-actions-layout{gap:16px;z-index:2}.compact-action-btn,.compact-actions-layout{display:flex;flex-direction:column;position:relative}.compact-action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff26;border-radius:16px;cursor:pointer;gap:8px;min-height:80px;overflow:hidden;padding:16px 12px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.compact-action-btn:before{background:#ffffff1a;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.compact-action-btn:hover:before{opacity:1}.compact-action-btn:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-3px)}.fees-btn{background:linear-gradient(135deg,#667eead9,#764ba2d9);color:#fff}.donations-btn{background:linear-gradient(135deg,#f093fbd9,#f5576cd9);color:#fff}.sales-btn{background:linear-gradient(135deg,#4facfed9,#00f2fed9);color:#fff}.messages-btn{background:linear-gradient(135deg,#43e97bd9,#38f9d7d9);color:#fff}.profile-btn{background:linear-gradient(135deg,#fa709ad9,#fee140d9);color:#fff}.compact-btn-icon{align-items:center;background:#fff3;border-radius:10px;display:flex;flex-shrink:0;height:36px;justify-content:center;position:relative;width:36px}.compact-btn-text{display:flex;flex-direction:column;gap:2px}.btn-title{font-size:.85rem;font-weight:600;line-height:1.1}.btn-subtitle{font-size:.7rem;font-weight:500;opacity:.8}.compact-notification-badge{align-items:center;animation:compactPulse 2s infinite;background:linear-gradient(135deg,#ff4757,#ff6b6b);border-radius:9px;box-shadow:0 2px 8px #ff475766;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;position:absolute;right:-4px;top:-4px}@keyframes compactPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.compact-main-actions{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.compact-logout-section{display:flex;justify-content:center;margin-top:16px}.compact-logout-btn{align-items:center;background:#feffff14;border:2px solid #ef44444d;border-radius:16px;color:#dc2626;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 24px;transition:all .3s ease}.compact-logout-btn:hover{background:#ef444426;border-color:#ef444480;transform:translateY(-2px)}@media (max-width:992px){.compact-main-actions{gap:12px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.compact-premium-header{min-height:200px;padding:20px}.compact-main-actions{gap:10px;grid-template-columns:repeat(3,1fr)}.compact-action-btn{border-radius:12px;min-height:75px;padding:14px 8px}.compact-btn-icon{height:32px;margin-bottom:4px;width:32px}.btn-title{font-size:.75rem;line-height:1.1}.btn-subtitle{font-size:.65rem}.compact-action-btn.create-btn{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;grid-column:span 2}.compact-logout-section{margin-top:20px}.compact-logout-btn{max-width:200px;padding:14px 20px;width:100%}}@media (max-width:480px){.compact-premium-header{min-height:220px;padding:16px}.compact-main-actions{gap:8px;grid-template-columns:repeat(3,1fr)}.compact-action-btn{border-radius:10px;min-height:70px;padding:12px 6px}.compact-btn-icon{height:28px;width:28px}.btn-title{font-size:.7rem}.btn-subtitle{font-size:.6rem}.compact-action-btn.create-btn{grid-column:span 3;min-height:60px;padding:16px}.compact-logout-btn{font-size:.85rem;padding:12px 16px}}.compact-action-btn.create-btn{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 6px 16px #10b98140;color:#fff;overflow:hidden;position:relative}.compact-action-btn.create-btn:hover{box-shadow:0 10px 24px #10b98159;transform:translateY(-3px)}.compact-action-btn.create-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.compact-action-btn.create-btn:hover:before{left:100%}.compact-overview-container{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 8px 24px #0000000f;margin-bottom:24px;overflow:hidden;transition:all .4s ease}.compact-overview-container.collapsed{box-shadow:0 4px 12px #0000000a}.compact-overview-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-bottom:1px solid #e2e8f080;display:flex;justify-content:space-between;padding:20px 24px}.overview-title-section{align-items:center;display:flex;gap:12px}.overview-icon{align-items:center;background:linear-gradient(135deg,#bdbdc0,#fafafa);border-radius:10px;box-shadow:0 4px 12px #667eea40;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.overview-title-content{display:flex;flex-direction:column;gap:2px}.overview-title{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.overview-subtitle{color:#64748b;font-size:.85rem;font-weight:500;margin:0}.compact-toggle-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px #667eea40;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:8px;padding:10px 16px;transition:all .3s ease}.compact-toggle-btn:hover{box-shadow:0 6px 16px #667eea59;transform:translateY(-2px)}.toggle-text{font-size:.85rem}.toggle-icon{align-items:center;display:flex;justify-content:center}.compact-stat-card{background:#fff;border:1px solid #0000000d;border-radius:16px;box-shadow:0 4px 12px #00000014;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.compact-stat-card:before{background:currentColor;content:"";height:3px;left:0;opacity:.7;position:absolute;right:0;top:0}.compact-stat-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.items-sold-card{color:#667eea}.active-listings-card{color:#f093fb}.revenue-card{color:#10b981}.compact-stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.compact-stat-icon{align-items:center;background:#0000000d;border-radius:10px;color:currentColor;display:flex;height:40px;justify-content:center;width:40px}.compact-trend{border-radius:8px;font-size:.75rem;font-weight:600;padding:4px 8px}.compact-trend.positive{background:#10b9811a;color:#059669}.compact-trend.neutral{background:#6b72801a;color:#6b7280}.compact-stat-content{margin-bottom:12px}.compact-stat-number{color:#1e293b;font-size:1.75rem;font-weight:800;line-height:1;margin:0 0 6px}.compact-stat-label{color:#475569;font-size:.9rem;font-weight:600;margin:0 0 4px}.compact-stat-sublabel{color:#64748b;font-size:.75rem;font-weight:500}.compact-progress{background:#0000000d;border-radius:2px;height:4px;overflow:hidden}.compact-progress-fill{background:currentColor;border-radius:2px;height:100%;opacity:.8;transition:width .6s ease}.compact-loading{align-items:center;display:flex;flex-direction:column;gap:8px;padding:16px 0}.loading-pulse{animation:spin 1s linear infinite;border:2px solid;border-radius:50%;border-top:2px solid #0000;height:24px;opacity:.6;width:24px}.compact-loading span{color:currentColor;font-size:.8rem;font-weight:500;opacity:.7}.dark .compact-premium-header{background:linear-gradient(135deg,#1e293b,#0f172a);box-shadow:0 15px 35px #0000004d,inset 0 1px 0 #ffffff0d}.dark .merchant-name{color:#f1f5f9}.dark .current-date{color:#f1f5f9cc}.dark .compact-action-btn{border-color:#ffffff0d}.dark .compact-logout-btn{background:#dc26261a;border-color:#dc26264d;color:#f87171}.dark .compact-overview-container{background:#1e293b;border-color:#ffffff0d}.dark .compact-overview-header{background:linear-gradient(135deg,#0f172a,#1e293b);border-bottom-color:#ffffff0d}.dark .overview-title{color:#f1f5f9}.dark .overview-subtitle{color:#94a3b8}.dark .compact-stats-grid{background:linear-gradient(135deg,#0f172a,#1e293b)}.dark .compact-stat-card{background:#334155;border-color:#ffffff0d}.dark .compact-stat-number{color:#f1f5f9}.dark .compact-stat-label{color:#cbd5e1}.dark .compact-stat-sublabel{color:#94a3b8}.dark .compact-progress,.dark .compact-stat-icon{background:#ffffff0d}.compact-stats-grid{grid-gap:20px;background:linear-gradient(135deg,#f8fafc,#fff);display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:24px}@media (max-width:1200px){.compact-stats-grid{gap:16px;grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.compact-stats-grid{gap:8px;grid-template-columns:repeat(3,1fr);padding:16px 20px}.compact-stat-card{min-height:120px;padding:12px 8px}.compact-stat-header{align-items:center;flex-direction:column;gap:4px;margin-bottom:8px}.compact-stat-icon{border-radius:8px;height:28px;width:28px}.compact-trend{border-radius:6px;font-size:10px;padding:2px 6px}.compact-stat-content{margin-bottom:8px;text-align:center}.compact-stat-number{font-size:1.25rem;line-height:1;margin:0 0 4px}.compact-stat-label{font-size:.75rem;line-height:1.2;margin:0 0 2px}.compact-stat-sublabel{font-size:.65rem;line-height:1.1}.compact-progress{height:3px}}@media (max-width:480px){.compact-overview-container{margin-bottom:16px}.compact-stats-grid{gap:6px;padding:12px 16px}.compact-stat-card{border-radius:8px;min-height:110px;padding:10px 6px}.compact-stat-icon{height:24px;width:24px}.compact-stat-number{font-size:1.1rem}.compact-stat-label{font-size:.7rem}.compact-stat-sublabel{font-size:.6rem}.compact-trend{font-size:9px;padding:1px 4px}}@media (max-width:768px){.items-sold-card{border-left:3px solid #667eea;color:#667eea}.active-listings-card{border-left:3px solid #f093fb;color:#f093fb}.revenue-card{border-left:3px solid #10b981;color:#10b981}.compact-stat-card:before{background:currentColor;content:"";height:2px;left:0;opacity:.3;position:absolute;right:0;top:0}}@keyframes fadeInCompact{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.compact-premium-header{animation:fadeInCompact .6s ease-out}.compact-overview-container{animation:fadeInCompact .6s ease-out .1s both}.compact-action-btn{animation:fadeInCompact .4s ease-out .2s both;animation:fadeInCompact .4s ease-out calc(.2s + var(--delay, 0s)) both}.compact-action-btn:first-child{--delay:0.05s}.compact-action-btn:nth-child(2){--delay:0.1s}.compact-action-btn:nth-child(3){--delay:0.15s}.compact-action-btn:nth-child(4){--delay:0.2s}.compact-action-btn:nth-child(5){--delay:0.25s}.compact-create-btn{animation:fadeInCompact .4s ease-out .45s both}.compact-logout-btn{animation:fadeInCompact .4s ease-out .5s both}.dark .modal-overlay{background-color:#000000bf}.dark .modal-content{background-color:#171e2e;border:1px solid #2d3748;box-shadow:0 10px 25px #00000080;max-height:90vh;overflow-y:auto;scrollbar-color:#4a5568 #1a202c;scrollbar-width:thin}.dark .modal-content::-webkit-scrollbar{width:8px}.dark .modal-content::-webkit-scrollbar-track{background:#1a202c;border-radius:4px}.dark .modal-content::-webkit-scrollbar-thumb{background-color:#4a5568;border-radius:4px}.dark .modal-header{background-color:#2f855a;border-bottom:1px solid #276749;color:#fff;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.dark .modal-header h2{color:#fff;font-size:1.25rem;font-weight:600;text-shadow:0 1px 2px #0000004d}.dark .close-button{background:none;border:none;color:#fffc;cursor:pointer;font-size:1.5rem;transition:color .2s}.dark .close-button:hover{color:#fff}.dark .form-section{background-color:#171e2e;border-bottom:1px solid #2d3748;padding:24px}.dark .form-section-title{border-bottom:1px solid #2d3748;color:#e2e8f0;font-size:1.125rem;font-weight:600;margin-bottom:20px;padding-bottom:10px}.dark .form-group{margin-bottom:20px}.dark .form-group label{color:#a0aec0;display:block;font-size:.95rem;font-weight:500;margin-bottom:8px}.dark .form-group input[type=date],.dark .form-group input[type=email],.dark .form-group input[type=number],.dark .form-group input[type=tel],.dark .form-group input[type=text],.dark .form-group input[type=time],.dark .form-group select,.dark .form-group textarea{background-color:#1f2937;border:1px solid #374151;border-radius:6px;color:#e2e8f0;font-size:.95rem;padding:12px 14px;transition:all .2s ease;width:100%}.dark .form-group input:focus,.dark .form-group select:focus,.dark .form-group textarea:focus{border-color:#68d391;box-shadow:0 0 0 3px #68d39126;outline:none}.dark .form-group input::placeholder,.dark .form-group textarea::placeholder{color:#6b7280;opacity:.8}.dark .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.dark select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23A0AEC0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.dark .price-input input{background-color:#1f2937;color:#e2e8f0}.dark .price-input svg{color:#a0aec0}.dark .dietary-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:8px;padding:15px 0}.dark .dietary-option{align-items:center;color:#cbd5e0;display:flex;font-size:.95rem;gap:8px}.dark .dietary-option input[type=checkbox]{accent-color:#68d391;background-color:#1f2937;border:1px solid #4a5568;cursor:pointer;height:18px;width:18px}.dark .dietary-option input[type=checkbox]:checked{background-color:#68d391}.dark .image-section{background-color:#171e2e;border-bottom:1px solid #2d3748;padding:24px}.dark .image-section h3{border-bottom:1px solid #2d3748;color:#e2e8f0;font-size:1.125rem;font-weight:600;margin-bottom:20px;padding-bottom:10px}.dark .upload-button{align-items:center;background-color:#1f2937;border:1px solid #4a5568;border-radius:6px;color:#cbd5e0;cursor:pointer;display:flex;font-size:1rem;gap:10px;justify-content:center;margin-bottom:20px;padding:14px 20px;transition:all .2s ease;width:100%}.dark .upload-button:hover{background-color:#374151;color:#f7fafc}.dark .upload-button svg{color:#68d391}.dark .image-preview{align-items:center;background-color:#1f2937;border:1px dashed #4a5568;border-radius:8px;display:flex;height:250px;justify-content:center;margin-bottom:20px;overflow:hidden;width:100%}.dark .image-preview img{height:100%;object-fit:cover;width:100%}.dark .form-actions{background-color:#171e2e;border-top:1px solid #2d3748;bottom:0;justify-content:flex-end;padding:20px 24px;position:-webkit-sticky;position:sticky;z-index:10}.dark .cancel-button,.dark button[type=button].cancel-button{background-color:#1f2937;border:none;border-radius:6px;color:#e2e8f0;cursor:pointer;font-size:1rem;font-weight:500;padding:14px 32px;transition:all .2s ease}.dark .cancel-button:hover{background-color:#374151;color:#f7fafc}.dark .create-listing-button,.dark .submit-button,.dark button[type=submit]{background-color:#38a169;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:14px 32px;transition:all .2s ease}.dark .create-listing-button:hover,.dark .submit-button:hover,.dark button[type=submit]:hover{background-color:#2f855a}.dark .form-footer{background-color:#fff;border-radius:0 0 12px 12px;display:flex;justify-content:space-between;margin-top:auto;padding:20px}.dark .form-footer .cancel-button{background-color:#2d3748;border:none;color:#fff}.dark .form-footer .create-listing-button{background-color:#38a169;color:#fff;flex:1 1;margin-left:10px;text-align:center}.merchant-dashboard{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative}.dashboard-main{flex:1 1;padding:0 24px 24px;transition:all .3s ease;transition:all var(--transition-normal);width:100%}.dashboard-content{margin:0 auto;max-width:1400px;padding-top:20px}.content-header h2{color:#1a202c;color:var(--neutral-900);font-weight:700;margin:0}.action-btn .badge{align-items:center;background-color:#f04438;background-color:var(--secondary-color);border-radius:50%;box-shadow:0 1px 3px #0000001a;box-shadow:var(--box-shadow-sm);color:#fff;display:flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;position:absolute;right:-8px;top:-8px;width:20px}.fee-message{border-left:4px solid;border-radius:8px;margin-bottom:20px;padding:15px}.fee-message.success{background-color:#f0f9ff;border-left-color:#10b981;color:#065f46}.fee-message.warning{background-color:#fffbeb;border-left-color:#f59e0b;color:#92400e}.fee-message.info{background-color:#eff6ff;border-left-color:#3b82f6;color:#1e40af}.message-content{align-items:center;display:flex;gap:10px}.message-content .info-icon,.message-content .success-icon,.message-content .warning-icon{flex-shrink:0;font-size:20px}.message-content p{font-weight:500;margin:0}.pay-now-btn:disabled{cursor:not-allowed;opacity:.6}.payment-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff40;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.amount-display{align-items:baseline;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;gap:5px;padding:12px 16px}.amount-display .currency-symbol{color:#059669;font-size:18px;font-weight:600}.amount-display .amount-value{color:#059669;font-size:24px;font-weight:700}.amount-display .amount-note{color:#6b7280;font-size:12px;margin-left:auto}.mobile-banking-methods{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:8px}.banking-method{align-items:center;background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:16px 12px;transition:all .2s ease}.banking-method:hover{background-color:#f0fdf4;border-color:#10b981}.banking-method.selected{background-color:#dcfce7;border-color:#10b981}.banking-method input[type=radio]{display:none}.banking-logo{align-items:center;border-radius:8px;color:#fff;display:flex;font-size:12px;font-weight:700;height:40px;justify-content:center;margin-bottom:8px;width:40px}.bkash-logo{background:linear-gradient(135deg,#e2136e,#c70d5c)}.nagad-logo{background:linear-gradient(135deg,#ec1c24,#c71e25)}.rocket-logo{background:linear-gradient(135deg,#8e44ad,#7d3c98)}.banking-name{color:#374151;font-size:14px;font-weight:600}.payment-record{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px;transition:shadow .2s ease}.payment-record:hover{box-shadow:0 2px 8px #0000001a}.payment-info{display:flex;flex-direction:column;gap:4px}.payment-amount{color:#059669;font-size:18px;font-weight:700}.payment-month{color:#374151;font-size:14px;font-weight:600}.payment-date{color:#6b7280;font-size:12px}.payment-day{color:#9ca3af}.payment-day,.payment-method-badge .method-label{font-size:11px;letter-spacing:.05em;text-transform:uppercase}.payment-method-badge .method-label{border-radius:4px;font-weight:600;padding:4px 8px}.method-label.bkash{background-color:#fce7f3;color:#be185d}.method-label.nagad{background-color:#fee2e2;color:#dc2626}.method-label.rocket{background-color:#ede9fe;color:#7c3aed}.payment-status{border-radius:20px;font-size:12px;letter-spacing:.05em;padding:6px 12px;text-transform:uppercase}.payment-status.completed{background-color:#dcfce7;color:#166534}.payment-status.pending{background-color:#fef3c7;color:#92400e}.payment-status.failed{background-color:#fee2e2;color:#dc2626}.dark .fee-message.success{background-color:#064e3b;color:#6ee7b7}.dark .fee-message.warning{background-color:#451a03;color:#fbbf24}.dark .fee-message.info{background-color:#1e3a8a;color:#93c5fd}.dark .amount-display,.dark .banking-method{background-color:#1f2937;border-color:#374151}.dark .banking-method:hover{background-color:#065f46;border-color:#10b981}.dark .banking-method.selected{background-color:#064e3b;border-color:#10b981}.dark .payment-record{background-color:#1f2937;border-color:#374151}.action-bar{margin-bottom:24px}.search-filter{display:flex;flex-wrap:wrap;gap:16px}.search-box{flex:1 1;min-width:250px;position:relative}.search-box svg{color:#9aa4b2;color:var(--neutral-500);left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{background-color:#fff;border:1px solid #e3e8ef;border:1px solid var(--neutral-300);border-radius:8px;border-radius:var(--border-radius-md);color:#2d3748;color:var(--neutral-800);font-size:.875rem;padding:12px 12px 12px 40px;transition:border-color .15s ease;transition:border-color var(--transition-fast);width:100%}.search-box input:focus{border-color:#12b76a;border-color:var(--primary-color);box-shadow:0 0 0 3px #12b76a26;outline:none}.category-filter{width:200px}.category-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%239AA4B2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid #e3e8ef;border:1px solid var(--neutral-300);border-radius:8px;border-radius:var(--border-radius-md);color:#2d3748;color:var(--neutral-800);cursor:pointer;font-size:.875rem;padding:12px;transition:border-color .15s ease;transition:border-color var(--transition-fast);width:100%}.category-select:focus{border-color:#12b76a;border-color:var(--primary-color);box-shadow:0 0 0 3px #12b76a26;outline:none}.btn{border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;padding:12px 24px;transition:all .2s ease}.btn-primary{background-color:#12b76a;background-color:var(--primary-color);border:none;color:#fff}.btn-secondary{background-color:#f8fafc;background-color:var(--neutral-100);border:1px solid #e3e8ef;border:1px solid var(--neutral-300);color:#4d5761;color:var(--neutral-700)}.dark .btn-primary{background-color:#38a169}.dark .btn-secondary{background-color:#2d3748;border:none;color:#e2e8f0}.food-cards{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.food-card{background-color:#fff;border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px #0000001a;box-shadow:var(--box-shadow-sm);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.food-card:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--box-shadow-md);transform:translateY(-5px)}.food-card.paused{opacity:.7}.food-card.paused:before{background-color:#ffffff80;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.food-card-image{height:180px;overflow:hidden;position:relative}.food-card-image img{height:100%;object-fit:cover;transition:transform .3s ease;transition:transform var(--transition-normal);width:100%}.food-card:hover .food-card-image img{transform:scale(1.05)}.food-card-category{align-items:center;background-color:#ffffffe6;border-radius:4px;border-radius:var(--border-radius-sm);color:#4d5761;color:var(--neutral-700);display:flex;font-size:.75rem;font-weight:500;gap:6px;left:12px;padding:6px 12px;position:absolute;top:12px;z-index:2}.paused-badge{background-color:#2d3748;background-color:var(--neutral-800);font-size:.75rem;top:12px}.food-card-price,.paused-badge{border-radius:4px;border-radius:var(--border-radius-sm);color:#fff;font-weight:600;padding:6px 12px;position:absolute;right:12px;z-index:2}.food-card-price{align-items:center;background-color:#12b76a;background-color:var(--primary-color);bottom:12px;display:flex;font-size:.875rem;gap:4px}.food-card-content{display:flex;flex:1 1;flex-direction:column;padding:16px}.food-card-title{color:#1a202c;color:var(--neutral-900);font-size:1.125rem;font-weight:600;margin-bottom:8px}.food-card-description{color:#697586;color:var(--neutral-600);font-size:.875rem;line-height:1.5;margin-bottom:16px}.food-card-details{display:flex;justify-content:space-between;margin-bottom:12px}.detail-item{color:#4d5761;color:var(--neutral-700);font-size:.8125rem;gap:8px}.detail-item svg{color:#9aa4b2;color:var(--neutral-500)}.food-dietary-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:12px}.dietary-tag{background-color:#e6f7ee;background-color:var(--primary-light);border-radius:4px;border-radius:var(--border-radius-sm);color:#12b76a;color:var(--primary-color);font-size:.75rem;font-weight:500;padding:4px 8px}.food-card-actions{border-top:1px solid #eef2f6;border-top:1px solid var(--neutral-200);display:grid;grid-template-columns:repeat(3,1fr)}.card-action-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#374151;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;min-width:90px;padding:10px 14px;text-align:center;transition:all .3s ease}.card-action-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.card-action-btn:not(:last-child){border-right:1px solid #eef2f6;border-right:1px solid var(--neutral-200)}.card-action-btn:hover{background-color:#f8fafc;background-color:var(--neutral-100)}.card-action-btn.edit:hover{color:#3b82f6;color:var(--info-color)}.card-action-btn.delete:hover{color:#f04438;color:var(--secondary-color)}.card-action-btn.pause:hover{color:#f59e0b;color:var(--warning-color)}.card-action-btn svg{margin-bottom:4px}.food-card-quantity{border-top:1px solid var(--border-color);margin-top:.75rem;padding-top:.75rem}.quantity-label{color:var(--text-secondary);font-size:.8rem;margin-bottom:.25rem}.quantity-bar-container{width:100%}.quantity-values{display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:.25rem}.remaining-value{color:var(--text-primary);font-weight:700}.total-value{color:var(--text-secondary)}.quantity-bar-background{background-color:#f0f0f0;border-radius:2px;height:4px;overflow:hidden;width:100%}.quantity-bar-fill{background-color:#12b76a;background-color:var(--primary-color);border-radius:2px;height:100%}.donation-actions{background-color:#f8fafc!important;border-top:1px solid #e2e8f0!important;flex-wrap:wrap!important;gap:8px!important;margin-top:auto!important;padding:12px!important}.card-action-btn,.donation-actions{display:flex!important;justify-content:center!important}.card-action-btn{align-items:center!important;background:#fff!important;border:2px solid #e2e8f0!important;border-radius:8px!important;box-shadow:0 2px 4px #0000001a!important;color:#374151!important;cursor:pointer!important;font-size:13px!important;font-weight:600!important;gap:6px!important;min-width:80px!important;opacity:1!important;padding:8px 12px!important;text-align:center!important;transition:all .3s ease!important;visibility:visible!important}.card-action-btn:hover{box-shadow:0 4px 12px #00000026!important;transform:translateY(-2px)!important}.card-action-btn.check-requests{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;border-color:#3b82f6!important;color:#fff!important}.card-action-btn.check-requests:hover{background:linear-gradient(135deg,#2563eb,#1e40af)!important;border-color:#2563eb!important}.card-action-btn.view{background:linear-gradient(135deg,#10b981,#059669)!important;border-color:#10b981!important;color:#fff!important}.card-action-btn.view:hover{background:linear-gradient(135deg,#059669,#047857)!important;border-color:#059669!important}.card-action-btn.edit{background:linear-gradient(135deg,#f59e0b,#d97706)!important;border-color:#f59e0b!important;color:#fff!important}.card-action-btn.edit:hover{background:linear-gradient(135deg,#d97706,#b45309)!important;border-color:#d97706!important}.card-action-btn.delete{background:linear-gradient(135deg,#ef4444,#dc2626)!important;border-color:#ef4444!important;color:#fff!important}.card-action-btn.delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;border-color:#dc2626!important}.donation-card{background-color:#fff!important;border-radius:8px!important;box-shadow:0 1px 3px #0000001a!important;height:auto!important;overflow:hidden!important;transition:transform .2s,box-shadow .2s!important}.donation-card,.donation-content{display:flex!important;flex-direction:column!important}.donation-content{flex-grow:1!important;padding:15px!important}@media (max-width:768px){.donation-actions{flex-direction:column!important;gap:6px!important;padding:10px!important}.card-action-btn{justify-content:center!important;min-width:auto!important;width:100%!important}}.dark .donation-actions{background-color:#1e2734!important;border-top-color:#4a5568!important}.dark .card-action-btn{background-color:#2d3748!important;border-color:#4a5568!important;color:#e2e8f0!important}.dark .card-action-btn:hover{background-color:#4a5568!important}.donations-popup .card-action-btn{display:flex!important;opacity:1!important;visibility:visible!important}.donations-grid{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important;padding:20px!important}.modal-overlay{background-color:#00000080}.modal-content{background:#fff;border-radius:8px;box-shadow:0 5px 15px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:500px;overflow:hidden;width:95%}.modal-header{border-bottom:1px solid #e0e0e0;padding:15px 20px}.modal-header h2{color:#fff;font-weight:600}.modal-header{background-color:#4caf50;color:#fff}.close-button{background:#0000;font-size:1.2rem;padding:5px}.close-button:hover{opacity:.8}.modal-body{max-height:calc(85vh - 130px);overflow-y:auto;padding:0}.form-section{border-bottom:1px solid #f0f0f0;padding:15px 20px}.form-section-title{color:#333;margin:0 0 15px}.food-item-preview{display:flex;flex-direction:column;gap:15px}.preview-image{align-items:center;background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;height:280px;justify-content:center;overflow:hidden;width:100%}.preview-image img{border-radius:10px;height:100%;object-fit:cover;width:100%}.preview-image[data-required=true]:after{background:#ef4444;border-radius:4px;color:#fff;content:"* Required";font-size:12px;font-weight:600;padding:4px 8px;position:absolute;right:8px;top:8px}.preview-details{flex:1 1}.preview-details h4{color:#333;font-size:1.1rem;margin:0 0 8px}.description{color:#666;font-size:.9rem;margin-bottom:10px}.preview-row{display:flex;font-size:.9rem;margin-bottom:5px}.preview-row .label{color:#555;font-weight:500;width:140px}.preview-row .value{color:#333;flex:1 1}.form-group{margin-bottom:15px}.form-group label{color:#333;font-size:.9rem;margin-bottom:5px}.form-group input[type=number],.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:.9rem;padding:10px;width:100%}.form-group small{color:#666;display:block;font-size:.8rem;margin-top:4px}.form-group textarea{min-height:80px}.form-actions{border-top:1px solid #e0e0e0;gap:10px;padding:15px 20px}.cancel-button,.submit-button{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 16px}.cancel-button{background-color:#f5f5f5;border:1px solid #ddd;color:#333}.submit-button{background-color:#4caf50}.cancel-button:hover{background-color:#e0e0e0}.submit-button:hover{background-color:#43a047}.submit-button:disabled{background-color:#9e9e9e;cursor:not-allowed}.merchant-donations-container{padding:20px}.donations-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.donations-tabs{display:flex;gap:10px}.no-donations-message{align-items:center;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:40px;text-align:center}.donation-card,.no-donations-message{background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a}.donation-card{overflow:hidden;transition:transform .2s,box-shadow .2s}.donation-card:hover{box-shadow:0 4px 6px #0000001a;transform:translateY(-5px)}.donation-image{align-items:center;background-color:#f8fafc;border-radius:12px 12px 0 0;display:flex;height:220px;justify-content:center;overflow:hidden;position:relative;width:100%}.donation-image img{border:none;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.donation-card:hover .donation-image img{transform:scale(1.1)}.donation-image:empty:before{color:#cbd5e1;content:"🍽️";font-size:48px}.donation-card:hover .donation-image img{transform:scale(1.05)}.status-badge{border-radius:4px;bottom:10px;font-size:12px;font-weight:600;padding:4px 8px;position:absolute;right:10px;text-transform:uppercase}.status-badge.active{background-color:#10b981;color:#fff}.status-badge.pending{background-color:#f59e0b;color:#fff}.status-badge.rejected{background-color:#ef4444;color:#fff}.status-badge.completed{background-color:#3b82f6;color:#fff}.donation-content{padding:15px}.donation-title{font-size:18px;font-weight:600;margin-bottom:10px}.donation-details,.donation-meta{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.detail-item,.meta-item{align-items:center;display:flex;font-size:14px;gap:8px}.donation-actions{background-color:#f8fafc;border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:12px}.action-btn{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 12px;transition:background-color .2s}.action-btn.check-requests{background-color:#4f46e5;color:#fff}.action-btn.mark-complete{background-color:#10b981;color:#fff}.donation-requests-modal{background-color:#fff;border-radius:12px;display:flex;flex-direction:column;max-height:80vh;max-width:800px;width:90%}.requests-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:15px}.request-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.request-header{align-items:center;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:12px}.requester-info{align-items:center;display:flex;gap:10px}.requester-info .avatar{align-items:center;background-color:#4f46e5;border-radius:50%;color:#fff;display:flex;height:32px;justify-content:center;width:32px}.request-details{padding:12px}.detail-row{justify-content:space-between;margin-bottom:8px}.detail-label{color:#64748b;font-weight:500}.request-note{background-color:#f8fafc;border-radius:6px;font-style:italic;margin-top:12px;padding:10px}.request-response{border-top:1px solid #e2e8f0;padding:12px}.request-response textarea{border:1px solid #e2e8f0;border-radius:6px;margin-bottom:10px;min-height:60px;padding:8px;resize:vertical;width:100%}.response-actions{display:flex;gap:10px}.btn-accept{background-color:#10b981}.btn-accept,.btn-reject{align-items:center;border-radius:6px;color:#fff;display:flex;gap:6px;padding:8px 12px}.btn-reject{background-color:#ef4444}.donations-popup{max-height:85vh;max-width:1000px}.donations-popup .popup-header{background-color:#12b76a;color:#fff}.donations-popup .popup-body{padding:20px}.donations-popup .donations-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.donation-tab{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;color:#4a5568;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s}.donation-tab.active{background-color:#4f46e5;border-color:#4f46e5;color:#fff}.donation-tab:hover:not(.active){background-color:#e2e8f0}.loading-indicator{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.loading-spinner{height:36px;margin-bottom:16px;width:36px}.donations-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.dark .donations-popup{background-color:#1a202c;border:1px solid #2d3748}.dark .donations-popup .popup-header{background-color:#4f46e5;border-bottom:1px solid #4338ca}.dark .donations-popup .popup-body{background-color:#1a202c}.dark .donation-tab{background-color:#2d3748;border-color:#4a5568;color:#e2e8f0}.dark .donation-tab.active{background-color:#4f46e5;border-color:#4338ca;color:#fff}.dark .donation-tab:hover:not(.active){background-color:#4a5568}.dark .loading-spinner{border-color:#4f46e5 #ffffff1a #ffffff1a}.dark .donation-card{background-color:#2d3748;border:1px solid #4a5568;box-shadow:0 4px 6px #0000004d}.dark .donation-title{color:#e2e8f0}.dark .detail-item,.dark .meta-item{color:#cbd5e0}.dark .no-donations-message{background-color:#2d3748;border:1px solid #4a5568;color:#e2e8f0}@media (max-width:768px){.donations-grid{gap:16px;grid-template-columns:1fr;padding:16px}.donation-card{margin-bottom:16px;min-height:auto;padding:0}.donation-image{border-radius:8px 8px 0 0;height:180px}.donation-content{padding:16px}.preview-image{height:200px}}@media (max-width:480px){.donations-popup{height:90vh;margin:5vh auto;width:95%}.donations-popup .popup-body{padding:12px}.donation-image{height:160px}.preview-image{height:180px}.donation-content{padding:12px}.donation-title{font-size:16px;margin-bottom:8px}.detail-item,.meta-item{font-size:13px}}.view-donation-modal{border-radius:8px;box-shadow:0 8px 30px #00000026;max-height:85vh;max-width:800px;overflow-y:auto;width:90%}.view-donation-modal .modal-header{align-items:center;background-color:#4caf50;border-top-left-radius:8px;border-top-right-radius:8px;color:#fff;display:flex;justify-content:space-between;padding:16px 24px}.view-donation-modal .modal-header h2{font-size:1.5rem;font-weight:600;margin:0}.view-donation-modal .donation-image-container{align-items:center;background-color:#f5f5f5;border-bottom:1px solid #e0e0e0;display:flex;justify-content:center;margin-bottom:16px;max-height:250px;overflow:hidden;width:100%}.view-donation-modal .donation-detail-image{border-radius:8px;box-shadow:0 4px 12px #0000001a;height:300px;object-fit:cover;width:100%}.view-donation-modal .donation-detail-section{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 1px 3px #0000000d;margin-bottom:16px;padding:16px}.view-donation-modal .section-title{border-bottom:1px solid #f0f0f0;color:#333;font-size:1.1rem;font-weight:600;margin-bottom:12px;margin-top:0;padding-bottom:8px}.view-donation-modal .detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.view-donation-modal .detail-item{display:flex;flex-direction:column;margin-bottom:8px}.view-donation-modal .detail-label{color:#666;font-size:.85rem;margin-bottom:4px}.view-donation-modal .detail-value{color:#333;font-size:1rem;font-weight:500}.view-donation-modal .status-badge{border-radius:4px;display:inline-block;font-size:.8rem;font-weight:600;padding:4px 8px;text-transform:uppercase}.view-donation-modal .status-badge.active{background-color:#4caf50;color:#fff}.view-donation-modal .status-badge.pending{background-color:#ffc107;color:#333}.view-donation-modal .status-badge.rejected{background-color:#f44336;color:#fff}.view-donation-modal .status-badge.completed{background-color:#2196f3;color:#fff}.view-donation-modal .modal-footer{border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;padding:16px 24px}.view-donation-modal .close-button{background-color:#f5f5f5;border:1px solid #ddd;border-radius:4px;color:#333;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.view-donation-modal .close-button:hover{background-color:#e0e0e0}.confirmation-dialog{animation:dialog-fade-in .3s ease-out;background-color:#fff;border-radius:10px;box-shadow:0 10px 30px #0003;max-width:450px;overflow:hidden;width:90%}@keyframes dialog-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.confirmation-dialog .dialog-header{align-items:center;background:linear-gradient(90deg,#ff4757,#ff6b81);color:#fff;display:flex;font-size:1.2rem;font-weight:600;padding:15px 20px}.confirmation-dialog .dialog-content{align-items:center;display:flex;flex-direction:column;padding:24px;text-align:center}.confirmation-dialog .warning-icon{background-color:#ff47571a;border-radius:50%;color:#ff4757;margin-bottom:16px;padding:15px}.confirmation-dialog .dialog-content p{color:#4a4a4a;font-size:.95rem;line-height:1.5;margin-bottom:0}.confirmation-dialog .dialog-actions{background-color:#f8f9fa;border-top:1px solid #eaeaea;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.confirmation-dialog .cancel-button{align-items:center;background-color:#f1f2f6;border:none;border-radius:6px;color:#4a4a4a;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.confirmation-dialog .cancel-button:hover{background-color:#e1e2e6}.confirmation-dialog .delete-button{align-items:center;background:linear-gradient(90deg,#ff4757,#ff6b81);border:none;border-radius:6px;box-shadow:0 2px 10px #ff47574d;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:10px 16px;transition:all .2s ease}.confirmation-dialog .delete-button:hover{box-shadow:0 4px 12px #ff475766;transform:translateY(-1px)}.confirmation-dialog .delete-button svg{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.no-items{background-color:#fff;border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px #0000001a;box-shadow:var(--box-shadow-sm);grid-column:1/-1;padding:48px;text-align:center}.no-items-content{margin:0 auto;max-width:400px}.no-items svg{color:#cdd5df;color:var(--neutral-400);margin-bottom:16px}.no-items h3{color:#2d3748;color:var(--neutral-800);margin-bottom:8px}.no-items p{color:#697586;color:var(--neutral-600);margin-bottom:24px}.empty-state{padding:48px 0}.empty-state svg{color:#cdd5df;color:var(--neutral-400);margin-bottom:16px}.empty-state h3{margin-bottom:8px}.empty-state p{color:#697586;color:var(--neutral-600)}.empty-detail{flex-direction:column;height:100%;padding:48px 0}.empty-detail,.modal-overlay{align-items:center;display:flex;justify-content:center}.modal-overlay{animation:fadeIn .2s ease-out;background-color:#0009;bottom:0;left:0;overflow-y:auto;padding:24px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUpFade .3s ease-out;background-color:#fff;border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 10px 15px #0000001a;box-shadow:var(--box-shadow-lg);max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #eef2f6;border-bottom:1px solid var(--neutral-200);display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{font-size:1.25rem;margin:0}.close-button{background:none;border:none;color:#9aa4b2;color:var(--neutral-500);transition:color .15s ease;transition:color var(--transition-fast)}.close-button:hover{color:#1a202c;color:var(--neutral-900)}.form-section{border-bottom:1px solid #eef2f6;border-bottom:1px solid var(--neutral-200);padding:24px}.form-section:last-child{border-bottom:none}.form-section-title{color:#2d3748;color:var(--neutral-800);font-size:1rem;font-weight:600;margin-bottom:16px}.form-group,.form-row{margin-bottom:16px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group label{color:#4d5761;color:var(--neutral-700);display:block;font-size:.875rem;font-weight:500;margin-bottom:8px}.form-group input[type=date],.form-group input[type=email],.form-group input[type=number],.form-group input[type=tel],.form-group input[type=text],.form-group input[type=time],.form-group select,.form-group textarea{border:1px solid #e3e8ef;border:1px solid var(--neutral-300);border-radius:8px;border-radius:var(--border-radius-md);font-size:.875rem;padding:10px 12px;transition:border-color .15s ease;transition:border-color var(--transition-fast);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#12b76a;border-color:var(--primary-color);box-shadow:0 0 0 3px #12b76a26;outline:none}.form-group textarea{min-height:100px;resize:vertical}.price-input{position:relative}.price-input svg{color:#9aa4b2;color:var(--neutral-500);left:12px;position:absolute;top:50%;transform:translateY(-50%)}.price-input input{padding-left:32px}.dietary-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.dietary-option{align-items:center;cursor:pointer;display:flex;font-size:.875rem;gap:8px}.dietary-option input[type=checkbox]{cursor:pointer;height:16px;width:16px}.image-preview{align-items:center;background-color:#f8fafc;background-color:var(--neutral-100);border-radius:8px;border-radius:var(--border-radius-md);display:flex;height:200px;justify-content:center;margin-top:16px;overflow:hidden;width:100%}.image-preview img{height:100%;object-fit:cover;width:100%}.upload-button{align-items:center;background-color:#f8fafc;background-color:var(--neutral-100);border:1px solid #e3e8ef;border:1px solid var(--neutral-300);border-radius:8px;border-radius:var(--border-radius-md);color:#4d5761;color:var(--neutral-700);cursor:pointer;display:flex;font-size:.875rem;gap:8px;margin-top:8px;padding:8px 16px;transition:all .15s ease;transition:all var(--transition-fast)}.upload-button:hover{background-color:#eef2f6;background-color:var(--neutral-200);color:#1a202c;color:var(--neutral-900)}.form-actions{border-top:1px solid #eef2f6;border-top:1px solid var(--neutral-200);display:flex;gap:16px;justify-content:flex-end;padding:20px 24px}.cancel-button{background-color:#f8fafc;background-color:var(--neutral-100);border:1px solid #e3e8ef;border:1px solid var(--neutral-300);border-radius:8px;border-radius:var(--border-radius-md);color:#4d5761;color:var(--neutral-700);cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:all .15s ease;transition:all var(--transition-fast)}.cancel-button:hover{background-color:#eef2f6;background-color:var(--neutral-200);color:#1a202c;color:var(--neutral-900)}.submit-button{background-color:#12b76a;background-color:var(--primary-color);border:none;border-radius:8px;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:all .15s ease;transition:all var(--transition-fast)}.submit-button:hover{background-color:#0e9358;background-color:var(--primary-dark)}.popup-content{animation:slideUpFade .3s ease-out;background-color:#fff;border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 10px 15px #0000001a;box-shadow:var(--box-shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.popup-header{border-bottom:1px solid #eef2f6;border-bottom:1px solid var(--neutral-200);padding:20px 24px}.popup-header h2{font-size:1.25rem}.popup-body{flex:1 1;overflow-y:auto;padding:24px}.orders-list{display:flex;flex-direction:column;gap:16px}.order-card{background-color:#f8fafc;background-color:var(--neutral-100);border-radius:8px;border-radius:var(--border-radius-md);box-shadow:0 1px 3px #0000001a;box-shadow:var(--box-shadow-sm);padding:16px}.order-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.order-id-date h3{font-size:1rem;font-weight:600;margin:0}.order-id-date p{color:#9aa4b2;color:var(--neutral-500);font-size:.75rem;margin:0}.order-status{border-radius:4px;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:600;padding:4px 8px}.status-completed{background-color:#10b981;background-color:var(--success-color);color:#fff}.status-processing{background-color:#f59e0b;background-color:var(--warning-color);color:#fff}.status-cancelled{background-color:#ef4444;background-color:var(--error-color);color:#fff}.order-customer{margin-bottom:16px}.customer-details h4{font-size:.875rem;font-weight:600;margin:0}.customer-details p{color:#697586;color:var(--neutral-600);font-size:.75rem;margin:0}.order-items{border-bottom:1px solid #eef2f6;border-bottom:1px solid var(--neutral-200);border-top:1px solid #eef2f6;border-top:1px solid var(--neutral-200);margin-bottom:16px;padding:12px 0}.order-item{display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:8px}.item-details{display:flex;gap:16px}.order-total{border-top:1px dashed #e3e8ef;border-top:1px dashed var(--neutral-300);display:flex;font-weight:600;justify-content:space-between;margin-top:12px;padding-top:8px}.order-actions{display:flex;gap:12px}.order-action-btn{align-items:center;border-radius:8px;border-radius:var(--border-radius-md);cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:8px;padding:8px 16px;transition:all .15s ease;transition:all var(--transition-fast)}.order-action-btn.contact{background-color:#e6f7ee;background-color:var(--primary-light);border:1px solid #12b76a;border:1px solid var(--primary-color);color:#12b76a;color:var(--primary-color)}.order-action-btn.contact:hover{background-color:#12b76a;background-color:var(--primary-color);color:#fff}.order-action-btn.delete{background-color:#f8fafc;background-color:var(--neutral-100);border:1px solid #f04438;border:1px solid var(--secondary-color);color:#f04438;color:var(--secondary-color)}.order-action-btn.delete:hover{background-color:#f04438;background-color:var(--secondary-color);color:#fff}.messages-container{padding:0}.messages-layout{display:grid;grid-template-columns:300px 1fr;height:600px;max-height:70vh}.messages-list{border-right:1px solid #eef2f6;border-right:1px solid var(--neutral-200);overflow-y:auto}.message-item{border-bottom:1px solid #eef2f6;border-bottom:1px solid var(--neutral-200);cursor:pointer;display:flex;gap:12px;padding:12px;transition:background-color .15s ease;transition:background-color var(--transition-fast)}.message-item:hover{background-color:#f8fafc;background-color:var(--neutral-100)}.message-item.active{background-color:#e6f7ee;background-color:var(--primary-light)}.message-item.unread{background-color:#3b82f60d}.message-item.unread.active{background-color:#e6f7ee;background-color:var(--primary-light)}.message-avatar{border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.message-avatar img{height:100%;object-fit:cover;width:100%}.message-preview{flex:1 1;min-width:0}.message-header{align-items:center;margin-bottom:4px}.message-header h4{font-size:.875rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-date{color:#9aa4b2;color:var(--neutral-500);font-size:.75rem}.message-subject{font-size:.8125rem;font-weight:500;margin-bottom:4px}.message-excerpt,.message-subject{text-overflow:ellipsis;white-space:nowrap}.message-excerpt{color:#697586;color:var(--neutral-600);font-size:.75rem;margin:0;overflow:hidden}.unread-indicator{background-color:#3b82f6;background-color:var(--info-color);border-radius:50%;height:8px;position:absolute;right:12px;top:12px;width:8px}.message-detail{background-color:#fff;display:flex;flex-direction:column;overflow:hidden}.message-detail-header{align-items:flex-start;border-bottom:1px solid #eef2f6;border-bottom:1px solid var(--neutral-200);display:flex;justify-content:space-between;padding:16px}.message-detail-subject{flex:1 1}.message-detail-subject h3{font-size:1.125rem;font-weight:600;margin:0 0 4px}.message-detail-meta{align-items:center;color:#697586;color:var(--neutral-600);display:flex;font-size:.75rem;gap:8px}.delete-message-btn{align-items:center;background:none;border:none;border-radius:4px;color:#f04438;color:var(--secondary-color);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:background-color .15s ease;transition:background-color var(--transition-fast)}.delete-message-btn:hover{background-color:#f8fafc;background-color:var(--neutral-100)}.message-thread{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:16px}.message-bubble{display:flex;gap:12px;max-width:80%}.message-bubble.sender{align-self:flex-start}.message-bubble.me{align-self:flex-end;flex-direction:row-reverse}.message-content{background-color:#f8fafc;background-color:var(--neutral-100);border-radius:12px;padding:12px;position:relative}.message-bubble.me .message-content{background-color:#e6f7ee;background-color:var(--primary-light)}.message-sender-name{font-size:.75rem;font-weight:600;margin-bottom:4px}.message-text{font-size:.875rem;line-height:1.5}.message-time{color:#9aa4b2;color:var(--neutral-500);font-size:.6875rem;margin-top:4px;text-align:right}.reply-form{border-top:1px solid #eef2f6;border-top:1px solid var(--neutral-200);padding:16px}.reply-form textarea{border:1px solid #e3e8ef;border:1px solid var(--neutral-300);border-radius:8px;border-radius:var(--border-radius-md);font-size:.875rem;height:120px;margin-bottom:12px;padding:12px;resize:none;transition:border-color .15s ease;transition:border-color var(--transition-fast);width:100%}.reply-form textarea:focus{border-color:#12b76a;border-color:var(--primary-color);box-shadow:0 0 0 3px #12b76a26;outline:none}.reply-btn{align-items:center;background-color:#12b76a;background-color:var(--primary-color);border:none;border-radius:8px;border-radius:var(--border-radius-md);color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;margin-left:auto;padding:10px 20px;transition:all .15s ease;transition:all var(--transition-fast)}.reply-btn:hover{background-color:#0e9358;background-color:var(--primary-dark)}.reply-btn:disabled{background-color:#e3e8ef;background-color:var(--neutral-300);cursor:not-allowed}.notifications-actions{display:flex;justify-content:flex-end;margin-bottom:16px}.clear-all-btn{background:none;border:none;color:#697586;color:var(--neutral-600);cursor:pointer;font-size:.75rem;transition:color .15s ease;transition:color var(--transition-fast)}.clear-all-btn:hover{color:#f04438;color:var(--secondary-color)}.notifications-list{display:flex;flex-direction:column;gap:16px}.notification-item{background-color:#f8fafc;background-color:var(--neutral-100);border-radius:8px;border-radius:var(--border-radius-md);display:flex;gap:16px;padding:16px;position:relative;transition:transform .15s ease;transition:transform var(--transition-fast)}.notification-item:hover{transform:translateX(4px)}.notification-item.unread{background-color:#3b82f60d}.notification-icon-container{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.notification-icon{color:#fff}.notification-icon.order{background-color:#3b82f6;background-color:var(--info-color)}.notification-icon.system{background-color:#f59e0b;background-color:var(--warning-color)}.notification-icon.message{background-color:#12b76a;background-color:var(--primary-color)}.notification-icon.promotion{background-color:#ff9500;background-color:var(--accent-color)}.notification-content{flex:1 1}.notification-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.notification-header h4{font-size:.875rem;font-weight:600;margin:0}.notification-date{color:#9aa4b2;color:var(--neutral-500);font-size:.75rem}.notification-message{color:#4d5761;color:var(--neutral-700);font-size:.8125rem;margin-bottom:12px}.notification-actions{display:flex;gap:12px}.notification-action-btn{align-items:center;border-radius:4px;border-radius:var(--border-radius-sm);cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:6px;padding:6px 12px;transition:all .15s ease;transition:all var(--transition-fast)}.notification-action-btn.view{background-color:#e6f7ee;background-color:var(--primary-light);border:1px solid #12b76a;border:1px solid var(--primary-color);color:#12b76a;color:var(--primary-color)}.notification-action-btn.view:hover{background-color:#12b76a;background-color:var(--primary-color);color:#fff}.notification-action-btn.delete{background-color:#f8fafc;background-color:var(--neutral-100);border:1px solid #f04438;border:1px solid var(--secondary-color);color:#f04438;color:var(--secondary-color)}.notification-action-btn.delete:hover{background-color:#f04438;background-color:var(--secondary-color);color:#fff}.popup-overlay{animation:fadeIn .2s ease-out;background-color:#0009;overflow-y:auto;padding:24px}.popup-content.profile-popup{animation:slideUpFade .3s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 10px 15px #0000001a;box-shadow:var(--box-shadow-lg);max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.dark .popup-content.profile-popup{background-color:#1a202c;border:1px solid #2d3748;color:#e2e8f0}.profile-popup .popup-header{align-items:center;background-color:#12b76a;background-color:var(--primary-color);border-top-left-radius:12px;border-top-right-radius:12px;color:#fff;display:flex;justify-content:space-between;padding:20px 24px}.dark .profile-popup .popup-header{background-color:#9333ea}.profile-popup .popup-body{padding:24px}.profile-form{margin:0 auto;max-width:800px}.profile-avatar-section{display:flex;justify-content:center;margin-bottom:32px}.avatar-container{height:120px;position:relative;width:120px}.profile-avatar{border:4px solid #f8fafc;border:4px solid var(--neutral-100);border-radius:50%;box-shadow:0 4px 6px #0000001a;box-shadow:var(--box-shadow-md);height:100%;object-fit:cover;width:100%}.dark .profile-avatar{border-color:#2d3748}.avatar-edit-btn{align-items:center;background-color:#12b76a;background-color:var(--primary-color);border:none;border-radius:50%;bottom:0;box-shadow:0 1px 3px #0000001a;box-shadow:var(--box-shadow-sm);color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:0;transition:background-color .15s ease;transition:background-color var(--transition-fast);width:36px}.avatar-edit-btn:hover{background-color:#0e9358;background-color:var(--primary-dark)}.dark .avatar-edit-btn{background-color:#9333ea}.dark .avatar-edit-btn:hover{background-color:#7e22ce}.profile-popup .form-section{background-color:#f9fafb;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:24px;padding:24px}.dark .profile-popup .form-section{background-color:#2d3748;box-shadow:0 1px 3px #0003}.profile-popup .form-section-title{border-bottom:1px solid #e3e8ef;border-bottom:1px solid var(--neutral-300);color:#2d3748;color:var(--neutral-800);font-size:1.125rem;margin-bottom:20px;padding-bottom:12px}.dark .profile-popup .form-section-title{border-bottom-color:#4a5568;color:#e2e8f0}.profile-popup .form-group label{color:#4d5761;color:var(--neutral-700);display:block;font-weight:500;margin-bottom:8px}.dark .profile-popup .form-group label{color:#a0aec0}.profile-input,.profile-textarea{background-color:#fff;border:1px solid #e3e8ef;border:1px solid var(--neutral-300);border-radius:6px;color:#2d3748;color:var(--neutral-800);font-size:.875rem;padding:12px;transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.dark .profile-input,.dark .profile-textarea{background-color:#1a202c;border-color:#4a5568;color:#e2e8f0}.profile-input:focus,.profile-textarea:focus{border-color:#12b76a;border-color:var(--primary-color);box-shadow:0 0 0 3px #12b76a26;outline:none}.dark .profile-input:focus,.dark .profile-textarea:focus{border-color:#9333ea;box-shadow:0 0 0 3px #9333ea26}.profile-textarea{min-height:100px;resize:vertical}.profile-popup .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.settings-actions{display:flex;flex-direction:column;gap:12px}.setting-action-btn{align-items:center;background-color:#f8fafc;background-color:var(--neutral-100);border:1px solid #e3e8ef;border:1px solid var(--neutral-300);border-radius:8px;color:#2d3748;color:var(--neutral-800);cursor:pointer;display:flex;font-size:.875rem;padding:12px 16px;text-align:left;transition:all .15s ease;transition:all var(--transition-fast)}.setting-action-btn:hover{background-color:#eef2f6;background-color:var(--neutral-200);border-color:#cdd5df;border-color:var(--neutral-400)}.dark .setting-action-btn{border-color:#4a5568}.dark .setting-action-btn:hover{background-color:#4a5568}.profile-actions{margin-top:32px}.profile-popup .cancel-button{background-color:#f8fafc;background-color:var(--neutral-100);border:1px solid #e3e8ef;border:1px solid var(--neutral-300);border-radius:8px;color:#4d5761;color:var(--neutral-700);cursor:pointer;font-size:.875rem;font-weight:500;padding:12px 24px;transition:all .15s ease;transition:all var(--transition-fast)}.profile-popup .cancel-button:hover{background-color:#eef2f6;background-color:var(--neutral-200);color:#1a202c;color:var(--neutral-900)}.dark .profile-popup .cancel-button{background-color:#2d3748;border-color:#4a5568;color:#e2e8f0}.dark .profile-popup .cancel-button:hover{background-color:#4a5568}.profile-popup .submit-button{align-items:center;background-color:#12b76a;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;padding:12px 24px;transition:all .15s ease;transition:all var(--transition-fast)}.profile-popup .submit-button:hover{background-color:#0e9358;background-color:var(--primary-dark)}.dark .profile-popup .submit-button{background-color:#9333ea}.dark .profile-popup .submit-button:hover{background-color:#7e22ce}.profile-popup .submit-button:disabled{background-color:#93c5fd;cursor:not-allowed}.dark .profile-popup .submit-button:disabled{background-color:#6b46c1;opacity:.6}.loading-spinner-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.loading-spinner{border:4px solid #0000001a;border-top-color:#3b82f6;margin-bottom:1rem}.dark .loading-spinner{border-color:#9333ea #ffffff1a #ffffff1a}.error-message,.success-message{align-items:center;border-radius:.5rem;display:flex;margin-bottom:1.5rem;padding:1rem}.error-message{background-color:#fee2e2;border:1px solid #ef4444;color:#b91c1c}.success-message{background-color:#dcfce7;border:1px solid #22c55e;color:#15803d}.dark .error-message{background-color:#ef444433;border-color:#ef4444;color:#fca5a5}.dark .success-message{background-color:#22c55e33;border-color:#22c55e;color:#86efac}.error-message svg,.success-message svg{flex-shrink:0;margin-right:.75rem}.retry-button{background-color:#ef4444;border-radius:.25rem;font-weight:500;margin-left:auto;padding:.5rem 1rem;transition:background-color .2s}.retry-button:hover{background-color:#dc2626}.button-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:.5rem;width:16px}.dark .form-actions{background-color:#fff;border-radius:8px;display:flex;gap:16px;justify-content:space-between;margin-top:20px;padding:20px}.dark .cancel-button{background-color:#2d3748;border:none;border-radius:8px;color:#e2e8f0;cursor:pointer;font-size:.875rem;font-weight:500;padding:12px 24px;transition:background-color .2s}.dark .cancel-button:hover{background-color:#4a5568}.dark .submit-button{align-items:center;background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:background-color .2s;width:100%}.dark .submit-button:hover{background-color:#43a047}.dark .form-section:last-child{background-color:#1e2533;margin-bottom:20px}.dark .setting-action-btn{background-color:#2d3748;border:1px solid #4a5568;border-radius:8px;color:#e2e8f0;margin-bottom:10px;padding:16px;transition:background-color .2s}.dark .setting-action-btn:hover{background-color:#3a4a61}@media (max-width:768px){.profile-popup .form-row{grid-template-columns:1fr}.profile-actions{flex-direction:column}.profile-popup .cancel-button,.profile-popup .submit-button{justify-content:center;width:100%}}.notification-badge{align-items:center;background-color:#f04438;background-color:var(--secondary-color);border-radius:10px;box-shadow:0 1px 3px #0000001a;box-shadow:var(--box-shadow-sm);color:#fff;display:flex;font-size:.75rem;font-weight:600;height:20px;justify-content:center;min-width:20px;padding:0 6px;position:absolute;right:-8px;top:-8px}.fees-popup{max-width:800px}.fees-summary{display:flex;flex-wrap:wrap;gap:24px;margin-bottom:28px}.fee-balance-card{background:linear-gradient(135deg,#12b76a,#0e9358);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--box-shadow-md);color:#fff;flex:1 1;min-width:260px;padding:24px;text-align:center}.fee-balance-card h3{color:#ffffffe6;font-size:1rem;margin-bottom:16px}.balance-amount{font-size:2.5rem;font-weight:700;margin:16px 0}.due-date{font-size:.875rem;margin-top:8px;opacity:.8}.fee-breakdown{background-color:#f8fafc;background-color:var(--neutral-100);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px #0000001a;box-shadow:var(--box-shadow-sm);flex:2 1;padding:24px}.fee-breakdown h3{color:#2d3748;color:var(--neutral-800);font-size:1.125rem;margin-bottom:16px}.fee-item{border-bottom:1px solid #eef2f6;border-bottom:1px solid var(--neutral-200);display:flex;font-size:.9375rem;justify-content:space-between;padding:12px 0}.fee-item.previous-balance{color:#697586;color:var(--neutral-600);font-size:.875rem}.fee-item.total{border-bottom:none;border-top:2px solid #e3e8ef;border-top:2px solid var(--neutral-300);color:#1a202c;color:var(--neutral-900);font-size:1.125rem;font-weight:700;margin-top:12px;padding-top:16px}.payment-section{background-color:#f8fafc;background-color:var(--neutral-100);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px #0000001a;box-shadow:var(--box-shadow-sm);margin-bottom:28px;padding:24px}.payment-section h3{color:#2d3748;color:var(--neutral-800);font-size:1.125rem;margin-bottom:20px}.amount-input{position:relative}.amount-input svg{color:#697586;color:var(--neutral-600);left:12px;position:absolute;top:50%;transform:translateY(-50%)}.amount-input input{font-size:1.125rem;font-weight:500;padding-left:32px}.payment-methods{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.payment-method{align-items:center;border:2px solid #e3e8ef;border:2px solid var(--neutral-300);border-radius:8px;border-radius:var(--border-radius-md);cursor:pointer;display:flex;flex:1 1;gap:10px;min-width:170px;padding:12px 20px;transition:all .15s ease;transition:all var(--transition-fast)}.payment-method.selected{background-color:#e6f7ee;background-color:var(--primary-light);border-color:#12b76a;border-color:var(--primary-color)}.payment-method input{accent-color:#12b76a;accent-color:var(--primary-color);height:18px;margin:0;width:18px}.payment-method svg{color:#697586;color:var(--neutral-600)}.payment-method.selected svg{color:#12b76a;color:var(--primary-color)}.bank-details,.credit-card-details{background-color:#fff;border:1px solid #eef2f6;border:1px solid var(--neutral-200);border-radius:8px;border-radius:var(--border-radius-md);margin-bottom:24px;padding:20px}.pay-now-btn{align-items:center;background-color:#12b76a;background-color:var(--primary-color);border:none;border-radius:8px;border-radius:var(--border-radius-md);box-shadow:0 1px 3px #0000001a;box-shadow:var(--box-shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:10px;margin-left:auto;padding:12px 24px;transition:background-color .15s ease,transform .15s ease;transition:background-color var(--transition-fast),transform var(--transition-fast)}.pay-now-btn:hover{background-color:#0e9358;background-color:var(--primary-dark);box-shadow:0 4px 6px #0000001a;box-shadow:var(--box-shadow-md);transform:translateY(-2px)}.payment-history{background-color:#f8fafc;background-color:var(--neutral-100);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px #0000001a;box-shadow:var(--box-shadow-sm);padding:24px}.payment-history h3{color:#2d3748;color:var(--neutral-800);font-size:1.125rem;margin-bottom:20px}.empty-history{color:#697586;color:var(--neutral-600);font-style:italic;padding:20px;text-align:center}.payment-history-table{border-collapse:collapse;width:100%}.payment-history-table td,.payment-history-table th{border-bottom:1px solid #eef2f6;border-bottom:1px solid var(--neutral-200);padding:12px 16px;text-align:left}.payment-history-table th{color:#4d5761;color:var(--neutral-700);font-size:.875rem;font-weight:600}.payment-history-table th,.payment-history-table tr:hover{background-color:#f8fafc;background-color:var(--neutral-100)}.payment-status{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px;text-align:center}.payment-status.completed{background-color:#10b981;background-color:var(--success-color);color:#fff}.payment-status.processing{background-color:#f59e0b;background-color:var(--warning-color);color:#fff}.payment-status.failed{background-color:#ef4444;background-color:var(--error-color);color:#fff}@media (max-width:768px){.fees-summary{flex-direction:column}.fee-balance-card{width:100%}.payment-methods{flex-direction:column}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1200px){.stats-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.content-header{align-items:flex-start;flex-direction:column}.header-actions{justify-content:space-between;width:100%}.food-cards{grid-template-columns:repeat(2,1fr)}.messages-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.messages-list{border-bottom:1px solid #eef2f6;border-bottom:1px solid var(--neutral-200);border-right:none;max-height:300px}}@media (max-width:768px){.dashboard-main{padding:0 16px 16px}.stats-cards{grid-template-columns:1fr}.search-filter{flex-direction:column}.category-filter{width:100%}.food-cards,.form-row{grid-template-columns:1fr}.action-btn span{display:none}.action-btn{padding:8px}.add-item-btn{padding:8px 16px}.modal-content,.popup-content{width:95%}}@media (max-width:480px){.header-actions{flex-wrap:wrap;gap:8px}.action-btn{flex:1 1;justify-content:center}.add-item-btn{justify-content:center;margin-top:8px;width:100%}.form-actions{flex-direction:column}.cancel-button,.submit-button{width:100%}}.sales-history-popup{display:flex;flex-direction:column;max-height:90vh;max-width:1200px;overflow:hidden;width:95%}.sales-history-popup .popup-header{align-items:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.sales-history-popup .popup-header h2{font-size:1.5rem;font-weight:600;margin:0}.sales-history-popup .header-actions{align-items:center;display:flex;gap:1rem}.refresh-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.refresh-btn:hover:not(:disabled){background:#ffffff4d;transform:translateY(-1px)}.refresh-btn:disabled{cursor:not-allowed;opacity:.6}.sales-history-popup .popup-body{background:#f8fafc;flex:1 1;overflow-y:auto;padding:0}.sales-summary{background:#fff;border-bottom:1px solid #e2e8f0;margin-bottom:0;padding:1.5rem}.summary-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-left:4px solid #4f46e5;border-radius:8px;padding:1rem;text-align:center}.stat-label{color:#64748b;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.stat-value{color:#1e293b;display:block;font-size:1.5rem;font-weight:700}.sales-list{display:flex;flex-direction:column;gap:1rem;padding:1rem}.sale-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:all .2s ease}.sale-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.sale-header{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.sale-info h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0}.sale-date{color:#64748b;font-size:.875rem;margin:.25rem 0 0}.sale-status{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase}.status-completed{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.status-pending{background:#fef3c7;border:1px solid #fed7aa;color:#92400e}.status-cancelled{background:#fee2e2;border:1px solid #fecaca;color:#dc2626}.status-unknown{background:#f1f5f9;border:1px solid #e2e8f0;color:#64748b}.sale-content{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:1fr auto;padding:1.5rem}.food-item-details{min-width:0}.food-item-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.food-name{color:#1e293b;flex:1 1;font-size:1.125rem;font-weight:600;margin:0;min-width:0}.food-category{align-items:center;background:#f1f5f9;border-radius:6px;color:#64748b;display:flex;font-size:.75rem;gap:.5rem;padding:.25rem .75rem;white-space:nowrap}.food-description{color:#64748b;font-size:.875rem;line-height:1.5;margin:0 0 1rem}.sale-details{display:flex;flex-direction:column;gap:.5rem}.detail-row{display:flex;flex-wrap:wrap;gap:1.5rem}.detail-item{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.5rem;min-width:0}.detail-item svg{color:#94a3b8;flex-shrink:0}.transaction-id{background:#f1f5f9;border-radius:4px;font-family:Courier New,monospace;font-size:.75rem;padding:.125rem .5rem}.sale-amount{flex-shrink:0;text-align:right}.amount-breakdown{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.amount-line{color:#64748b;font-size:.875rem;margin-bottom:.5rem}.total-amount{color:#059669;font-size:1.25rem;font-weight:700}.donation-info{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.5rem}.donation-location,.donation-status{align-items:center;color:#166534;display:flex;font-size:.875rem;gap:.5rem}.sale-actions{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.sale-timestamps{color:#94a3b8;font-size:.75rem}.action-buttons{display:flex;gap:.75rem}.sale-action-btn{align-items:center;border:1px solid;border-radius:6px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.sale-action-btn.view{background:#f8fafc;border-color:#d1d5db;color:#4f46e5}.sale-action-btn.view:hover{background:#f1f5f9;border-color:#4f46e5;transform:translateY(-1px)}.sale-action-btn.delete{background:#fff5f5;border-color:#fed7d7;color:#dc2626}.sale-action-btn.delete:hover{background:#fee2e2;border-color:#dc2626;transform:translateY(-1px)}.empty-state,.error-state,.loading-state{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;justify-content:center;margin:1rem;padding:3rem 1.5rem;text-align:center}.empty-state h3,.error-state h3,.loading-state h3{color:#1e293b;font-size:1.25rem;margin:1rem 0 .5rem}.empty-state p,.error-state p,.loading-state p{color:#64748b;line-height:1.5;margin:0}.error-icon{color:#dc2626}.retry-button{align-items:center;background:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:.5rem;margin-top:1rem;padding:.75rem 1.5rem;transition:all .2s ease}.retry-button:hover{background:#4338ca;transform:translateY(-1px)}.loading-spinner{border-top-color:#4f46e5}@media (max-width:768px){.sales-history-popup{border-radius:0;height:100vh;max-height:100vh;width:100%}.sales-history-popup .popup-header{border-radius:0;flex-direction:column;gap:1rem;text-align:center}.header-actions{justify-content:center;width:100%}.sale-content,.summary-stats{grid-template-columns:1fr}.sale-content{gap:1rem}.sale-amount{text-align:left}.food-item-header{align-items:flex-start}.detail-row,.food-item-header{flex-direction:column;gap:.5rem}.sale-actions{align-items:flex-start;flex-direction:column;gap:1rem}.action-buttons{justify-content:space-between;width:100%}}.dark .sales-history-popup{background:#1f2937;color:#f9fafb}.dark .sales-history-popup .popup-body{background:#111827}.dark .sales-summary{background:#1f2937;border-color:#374151}.dark .stat-item{background:linear-gradient(135deg,#374151,#4b5563);border-color:#6366f1}.dark .stat-label{color:#9ca3af}.dark .stat-value{color:#f9fafb}.dark .sale-card{background:#1f2937;border-color:#374151}.dark .sale-header{background:linear-gradient(135deg,#374151,#4b5563);border-color:#4b5563}.dark .food-category{background:#374151;color:#9ca3af}.dark .amount-breakdown{background:linear-gradient(135deg,#374151,#4b5563);border-color:#4b5563}.dark .donation-info{background:linear-gradient(135deg,#064e3b,#065f46);border-color:#4b5563}.dark .sale-action-btn.view,.dark .sale-actions{background:#374151;border-color:#4b5563}.dark .sale-action-btn.view{color:#818cf8}.dark .sale-action-btn.view:hover{background:#4b5563;border-color:#818cf8}.dark .sale-action-btn.delete{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}.dark .sale-action-btn.delete:hover{background:#991b1b;border-color:#fca5a5}.stat-card .stat-content h4{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.stat-card .stat-content p{color:#64748b;font-size:.875rem;font-weight:500;margin:.25rem 0 0}.dark .stat-card .stat-content h4{color:#f1f5f9}.dark .stat-card .stat-content p{color:#94a3af}.popup-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-content.messages-popup{animation:slideUp .4s ease-out;background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 25px 50px #00000040;display:flex;flex-direction:column;height:85vh;max-height:700px;max-width:900px;overflow:hidden;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.popup-header{align-items:center;background:linear-gradient(135deg,#10b981,#059669 50%,#047857);color:#fff;display:flex;justify-content:space-between;overflow:hidden;padding:24px 30px;position:relative}.popup-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='75' cy='75' r='1' fill='rgba(255,255,255,0.1)'/%3E%3Ccircle cx='50' cy='10' r='.5' fill='rgba(255,255,255,0.05)'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.popup-header h2{font-size:28px;font-weight:700;margin:0}.header-actions,.popup-header h2{align-items:center;display:flex;gap:12px;position:relative;z-index:1}.action-btn.compose-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.action-btn.compose-btn:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.close-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .3s ease;width:44px}.close-button:hover{background:#fff3;border-color:#fff6;transform:rotate(90deg)}.message-tabs{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;padding:0 30px}.message-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:16px 24px;position:relative;transition:all .3s ease}.message-tab:hover{background:#10b9810d;color:#10b981}.message-tab.active{background:#10b9811a;border-bottom-color:#10b981;color:#10b981}.tab-badge{animation:pulse 2s infinite;background:#ef4444;font-weight:700;min-width:18px;text-align:center}.tab-badge,.tab-count{border-radius:8px;color:#fff;font-size:11px;padding:2px 6px}.tab-count{background:#6b7280}.popup-body.messages-container{background:#f8fafc}.messages-layout,.popup-body.messages-container{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.message-list{background:#f8fafc;flex:1 1;overflow-y:auto;padding:20px 30px}.message-list::-webkit-scrollbar{width:8px}.message-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.message-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.message-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.message-item{border:1px solid #e2e8f0;border-radius:16px;margin-bottom:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.message-item:before{background:#0000;content:"";height:100%;left:0;position:absolute;top:0;transition:all .3s ease;width:4px}.message-item:hover{box-shadow:0 12px 25px #10b98126;transform:translateY(-2px)}.message-item:hover:before{background:#10b981}.message-item.unread{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-color:#10b981;box-shadow:0 4px 15px #10b9811a}.message-item.unread:before{background:#10b981}.message-header{margin-bottom:16px}.message-sender{gap:15px}.sender-avatar{border:3px solid #e2e8f0;height:50px;position:relative;transition:all .3s ease;width:50px}.message-item:hover .sender-avatar{border-color:#10b981;transform:scale(1.05)}.sender-info h4{color:#1e293b;font-size:16px;font-weight:700;margin:0 0 4px}.message-role{background:#f1f5f9;border-radius:6px;color:#64748b;display:inline-block;font-size:13px;margin:0;padding:4px 8px}.message-meta{gap:6px}.message-date{color:#64748b;font-size:13px;font-weight:600}.message-time{color:#94a3b8;font-size:12px}.unread-indicator{animation:pulse 2s infinite;font-size:20px}.message-content{margin-bottom:16px}.message-subject{-webkit-line-clamp:2;color:#0f172a;font-size:18px;font-weight:700}.message-preview,.message-subject{-webkit-box-orient:vertical;display:-webkit-box;margin:0 0 12px;overflow:hidden}.message-preview{-webkit-line-clamp:3;color:#475569;font-size:15px;line-height:1.6}.attachment-indicator{background:linear-gradient(135deg,#ddd6fe,#e0e7ff);border:1px solid #c4b5fd;border-radius:20px;color:#5b21b6;font-size:13px;font-weight:600;gap:8px;padding:8px 12px}.message-actions{gap:10px}.message-action-btn{border:2px solid;border-radius:10px;font-size:13px;font-weight:600;gap:6px;overflow:hidden;padding:8px 16px;position:relative;transition:all .3s ease}.message-action-btn:before{background:linear-gradient(90deg,#0000,#fff9,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.message-action-btn:hover:before{left:100%}.message-action-btn.view:hover{background:#3b82f6;box-shadow:0 8px 20px #3b82f64d;color:#fff;transform:translateY(-2px)}.message-action-btn.delete:hover{background:#ef4444;box-shadow:0 8px 20px #ef44444d;color:#fff;transform:translateY(-2px)}.message-action-btn.ignore:hover{background:#f59e0b;box-shadow:0 8px 20px #f59e0b4d;color:#fff;transform:translateY(-2px)}.empty-state{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-state svg{color:#cbd5e1;margin-bottom:20px}.empty-state h3{color:#374151;font-size:20px;font-weight:700;margin:0 0 8px}.empty-state p{color:#6b7280;font-size:16px;margin:0 0 20px}.loading-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#10b981;height:40px;margin-bottom:20px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.popup-content.messages-popup{border-radius:16px;height:90vh;width:95%}.popup-header{padding:20px}.popup-header h2{font-size:24px}.message-list{padding:15px 20px}.message-item{padding:16px}.message-header{flex-direction:column;gap:12px}.message-meta{align-items:flex-start}.message-actions{justify-content:flex-start}.action-btn.compose-btn{font-size:13px;padding:8px 16px}}@media (max-width:480px){.popup-content.messages-popup{border-radius:12px;height:95vh;width:98%}.message-tabs{padding:0 20px}.message-tab{font-size:13px}.message-list,.message-tab{padding:12px 16px}.message-item{padding:14px}.sender-avatar{height:40px;width:40px}.message-subject{font-size:16px}.message-preview{font-size:14px}}@media (prefers-color-scheme:dark){.popup-content.messages-popup{background:#1e293b;border-color:#334155}.message-tabs{background:#0f172a;border-bottom-color:#334155}.message-tab{color:#94a3b8}.message-tab:hover{background:#10b9811a;color:#10b981}.message-list,.popup-body.messages-container{background:#0f172a}.message-item{background:#1e293b;border-color:#334155}.message-item.unread{background:linear-gradient(135deg,#064e3b,#065f46)}.sender-info h4{color:#f1f5f9}.message-role{background:#334155;color:#cbd5e1}.message-subject{color:#f8fafc}.message-preview{color:#cbd5e1}.message-action-btn{background:#334155}}.message-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;padding:16px;transition:all .2s ease}.message-item:hover{border-color:#10b981;box-shadow:0 2px 8px #10b9811a}.message-item.unread{background:#f0fdf4;border-left:4px solid #10b981}.message-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.message-sender{align-items:center;display:flex;gap:12px}.sender-avatar{border-radius:50%;height:40px;overflow:hidden;width:40px}.sender-avatar img{height:100%;object-fit:cover;width:100%}.sender-info h4{color:#374151;font-size:14px;font-weight:600;margin:0}.message-role{color:#6b7280;font-size:12px;margin:2px 0 0;text-transform:capitalize}.message-meta{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.message-date{color:#6b7280;font-size:12px}.message-time{color:#9ca3af;font-size:11px}.unread-indicator{color:#10b981;font-size:16px;font-weight:700}.message-content{margin-bottom:12px}.message-subject{color:#111827;font-size:16px;font-weight:600;line-height:1.4;margin:0 0 8px}.message-preview{color:#4b5563;font-size:14px;line-height:1.5;margin:0 0 8px}.attachment-indicator{align-items:center;background:#f3f4f6;border-radius:12px;color:#6b7280;display:inline-flex;font-size:12px;gap:6px;padding:4px 8px}.message-actions{display:flex;gap:8px;justify-content:flex-end}.message-action-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:6px 12px;transition:all .2s ease}.message-action-btn:hover{border-color:#10b981;color:#10b981}.message-action-btn.view{border-color:#3b82f6;color:#3b82f6}.message-action-btn.view:hover{background:#eff6ff}.message-action-btn.delete{border-color:#ef4444;color:#ef4444}.message-action-btn.delete:hover{background:#fef2f2}.message-action-btn.ignore{border-color:#f59e0b;color:#f59e0b}.message-action-btn.ignore:hover{background:#fffbeb}.message-modal-overlay{align-items:center!important;animation:modalFadeIn .3s ease-out!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#000000bf!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;overflow-y:auto!important;padding:20px!important;position:fixed!important;right:0!important;top:0!important;z-index:9999!important}@keyframes modalFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1}}.message-modal-container{animation:modalSlideUp .4s ease-out!important;margin:auto!important;max-height:90vh!important;max-width:600px!important;position:relative!important;transform-origin:center!important;width:100%!important}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.message-modal-content{background:#fff!important;border-radius:20px!important;box-shadow:0 25px 50px #00000040,0 0 0 1px #ffffff1a!important;display:flex!important;flex-direction:column!important;max-height:90vh!important}.message-modal-content,.message-modal-header{overflow:hidden!important;position:relative!important}.message-modal-header{background:linear-gradient(135deg,#10b981,#059669 50%,#047857)!important;color:#fff!important;padding:24px 30px!important}.message-modal-header:before{background:radial-gradient(circle at 30% 20%,#ffffff1a 0,#0000 50%)!important;bottom:0!important;content:""!important;left:0!important;pointer-events:none!important;position:absolute!important;right:0!important;top:0!important}.modal-header-content{position:relative!important;z-index:1!important}.modal-title{align-items:center!important;display:flex!important;font-size:28px!important;font-weight:700!important;gap:12px!important;margin:0!important}.modal-title:before{content:"✉️"!important;font-size:32px!important}.modal-subtitle{font-size:16px!important;font-weight:400!important;margin:8px 0 0!important;opacity:.9!important}.modal-close-btn{align-items:center!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:#ffffff1a!important;border:2px solid #fff3!important;border-radius:50%!important;color:#fff!important;cursor:pointer!important;display:flex!important;height:44px!important;justify-content:center!important;position:absolute!important;right:20px!important;top:20px!important;transition:all .3s ease!important;width:44px!important;z-index:2!important}.modal-close-btn:hover{background:#fff3!important;border-color:#fff6!important;transform:rotate(90deg)!important}.message-modal-body{flex:1 1!important;max-height:calc(90vh - 200px)!important;overflow-y:auto!important;padding:0!important}.message-modal-body::-webkit-scrollbar{width:8px!important}.message-modal-body::-webkit-scrollbar-track{background:#f1f5f9!important}.message-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1!important;border-radius:4px!important}.message-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8!important}.recipient-radio{opacity:0!important;pointer-events:none!important;position:absolute!important}.recipient-card-content{gap:16px!important;padding:20px!important;position:relative!important}.recipient-card-content,.recipient-icon{align-items:center!important;display:flex!important}.recipient-icon{border-radius:12px!important;height:48px!important;justify-content:center!important;transition:all .3s ease!important;width:48px!important}.recipient-info{flex:1 1!important}.recipient-title{color:#1e293b!important;font-size:16px!important;font-weight:600!important;margin-bottom:4px!important}.field-label{color:#374151!important;display:block!important;font-size:14px!important;font-weight:600!important;margin-bottom:8px!important}.form-input{background:#fff!important;border:2px solid #e5e7eb!important;border-radius:10px!important;font-size:14px!important;padding:12px 16px!important;transition:all .3s ease!important;width:100%!important}.form-input:focus{border-color:#10b981!important;box-shadow:0 0 0 3px #10b9811a!important;outline:none!important}.readonly-input{background:#f9fafb!important;color:#6b7280!important;cursor:not-allowed!important}.email-input-container{position:relative!important}.input-lock-icon{color:#9ca3af!important;position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important}.field-helper{display:flex!important;justify-content:flex-end!important;margin-top:4px!important}.textarea-container{position:relative!important}.form-textarea{min-height:120px!important}.textarea-helper{display:flex!important;justify-content:flex-end!important;margin-top:4px!important}.file-upload-zone{background:#f9fafb!important;border:2px dashed #d1d5db!important;border-radius:12px!important;cursor:pointer!important;padding:24px!important;text-align:center!important;transition:all .3s ease!important}.file-upload-zone:hover{background:#f0fdf4!important;border-color:#10b981!important}.file-input-hidden{display:none!important}.file-upload-label{cursor:pointer!important;display:block!important}.file-upload-content{align-items:center!important;display:flex!important;flex-direction:column!important;gap:8px!important}.file-upload-icon{color:#10b981!important}.file-upload-text{display:flex!important;flex-direction:column!important;gap:4px!important}.upload-primary{color:#374151!important;font-weight:600!important}.upload-secondary{color:#6b7280!important;font-size:13px!important}.file-selected-display{background:#f0fdf4!important;border:1px solid #bbf7d0!important;border-radius:8px!important;justify-content:space-between!important;padding:12px 16px!important}.file-info,.file-selected-display{align-items:center!important;display:flex!important}.file-info{gap:12px!important}.file-icon{color:#059669!important}.file-details{display:flex!important;flex-direction:column!important}.file-name{color:#065f46!important;font-size:14px!important;font-weight:500!important}.file-size{color:#047857!important;font-size:12px!important}.file-remove-btn{background:none!important;border:none!important;border-radius:4px!important;color:#dc2626!important;cursor:pointer!important;padding:4px!important;transition:all .2s ease!important}.file-remove-btn:hover{background:#fee2e2!important}.message-modal-footer{background:#fff!important;border-top:1px solid #f1f5f9!important;bottom:0!important;padding:20px 30px!important;position:-webkit-sticky!important;position:sticky!important;z-index:10!important}.footer-actions{display:flex!important;gap:12px!important;justify-content:flex-end!important;margin-bottom:12px!important}.btn-cancel{background:#f3f4f6!important;border:2px solid #d1d5db!important;border-radius:10px!important;color:#374151!important;cursor:pointer!important;font-weight:600!important;padding:12px 24px!important;transition:all .3s ease!important}.btn-cancel:hover{background:#e5e7eb!important;border-color:#9ca3af!important}.btn-send{align-items:center!important;background:linear-gradient(135deg,#10b981,#059669)!important;border:none!important;border-radius:10px!important;box-shadow:0 4px 12px #10b9814d!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-weight:600!important;gap:8px!important;padding:12px 24px!important;transition:all .3s ease!important}.btn-send:hover:not(:disabled){box-shadow:0 6px 20px #10b98166!important;transform:translateY(-2px)!important}.footer-note{text-align:center!important}.footer-note span:before{content:"🔒"!important}.dark .message-modal-content{background:#1e293b!important;color:#e2e8f0!important}.dark .form-section{border-bottom-color:#334155!important}.dark .section-label{color:#f1f5f9!important}.dark .recipient-type-card{background:#334155!important;border-color:#475569!important}.dark .recipient-type-card.selected{background:linear-gradient(135deg,#064e3b,#065f46)!important;border-color:#10b981!important}.dark .form-input,.dark .form-textarea{background:#334155!important;border-color:#475569!important;color:#e2e8f0!important}.dark .readonly-input{background:#1e293b!important;color:#94a3b8!important}.dark .file-upload-zone{background:#334155!important;border-color:#475569!important}.dark .file-upload-zone:hover{background:#064e3b!important;border-color:#10b981!important}.dark .btn-cancel{background:#475569!important;border-color:#64748b!important;color:#e2e8f0!important}@media (max-width:768px){.message-modal-container{margin:10px!important;max-width:95%!important}.message-modal-header{padding:20px!important}.modal-title{font-size:24px!important}.form-section{padding:20px!important}.recipient-type-container{grid-template-columns:1fr!important}.footer-actions{flex-direction:column!important}.btn-cancel,.btn-send{justify-content:center!important;width:100%!important}}@media (max-width:480px){.message-modal-overlay{padding:10px!important}.message-modal-container{max-width:100%!important}.modal-title{font-size:20px!important}.form-section{padding:16px!important}}.form-input select{-webkit-appearance:none!important;appearance:none!important;background:#fff!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;background-size:16px!important;border:2px solid #e5e7eb!important;border-radius:10px!important;font-size:14px!important;padding:12px 40px 12px 16px!important;transition:all .3s ease!important;width:100%!important}.form-input select:focus{border-color:#10b981!important;box-shadow:0 0 0 3px #10b9811a!important;outline:none!important}.dark .form-input select{background-color:#1f2937!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23A0AEC0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;border-color:#374151!important;color:#e2e8f0!important}.dark .form-input select:focus{border-color:#68d391!important;box-shadow:0 0 0 3px #68d39126!important}.recipient-type-container{grid-gap:16px!important;display:grid!important;gap:16px!important;grid-template-columns:1fr 1fr!important;margin-top:12px!important}.recipient-type-card{background:#fff!important;border:2px solid #e2e8f0!important;border-radius:12px!important;cursor:pointer!important;overflow:hidden!important;padding:0!important;position:relative!important;transition:all .3s ease!important}.recipient-type-card:hover{border-color:#10b981!important;box-shadow:0 8px 25px #10b98126!important;transform:translateY(-2px)!important}.recipient-type-card.selected{background:linear-gradient(135deg,#ecfdf5,#f0fdf4)!important;border-color:#10b981!important;box-shadow:0 4px 15px #10b98133!important}.recipient-desc{color:#64748b!important;font-size:13px!important;line-height:1.4!important;margin-top:4px!important}.form-section{border-bottom:1px solid #f1f5f9!important;padding:24px 30px!important}.section-label{align-items:center!important;color:#1e293b!important;display:flex!important;font-size:18px!important;font-weight:600!important;gap:8px!important;margin-bottom:16px!important}.field-note{color:#6b7280!important;font-size:12px!important;font-weight:400!important;margin-left:8px!important}.form-textarea{border:2px solid #e5e7eb!important;border-radius:10px!important;font-family:inherit!important;font-size:14px!important;line-height:1.5!important;min-height:180px!important;padding:12px 16px!important;resize:vertical!important;transition:all .3s ease!important;width:100%!important}.form-textarea:focus{border-color:#10b981!important;box-shadow:0 0 0 3px #10b9811a!important;outline:none!important}.dark .form-textarea{background-color:#1f2937!important;border-color:#374151!important;color:#e2e8f0!important}.dark .form-textarea:focus{border-color:#68d391!important;box-shadow:0 0 0 3px #68d39126!important}.footer-note span{align-items:center!important;color:#6b7280!important;display:flex!important;font-size:12px!important;gap:4px!important;justify-content:center!important}.footer-note span:before{content:"📧"!important}.btn-send:disabled{background:#9ca3af!important;cursor:not-allowed!important;opacity:.6!important;transform:none!important}.dark .btn-send:disabled{background:#6b7280!important;opacity:.6!important}.admin-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important}.donor-icon{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important}.form-input select option{font-size:14px!important;padding:8px 12px!important}.char-count{color:#9ca3af!important;font-size:12px!important;font-weight:500!important}.field-helper,.textarea-helper{display:flex!important;justify-content:flex-end!important;margin-top:4px!important}@media (max-width:768px){.recipient-type-container{grid-template-columns:1fr!important}.form-section{padding:20px!important}.recipient-desc{font-size:12px!important}.section-label{font-size:16px!important}}@media (max-width:480px){.form-section{padding:16px!important}.form-textarea{min-height:150px!important}.recipient-card-content{padding:16px!important}}.messages-btn{overflow:visible!important;position:relative!important}.action-btn span{display:none}.messages-btn .notification-badge{right:-6px!important;top:-6px!important}.notification-badge{pointer-events:none!important}@media (prefers-contrast:high){.notification-badge{background:#dc2626!important;border:2px solid #fff!important;box-shadow:0 0 0 1px #000!important}}@media (prefers-reduced-motion:reduce){.notification-badge.pulse{animation:none!important}.notification-badge{transition:none!important}}.visually-hidden{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px}.truncate,.visually-hidden{overflow:hidden;white-space:nowrap}.truncate{text-overflow:ellipsis}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-bottom:auto;margin-top:auto}.p-0{padding:0}.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}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.d-grid{display:grid}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1 1}.flex-auto{flex:0 0 auto}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-stretch{align-items:stretch}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:#12b76a;color:var(--primary-color)}.text-secondary{color:#f04438;color:var(--secondary-color)}.text-success{color:#10b981;color:var(--success-color)}.text-warning{color:#f59e0b;color:var(--warning-color)}.text-error{color:#ef4444;color:var(--error-color)}.text-info{color:#3b82f6;color:var(--info-color)}.text-neutral-500{color:#9aa4b2;color:var(--neutral-500)}.text-neutral-600{color:#697586;color:var(--neutral-600)}.text-neutral-700{color:#4d5761;color:var(--neutral-700)}.text-neutral-800{color:#2d3748;color:var(--neutral-800)}.text-neutral-900{color:#1a202c;color:var(--neutral-900)}.bg-primary{background-color:#12b76a;background-color:var(--primary-color)}.bg-primary-light{background-color:#e6f7ee;background-color:var(--primary-light)}.bg-secondary{background-color:#f04438;background-color:var(--secondary-color)}.bg-neutral-100{background-color:#f8fafc;background-color:var(--neutral-100)}.bg-neutral-200{background-color:#eef2f6;background-color:var(--neutral-200)}.bg-white{background-color:#fff}.border{border:1px solid #e3e8ef;border:1px solid var(--neutral-300)}.border-top{border-top:1px solid #e3e8ef;border-top:1px solid var(--neutral-300)}.border-right{border-right:1px solid #e3e8ef;border-right:1px solid var(--neutral-300)}.border-bottom{border-bottom:1px solid #e3e8ef;border-bottom:1px solid var(--neutral-300)}.border-left{border-left:1px solid #e3e8ef;border-left:1px solid var(--neutral-300)}.border-none{border:none}.rounded-sm{border-radius:4px;border-radius:var(--border-radius-sm)}.rounded-md{border-radius:8px;border-radius:var(--border-radius-md)}.rounded-lg{border-radius:12px;border-radius:var(--border-radius-lg)}.rounded-full{border-radius:9999px}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:0 1px 3px #0000001a;box-shadow:var(--box-shadow-sm)}.shadow-md{box-shadow:0 4px 6px #0000001a;box-shadow:var(--box-shadow-md)}.shadow-lg{box-shadow:0 10px 15px #0000001a;box-shadow:var(--box-shadow-lg)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.z-100{z-index:100}.w-full{width:100%}.w-auto{width:auto}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.transition{transition:all .3s ease;transition:all var(--transition-normal)}.transition-fast{transition:all .15s ease;transition:all var(--transition-fast)}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.disabled{opacity:.6;pointer-events:none}.badge-success{background-color:#10b981;background-color:var(--success-color)}.badge-success,.badge-warning{border-radius:4px;border-radius:var(--border-radius-sm);color:#fff;font-size:.75rem;font-weight:600;padding:.2rem .5rem}.badge-warning{background-color:#f59e0b;background-color:var(--warning-color)}.badge-error{background-color:#ef4444;background-color:var(--error-color)}.badge-error,.badge-info{border-radius:4px;border-radius:var(--border-radius-sm);color:#fff;font-size:.75rem;font-weight:600;padding:.2rem .5rem}.badge-info{background-color:#3b82f6;background-color:var(--info-color)}@media (prefers-color-scheme:dark){body{background-color:#1a202c;color:#e2e8f0}}.dark .merchant-dashboard{background-color:#1a202c;color:#e2e8f0}.dark .dashboard-main{background-color:#2d3748}.dark .content-header{border-bottom-color:#4a5568}.dark .category-select,.dark .search-box input{background-color:#2d3748;border-color:#4a5568;color:#e2e8f0}.dark .food-card{border-color:#4a5568;border:1px solid #4a5568;box-shadow:0 4px 12px #00000080;color:#e2e8f0}.dark .food-card,.dark .food-card-content{background-color:#2d3748}.dark .food-card-title{color:#f7fafc;font-weight:600;text-shadow:0 1px 2px #0000004d}.dark .detail-item{color:#e2e8f0}.dark .dietary-tag{background-color:#065f46;border:1px solid #059669;color:#ecfdf5;font-weight:500}.dark .food-card-actions{background-color:#1e2734;border-top:1px solid #4a5568}.dark .card-action-btn{color:#cbd5e0;overflow:hidden;position:relative;transition:all .2s ease}.dark .card-action-btn.edit{color:#90cdf4}.dark .card-action-btn.edit:hover{background-color:#4299e126;color:#63b3ed}.dark .card-action-btn.delete{color:#fc8181}.dark .card-action-btn.delete:hover{background-color:#e53e3e26;color:#f56565}.dark .card-action-btn.pause{color:#fbd38d}.dark .card-action-btn.pause:hover{background-color:#ed893626;color:#f6ad55}.dark .food-card-actions .donate{color:#9ae6b4}.dark .food-card-actions .donate:hover{background-color:#48bb7826;color:#68d391}.dark .card-action-btn:hover{transform:translateY(-2px)}.dark .card-action-btn:active{transform:translateY(0)}.dark .popup-content{background-color:#111827}.dark .fee-balance-card{background:linear-gradient(135deg,#10b981,#059669)}.dark .fee-item.total span{color:#fff!important;font-weight:700}.dark .payment-history h3,.dark .payment-section h3{color:#fff}.dark .payment-method.selected{background-color:#1f2937;border-color:#10b981}.dark .payment-method.selected svg{color:#10b981}@media print{.print-hidden{display:none!important}.print-break-before{page-break-before:always}.print-break-after{page-break-after:always}.print-no-break{page-break-inside:avoid}}
/*# sourceMappingURL=main.b1afa80e.css.map*/