*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{--background: 0 0% 100%;--foreground: 240 10% 3.9%;--card: 0 0% 100%;--card-foreground: 240 10% 3.9%;--popover: 0 0% 100%;--popover-foreground: 240 10% 3.9%;--primary: 262.1 83.3% 57.8%;--primary-foreground: 210 40% 98%;--secondary: 240 4.8% 95.9%;--secondary-foreground: 240 5.9% 10%;--muted: 240 4.8% 95.9%;--muted-foreground: 240 3.8% 46.1%;--accent: 240 4.8% 95.9%;--accent-foreground: 240 5.9% 10%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 240 5.9% 90%;--input: 240 5.9% 90%;--ring: 262.1 83.3% 57.8%;--radius: .5rem;--chart-1: 12 76% 61%;--chart-2: 173 58% 39%;--chart-3: 197 37% 24%;--chart-4: 43 74% 66%;--chart-5: 27 87% 67%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.left-0{left:0}.left-3{left:.75rem}.right-0{right:0}.right-3{right:.75rem}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:.75rem}.z-40{z-index:40}.z-50{z-index:50}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.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-3{margin-left:.75rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-video{aspect-ratio:16 / 9}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-16{height:4rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-20{width:5rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-7xl{max-width:80rem}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.caption-bottom{caption-side:bottom}.-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-amber-200{--tw-border-opacity: 1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-input{border-color:hsl(var(--input))}.border-orange-200{--tw-border-opacity: 1;border-color:rgb(254 215 170 / var(--tw-border-opacity, 1))}.border-primary\/20{border-color:hsl(var(--primary) / .2)}.border-purple-100{--tw-border-opacity: 1;border-color:rgb(243 232 255 / var(--tw-border-opacity, 1))}.border-transparent{border-color:transparent}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-background{background-color:hsl(var(--background))}.bg-black\/50{background-color:#00000080}.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-destructive{background-color:hsl(var(--destructive))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-muted\/50{background-color:hsl(var(--muted) / .5)}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-primary{background-color:hsl(var(--primary))}.bg-primary\/10{background-color:hsl(var(--primary) / .1)}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-purple-600{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-gray-50{--tw-gradient-from: #f9fafb var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary\/5{--tw-gradient-from: hsl(var(--primary) / .05) var(--tw-gradient-from-position);--tw-gradient-to: hsl(var(--primary) / 0) 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: rgb(243 232 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-50{--tw-gradient-from: #faf5ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-600{--tw-gradient-from: #9333ea var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-white{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-gray-100{--tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.to-violet-100{--tw-gradient-to: #ede9fe var(--tw-gradient-to-position)}.to-violet-50{--tw-gradient-to: #f5f3ff var(--tw-gradient-to-position)}.to-violet-600{--tw-gradient-to: #7c3aed var(--tw-gradient-to-position)}.to-white{--tw-gradient-to: #fff var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.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-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pb-6{padding-bottom:1.5rem}.pl-10{padding-left:2.5rem}.pt-0{padding-top:0}.pt-16{padding-top:4rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-6xl{font-size:3.75rem;line-height:1}.text-9xl{font-size:8rem;line-height:1}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.capitalize{text-transform:capitalize}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-amber-900{--tw-text-opacity: 1;color:rgb(120 53 15 / var(--tw-text-opacity, 1))}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground{color:hsl(var(--foreground))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.text-orange-900{--tw-text-opacity: 1;color:rgb(124 45 18 / var(--tw-text-opacity, 1))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-primary\/70{color:hsl(var(--primary) / .7)}.text-purple-400{--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-transparent{color:transparent}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.underline-offset-4{text-underline-offset:4px}.opacity-20{opacity:.2}.opacity-60{opacity:.6}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring-0{--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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-offset-background{--tw-ring-offset-color: hsl(var(--background))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}@keyframes enter{0%{opacity:var(--tw-enter-opacity, 1);transform:translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0) scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity, 1);transform:translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0) scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0))}}.duration-300{animation-duration:.3s}.running{animation-play-state:running}.file\:border-0::file-selector-button{border-width:0px}.file\:bg-transparent::file-selector-button{background-color:transparent}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.placeholder\:text-gray-400::-moz-placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.placeholder\:text-gray-400::placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-blue-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.hover\:bg-destructive\/80:hover{background-color:hsl(var(--destructive) / .8)}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.hover\:bg-green-600:hover{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.hover\:bg-muted\/50:hover{background-color:hsl(var(--muted) / .5)}.hover\:bg-primary\/80:hover{background-color:hsl(var(--primary) / .8)}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-purple-700:hover{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:from-purple-700:hover{--tw-gradient-from: #7e22ce var(--tw-gradient-from-position);--tw-gradient-to: rgb(126 34 206 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-violet-700:hover{--tw-gradient-to: #6d28d9 var(--tw-gradient-to-position)}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-blue-700:hover{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-2xl:hover{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-purple-500\/10:hover{--tw-shadow-color: rgb(168 85 247 / .1);--tw-shadow: var(--tw-shadow-colored)}.focus\:border-purple-500:focus{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-ring:focus{--tw-ring-color: hsl(var(--ring))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.focus-visible\:border-purple-600:focus-visible{--tw-border-opacity: 1;border-color:rgb(147 51 234 / var(--tw-border-opacity, 1))}.focus-visible\:bg-white:focus-visible{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-4:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-purple-100:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(243 232 255 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-ring:focus-visible{--tw-ring-color: hsl(var(--ring))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color: hsl(var(--background))}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group.toaster .group-\[\.toaster\]\:border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.group.toast .group-\[\.toast\]\:bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.group.toast .group-\[\.toast\]\:bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.group.toaster .group-\[\.toaster\]\:bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.group.toast .group-\[\.toast\]\:text-gray-50{--tw-text-opacity: 1;color:rgb(249 250 251 / var(--tw-text-opacity, 1))}.group.toast .group-\[\.toast\]\:text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.group.toaster .group-\[\.toaster\]\:text-gray-950{--tw-text-opacity: 1;color:rgb(3 7 18 / var(--tw-text-opacity, 1))}.group.toaster .group-\[\.toaster\]\:shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.data-\[state\=selected\]\:bg-muted[data-state=selected]{background-color:hsl(var(--muted))}.data-\[state\=unchecked\]\:bg-gray-200[data-state=unchecked]{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.data-\[state\=checked\]\:bg-gradient-to-r[data-state=checked]{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.data-\[state\=checked\]\:from-purple-600[data-state=checked]{--tw-gradient-from: #9333ea var(--tw-gradient-from-position);--tw-gradient-to: rgb(147 51 234 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.data-\[state\=checked\]\:to-violet-600[data-state=checked]{--tw-gradient-to: #7c3aed var(--tw-gradient-to-position)}.dark\:bg-amber-950\/20:is(.dark *){background-color:#451a0333}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.dark\:bg-orange-950\/20:is(.dark *){background-color:#43140733}.dark\:from-gray-900:is(.dark *){--tw-gradient-from: #111827 var(--tw-gradient-from-position);--tw-gradient-to: rgb(17 24 39 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:to-gray-800:is(.dark *){--tw-gradient-to: #1f2937 var(--tw-gradient-to-position)}.dark\:text-amber-100:is(.dark *){--tw-text-opacity: 1;color:rgb(254 243 199 / var(--tw-text-opacity, 1))}.dark\:text-amber-300:is(.dark *){--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.dark\:text-amber-400:is(.dark *){--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-gray-700:is(.dark *){--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.dark\:text-orange-100:is(.dark *){--tw-text-opacity: 1;color:rgb(255 237 213 / var(--tw-text-opacity, 1))}.dark\:text-orange-300:is(.dark *){--tw-text-opacity: 1;color:rgb(253 186 116 / var(--tw-text-opacity, 1))}.dark\:text-orange-400:is(.dark *){--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.dark\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:hover\:bg-gray-800:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}@media (min-width: 640px){.sm\:w-auto{width:auto}.sm\:flex-none{flex:none}.sm\:flex-row{flex-direction:row}}@media (min-width: 768px){.md\:ml-20{margin-left:5rem}.md\:ml-64{margin-left:16rem}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-auto{width:auto}.md\:translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.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-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:pt-0{padding-top:0}}@media (min-width: 1024px){.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:0}.\[\&\>tr\]\:last\:border-b-0:last-child>tr{border-bottom-width:0px}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-width:0px}.\[\&_tr\]\:border-b tr{border-bottom-width:1px}.App{width:100%;min-height:100vh;overflow-x:hidden}.rewards-container{max-width:800px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.rewards-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.header-info{border:solid;padding:20px;display:flex;flex-direction:column;color:#fff;background-color:#9fc7aa;border-radius:20px;gap:10px;font-weight:700}.header-info p{margin:0;background-color:transparent}.logout-button{background-color:#9fc7aa;padding:10px 15px;border-radius:20px;color:#fff;display:flex;gap:5px;align-items:center;justify-content:center;border:none;font-weight:700;cursor:pointer}.back-button{font-weight:700;background-color:transparent;display:flex;align-items:center;gap:5px;border:none;padding:10px 20px;cursor:pointer;color:#128f8b}.Bienvenue{color:#000;font-weight:700;background-color:transparent}.carousel-container{display:flex;align-items:center;position:relative;gap:10px;margin-top:100px}.rewards-list{display:flex;overflow-x:auto;scroll-behavior:smooth;gap:20px;flex-wrap:nowrap;padding:10px 0;width:100%}.rewards-list::-webkit-scrollbar{display:none}.carousel-arrow{background-color:#9fc7aa;border:none;color:#fff;cursor:pointer;padding:10px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;z-index:10;box-shadow:0 2px 5px #0000001a}.left-arrow{left:-15px}.right-arrow{right:-15px}.signOutIcone,.backIcone{background-color:transparent}.reward-card-Container{flex:0 0 auto;width:700px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.reward-card{width:100%;border:1px solid #ccc;border-radius:20px;padding:20px;text-align:center;box-shadow:0 2px 5px #0000001a;background-color:#d7e6d9}.reward-image{width:100%;height:auto;border-radius:10px}.reward-info{margin-top:10px;background-color:#9fc7aa;border-radius:20px;padding:10px;height:70px;display:flex;flex-direction:column;justify-content:center;border:solid 1px;align-items:center}.reward-info p{margin:0;color:#000;background-color:transparent}.reward_Name{font-weight:700;font-size:20px;font-style:italic;font-family:Monospace;margin-bottom:5px}.obtain-button{margin-top:10px;background-color:#aed768;color:#000;font-weight:bolder;border:none;padding:10px 15px;border-radius:20px;cursor:pointer;width:60%;text-align:center}.next-button{background-color:#f0f0f0;border:none;padding:10px 20px;cursor:pointer;font-weight:700}.backArrow{width:20px;height:20px;background-color:transparent}.feteLogo{width:50px;margin-bottom:10px}@media (max-width: 600px){.carousel-container{margin-top:0}.rewards-header{flex-direction:column;align-items:flex-start}.header-info{padding:15px}.reward-card-Container{width:100%}.reward-card{padding:15px}.obtain-button{width:80%}.carousel-arrow{padding:8px}}@media (max-width: 1024px){.reward-card-Container{width:45%}.header-info{flex-direction:column;align-items:center;text-align:center}.logout-button,.back-button{padding:8px 12px}.carousel-arrow{padding:12px}}.logout-button{background-color:#9fc7aa;padding:10px 15px;border-radius:20px;color:#fff;display:flex;gap:5px;align-items:center;justify-content:center;border:none;font-weight:700;cursor:pointer;margin-top:20px}@media (max-width: 600px){.logout-button{position:fixed;bottom:10px;left:50%;transform:translate(-50%);width:calc(100% - 20px);max-width:300px;padding:15px}}@media (min-width: 1025px){.reward-card-Container{width:30%}.carousel-arrow{padding:15px}}.tr1{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10}.tr2{background:#fcfbf8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px;border-radius:10px;text-align:center;justify-content:center;align-items:center;box-shadow:0 2px 10px #0000001a;max-width:400px}.GroupTitle{display:flex;align-items:center;justify-content:center;gap:10px}.tr2 *{background-color:transparent}.modal-buttons{display:flex;justify-content:space-around;margin-top:20px}.cancel-button,.confirm-button{padding:10px 20px;border:none;border-radius:5px;cursor:pointer;font-weight:700}.cancel-button{background-color:#bad6c0;color:#fff}.confirm-button{background-color:#aed768;color:#fff}.disabled-button{background-color:red;color:#fff;cursor:not-allowed;font-weight:700}.no-image{width:150px;height:150px;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;color:#999;font-size:14px;text-align:center;border-radius:10px;box-shadow:0 2px 8px #0003}.reward-image{width:350px;height:250px;-o-object-fit:cover;object-fit:cover;border-radius:10px;box-shadow:0 2px 8px #0003}@media (max-width: 780px){.reward-image,.no-image{width:250px;height:200px}}@media (max-height: 690px){.reward-image{width:150px;height:100px;-o-object-fit:cover;object-fit:cover;border-radius:10px;box-shadow:0 2px 8px #0003}.obtain-button{width:80%;font-size:10px}.reward_Name{font-weight:700;font-size:15px;font-style:italic;font-family:Monospace;margin-bottom:5px}.PointsReward{font-size:15px}}.header_Style{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:30px 20px;width:100%;box-sizing:border-box}.header_Style img{max-width:100%;height:auto;cursor:pointer}.header_Style .Logo{width:100px;cursor:pointer}.header_Style .nameCommercant{height:50px;cursor:pointer}.merchantLogo{height:50px;width:50px;-o-object-fit:contain;object-fit:contain;border-radius:50%;cursor:pointer}.merchantName{font-size:1.2em;font-weight:700;color:#667eea;cursor:pointer}.logoutButton{padding:8px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:20px;font-weight:600;cursor:pointer;transition:all .3s}.logoutButton:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.nameCommercant{width:200px}@media (min-width: 1024px){.header_Style{padding:30px 100px}}@media (max-width: 320px){.header_Style{flex-direction:column}.header_Style .nameCommercant{display:none}.header_Style img{width:70px}}.merchant-logo-container{display:flex;justify-content:center;margin:20px 0}.welcome-merchant-logo{width:120px;height:120px;-o-object-fit:contain;object-fit:contain;border-radius:50%;box-shadow:0 4px 8px #0000001a}.merchant-name-welcome{color:#667eea;font-weight:900}.Message_Bienvenue{font-size:3em;margin-top:15px;font-weight:700;padding:10px 20px;text-align:left;width:-moz-fit-content;width:fit-content;max-width:90%;box-sizing:border-box}.inscrire_connecte{display:flex;flex-direction:row;justify-content:space-around;gap:20px;margin-top:5%}.incription_au_programme,.connection_au_compte{border:solid 1px;border-radius:30px;padding:50px;outline:none;transition:transform .5s ease-in-out;text-align:center;font-size:1.2em;font-weight:700;max-width:500px;flex:1}.incription_au_programme{border-color:#cde5a2;background-color:#cde5a2}.incription_au_programme:hover{transform:scale(1.1);cursor:pointer}.connection_au_compte{border-color:#d7e6d9;background-color:#d7e6d9}.connection_au_compte:hover{transform:scale(1.1);cursor:pointer}.Notif_recompense{display:flex;align-items:center;justify-content:space-between;text-align:left;margin-top:50px;padding:10px 20px;font-size:2em;font-weight:700}.adminLabel{position:relative;top:0;right:0;font-size:.8em;transition:-webkit-text-decoration 1s ease-in-out;transition:text-decoration 1s ease-in-out;transition:text-decoration 1s ease-in-out,-webkit-text-decoration 1s ease-in-out}.adminLabel:hover{cursor:pointer;text-decoration:underline;color:#0010f7}@media (max-width: 700px){.Message_Bienvenue{font-size:1.5em;margin-top:15px;padding:15px}.inscrire_connecte{flex-direction:column;align-items:center;gap:30px}.incription_au_programme,.connection_au_compte{padding:30px;font-size:1em;max-width:80%}.Notif_recompense{font-size:1em;padding:15px;font-weight:700}}@media (max-width: 320px){.Message_Bienvenue{font-size:1em;margin-top:15px;padding:15px}.inscrire_connecte{gap:20px;margin-top:20px}.incription_au_programme,.connection_au_compte{margin-top:0;padding:20px;font-size:.9em;max-width:90%}.Notif_recompense{margin-top:20px;font-size:.9em;font-weight:700}}.formSignUp{background-color:#e9f1e8}.form-wrapper{background-color:#e9f1e8;padding:30px;border-radius:25px;width:100%;max-width:500px;box-shadow:0 4px 10px #0000001a}h1{font-family:Arial,sans-serif;color:#333;text-align:center;margin-bottom:20px;background-color:#e9f1e8;font-weight:800}.input-group{display:flex;flex-direction:column;margin-bottom:15px;background-color:#e9f1e8}.input-group label{display:block;font-weight:700;color:#333;margin-bottom:5px;background-color:#e9f1e8;text-align:left}.InputFormSignUp{outline:none;width:100%;padding:10px;border-radius:20px;border:1px solid #ccc;font-size:1rem;box-sizing:border-box;background-color:#dae9dc}.input-group input::-moz-placeholder{color:#aaa}.input-group input::placeholder{color:#aaa}.submit-button{background-color:#aed768;color:#000;padding:15px;border:none;border-radius:30px;font-size:1.2em;width:100%;cursor:pointer;transition:background-color .3s}.submit-button:hover{background-color:#7dbd64}@media (max-width: 1005px){.submit-button{background-color:#aed768;color:#000;padding:15px;border:none;border-radius:30px;font-size:.8em;font-weight:700;width:100%;cursor:pointer;transition:background-color .3s}}@media (max-width: 768px){.form-wrapper{padding:20px}h1{font-size:1.5em}.submit-button{background-color:#aed768;color:#000;padding:15px;border:none;border-radius:30px;font-size:.8em;font-weight:700;width:100%;cursor:pointer;transition:background-color .3s}}.SignUpContainer{display:flex;justify-content:center;align-items:center;padding:20px;justify-content:space-around;gap:40px;margin-top:2%}.signup-merchant-logo-container{display:flex;justify-content:center;margin-bottom:20px}.signup-merchant-logo{width:100px;height:100px;-o-object-fit:contain;object-fit:contain;border-radius:50%;box-shadow:0 4px 8px #0000001a}.WelcommingText{font-size:1.2rem;margin-bottom:20px;display:flex;flex-direction:column}.Bienvenue_au_club{font-weight:700;text-align:left;font-size:3em}.Deja_connexion{margin-top:2%;font-weight:700;display:flex;font-size:.8em}.Deja_connexion p{color:#3aa19d;font-weight:700}.Deja_connexion p:hover{cursor:pointer;text-decoration:underline}.hrLine{margin-top:20%;border-bottom:solid 5px;width:20%;border-radius:20px;border-color:#9fc7aa}.InviteSignUp{margin-top:5%;text-align:left;font-size:small}.cadeauLogo{margin-top:5%;display:flex}.cadeauLogo img{height:80%;width:50%}@media (min-width: 1050px){.SignUpContainer{display:flex;justify-content:center;align-items:center;padding-right:40px;justify-content:space-around;gap:40px;margin-top:0%}}@media (max-width: 600px){.WelcommingText{font-size:.8em}}@media (max-width: 571px){.WelcommingText{display:none}.SignUpContainer{padding:20px;margin-top:0}.Bienvenue_au_club{font-size:2em}}.signInContainer{display:flex;flex-direction:row;height:100vh;font-family:Arial,sans-serif}.firstPart{display:flex;flex:1;flex-direction:column;justify-content:center;align-items:flex-start;padding:40px;gap:20px;font-size:1.5em}.logo{width:120px;height:120px;-o-object-fit:contain;object-fit:contain;margin-bottom:20px;cursor:pointer;background-color:transparent;border-radius:50%}.logo-placeholder{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;color:#fff;margin-bottom:20px;cursor:pointer}.greeting{font-size:2em;font-weight:700;color:#000}.instruction{font-size:1.2em;color:#333}.merchant-label{font-size:1em;color:#667eea;font-weight:600;margin-top:10px}.secondPart{display:flex;justify-content:center;align-items:center;flex:1;background-color:#e9f1e8;padding:20px;position:relative}.keypadContainer{display:flex;flex-direction:column;gap:20px}.keypadContainer button{width:100%;padding:15px;font-size:1.2em;border:none;background-color:#cfe7cc;cursor:pointer;transition:background-color .2s ease}.keypadContainer button:hover{background-color:#b8d3b6}button.validate{background-color:#94cc86;font-weight:700;color:#fff}@media (max-width: 768px){.signInContainer{flex-direction:column}.firstPart,.secondPart{flex:none;width:100%}.firstPart{text-align:center;align-items:center;padding:20px}.greeting,.instruction{text-align:center}}.KeypadContainer{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;background-color:#e9f1e8;border-radius:15px;width:320px;margin:0 auto}.inputSpan{font-size:28px}.Display{display:flex;justify-content:space-between;align-items:center;width:100%;padding:15px;font-size:1.5rem;font-weight:700;color:#333}.ClearButton{background:none;border:none;font-size:1.2rem;color:#777;cursor:pointer;transition:color .2s ease}.ClearButton:hover{color:#000}.KeypadGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;width:100%}.KeypadGrid button{background-color:#c6ddcb;border:none;border-radius:12px;padding:20px;font-size:1.8rem;font-weight:700;color:#fff;cursor:pointer;box-shadow:0 10px 5px #0000001a;transition:transform .2s ease,background-color .2s ease}.KeypadGrid button:hover{transform:scale(1.05)}.PeopleSelector{display:flex;flex-direction:column;gap:10px;margin:20px 0;padding:15px;background:#fff;border-radius:10px}.PeopleSelector label{font-size:1.1em;font-weight:600;color:#333}.PeopleSelect{padding:12px;font-size:1em;border:2px solid #9FC7AA;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s}.PeopleSelect:hover{border-color:#667eea}.PeopleSelect:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.SubmitButton{background-color:#94cc86;color:#fff;font-size:1.2rem;font-weight:700;border:none;border-radius:12px;padding:15px;cursor:pointer;width:100%;box-shadow:0 2px 5px #0000001a;transition:background-color .2s ease,transform .2s ease}.SubmitButton:hover{background-color:#83b976;transform:scale(1.03)}.SelectContainer{position:relative;background:#fffc;border-radius:16px;padding:20px;text-align:center;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.fade-in{opacity:1;transform:translateY(0);cursor:pointer}.fade-out{opacity:0;transform:translateY(-20px);pointer-events:none}.PTagAfficher{cursor:pointer;border:solid;text-decoration:underline}.CongratsPage{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;font-family:Arial,sans-serif;background-color:#fff;overflow:hidden;position:relative}.header{position:absolute;top:20px;left:20px}.logo{height:40px}.content{z-index:1}.content h1{font-size:2.5rem;font-weight:700;margin:0}.content h2{font-size:2rem;font-weight:700;color:green;margin:10px 0}.cta-button{background-color:#e9f1e8;color:#333;padding:15px 30px;font-size:1rem;font-weight:700;border:none;border-radius:10px;margin-top:20px;cursor:pointer;transition:background-color .2s ease}.cta-button:hover{background-color:#cce3c9}#confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.confetti{position:absolute;width:5px;height:50px;background:linear-gradient(135deg,#f9d423,#e65c00);border-radius:20px;transform:rotate(45deg) skewY(-20deg);animation:fall linear forwards,spin 2s infinite}@keyframes fall{0%{transform:translateY(-100px);opacity:1}to{transform:translateY(100vh);opacity:.5}}.container{width:800px;margin:100px auto;padding:20px;background:transparent;border-radius:20px;box-shadow:0 20px 6px #0000001a;font-family:Arial,sans-serif;text-align:center}.container2{justify-content:center;display:flex;align-items:center;flex-direction:column;gap:50px}.Image-TextContainer{display:flex;gap:40px}.SignOutIcone{background-color:transparent}.balance{background-color:#9fc7aa;border-radius:20px;padding:10px;display:flex;flex-direction:column;margin-bottom:20px;font-weight:800;gap:10px}.balance *{color:#fff;background-color:transparent;font-weight:800;font-size:15px}.points{font-size:20px}.title{display:flex;flex-direction:column;gap:20px}.title h1{font-style:oblique;font-family:Bodoni;font-size:24px;margin:10px 0;color:#222;background-color:transparent}.title h2{font-size:28px;font-weight:800;margin:10px 0;color:#000}.title p{font-weight:600;font-size:14px}.image-container{display:flex;align-items:center;justify-content:center}.image-container img{width:300px;height:250px;border-radius:10px;margin:15px 0}.buttons{display:flex;flex-direction:column;gap:20px;margin-top:20px}.reward{cursor:pointer}.unlocked{display:flex;align-items:center;justify-content:center;gap:10px;background-color:#a0e283;color:#000;font-weight:500;font-style:oblique;border-radius:40px;width:-moz-fit-content;width:fit-content;padding:10px 20px;cursor:pointer;transition:transform ease-in-out .2s}.unlocked:hover{transform:scale(1.1)}.LockUnlocked{background-color:transparent}.disconnect{background-color:#9fc7aa;display:flex;align-items:center;justify-content:center;gap:10px;font-style:oblique;border-radius:40px;width:-moz-fit-content;width:fit-content;padding:10px 20px;cursor:pointer;transition:transform ease-in-out .2s}.disconnect:hover{transform:scale(1.1)}.HeaderContainer{display:flex;justify-content:space-around}.select-people-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 100px);padding:20px}.select-people-card{background:#fff;padding:40px;border-radius:20px;box-shadow:0 10px 40px #0000001a;max-width:600px;width:100%;text-align:center}.select-people-card h1{font-size:2.5em;font-weight:700;color:#333;margin-bottom:10px}.subtitle{color:#666;font-size:1.1em;margin-bottom:40px}.people-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:20px;margin-bottom:30px}.people-option{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:3px solid transparent;border-radius:15px;padding:25px 15px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;gap:8px}.people-option:hover:not(:disabled){transform:translateY(-5px);box-shadow:0 10px 25px #667eea4d;border-color:#667eea}.people-option.selected{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:#667eea;transform:scale(1.05)}.people-option:disabled{opacity:.6;cursor:not-allowed}.count{font-size:2.5em;font-weight:700}.people-label{font-size:.9em;text-transform:uppercase;letter-spacing:1px}.points{font-size:1.1em;font-weight:600;margin-top:5px;padding:5px 15px;background:#ffffff4d;border-radius:20px}.people-option.selected .points{background:#fff6}.rewards-button-container{margin-top:30px;animation:fadeInUp .5s ease}.view-rewards-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.2em;padding:15px 50px;border-radius:30px;font-weight:600;transition:all .3s}.view-rewards-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.select-people-card{padding:30px 20px}.select-people-card h1{font-size:2em}.people-grid{grid-template-columns:repeat(2,1fr);gap:15px}.people-option{padding:20px 10px}}.GlobalContainerAjoutRecompenses{display:flex;flex-direction:column;margin-top:50px;gap:20px}.HeaderContainerAjout{display:flex;flex-direction:column;gap:50px}.imageRecomp{width:80px}.RecompensesContainer{display:flex;gap:20px;justify-content:center}.OneRecompenseContainer{display:flex;flex-direction:column;gap:30px}.ImageInputContainer{display:flex;align-items:center;flex-direction:column;gap:20px}.NomRec{font-weight:700}.InputRec{border:none;outline:none;border-radius:20px;background-color:#bbd7c3;height:35px;padding:10px}.InputText{display:flex;flex-direction:column;gap:10px}.recompensesTag{font-size:40px;font-weight:700}.toggle-switch{position:relative;display:inline-block;width:50px;height:25px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:25px;display:flex;align-items:center}.slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#4caf50;padding:5px}input:checked+.slider:before{transform:translate(25px)}.submitButton{display:flex;justify-content:center;padding:15px 30px;background-color:#4caf50;color:#fff;font-size:18px;font-weight:700;border:none;border-radius:25px;cursor:pointer;transition:background-color .3s ease,transform .2s ease;width:400px;align-self:center}.submitButton:hover{background-color:#45a049;transform:scale(1.05)}.submitButton:active{background-color:#388e3c;transform:scale(1)}.ImageInputContainer input[type=file]{display:none}.custom-file-label{display:inline-block;background-color:#bbd7c3;color:#333;padding:10px 20px;font-size:14px;border-radius:20px;cursor:pointer;transition:background-color .3s ease}.custom-file-label:hover{background-color:#a0c3b0}.selected-file{font-size:14px;color:#555;margin-top:10px;text-align:center;word-break:break-word}
