@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@tailwind base;@tailwind components;@tailwind utilities;*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:Inter,system-ui,sans-serif;line-height:1.5}body{line-height:inherit;margin:0}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-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{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}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{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]{display:none}*,:before,:after,::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: }.container{width:100%}@media (width>=640px){.container{max-width:640px}}@media (width>=768px){.container{max-width:768px}}@media (width>=1024px){.container{max-width:1024px}}@media (width>=1280px){.container{max-width:1280px}}@media (width>=1536px){.container{max-width:1536px}}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.inset-0{inset:0}.left-3{left:.75rem}.left-4{left:1rem}.right-1{right:.25rem}.right-2{right:.5rem}.right-3{right:.75rem}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2{top:.5rem}.z-40{z-index:40}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-12{margin-bottom:3rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-20{margin-top:5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-4{height:1rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-full{width:100%}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-md{max-width:28rem}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:-50%;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))}.rotate-180{--tw-rotate:180deg;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))}.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 fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.6s fadeUp}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes scaleIn{0%{transform:scale(0)}to{transform:scale(1)}}.animate-scale-in{animation:.4s scaleIn}@keyframes slideLeft{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.animate-slide-left{animation:.5s slideLeft}@keyframes slideRight{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.animate-slide-right{animation:.5s slideRight}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.resize-none{resize:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-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-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-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(3rem * 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-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-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * 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))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity))}.border-cyan-500\/30{border-color:#06b6d44d}.border-gray-100{--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity))}.border-green-500\/30{border-color:#22c55e4d}.border-pink-500{--tw-border-opacity:1;border-color:rgb(236 72 153/var(--tw-border-opacity))}.border-purple-500{--tw-border-opacity:1;border-color:rgb(168 85 247/var(--tw-border-opacity))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}.border-slate-700{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity))}.border-violet-500\/30{border-color:#8b5cf64d}.border-white\/30{border-color:#ffffff4d}.border-t-white{--tw-border-opacity:1;border-top-color:rgb(255 255 255/var(--tw-border-opacity))}.bg-black\/50{background-color:#00000080}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity))}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity))}.bg-green-500\/20{background-color:#22c55e33}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity))}.bg-orange-50{--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity))}.bg-pink-100{--tw-bg-opacity:1;background-color:rgb(252 231 243/var(--tw-bg-opacity))}.bg-pink-50{--tw-bg-opacity:1;background-color:rgb(253 242 248/var(--tw-bg-opacity))}.bg-purple-50{--tw-bg-opacity:1;background-color:rgb(250 245 255/var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.bg-slate-800{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity))}.bg-slate-800\/50{background-color:#1e293b80}.bg-slate-900{--tw-bg-opacity:1;background-color:rgb(15 23 42/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.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-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-cyan-600{--tw-gradient-from:#0891b2 var(--tw-gradient-from-position);--tw-gradient-to:#0891b200 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-gold{--tw-gradient-from:#f5c542 var(--tw-gradient-from-position);--tw-gradient-to:#f5c54200 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-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-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-400{--tw-gradient-from:#818cf8 var(--tw-gradient-from-position);--tw-gradient-to:#818cf800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-light-bg{--tw-gradient-from:#fafaff var(--tw-gradient-from-position);--tw-gradient-to:#fafaff00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-400{--tw-gradient-from:#fb923c var(--tw-gradient-from-position);--tw-gradient-to:#fb923c00 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-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-slate-900{--tw-gradient-from:#0f172a var(--tw-gradient-from-position);--tw-gradient-to:#0f172a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-soft-blue{--tw-gradient-from:#93c5fd var(--tw-gradient-from-position);--tw-gradient-to:#93c5fd00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-soft-orange{--tw-gradient-from:#fdba74 var(--tw-gradient-from-position);--tw-gradient-to:#fdba7400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-soft-pink{--tw-gradient-from:#f9a8d4 var(--tw-gradient-from-position);--tw-gradient-to:#f9a8d400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-soft-violet{--tw-gradient-from:#c4b5fd var(--tw-gradient-from-position);--tw-gradient-to:#c4b5fd00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-500{--tw-gradient-from:#8b5cf6 var(--tw-gradient-from-position);--tw-gradient-to:#8b5cf600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-600{--tw-gradient-from:#7c3aed var(--tw-gradient-from-position);--tw-gradient-to:#7c3aed00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-violet-600\/20{--tw-gradient-from:#7c3aed33 var(--tw-gradient-from-position);--tw-gradient-to:#7c3aed00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-slate-800{--tw-gradient-to:#1e293b00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #1e293b var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-soft-orange{--tw-gradient-to:#fdba7400 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #fdba74 var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.to-blue-600\/20{--tw-gradient-to:#2563eb33 var(--tw-gradient-to-position)}.to-cyan-600{--tw-gradient-to:#0891b2 var(--tw-gradient-to-position)}.to-gray-100{--tw-gradient-to:#f3f4f6 var(--tw-gradient-to-position)}.to-green-600{--tw-gradient-to:#16a34a var(--tw-gradient-to-position)}.to-indigo-600{--tw-gradient-to:#4f46e5 var(--tw-gradient-to-position)}.to-orange-600{--tw-gradient-to:#ea580c var(--tw-gradient-to-position)}.to-pink-500{--tw-gradient-to:#ec4899 var(--tw-gradient-to-position)}.to-pink-600{--tw-gradient-to:#db2777 var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to:#9333ea var(--tw-gradient-to-position)}.to-slate-900{--tw-gradient-to:#0f172a var(--tw-gradient-to-position)}.to-soft-orange{--tw-gradient-to:#fdba74 var(--tw-gradient-to-position)}.to-soft-violet{--tw-gradient-to:#c4b5fd var(--tw-gradient-to-position)}.to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}.fill-current{fill:currentColor}.object-contain{-o-object-fit:contain;object-fit:contain}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-4{padding-bottom:1rem}.pl-11{padding-left:2.75rem}.pl-12{padding-left:3rem}.pr-12{padding-right:3rem}.pr-4{padding-right:1rem}.pt-16{padding-top:4rem}.pt-24{padding-top:6rem}.pt-32{padding-top:8rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.tracking-wide{letter-spacing:.025em}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity))}.text-blue-900{--tw-text-opacity:1;color:rgb(30 58 138/var(--tw-text-opacity))}.text-cyan-400{--tw-text-opacity:1;color:rgb(34 211 238/var(--tw-text-opacity))}.text-gold{--tw-text-opacity:1;color:rgb(245 197 66/var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.text-neutral-500{--tw-text-opacity:1;color:rgb(115 115 115/var(--tw-text-opacity))}.text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity))}.text-pink-500{--tw-text-opacity:1;color:rgb(236 72 153/var(--tw-text-opacity))}.text-pink-600{--tw-text-opacity:1;color:rgb(219 39 119/var(--tw-text-opacity))}.text-purple-400{--tw-text-opacity:1;color:rgb(192 132 252/var(--tw-text-opacity))}.text-purple-500{--tw-text-opacity:1;color:rgb(168 85 247/var(--tw-text-opacity))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-soft-orange{--tw-text-opacity:1;color:rgb(253 186 116/var(--tw-text-opacity))}.text-soft-pink{--tw-text-opacity:1;color:rgb(249 168 212/var(--tw-text-opacity))}.text-soft-rose{--tw-text-opacity:1;color:rgb(251 113 133/var(--tw-text-opacity))}.text-soft-violet{--tw-text-opacity:1;color:rgb(196 181 253/var(--tw-text-opacity))}.text-violet-400{--tw-text-opacity:1;color:rgb(167 139 250/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-white\/90{color:#ffffffe6}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity))}.placeholder-gray-500::placeholder{--tw-placeholder-opacity:1;color:rgb(107 114 128/var(--tw-placeholder-opacity))}.shadow-2xl{--tw-shadow:0 25px 50px -12px #00000040;--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 #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:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px #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:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;min-height:100%;overflow-x:hidden}body{color:#1e293b;background:#fff;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}button{font:inherit;cursor:pointer;outline:inherit;background:0 0;border:none;padding:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}::selection{color:#1e293b;background:#f9a8d4}:focus-visible{outline-offset:2px;outline:2px solid #f9a8d4}.container-custom{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}@media (width>=768px){.container-custom{padding:0 2rem}}@media (width>=1024px){.container-custom{padding:0 3rem}}.glass-effect{-webkit-backdrop-filter:blur(10px);background:#fffc}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:2s infinite shimmer}@keyframes shimmer{0%,to{opacity:0;transform:translate(-100%)}50%{opacity:1;transform:translate(100%)}}.page-transition{animation:.3s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}@media (width<=640px){body{font-size:14px}h1{font-size:1.75rem!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}}@keyframes dropdown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.animate-dropdown{animation:.2s ease-out forwards dropdown}select{z-index:100;cursor:pointer;position:relative;padding-right:36px!important}select:focus{outline:none;z-index:9999!important}.relative{position:relative}[class*=-dropdown],[class*=dropdown-],.dropdown-menu,.select-menu{position:absolute;z-index:9999!important;overflow:visible!important}.card,.panel,.section,[class*=-card],[class*=card-],[class*=-panel],[class*=panel-],[class*=-section],[class*=section-]{overflow:visible!important}[class*=filter],[class*=-filter],[class*=select-container],[class*=-select-container]{position:relative;overflow:visible!important}@media (width<=768px){body{overflow:hidden auto}select,.dropdown-menu,[class*=dropdown]{overflow:visible!important}}.user-layout{background:#f8fafc;width:100%;min-height:100vh;display:flex;overflow-x:hidden}.user-sidebar{z-index:100;background:linear-gradient(#5b21b6 0%,#4f46e5 50%,#ec4899 100%);border-right:1px solid #ffffff26;flex-shrink:0;width:250px;transition:transform .3s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.user-sidebar-logo{color:#fff;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #ffffff26;padding:1.5rem;font-size:1.25rem;font-weight:700}.user-sidebar-menu{padding:1rem 0}.user-menu-item{color:#ffffffd9;cursor:pointer;border-left:3px solid #0000;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;display:flex;position:relative}.user-menu-item svg{color:#ffffffd9;transition:color .2s}.user-menu-item:hover{color:#fff;background:#ffffff1f;transform:translate(2px)}.user-menu-item:hover svg{color:#fff}.user-menu-item.active{color:#fff;background:#ffffff2e;border-left-color:#fff;border-radius:0 10px 10px 0;font-weight:600;box-shadow:0 4px 15px #00000014}.user-menu-item.active svg{color:#fff}.user-menu-item.active:before{content:"";background:#fff;border-radius:0 3px 3px 0;width:3px;height:70%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.user-menu-logout{border-top:1px solid #ffffff26;margin-top:1rem;padding-top:1rem}.user-menu-logout:hover{background:#ffffff1f!important}.user-main{flex:1;width:calc(100% - 250px);min-width:0;min-height:100vh;margin-left:250px;overflow-x:hidden}.user-header{z-index:90;box-sizing:border-box;background:#fff;border-bottom:1px solid #e2e8f0;width:100%;padding:.75rem 1.5rem;position:sticky;top:0}.user-content{box-sizing:border-box;width:100%;padding:1.5rem;overflow-x:hidden}.user-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.25rem;transition:all .3s}.user-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000014}.user-card-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:.75rem;display:flex}.user-card-value{color:#1e293b;margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.user-card-label{color:#64748b;font-size:.875rem}.user-bottom-nav{z-index:100;background:linear-gradient(#5b21b6 0%,#4f46e5 50%,#ec4899 100%);border-top:1px solid #ffffff26;padding:.5rem 0;display:none;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 15px #0000001a}.user-bottom-nav-item{color:#ffffffd9;cursor:pointer;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;font-size:.75rem;transition:all .2s;display:flex}.user-bottom-nav-item svg{color:#ffffffd9;transition:color .2s}.user-bottom-nav-item.active svg,.user-bottom-nav-item:hover,.user-bottom-nav-item:hover svg{color:#fff}.user-countdown-box{text-align:center;color:#fff;background:linear-gradient(135deg,#f9a8d4 0%,#fb7185 100%);border-radius:12px;padding:1rem;box-shadow:0 4px 15px #f9a8d44d}.user-countdown-number{font-size:2rem;font-weight:700;line-height:1}.user-countdown-label{opacity:.9;margin-top:.25rem;font-size:.75rem}.user-table{border-collapse:collapse;width:100%}.user-table thead{background:#f8fafc}.user-table th{text-align:left;color:#475569;border-bottom:2px solid #e2e8f0;padding:.75rem 1rem;font-size:.875rem;font-weight:600}.user-table td{color:#334155;border-bottom:1px solid #f1f5f9;padding:1rem}.user-table tr:hover{background:#fafafa}@media (width<=767px){.user-sidebar{transform:translate(-100%)}.user-sidebar.open{transform:translate(0)}.user-main{width:100%;margin-left:0}.user-header{min-height:56px;padding:.5rem .75rem}.user-header h1{font-size:22px}.user-content{padding:0 0 80px}.user-dashboard-compact{gap:10px;padding:10px}.user-welcome-compact{flex-direction:row;align-items:center;gap:10px;min-height:140px;max-height:170px;padding:12px 14px}.user-welcome-title{margin-bottom:3px;font-size:24px;line-height:1.15}.user-welcome-subtitle{font-size:11px;line-height:1.3}.user-next-draw-badge{align-self:center;min-width:65px;padding:8px 10px}.user-badge-label{font-size:9px}.user-badge-value{font-size:13px}.user-card-compact{padding:12px}.user-draw-card{border-width:1.5px;padding:14px}.user-draw-header{margin-bottom:10px}.user-draw-icon{width:20px;height:20px}.user-draw-title{font-size:22px;line-height:1.2}.user-draw-meta{font-size:10px}.user-team-group-selectors{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:10px}.user-selector-label{margin-bottom:4px;font-size:10px}.user-select-input{min-height:40px;padding:8px 28px 8px 10px;font-size:12px}.user-select-icon{width:14px;height:14px;right:8px}.user-selected-info{margin-bottom:10px;padding:6px 10px;font-size:10px}.user-draw-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:10px}.user-draw-info-item{border-width:1.5px;min-height:70px;padding:9px}.user-info-icon{width:15px;height:15px}.user-info-label{font-size:9px}.user-info-value{font-size:15px}.user-countdown-compact{gap:5px}.user-countdown-box{border-width:1.5px;min-height:58px;padding:9px 6px}.user-countdown-num{font-size:20px}.user-countdown-label{margin-top:3px;font-size:8px}.user-prizes-section{border-width:1.5px;padding:12px}.user-prizes-header{margin-bottom:8px}.user-prizes-title{font-size:20px}.user-prize-card-marquee{width:100px;height:105px;padding:7px}.user-prize-card-marquee .user-prize-image-wrapper{width:52px;height:52px}.user-prize-card-marquee .user-prize-name{font-size:10px}.user-prize-card-marquee .user-prize-qty{font-size:8px}.user-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.user-kpi-card-compact{gap:8px;min-height:80px;padding:10px}.user-kpi-icon{width:18px;height:18px}.user-kpi-value{font-size:18px}.user-kpi-label{font-size:10px}.user-section-title{font-size:20px}.user-activity-item{padding:9px}.user-activity-icon{width:30px;height:30px}.user-activity-title{font-size:11px}.user-activity-desc{font-size:10px}.user-activity-date{font-size:9px}.user-action-item{padding:9px}.user-action-title{font-size:11px}.user-action-subtitle{font-size:9px}.user-two-col-grid{grid-template-columns:1fr;gap:10px}.user-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr));height:64px;display:grid}.user-bottom-nav-item{font-size:10px}.user-bottom-nav-item svg{width:20px;height:20px}.user-vault-summary-grid{gap:8px}.user-vault-summary-card{gap:8px;padding:10px}.user-vault-summary-icon{width:20px;height:20px}.user-vault-summary-value{font-size:16px}.user-vault-summary-label{font-size:10px}.user-vault-two-col{grid-template-columns:1fr;gap:10px}.user-vault-section-icon{width:20px;height:20px}.user-vault-section-title{font-size:20px}.user-savings-stats-grid{gap:7px}.user-savings-stat-item{padding:9px}.user-savings-stat-label{font-size:9px}.user-savings-stat-value{font-size:14px}.user-wallet-balance-card{padding:12px}.user-wallet-balance-label{font-size:10px}.user-wallet-balance-value{font-size:22px}.user-wallet-stat-item{padding:8px}.user-wallet-stat-icon{width:18px;height:18px}.user-wallet-stat-label{font-size:9px}.user-wallet-stat-value{font-size:13px}.user-wallet-action-btn{padding:10px 6px;font-size:10px}.user-transaction-item{padding:10px}.user-transaction-icon-wrapper{width:32px;height:32px}.user-transaction-icon{width:18px;height:18px}.user-transaction-desc{font-size:12px}.user-transaction-date{font-size:10px}.user-transaction-amount{font-size:13px}.user-transaction-status{font-size:9px}.user-empty-icon-wrapper{width:60px;height:60px}.user-empty-icon{width:30px;height:30px}.user-empty-title{font-size:15px}.user-empty-desc{font-size:12px}.user-card{padding:1rem}.user-card-icon{width:40px;height:40px}.user-card-value{font-size:1.5rem}.user-card-label{font-size:.75rem}.user-table-mobile{display:none}@media (width<=640px){.user-table{display:none}.user-table-mobile{display:block}.user-dashboard-compact{padding:8px}.user-welcome-compact{padding:10px 12px}.user-welcome-title{font-size:22px}.user-draw-title{font-size:20px}}}.user-badge{border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.user-badge-success{color:#16a34a;background:#dcfce7}.user-badge-pending{color:#ca8a04;background:#fef3c7}.user-badge-danger{color:#dc2626;background:#fee2e2}.user-layout-content{background:linear-gradient(135deg,#ffe5ec 0%,#ffc2d4 25%,#b4d4ff 60%,#86c8f5 85%,#5ab9ea 100%);min-height:100vh;position:relative;overflow-x:hidden}.user-dashboard-bubbles-v2{pointer-events:none;z-index:1;position:fixed;inset:0;overflow:hidden}.user-bubble-v2{filter:blur(50px);background:radial-gradient(circle at 30% 30%,#b4d4ff1f,#5ab9ea0f);border-radius:50%;animation:25s ease-in-out infinite floatBubbleV2;position:absolute}.user-bubble-v2-1{width:200px;height:200px;animation-delay:0s;top:15%;left:10%}.user-bubble-v2-2{width:180px;height:180px;animation-delay:3s;top:60%;right:15%}.user-bubble-v2-3{width:150px;height:150px;animation-delay:6s;bottom:20%;left:20%}.user-bubble-v2-4{width:160px;height:160px;animation-delay:2s;top:40%;right:30%}@keyframes floatBubbleV2{0%,to{opacity:.08;transform:translate(0)scale(1)}33%{opacity:.12;transform:translate(20px,-20px)scale(1.05)}66%{opacity:.1;transform:translate(-15px,15px)scale(.95)}}.user-dashboard-compact{z-index:10;box-sizing:border-box;flex-direction:column;gap:14px;width:100%;max-width:100%;margin:0 auto;padding:16px;display:flex;position:relative;overflow-x:hidden}.user-welcome-compact{box-sizing:border-box;background:linear-gradient(135deg,#ff69b4e6,#8a2be2d9);border:1px solid #f472b6;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;padding:16px 18px;display:flex;box-shadow:0 4px 12px #f472b640}.user-welcome-title{color:#fff;word-wrap:break-word;margin:0 0 4px;font-size:18px;font-weight:700}.user-welcome-subtitle{color:#ffffffe6;word-wrap:break-word;margin:0;font-size:13px}.user-next-draw-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;min-width:80px;padding:10px 16px;display:flex}.user-badge-label{color:#fffc;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:10px}.user-badge-value{color:#fff;white-space:nowrap;font-size:16px;font-weight:700}.user-card-compact{box-sizing:border-box;background:#fffffff2;border:1px solid #a78bfa;border-radius:12px;width:100%;min-width:0;padding:16px;box-shadow:0 2px 8px #a78bfa26;overflow:visible!important}.user-draw-card{border:2px solid #f472b6;box-shadow:0 4px 12px #f472b633;overflow:visible!important}.user-draw-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.user-draw-icon{color:#ff69b4;flex-shrink:0;width:22px;height:22px}.user-draw-title{color:#1a1a1a;margin:0 0 2px;font-size:17px;font-weight:700}.user-draw-meta{color:#666;word-wrap:break-word;margin:0;font-size:12px}.user-team-group-selectors{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin-bottom:12px;display:grid}.user-selector-item{flex-direction:column;gap:6px;min-width:0;display:flex}.user-selector-label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.user-select-wrapper{width:100%;position:relative}.user-select-input{color:#1a1a1a;cursor:pointer;appearance:none;box-sizing:border-box;background:#fff;border:1.5px solid #f472b6;border-radius:8px;outline:none;width:100%;padding:10px 32px 10px 12px;font-size:13px;font-weight:600;transition:all .2s}.user-select-input:hover{border-color:#ec4899;box-shadow:0 0 0 3px #f472b61a}.user-select-input:focus{border-color:#ec4899;box-shadow:0 0 0 3px #f472b626}.user-selector-item:last-child .user-select-input{border-color:#60a5fa}.user-selector-item:last-child .user-select-input:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #60a5fa1a}.user-selector-item:last-child .user-select-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #60a5fa26}.user-select-icon{color:#999;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.user-selected-info{text-align:center;color:#1a1a1a;background:linear-gradient(135deg,#f472b614,#60a5fa14);border:1px solid #f472b633;border-radius:8px;margin-bottom:12px;padding:8px 12px;font-size:12px;font-weight:600}.user-draw-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin-bottom:12px;display:grid}.user-draw-info-item{background:#fffffff2;border:1.5px solid #60a5fa;border-radius:8px;align-items:center;gap:8px;min-width:0;padding:12px;display:flex;box-shadow:0 2px 6px #60a5fa26}.user-draw-info-item:first-child{border-color:#60a5fa;box-shadow:0 2px 6px #60a5fa26}.user-draw-info-item:nth-child(2){border-color:#22d3ee;box-shadow:0 2px 6px #22d3ee26}.user-draw-info-item:nth-child(3){border-color:#a78bfa;box-shadow:0 2px 6px #a78bfa26}.user-draw-info-item:nth-child(4){border-color:#fb923c;box-shadow:0 2px 6px #fb923c26}.user-info-icon{color:#5ab9ea;flex-shrink:0;width:18px;height:18px}.user-info-label{color:#666;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;font-size:10px;display:block;overflow:hidden}.user-info-value{color:#1a1a1a;word-wrap:break-word;font-size:14px;font-weight:700;display:block}.user-countdown-compact{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;display:grid}.user-countdown-box{background:linear-gradient(135deg,#ff69b4,#ba55d3);border:1.5px solid #f472b6;border-radius:8px;flex-direction:column;align-items:center;min-width:0;padding:12px 8px;display:flex;box-shadow:0 3px 8px #f472b64d}.user-countdown-num{color:#fff;font-size:20px;font-weight:700;line-height:1}.user-countdown-label{color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;margin-top:4px;font-size:9px}.user-prizes-section{box-sizing:border-box;background:#fffffff2;border:1.5px solid #60a5fa;border-radius:12px;width:100%;margin-top:0;padding:14px;overflow-x:hidden;box-shadow:0 3px 10px #60a5fa2e}.user-prizes-header{justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 2px;display:flex}.user-prizes-title{color:#1a1a1a;margin:0;font-size:15px;font-weight:700}.user-prizes-hint{color:#5ab9ea;width:16px;height:16px;animation:2s infinite bounceHint}@keyframes bounceHint{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.user-prizes-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none;gap:10px;padding:2px 0 10px;display:flex;position:relative;overflow:auto hidden}.user-prizes-scroll::-webkit-scrollbar{display:none}.user-prizes-fade{pointer-events:none;background:linear-gradient(90deg,#0000,#ffe5eccc);border-radius:0 12px 12px 0;width:40px;position:absolute;top:0;bottom:10px;right:0}.user-prize-card-compact{background:#fff;border:1px solid #ffc0d466;border-radius:10px;flex-shrink:0;width:130px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 6px #0000000d;overflow:visible!important}.user-prize-card-compact:active{transform:scale(.98)}.user-prize-image-wrapper{background:#f5f5f5;width:100%;height:90px;overflow:hidden}.user-prize-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.user-prize-info{padding:8px}.user-prize-name{color:#1a1a1a;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:12px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.user-prize-qty{color:#5ab9ea;margin:0;font-size:10px;font-weight:600}.user-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;display:grid}.user-kpi-card-compact{box-sizing:border-box;background:#fffffff2;border:1px solid #a78bfa;border-radius:10px;align-items:center;gap:12px;min-width:0;padding:14px;transition:transform .2s;display:flex;box-shadow:0 2px 6px #a78bfa1f}.user-kpi-card-compact:first-child{border-color:#f472b6;box-shadow:0 2px 6px #f472b61f}.user-kpi-card-compact:nth-child(2){border-color:#34d399;box-shadow:0 2px 6px #34d3991f}.user-kpi-card-compact:nth-child(3){border-color:#fb923c;box-shadow:0 2px 6px #fb923c1f}.user-kpi-card-compact:nth-child(4){border-color:#a78bfa;box-shadow:0 2px 6px #a78bfa1f}.user-kpi-card-compact:nth-child(5){border-color:#60a5fa;box-shadow:0 2px 6px #60a5fa1f}.user-kpi-card-compact:nth-child(6){border-color:#fb7185;box-shadow:0 2px 6px #fb71851f}.user-kpi-card-compact:nth-child(7){border-color:#22d3ee;box-shadow:0 2px 6px #22d3ee1f}.user-kpi-card-compact:nth-child(8){border-color:#a78bfa;box-shadow:0 2px 6px #a78bfa1f}.user-kpi-card-compact:nth-child(9){border-color:#60a5fa;box-shadow:0 2px 6px #60a5fa1f}.user-kpi-card-compact:nth-child(10){border-color:#34d399;box-shadow:0 2px 6px #34d3991f}.user-kpi-card-compact:hover{transform:translateY(-2px);box-shadow:0 4px 12px #a78bfa33}.user-kpi-icon{color:#5ab9ea;flex-shrink:0;width:22px;height:22px}.user-kpi-content{flex-direction:column;flex:1;min-width:0;display:flex}.user-kpi-value{color:#1a1a1a;word-wrap:break-word;font-size:18px;font-weight:700;line-height:1.2}.user-kpi-label{color:#666;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;overflow:hidden}.user-two-col-grid{grid-template-columns:1fr;gap:12px;display:grid}.user-section-title{color:#1a1a1a;margin:0 0 10px;font-size:14px;font-weight:700}.user-activity-list{flex-direction:column;gap:8px;display:flex}.user-activity-item{background:#fffffff2;border:1px solid #22d3ee;border-radius:8px;align-items:flex-start;gap:10px;padding:10px;transition:all .2s;display:flex;box-shadow:0 2px 6px #22d3ee1a}.user-activity-item:hover{border-color:#60a5fa;transform:translateY(-1px);box-shadow:0 2px 8px #60a5fa26}.user-activity-icon{background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;box-shadow:0 2px 4px #0000000f}.user-activity-content{flex:1;min-width:0}.user-activity-title{color:#1a1a1a;margin:0 0 2px;font-size:12px;font-weight:600}.user-activity-desc{color:#666;margin:0;font-size:11px}.user-activity-date{color:#999;white-space:nowrap;flex-shrink:0;font-size:10px}.user-actions-list{flex-direction:column;gap:8px;display:flex}.user-action-item{background:#fffffff2;border:1px solid;border-radius:8px;align-items:center;gap:10px;padding:10px;text-decoration:none;transition:all .2s;display:flex}.user-action-item:active{transform:scale(.98)}.user-action-purple{color:#8a2be2;border-color:#a78bfa;box-shadow:0 2px 6px #a78bfa1f}.user-action-purple:hover{border-color:#9333ea;transform:translateY(-1px);box-shadow:0 2px 8px #9333ea33}.user-action-pink{color:#ff69b4;border-color:#f472b6;box-shadow:0 2px 6px #f472b61f}.user-action-pink:hover{border-color:#ec4899;transform:translateY(-1px);box-shadow:0 2px 8px #ec489933}.user-action-blue{color:#5ab9ea;border-color:#60a5fa;box-shadow:0 2px 6px #60a5fa1f}.user-action-blue:hover{border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f633}.user-action-cyan{color:#00ced1;border-color:#22d3ee;box-shadow:0 2px 6px #22d3ee1f}.user-action-cyan:hover{border-color:#06b6d4;transform:translateY(-1px);box-shadow:0 2px 8px #06b6d433}.user-action-title{color:#1a1a1a;margin:0 0 2px;font-size:12px;font-weight:600}.user-action-subtitle{color:#666;margin:0;font-size:10px}.user-progress-info{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.user-progress-label{color:#666;font-size:12px;font-weight:500}.user-progress-percent{color:#1a1a1a;font-size:13px;font-weight:700}.user-progress-bar-wrapper{background:#b4d4ff4d;border-radius:10px;width:100%;height:8px;margin-bottom:6px;overflow:hidden}.user-progress-bar{background:linear-gradient(90deg,#ff69b4,#5ab9ea);border-radius:10px;height:100%;transition:width .5s;box-shadow:0 2px 4px #ff69b44d}.user-progress-text{color:#666;margin:0;font-size:11px}@media (width>=640px){.user-dashboard-compact{gap:14px;padding:16px}.user-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=768px){.user-dashboard-compact{gap:16px;padding:18px}.user-welcome-title{font-size:20px}.user-welcome-subtitle{font-size:14px}.user-draw-info-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.user-countdown-box{padding:12px 8px}.user-countdown-num{font-size:22px}.user-countdown-label{font-size:9px}.user-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.user-two-col-grid{grid-template-columns:2fr 1fr}}@media (width>=1024px){.user-dashboard-compact{padding:20px}.user-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.text-soft-pink{color:#ff69b4}.text-soft-violet{color:#ba55d3}.text-soft-blue{color:#5ab9ea}.text-soft-rose{color:#ffb6c1}.text-soft-orange{color:#ffa07a}.text-soft-red{color:#ff6b6b}.text-gold{color:gold}.bg-soft-pink\/10{background-color:#ff69b41a}.bg-soft-violet\/10{background-color:#ba55d31a}.bg-soft-blue\/10{background-color:#5ab9ea1a}.bg-soft-orange\/10{background-color:#ffa07a1a}.bg-gold\/10{background-color:#ffd7001a}.from-soft-pink{--tw-gradient-from:#ff69b4}.to-soft-rose{--tw-gradient-to:#ffb6c1}.from-soft-violet{--tw-gradient-from:#ba55d3}.to-soft-blue{--tw-gradient-to:#5ab9ea}.from-soft-orange{--tw-gradient-from:#ffa07a}.to-soft-red{--tw-gradient-to:#ff6b6b}.from-gold{--tw-gradient-from:gold}.user-prizes-marquee-container{width:100%;position:relative;overflow:hidden}.user-marquee-track{gap:10px;width:fit-content;display:flex}.user-marquee-rtl{animation:35s linear infinite marqueeRTL}@keyframes marqueeRTL{0%{transform:translate(0)}to{transform:translate(-50%)}}.user-prize-card-marquee{background:#fffffffa;border:1.5px solid;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:6px;width:105px;height:110px;padding:8px;transition:none;display:flex}.user-prize-card-marquee .user-prize-image-wrapper{background:#f7fafc;border-radius:8px;justify-content:center;align-items:center;width:55px;height:55px;display:flex;overflow:hidden}.user-prize-card-marquee .user-prize-image{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.user-prize-card-marquee .user-prize-info{text-align:center;width:100%}.user-prize-card-marquee .user-prize-name{color:#2d3748;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 2px;font-size:10.5px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.user-prize-card-marquee .user-prize-qty{color:#718096;margin:0;font-size:9px}@media (width>=768px){.user-prize-card-marquee{gap:8px;width:150px;height:150px;padding:10px}.user-prize-card-marquee .user-prize-image-wrapper{width:80px;height:80px}.user-prize-card-marquee .user-prize-name{margin:0 0 3px;font-size:12px}.user-prize-card-marquee .user-prize-qty{font-size:10.5px}}.user-vault-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;display:grid}.user-vault-summary-card{box-sizing:border-box;background:#fffffff2;border:1.5px solid #a78bfa;border-radius:12px;align-items:center;gap:12px;min-width:0;padding:14px;display:flex;box-shadow:0 2px 6px #a78bfa1f}.user-vault-summary-card:first-child{border-color:#f472b6;box-shadow:0 2px 6px #f472b61f}.user-vault-summary-card:nth-child(2){border-color:#34d399;box-shadow:0 2px 6px #34d3991f}.user-vault-summary-card:nth-child(3){border-color:#60a5fa;box-shadow:0 2px 6px #60a5fa1f}.user-vault-summary-card:nth-child(4){border-color:#fb923c;box-shadow:0 2px 6px #fb923c1f}.user-vault-summary-icon{flex-shrink:0;width:24px;height:24px}.user-vault-summary-content{flex-direction:column;flex:1;min-width:0;display:flex}.user-vault-summary-value{color:#1a1a1a;font-size:18px;font-weight:700;line-height:1.2}.user-vault-summary-label{color:#666;margin-top:2px;font-size:11px}.user-vault-two-col{grid-template-columns:1fr;gap:14px;width:100%;display:grid}.user-savings-wallet-card{border:1.5px solid #f472b6;box-shadow:0 3px 10px #f472b626}.user-millance-wallet-card{border:1.5px solid #60a5fa;box-shadow:0 3px 10px #60a5fa26}.user-vault-section-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.user-vault-section-icon{color:#ff69b4;flex-shrink:0;width:22px;height:22px}.user-millance-wallet-card .user-vault-section-icon{color:#60a5fa}.user-vault-section-title{color:#1a1a1a;margin:0;font-size:16px;font-weight:700}.user-savings-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.user-savings-stat-item{background:linear-gradient(135deg,#ffe5ec80,#fce7f366);border:1px solid #f472b633;border-radius:8px;flex-direction:column;padding:12px;display:flex}.user-savings-stat-label{color:#666;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:10px}.user-savings-stat-value{color:#1a1a1a;font-size:16px;font-weight:700}.user-savings-progress-section{border-top:1px solid #f472b626;padding-top:12px}.user-wallet-balance-card{background:linear-gradient(135deg,#b4d4ff26,#60a5fa1a);border:1px solid #60a5fa33;border-radius:10px;flex-direction:column;align-items:center;margin-bottom:14px;padding:16px;display:flex}.user-wallet-balance-label{color:#666;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:11px}.user-wallet-balance-value{color:#1a1a1a;font-size:26px;font-weight:700}.user-wallet-stats-grid{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.user-wallet-stat-item{background:#fffffff2;border:1px solid #60a5fa33;border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex}.user-wallet-stat-icon{flex-shrink:0;width:20px;height:20px}.user-wallet-stat-label{color:#666;margin-bottom:2px;font-size:10px;display:block}.user-wallet-stat-value{color:#1a1a1a;font-size:14px;font-weight:700;display:block}.user-wallet-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.user-wallet-action-btn{cursor:pointer;background:#fffffff2;border:1.5px solid;border-radius:8px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.user-wallet-action-green{color:#059669;border-color:#34d399}.user-wallet-action-green:hover{background:#34d3991a;box-shadow:0 2px 6px #34d39926}.user-wallet-action-orange{color:#ea580c;border-color:#fb923c}.user-wallet-action-orange:hover{background:#fb923c1a;box-shadow:0 2px 6px #fb923c26}.user-wallet-action-blue{color:#2563eb;border-color:#60a5fa}.user-wallet-action-blue:hover{background:#60a5fa1a;box-shadow:0 2px 6px #60a5fa26}.user-savings-history-card{border:1.5px solid #34d399;box-shadow:0 3px 10px #34d3991f}.user-transactions-card{border:1.5px solid #a78bfa;box-shadow:0 3px 10px #a78bfa1f}.user-section-header-with-action{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.user-view-all-btn{color:#60a5fa;cursor:pointer;background:#60a5fa1a;border:1px solid #60a5fa4d;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.user-view-all-btn:hover{background:#60a5fa26;box-shadow:0 2px 6px #60a5fa26}.user-transaction-filters{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.user-transaction-filter-btn{color:#666;cursor:pointer;background:#fffffff2;border:1px solid #e5e7eb;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.user-transaction-filter-btn.active{color:#fff;background:linear-gradient(135deg,#a78bfa,#8b5cf6);border-color:#a78bfa}.user-transaction-filter-btn:hover:not(.active){color:#a78bfa;border-color:#a78bfa}.user-transaction-list{flex-direction:column;gap:8px;display:flex}.user-transaction-item{background:#fffffff2;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.user-transaction-item:hover{border-color:#a78bfa;box-shadow:0 2px 6px #a78bfa1a}.user-transaction-icon-wrapper{background:#f9fafb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.user-transaction-icon{width:20px;height:20px}.user-transaction-details{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.user-transaction-desc{color:#1a1a1a;font-size:13px;font-weight:600}.user-transaction-date{color:#999;font-size:11px}.user-transaction-amount-wrapper{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:3px;display:flex}.user-transaction-amount{font-size:14px;font-weight:700}.user-transaction-credit{color:#059669}.user-transaction-debit{color:#dc2626}.user-transaction-status{border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.user-transaction-status-completed{color:#16a34a;background:#22c55e1a}.user-transaction-status-pending{color:#ea580c;background:#fb923c1a}.user-show-less-btn{color:#666;cursor:pointer;background:#fffffff2;border:1px solid #e5e7eb;border-radius:8px;width:100%;margin-top:8px;padding:10px;font-size:13px;font-weight:600;transition:all .2s}.user-show-less-btn:hover{color:#a78bfa;border-color:#a78bfa}.user-rewards-card{border:1.5px solid #22d3ee;box-shadow:0 3px 10px #22d3ee1f}.user-empty-state{text-align:center;flex-direction:column;align-items:center;padding:40px 20px;display:flex}.user-empty-icon-wrapper{background:#f3f4f6;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:16px;display:flex}.user-empty-icon{color:#9ca3af;width:36px;height:36px}.user-empty-title{color:#1a1a1a;margin:0 0 8px;font-size:16px;font-weight:700}.user-empty-desc{color:#666;margin:0;font-size:13px}.user-rewards-grid{grid-template-columns:1fr;gap:12px;display:grid}.user-reward-card{background:#fffffff2;border:1.5px solid #22d3ee;border-radius:10px;padding:14px;box-shadow:0 2px 6px #22d3ee1a}.user-reward-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.user-reward-status{text-transform:uppercase;border-radius:999px;padding:4px 10px;font-size:10px;font-weight:700}.user-reward-status.available{color:#16a34a;background:#22c55e1a}.user-reward-status.redeemed{color:#2563eb;background:#3b82f61a}.user-reward-status.pending{color:#ea580c;background:#fb923c1a}.user-reward-month{color:#666;font-size:11px;font-weight:600}.user-reward-name{color:#1a1a1a;margin:0 0 6px;font-size:14px;font-weight:700}.user-reward-value{color:#f472b6;margin:0 0 10px;font-size:13px;font-weight:600}.user-reward-redeem-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f472b6,#fb7185);border:none;border-radius:8px;width:100%;padding:10px;font-size:13px;font-weight:600;transition:all .2s}.user-reward-redeem-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f472b64d}@media (width>=640px){.user-vault-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.user-rewards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=768px){.user-vault-two-col{grid-template-columns:1fr 1fr}.user-wallet-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.user-rewards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.user-vault-summary-value{font-size:16px}.user-vault-summary-label{font-size:10px}.user-vault-section-title{font-size:15px}.user-wallet-balance-value{font-size:22px}.user-transaction-desc{font-size:12px}.user-transaction-amount{font-size:13px}}.user-draw-upcoming-header{background:linear-gradient(135deg,#a78bfae6,#8b5cf6d9);border:1.5px solid #a78bfa;border-radius:12px;align-items:center;gap:12px;padding:16px 18px;display:flex;box-shadow:0 4px 12px #a78bfa40}.user-draw-header-icon{color:#fff;flex-shrink:0;width:28px;height:28px}.user-draw-header-title{color:#fff;margin:0 0 3px;font-size:22px;font-weight:700;line-height:1.2}.user-draw-header-subtitle{color:#ffffffe6;margin:0;font-size:13px}.user-draw-info-card{border:1.5px solid #a78bfa;box-shadow:0 3px 10px #a78bfa26}.user-draw-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.user-draw-detail-item{background:#fffffff2;border:1.5px solid #a78bfa;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex;box-shadow:0 2px 6px #a78bfa1a}.user-draw-detail-item:first-child{border-color:#60a5fa}.user-draw-detail-item:nth-child(2){border-color:#22d3ee}.user-draw-detail-item:nth-child(3){border-color:#34d399}.user-draw-detail-item:nth-child(4){border-color:#fbbf24}.user-draw-detail-icon{color:#a78bfa;flex-shrink:0;width:24px;height:24px}.user-draw-detail-item:first-child .user-draw-detail-icon{color:#60a5fa}.user-draw-detail-item:nth-child(2) .user-draw-detail-icon{color:#22d3ee}.user-draw-detail-item:nth-child(3) .user-draw-detail-icon{color:#34d399}.user-draw-detail-item:nth-child(4) .user-draw-detail-icon{color:#fbbf24}.user-draw-detail-label{color:#666;text-transform:uppercase;letter-spacing:.3px;margin-bottom:3px;font-size:10px;display:block}.user-draw-detail-value{color:#1a1a1a;font-size:15px;font-weight:700;display:block}.user-participant-count{color:#34d399;animation:2s ease-in-out infinite participantPulse}@keyframes participantPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}.user-draw-countdown-section{border-top:1.5px solid #a78bfa33;padding-top:16px}.user-draw-countdown-title{color:#666;text-align:center;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:14px;font-weight:600}.user-start-draw-demo-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#a78bfa,#8b5cf6);border:none;border-radius:8px;width:100%;margin-top:16px;padding:12px;font-size:14px;font-weight:600;transition:all .3s}.user-start-draw-demo-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #a78bfa4d}.user-draw-prizes-card{border:1.5px solid #f472b6;box-shadow:0 3px 10px #f472b626}.user-draw-prizes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.user-draw-prize-item{text-align:center;background:#fffffff2;border:1.5px solid #f472b6;border-radius:10px;flex-direction:column;align-items:center;padding:12px;display:flex;box-shadow:0 2px 6px #f472b61a}.user-draw-prize-image-wrapper{background:#f9fafb;border-radius:8px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:10px;display:flex;overflow:hidden}.user-draw-prize-image{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.user-draw-prize-name{color:#1a1a1a;margin:0 0 4px;font-size:13px;font-weight:600;line-height:1.3}.user-draw-prize-winners{color:#f472b6;margin:0;font-size:11px;font-weight:600}.user-past-draws-list{flex-direction:column;gap:10px;display:flex}.user-past-draw-item{background:#fffffff2;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.user-past-draw-item:hover{border-color:#a78bfa;box-shadow:0 2px 8px #a78bfa26}.user-past-draw-icon-wrapper{background:linear-gradient(135deg,#f472b6,#fb7185);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.user-past-draw-icon{color:#fff;width:22px;height:22px}.user-past-draw-details{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.user-past-draw-title{color:#1a1a1a;font-size:13px;font-weight:600}.user-past-draw-date{color:#666;font-size:11px}.user-past-draw-status{color:#16a34a;white-space:nowrap;background:#22c55e1a;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.live-draw-overlay{z-index:9999;background:radial-gradient(circle,#8b5cf626 0%,#0000 50%),radial-gradient(circle at 30% 40%,#f472b61a 0%,#0000 40%),radial-gradient(circle at 70% 60%,#22d3ee1a 0%,#0000 40%),radial-gradient(circle at 50% 80%,#fbbf2414 0%,#0000 30%),linear-gradient(135deg,#05071a 0%,#080b24 50%,#10133a 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.live-draw-container{z-index:10;flex-direction:column;align-items:center;width:90%;max-width:600px;padding:20px;display:flex;position:relative}.live-draw-title{color:#fff;text-align:center;text-shadow:0 0 20px #fbbf2499,0 4px 16px #0006;letter-spacing:6px;text-transform:uppercase;margin-bottom:8px;font-size:32px;font-weight:700;animation:2s ease-in-out infinite alternate titleGlow}@keyframes titleGlow{0%{text-shadow:0 0 20px #fbbf2499,0 4px 16px #0006}to{text-shadow:0 0 30px #fbbf24e6,0 4px 20px #f472b680}}.live-draw-progress{color:#fffc;text-transform:uppercase;letter-spacing:2px;text-align:center;margin-bottom:20px;font-size:13px}.live-draw-current-prize{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fbbf24;text-transform:uppercase;letter-spacing:1px;z-index:100;background:#ffffff1a;border:1px solid #fbbf244d;border-radius:20px;padding:8px 20px;font-size:12px;font-weight:600;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}.live-draw-final-countdown{justify-content:center;align-items:center;width:300px;height:300px;display:flex;position:relative}.final-countdown-number{color:#fff;text-shadow:0 8px 24px #0006;z-index:10;font-size:120px;font-weight:700;animation:1s ease-out countdownScale}@keyframes countdownScale{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.final-countdown-rings{position:absolute;inset:0}.countdown-ring{border:3px solid #ffffff4d;border-radius:50%;animation:1s ease-out infinite ringExpand;position:absolute;inset:0}.countdown-ring:nth-child(2){animation-delay:.3s}.countdown-ring:nth-child(3){animation-delay:.6s}@keyframes ringExpand{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.3)}}.live-draw-shuffle-arena{flex-direction:column;justify-content:center;align-items:center;width:380px;height:480px;margin:40px 0;display:flex;position:relative}.shuffle-spotlight{filter:blur(40px);background:radial-gradient(circle at 40% 40%,#fbbf2433 0%,#0000 50%),radial-gradient(circle,#8b5cf626 0%,#f472b61a 50%,#0000 70%);border-radius:50%;width:320px;height:320px;animation:3s ease-in-out infinite spotlightPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spotlightPulse{0%,to{opacity:.8;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}.shuffle-rings-container{z-index:5;width:320px;height:320px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shuffle-ring{border:2px solid #0000;border-radius:50%;animation:8s linear infinite ringRotate;position:absolute;inset:0}.shuffle-ring-1{border-color:#fbbf2499 #fbbf2499 #fbbf244d #fbbf244d;box-shadow:0 0 20px #fbbf2433}.shuffle-ring-2{border-color:#f472b680 #f472b633 #f472b633 #f472b680;animation-duration:6s;animation-direction:reverse;inset:10px}.shuffle-ring-3{border-color:#8b5cf633 #8b5cf680 #8b5cf680 #8b5cf633;animation-duration:10s;inset:20px}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shuffle-numbers-grid{z-index:10;grid-template-columns:repeat(2,1fr);gap:12px;width:240px;margin-bottom:30px;display:grid;position:relative}.shuffle-number-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff0d 0%,#ffffff05 100%);border:2px solid #fbbf2466;border-radius:12px;justify-content:center;align-items:center;padding:16px 12px;animation:2s ease-in-out infinite cardFloat;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d,inset 0 1px 1px #ffffff1a,0 0 20px #fbbf2433}.shuffle-number-card:before{content:"";opacity:0;background:linear-gradient(135deg,#fbbf241a 0%,#0000 50%);animation:2s ease-in-out infinite cardShimmer;position:absolute;inset:0}.shuffle-card-1{animation-delay:0s}.shuffle-card-2{animation-delay:.2s}.shuffle-card-3{animation-delay:.4s}.shuffle-card-4{animation-delay:.6s}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes cardShimmer{0%,to{opacity:0}50%{opacity:1}}.shuffle-number-inner{color:#fff;text-shadow:0 0 10px #fbbf24cc,0 0 20px #f472b666,0 2px 8px #0009;letter-spacing:2px;filter:blur(.5px);font-size:32px;font-weight:700;animation:.1s linear infinite numberRoll}@keyframes numberRoll{0%{transform:translateY(0)}to{transform:translateY(-2px)}}.shuffle-selecting-label{color:#ffffffe6;text-transform:uppercase;letter-spacing:3px;text-align:center;z-index:10;font-size:13px;font-weight:600;animation:1.5s ease-in-out infinite labelPulse;position:relative}@keyframes labelPulse{0%,to{opacity:.7}50%{opacity:1}}.live-draw-particles-enhanced{pointer-events:none;z-index:1;position:absolute;inset:0}.particle-enhanced{background:#fffc;border-radius:50%;width:3px;height:3px;animation:3s ease-in-out infinite particleFloatEnhanced;position:absolute;top:80%;box-shadow:0 0 8px #fbbf2499}.particle-enhanced:nth-child(3n){background:#fbbf24e6;box-shadow:0 0 10px #fbbf24cc}.particle-enhanced:nth-child(3n+1){background:#f472b6e6;box-shadow:0 0 10px #f472b6cc}.particle-enhanced:nth-child(3n+2){background:#8b5cf6e6;box-shadow:0 0 10px #8b5cf6cc}@keyframes particleFloatEnhanced{0%{opacity:0;transform:translateY(0)translate(0)scale(0)}20%{opacity:1;transform:translateY(-50px)translate(10px)scale(1)}80%{opacity:1;transform:translateY(-200px)translate(-20px)scale(1.5)}to{opacity:0;transform:translateY(-300px)translate(30px)scale(.5)}}.light-beams{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:hidden}.light-beam{filter:blur(20px);transform-origin:top;background:linear-gradient(#fbbf2426 0%,#fbbf2414 40%,#0000 70%);width:120px;height:120%;animation:8s ease-in-out infinite beamMove;position:absolute;top:-10%}.light-beam.beam-1{animation-delay:0s;left:20%}.light-beam.beam-2{background:linear-gradient(#f472b61f 0%,#f472b60f 40%,#0000 70%);animation-delay:2s;left:50%}.light-beam.beam-3{background:linear-gradient(#8b5cf61f 0%,#8b5cf60f 40%,#0000 70%);animation-delay:4s;left:80%}@keyframes beamMove{0%,to{opacity:.6;transform:translate(-20px)rotate(-2deg)}50%{opacity:1;transform:translate(20px)rotate(2deg)}}.live-draw-winner-title{color:#fff;text-align:center;text-shadow:0 0 30px #fbbf24cc,0 0 60px #f472b666,0 4px 20px #0006;letter-spacing:4px;text-transform:uppercase;margin-bottom:40px;font-size:36px;font-weight:700;animation:.8s ease-out winnerTitleAppear}@keyframes winnerTitleAppear{0%{opacity:0;transform:translateY(-30px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.live-draw-winner-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2 0%,#ffffffe6 100%);border:2px solid #fbbf2499;border-radius:24px;flex-direction:column;align-items:center;width:90%;max-width:420px;padding:40px 32px;animation:.8s ease-out .3s both winnerCardAppear;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 80px #0006,0 0 60px #fbbf244d,inset 0 1px 2px #fffc}.live-draw-winner-card:before{content:"";background:linear-gradient(45deg,#0000 30%,#fbbf241a 50%,#0000 70%);width:200%;height:200%;animation:3s ease-in-out infinite cardShine;position:absolute;top:-50%;left:-50%}@keyframes cardShine{0%,to{transform:translate(-100%)translateY(-100%)rotate(45deg)}50%{transform:translate(100%)translateY(100%)rotate(45deg)}}@keyframes winnerCardAppear{0%{opacity:0;transform:scale(.7)translateY(40px)}to{opacity:1;transform:scale(1)translateY(0)}}.winner-card-header{background:linear-gradient(135deg,#f472b6 0%,#fb7185 50%,#fbbf24 100%);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:24px;animation:2s ease-in-out infinite headerPulse;display:flex;position:relative;box-shadow:0 8px 32px #f472b680,0 0 40px #fbbf2466}.winner-card-header:before{content:"";border:2px solid #fbbf2480;border-radius:50%;animation:2s ease-in-out infinite ringPulse;position:absolute;inset:-4px}@keyframes headerPulse{0%,to{transform:scale(1);box-shadow:0 8px 32px #f472b680,0 0 40px #fbbf2466}50%{transform:scale(1.05);box-shadow:0 12px 40px #f472b6b3,0 0 60px #fbbf2499}}@keyframes ringPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.winner-card-icon{color:#fff;filter:drop-shadow(0 2px 8px #0000004d);width:45px;height:45px}.winner-name{color:#1a1a1a;text-align:center;text-shadow:0 2px 4px #0000001a;margin:0 0 10px;font-size:32px;font-weight:700;line-height:1.2}.winner-member-id{color:#8b5cf6;letter-spacing:1px;margin:0 0 28px;font-size:16px;font-weight:600}.winner-prize-image-wrapper{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border:2px solid #fbbf244d;border-radius:20px;justify-content:center;align-items:center;width:180px;height:180px;margin-bottom:24px;animation:3s ease-in-out infinite prizeFloat;display:flex;overflow:hidden;box-shadow:0 8px 24px #0000001a,inset 0 1px 1px #fffc}@keyframes prizeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.winner-prize-image{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;padding:12px}.winner-prize-name{color:#f472b6;text-align:center;text-shadow:0 2px 4px #f472b633;margin:0;font-size:22px;font-weight:600}.live-draw-confetti{pointer-events:none;z-index:10000;position:fixed;inset:0;overflow:hidden}.confetti-piece{opacity:.9;width:10px;height:10px;animation:3s ease-out forwards confettiFall;position:absolute;top:-10px}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.final-winners-header{flex-direction:column;align-items:center;margin-bottom:30px;animation:.6s ease-out finalHeaderAppear;display:flex}@keyframes finalHeaderAppear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.final-winners-icon{color:#fff;filter:drop-shadow(0 4px 12px #0000004d);width:60px;height:60px;margin-bottom:16px}.final-winners-title{color:#fff;text-align:center;text-shadow:0 4px 16px #0000004d;letter-spacing:2px;margin:0;font-size:32px;font-weight:700}.final-winners-grid{grid-template-columns:1fr;gap:16px;width:100%;max-width:500px;max-height:60vh;margin-bottom:20px;padding:10px;display:grid;overflow-y:auto}.final-winner-card{background:#fff;border-radius:16px;align-items:center;gap:12px;padding:16px;animation:.5s ease-out backwards finalWinnerCardAppear;display:flex;box-shadow:0 8px 24px #0003}.final-winner-card:first-child{animation-delay:.1s}.final-winner-card:nth-child(2){animation-delay:.2s}.final-winner-card:nth-child(3){animation-delay:.3s}.final-winner-card:nth-child(4){animation-delay:.4s}.final-winner-card:nth-child(5){animation-delay:.5s}@keyframes finalWinnerCardAppear{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}.final-winner-number{color:#fff;background:linear-gradient(135deg,#f472b6,#fb7185);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.final-winner-details{flex:1;min-width:0}.final-winner-name{color:#1a1a1a;margin:0 0 3px;font-size:15px;font-weight:700;line-height:1.2}.final-winner-id{color:#666;margin:0;font-size:12px}.final-winner-prize-image-wrapper{background:#f9fafb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex;overflow:hidden}.final-winner-prize-image{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.final-winner-prize-name{color:#f472b6;text-align:right;max-width:100px;font-size:12px;font-weight:600;line-height:1.2}.final-winners-close-btn{color:#a78bfa;cursor:pointer;background:#fff;border:2px solid #fff;border-radius:12px;padding:14px 40px;font-size:16px;font-weight:600;transition:all .3s;box-shadow:0 8px 24px #0003}.final-winners-close-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #0000004d}@media (width<=767px){.live-draw-title{font-size:22px}.live-draw-progress{font-size:12px}.live-draw-final-countdown{width:200px;height:200px}.final-countdown-number{font-size:80px}.live-draw-shuffle-container{width:240px;height:240px}.shuffle-number{letter-spacing:4px;font-size:56px}.shuffle-label{font-size:12px}.live-draw-winner-title{font-size:24px}.live-draw-winner-card{padding:24px}.winner-card-header{width:60px;height:60px}.winner-card-icon{width:30px;height:30px}.winner-name{font-size:22px}.winner-member-id{font-size:14px}.winner-prize-image-wrapper{width:120px;height:120px}.winner-prize-name{font-size:16px}.final-winners-title{font-size:24px}.final-winners-icon{width:48px;height:48px}.final-winners-grid{grid-template-columns:1fr}.final-winner-card{padding:12px}.final-winner-number{width:36px;height:36px;font-size:14px}.final-winner-name{font-size:13px}.final-winner-id{font-size:11px}.user-draw-prizes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.user-draw-prize-item{padding:10px}.user-draw-prize-image-wrapper{width:60px;height:60px}.user-draw-prize-name{font-size:12px}.user-draw-prize-winners{font-size:10px}}@media (width>=768px){.user-draw-prizes-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.final-winners-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:800px}}.live-draw-overlay-cinematic{z-index:9999;background:radial-gradient(circle,#fbbf241f 0%,#0000 40%),radial-gradient(circle at 30% 40%,#6d28d926 0%,#0000 35%),radial-gradient(circle at 70% 60%,#f472b61f 0%,#0000 35%),radial-gradient(circle at 50% 80%,#22d3ee14 0%,#0000 30%),linear-gradient(135deg,#050719 0%,#090b22 50%,#10143a 100%);justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.cinematic-draw-stage{flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:900px;height:90vh;padding:20px;display:flex;position:relative}.cinematic-header{text-align:center;z-index:20;margin-bottom:20px}.cinematic-title{color:#fff;letter-spacing:6px;opacity:.9;text-shadow:0 2px 8px #0000004d;margin:0 0 8px;font-size:16px;font-weight:700}.cinematic-live-title{color:#fff;letter-spacing:8px;text-shadow:0 0 30px #fbbf2499,0 0 50px #f472b666,0 4px 16px #00000080;margin:0 0 16px;font-size:48px;font-weight:900;animation:2s ease-in-out infinite alternate titleGlowCinematic}@keyframes titleGlowCinematic{0%{text-shadow:0 0 30px #fbbf2499,0 0 50px #f472b666,0 4px 16px #00000080}to{text-shadow:0 0 50px #fbbf24e6,0 0 80px #f472b699,0 4px 20px #0009}}.cinematic-subtitle{color:#fff;letter-spacing:3px;opacity:.9;text-transform:uppercase;text-shadow:0 2px 8px #0006;margin:0;font-size:14px;font-weight:600}.cinematic-prize-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fbbf24;text-transform:uppercase;letter-spacing:1.5px;z-index:50;background:#fbbf2426;border:2px solid #fbbf2466;border-radius:24px;padding:8px 20px;font-size:12px;font-weight:700;position:absolute;top:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000004d}.cinematic-countdown-container{z-index:100;justify-content:center;align-items:center;width:350px;height:350px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.cinematic-countdown-number{color:#fff;text-shadow:0 0 30px #fff,0 0 60px #ec4899e6,0 0 100px #fbbf24b3,0 8px 32px #000c;z-index:10;font-family:Inter,Poppins,sans-serif;font-size:120px;font-weight:900;line-height:1}.countdown-rings-cinematic{position:absolute;inset:0}.countdown-ring-cinematic{border:4px solid #fbbf24cc;border-color:#fbbf24cc #fbbf2499 #0000 #0000;border-radius:50%;animation:1s ease-out infinite ringExpandCinematic;position:absolute;inset:0;box-shadow:0 0 40px #fbbf2480}.countdown-ring-cinematic:nth-child(2){border-top-color:#f472b6cc;border-right-color:#f472b699;animation-delay:.3s;box-shadow:0 0 40px #f472b680}.countdown-ring-cinematic:nth-child(3){border-top-color:#8b5cf6cc;border-right-color:#8b5cf699;animation-delay:.6s;box-shadow:0 0 40px #8b5cf680}@keyframes ringExpandCinematic{0%{opacity:1;transform:scale(.7)rotate(0)}to{opacity:0;transform:scale(1.3)rotate(180deg)}}.lottery-sphere-wrapper{z-index:20;flex-shrink:0;margin:20px 0;display:none;position:relative}.winner-reveal-stage{flex-direction:column;justify-content:center;align-items:center;width:90%;max-width:500px;max-height:85vh;padding:20px;display:flex}.final-winners-stage{flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100dvh;padding:24px 20px;display:flex;position:relative;overflow:hidden}.winner-number-badge{color:#fff;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#f472b6,#fbbf24);border-radius:20px;margin-bottom:16px;padding:6px 20px;font-size:13px;font-weight:700;box-shadow:0 4px 12px #f472b666}.final-winners-header-cinematic{text-align:center;flex-shrink:0;margin-bottom:20px}.final-trophy-icon{color:#fbbf24;filter:drop-shadow(0 0 30px #fbbf2499);margin-bottom:12px}.final-winners-title-cinematic{color:#fff;letter-spacing:4px;text-shadow:0 0 40px #fbbf24cc,0 0 70px #f472b680,0 4px 20px #0009;text-transform:uppercase;margin:0 0 8px;font-size:44px;font-weight:900;line-height:1.1}.final-winners-subtitle{color:#f472b6;letter-spacing:3px;text-shadow:0 2px 10px #f472b680;text-transform:uppercase;margin:0 0 12px;font-size:28px;font-weight:700;line-height:1.2}.final-draw-info{color:#fffc;letter-spacing:2px;text-transform:uppercase;margin:0;font-size:13px;font-weight:600}.final-winners-carousel-wrapper{flex:1;justify-content:flex-start;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.final-winners-grid-cinematic{flex-wrap:nowrap;gap:20px;width:max-content;padding:4px;animation:40s linear infinite horizontalScroll;display:flex;position:relative}@keyframes horizontalScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.final-winners-grid-cinematic:hover{animation-play-state:paused}.final-winner-card-cinematic{box-sizing:border-box;background:#fffffffa;border:2px solid #fbbf24;border-radius:18px;flex-direction:column;flex-shrink:0;align-items:center;gap:10px;width:195px;height:265px;padding:16px 14px;transition:transform .2s;display:flex;box-shadow:0 8px 24px #0003,0 0 40px #fbbf244d}.final-winner-card-cinematic:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000004d,0 0 60px #fbbf2480}.final-winner-badge{color:#fff;background:linear-gradient(135deg,#f472b6,#fbbf24);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex;box-shadow:0 4px 12px #f472b666}.final-winner-info{text-align:center}.final-winner-info h4{color:#111827;margin:0 0 4px;font-size:16px;font-weight:700}.final-winner-info p{color:#7c3aed;letter-spacing:1px;margin:0;font-size:12px;font-weight:600}.final-winner-prize-img{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border:2px solid #fbbf244d;border-radius:12px;justify-content:center;align-items:center;width:100px;height:100px;padding:8px;display:flex;overflow:hidden}.final-winner-prize-img img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.final-winner-prize-label{color:#ec4899;text-align:center;margin:0;font-size:13px;font-weight:700}.close-draw-btn-cinematic{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:2px;z-index:40;background:linear-gradient(135deg,#f472b6,#fbbf24);border:none;border-radius:12px;flex-shrink:0;margin:0;padding:14px 48px;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 8px 24px #f472b666}.close-draw-btn-cinematic:hover{transform:translateY(-2px);box-shadow:0 12px 32px #f472b699}@media (width<=767px){.cinematic-draw-stage{height:100dvh;padding:12px}.cinematic-countdown-container{width:240px;height:240px}.cinematic-countdown-number{font-size:76px}.cinematic-prize-badge{padding:6px 14px;font-size:10px;top:16px}.cinematic-live-title{letter-spacing:4px;font-size:30px}.cinematic-title{font-size:13px}.cinematic-subtitle{letter-spacing:2px;font-size:11px}.lottery-sphere-wrapper{margin:12px 0}.winner-reveal-stage{max-height:90dvh;padding:16px}.winner-reveal-title{margin-bottom:24px;font-size:26px}.winner-card-cinematic{max-height:70dvh;padding:28px 20px;overflow-y:auto}.winner-trophy-icon{width:70px;height:70px;margin-bottom:20px}.winner-trophy-icon svg{width:36px;height:36px}.winner-number-badge{padding:5px 16px;font-size:11px}.winner-name-cinematic{font-size:24px}.winner-id-cinematic{margin-bottom:24px;font-size:13px}.winner-prize-image-cinematic{width:140px;height:140px}.winner-prize-name-cinematic{font-size:17px}.final-winners-stage{justify-content:space-between;height:100dvh;padding:16px 12px 20px}.final-winners-title-cinematic{letter-spacing:2px;margin-bottom:6px;font-size:28px}.final-winners-subtitle{letter-spacing:2px;margin-bottom:8px;font-size:20px}.final-draw-info{font-size:11px}.final-winners-carousel-wrapper{justify-content:flex-start}.final-winners-grid-cinematic{gap:12px;animation:35s linear infinite horizontalScroll}.final-winner-card-cinematic{gap:8px;width:150px;height:215px;padding:14px 10px}.final-winner-badge{width:28px;height:28px;font-size:12px}.final-winner-prize-img{width:80px;height:80px}.close-draw-btn-cinematic{padding:12px 32px;font-size:13px}}@media (width<=430px){.cinematic-live-title{font-size:26px}.cinematic-countdown-number{font-size:76px}.winner-name-cinematic{font-size:20px}.winner-prize-image-cinematic{width:110px;height:110px}.winner-prize-name-cinematic{font-size:15px}}body.live-draw-active{width:100%;position:fixed;overflow:hidden}html.draw-active,body.draw-active{width:100%;height:100%;position:fixed;overflow:hidden!important}.winner-reveal-stage:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle,#fbbf2440 0%,#0000 60%);position:absolute;inset:-50%}.winner-reveal-title{color:#fff!important;opacity:1!important;text-shadow:0 0 50px #fbbf24,0 0 100px #f472b6b3,0 6px 24px #0009!important;font-size:40px!important;font-weight:700!important}.winner-card-cinematic{opacity:1!important;background:#fff!important;border:3px solid #fbbf24!important;border-radius:24px!important;flex-direction:column!important;align-items:center!important;gap:16px!important;width:460px!important;max-width:calc(100vw - 32px)!important;max-height:75vh!important;padding:32px 36px!important;display:flex!important;overflow:visible!important;box-shadow:0 0 80px #fbbf2499,0 0 150px #ec489966,0 30px 100px #000000b3!important}.winner-number-badge{color:#fff!important;letter-spacing:1.5px!important;opacity:1!important;background:linear-gradient(135deg,#f472b6 0%,#fb923c 50%,#fbbf24 100%)!important;border-radius:24px!important;margin-bottom:20px!important;padding:8px 24px!important;font-size:14px!important;font-weight:800!important;box-shadow:0 4px 16px #f472b680!important}.winner-prize-display{flex-direction:column!important;align-items:center!important;gap:12px!important;margin:0!important;display:flex!important}.winner-trophy-icon{opacity:1!important;background:linear-gradient(135deg,#f472b6 0%,#fb7185 50%,#fbbf24 100%)!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:80px!important;height:80px!important;margin-bottom:12px!important;display:flex!important;box-shadow:0 15px 50px #f472b6b3,0 0 80px #fbbf2499!important}.winner-trophy-icon svg{color:#fff!important;filter:drop-shadow(0 4px 12px #0006)!important;width:42px!important;height:42px!important}.winner-name-cinematic{color:#111827!important;opacity:1!important;text-shadow:0 2px 4px #00000014!important;margin:0!important;font-size:28px!important;font-weight:800!important;line-height:1.2!important}.winner-id-cinematic{color:#7c3aed!important;opacity:1!important;letter-spacing:1.5px!important;margin:0!important;font-size:14px!important;font-weight:700!important}.winner-prize-image-cinematic{opacity:1!important;background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%)!important;border:3px solid #fbbf2466!important;border-radius:20px!important;justify-content:center!important;align-items:center!important;width:160px!important;height:160px!important;margin:0!important;display:flex!important;overflow:hidden!important;box-shadow:0 12px 40px #00000026,inset 0 2px 4px #ffffffe6!important}.winner-prize-image-cinematic img{-o-object-fit:contain!important;object-fit:contain!important;opacity:1!important;width:100%!important;height:100%!important;padding:14px!important}.winner-prize-name-cinematic{color:#ec4899!important;opacity:1!important;text-shadow:0 2px 4px #ec489933!important;margin:0!important;font-size:20px!important;font-weight:800!important;line-height:1.3!important}.fireworks-layer{pointer-events:none;z-index:20;position:fixed;inset:0;overflow:hidden}.firework-burst{border-radius:50%;width:120px;height:120px;animation:1.2s ease-out forwards fireworkBurst;position:absolute}.firework-burst:before,.firework-burst:after{content:"";border:3px solid;border-radius:50%;animation:1.2s ease-out forwards fireworkRing;position:absolute;inset:0}.firework-burst:after{animation-delay:.15s}@keyframes fireworkBurst{0%{opacity:1;transform:scale(.2)}50%{opacity:.9}to{opacity:0;transform:scale(2.5)}}@keyframes fireworkRing{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(3)}}.firework-particle{border-radius:50%;width:8px;height:8px;animation:1.5s ease-out forwards particleFly;position:absolute;box-shadow:0 0 15px}@keyframes particleFly{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--tx), var(--ty)) scale(0);opacity:0}}.firework-gold{color:#fbbf24;background:radial-gradient(circle,#fef3c7,#fbbf24);border-color:#fbbf24;box-shadow:0 0 40px #fbbf24,0 0 80px #fbbf2480}.firework-pink{color:#f472b6;background:radial-gradient(circle,#fce7f3,#f472b6);border-color:#f472b6;box-shadow:0 0 40px #f472b6,0 0 80px #f472b680}.firework-purple{color:#a78bfa;background:radial-gradient(circle,#ede9fe,#a78bfa);border-color:#a78bfa;box-shadow:0 0 40px #a78bfa,0 0 80px #a78bfa80}.firework-blue{color:#60a5fa;background:radial-gradient(circle,#dbeafe,#60a5fa);border-color:#60a5fa;box-shadow:0 0 40px #60a5fa,0 0 80px #60a5fa80}.firework-cyan{color:#22d3ee;background:radial-gradient(circle,#cffafe,#22d3ee);border-color:#22d3ee;box-shadow:0 0 40px #22d3ee,0 0 80px #22d3ee80}@media (width<=767px){.winner-reveal-title{margin-bottom:16px!important;font-size:28px!important}.winner-card-cinematic{gap:10px!important;max-width:calc(100vw - 32px)!important;max-height:78dvh!important;padding:24px 20px!important}.winner-trophy-icon{width:64px!important;height:64px!important;margin-bottom:8px!important}.winner-trophy-icon svg{width:32px!important;height:32px!important}.winner-number-badge{padding:5px 16px!important;font-size:11px!important}.winner-name-cinematic{font-size:20px!important}.winner-id-cinematic{margin-bottom:0!important;font-size:12px!important}.winner-prize-image-cinematic{width:110px!important;height:110px!important}.winner-prize-name-cinematic{font-size:18px!important}.firework-burst{width:90px!important;height:90px!important}}@media (width<=430px){.winner-reveal-title{font-size:24px!important}.winner-name-cinematic{font-size:22px!important}.winner-prize-image-cinematic{width:120px!important;height:120px!important}.winner-prize-name-cinematic{font-size:16px!important}}.congratulations-popup-center{z-index:35;pointer-events:none;box-sizing:border-box;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.congratulations-popup-title{color:#fff;text-align:center;text-transform:uppercase;letter-spacing:clamp(2px,1.5vw,8px);text-shadow:0 0 50px #fbbf24,0 0 100px #f472b6cc,0 0 150px #8b5cf699,0 8px 32px #000000b3;word-break:keep-all;overflow-wrap:normal;max-width:calc(100vw - 32px);margin:0;font-size:clamp(32px,10vw,64px);font-weight:900;line-height:1.2;animation:2s ease-in-out infinite congratsPulse}@keyframes congratsPulse{0%,to{text-shadow:0 0 50px #fbbf24,0 0 100px #f472b6cc,0 0 150px #8b5cf699,0 8px 32px #000000b3}50%{text-shadow:0 0 70px #fbbf24,0 0 130px #f472b6,0 0 180px #8b5cf6cc,0 8px 40px #000c}}@media (width<=767px){.congratulations-popup-center{padding:20px}.congratulations-popup-title{letter-spacing:clamp(1px,1vw,4px);max-width:calc(100vw - 40px);font-size:clamp(26px,8vw,38px)}}@media (width<=430px){.congratulations-popup-title{letter-spacing:clamp(1px,.8vw,3px);font-size:clamp(24px,7.5vw,32px)}}@media (width<=360px){.congratulations-popup-title{letter-spacing:2px;font-size:clamp(22px,7vw,28px)}}.user-redeem-card{border:1.5px solid #f472b6;box-shadow:0 3px 10px #f472b61f}.user-redeem-history-card{border:1.5px solid #60a5fa;box-shadow:0 3px 10px #60a5fa1f}.user-redeem-rewards-grid{flex-direction:column;gap:14px;display:flex}.user-redeem-reward-card{background:#fffffff7;border:1.5px solid #f472b64d;border-radius:10px;gap:14px;padding:14px;transition:all .2s;display:flex}.user-redeem-reward-card:hover{border-color:#f472b6;box-shadow:0 4px 12px #f472b626}.user-redeem-prize-image-wrapper{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border:1.5px solid #f472b633;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:100px;display:flex;overflow:hidden}.user-redeem-prize-image{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;padding:8px}.user-redeem-reward-details{flex-direction:column;flex:1;gap:10px;display:flex}.user-redeem-prize-name{color:#1a1a1a;margin:0;font-size:16px;font-weight:700}.user-redeem-info-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.user-redeem-info-item{align-items:center;gap:8px;display:flex}.user-redeem-info-icon{color:#8b5cf6;flex-shrink:0;width:18px;height:18px}.user-redeem-info-label{color:#666;margin-bottom:2px;font-size:10px;display:block}.user-redeem-info-value{color:#1a1a1a;font-size:13px;font-weight:600;display:block}.user-redeem-status{text-transform:uppercase;letter-spacing:.5px;border-radius:6px;align-items:center;gap:6px;width:fit-content;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.status-eligible{color:#2563eb;background:#3b82f61a;border:1px solid #3b82f64d}.status-redeemed{color:#16a34a;background:#22c55e1a;border:1px solid #22c55e4d}.status-verified{color:#059669;background:#22c55e1a;border:1px solid #22c55e4d}.status-expired{color:#dc2626;background:#ef44441a;border:1px solid #ef44444d}.user-redeem-status-small{border-radius:999px;padding:4px 10px;font-size:10px}.user-redeem-now-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#f472b6,#fb7185);border:none;border-radius:8px;width:100%;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s}.user-redeem-now-btn:hover{background:linear-gradient(135deg,#fb7185,#f472b6);transform:translateY(-1px);box-shadow:0 4px 12px #f472b64d}.user-redeem-history-list{flex-direction:column;gap:10px;display:flex}.user-redeem-history-item{background:#fffffff7;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.user-redeem-history-item:hover{border-color:#60a5fa;box-shadow:0 2px 8px #60a5fa1a}.user-redeem-history-image-wrapper{background:#f9fafb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.user-redeem-history-image-wrapper img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;padding:6px}.user-redeem-history-details{flex:1;min-width:0}.user-redeem-history-prize{color:#1a1a1a;margin:0 0 4px;font-size:14px;font-weight:700}.user-redeem-history-id{color:#8b5cf6;margin:0 0 2px;font-size:11px;font-weight:600}.user-redeem-history-date{color:#999;margin:0;font-size:10px}.user-redeem-view-qr-btn{color:#2563eb;cursor:pointer;background:#60a5fa1a;border:1px solid #60a5fa4d;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.user-redeem-view-qr-btn:hover{background:#60a5fa26;box-shadow:0 2px 6px #60a5fa26}.user-modal-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.user-modal-content{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.user-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.user-modal-header h3{color:#1a1a1a;margin:0;font-size:18px;font-weight:700}.user-modal-close{cursor:pointer;color:#666;background:#0000000d;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.user-modal-close:hover{color:#1a1a1a;background:#0000001a}.user-modal-body{padding:24px}.user-modal-footer{border-top:1px solid #e5e7eb;gap:12px;padding:16px 24px;display:flex}.user-modal-btn{cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.user-modal-btn-cancel{color:#666;background:#0000000d}.user-modal-btn-cancel:hover{color:#1a1a1a;background:#0000001a}.user-modal-btn-confirm{color:#fff;background:linear-gradient(135deg,#f472b6,#fb7185)}.user-modal-btn-confirm:hover{background:linear-gradient(135deg,#fb7185,#f472b6);box-shadow:0 4px 12px #f472b64d}.user-modal-btn-download{color:#fff;background:linear-gradient(135deg,#60a5fa,#3b82f6)}.user-modal-btn-download:hover{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 4px 12px #60a5fa4d}.user-modal-btn-print{color:#8b5cf6;background:#8b5cf61a;border:1px solid #8b5cf64d}.user-modal-btn-print:hover{background:#8b5cf626}.user-redeem-confirm-details{flex-direction:column;gap:16px;display:flex}.user-redeem-confirm-image{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border:2px solid #f472b633;border-radius:12px;justify-content:center;align-items:center;width:150px;height:150px;margin:0 auto;display:flex;overflow:hidden}.user-redeem-confirm-image img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;padding:12px}.user-redeem-confirm-info{flex-direction:column;gap:10px;display:flex}.user-redeem-confirm-row{background:#00000005;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.user-redeem-confirm-label{color:#666;font-size:13px;font-weight:600}.user-redeem-confirm-value{color:#1a1a1a;font-size:14px;font-weight:700}.user-redeem-qr-subtitle{color:#666;text-align:center;margin:0 0 24px;font-size:13px;line-height:1.5}.user-redeem-qr-container{background:#fff;border:2px solid #e5e7eb;border-radius:12px;justify-content:center;align-items:center;margin-bottom:24px;padding:24px;display:flex}.user-redeem-qr-code{display:block}.user-redeem-qr-details{flex-direction:column;gap:10px;display:flex}.user-redeem-qr-detail-row{background:#00000005;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.user-redeem-qr-label{color:#666;font-size:12px;font-weight:600}.user-redeem-qr-value{color:#1a1a1a;font-size:13px;font-weight:700}.verify-redemption-page{background:linear-gradient(135deg,#05071a 0%,#080b24 50%,#10133a 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.verify-redemption-container{width:100%;max-width:500px}.verify-redemption-header{text-align:center;margin-bottom:32px}.verify-redemption-brand{color:#fff;letter-spacing:4px;text-shadow:0 4px 12px #fbbf2480;margin:0 0 8px;font-size:36px;font-weight:900}.verify-redemption-subtitle{color:#ffffffb3;margin:0;font-size:14px}.verify-redemption-card{text-align:center;background:#fff;border-radius:16px;padding:40px 32px;box-shadow:0 20px 60px #0000004d}.verify-redemption-icon{margin-bottom:24px}.verify-icon-valid{color:#16a34a}.verify-icon-invalid{color:#dc2626}.verify-redemption-title{color:#1a1a1a;margin:0 0 12px;font-size:24px;font-weight:700}.verify-redemption-message{color:#666;margin:0 0 32px;font-size:14px;line-height:1.6}.verify-redemption-details{text-align:left;flex-direction:column;gap:12px;display:flex}.verify-detail-row{background:#00000008;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.verify-detail-label{color:#666;font-size:13px;font-weight:600}.verify-detail-value{color:#1a1a1a;font-size:14px;font-weight:700}.verify-status{text-transform:uppercase;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:700}.verify-status-valid{color:#16a34a;background:#22c55e1a;border:1px solid #22c55e4d}.verify-status-invalid{color:#dc2626;background:#ef44441a;border:1px solid #ef44444d}@media (width<=767px){.user-redeem-reward-card{flex-direction:column}.user-redeem-prize-image-wrapper{width:100%;height:120px}.user-redeem-info-grid{grid-template-columns:1fr}.user-modal-content{max-width:100%}.user-modal-header{padding:16px 20px}.user-modal-body{padding:20px}.user-modal-footer{flex-direction:column;padding:16px 20px}.user-redeem-qr-container{padding:16px}.verify-redemption-brand{font-size:28px}.verify-redemption-card{padding:32px 24px}}.user-plan-selection-bar{background:#fffffff7;border:1.5px solid #a78bfa;border-radius:12px;margin-bottom:20px;padding:16px;box-shadow:0 3px 10px #a78bfa1f}.user-plan-selection-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.user-plan-select-wrapper{flex-direction:column;gap:8px;display:flex}.user-plan-select-label{color:#666;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.user-plan-select-label svg{color:#a78bfa}.user-plan-select-container{position:relative}.user-plan-select{color:#1a1a1a;cursor:pointer;appearance:none;background:#fff;border:1.5px solid #a78bfa66;border-radius:8px;width:100%;padding:11px 38px 11px 14px;font-size:14px;font-weight:600;transition:all .2s}.user-plan-select:hover{border-color:#a78bfa;box-shadow:0 2px 8px #a78bfa26}.user-plan-select:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.user-plan-select-icon{color:#a78bfa;pointer-events:none;width:18px;height:18px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.user-plan-header{align-items:center;gap:14px;margin-bottom:20px;display:flex}.user-plan-header-icon{color:#f472b6;flex-shrink:0;width:36px;height:36px}.user-plan-header-title{color:#1a1a1a;margin:0;font-size:28px;font-weight:800;line-height:1.2}.user-plan-header-subtitle{color:#666;margin:4px 0 0;font-size:13px;line-height:1.4}.user-plan-hero-card{background:linear-gradient(135deg,#f472b6 0%,#a78bfa 50%,#60a5fa 100%);border-radius:16px;margin-bottom:20px;padding:24px;position:relative;overflow:hidden;box-shadow:0 10px 40px #f472b640,0 0 60px #a78bfa26}.user-plan-hero-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 30%,#ffffff26 0%,#0000 40%),radial-gradient(circle at 80% 70%,#ffffff1a 0%,#0000 40%);position:absolute;inset:0}.user-plan-hero-header{z-index:1;justify-content:space-between;align-items:center;margin-bottom:20px;display:flex;position:relative}.user-plan-hero-title{color:#fff;letter-spacing:2px;text-shadow:0 2px 8px #0003;margin:0;font-size:20px;font-weight:900}.user-plan-hero-status{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#ffffff40;border:1px solid #ffffff4d;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;display:flex}.user-plan-hero-details{z-index:1;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;display:grid;position:relative}.user-plan-hero-detail-item{color:#fff;align-items:center;gap:10px;display:flex}.user-plan-hero-detail-item svg{opacity:.9;flex-shrink:0}.user-plan-hero-label{opacity:.85;text-shadow:0 1px 4px #0003;margin-bottom:4px;font-size:11px;display:block}.user-plan-hero-value{text-shadow:0 2px 6px #0003;font-size:15px;font-weight:700;display:block}.user-plan-details-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.user-plan-detail-card{text-align:center;background:#fffffff7;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:16px;transition:all .2s;display:flex}.user-plan-card-team{border:1.5px solid #f472b6;box-shadow:0 3px 10px #f472b61f}.user-plan-card-team:hover{border-color:#fb7185;box-shadow:0 5px 15px #f472b633}.user-plan-card-group{border:1.5px solid #60a5fa;box-shadow:0 3px 10px #60a5fa1f}.user-plan-card-group:hover{border-color:#3b82f6;box-shadow:0 5px 15px #60a5fa33}.user-plan-card-member{border:1.5px solid #a78bfa;box-shadow:0 3px 10px #a78bfa1f}.user-plan-card-member:hover{border-color:#8b5cf6;box-shadow:0 5px 15px #a78bfa33}.user-plan-card-amount{border:1.5px solid #fbbf24;box-shadow:0 3px 10px #fbbf241f}.user-plan-card-amount:hover{border-color:#f59e0b;box-shadow:0 5px 15px #fbbf2433}.user-plan-card-status{border:1.5px solid #34d399;box-shadow:0 3px 10px #34d3991f}.user-plan-card-status:hover{border-color:#10b981;box-shadow:0 5px 15px #34d39933}.user-plan-card-month{border:1.5px solid #22d3ee;box-shadow:0 3px 10px #22d3ee1f}.user-plan-card-month:hover{border-color:#06b6d4;box-shadow:0 5px 15px #22d3ee33}.user-plan-detail-icon{color:currentColor;width:28px;height:28px}.user-plan-detail-label{color:#666;font-size:11px;font-weight:600}.user-plan-detail-value{color:#1a1a1a;font-size:15px;font-weight:700}.user-plan-status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:5px 12px;font-size:11px;font-weight:700}.status-active{color:#16a34a;background:#22c55e1a;border:1px solid #22c55e4d}.status-pending{color:#ea580c;background:#fb923c1a;border:1px solid #fb923c4d}.status-inactive{color:#4b5563;background:#6b72801a;border:1px solid #6b72804d}.status-completed{color:#059669;background:#22c55e1a;border:1px solid #22c55e4d}.status-suspended{color:#dc2626;background:#ef44441a;border:1px solid #ef44444d}.user-plan-progress-card{border:1.5px solid #8b5cf6;box-shadow:0 3px 10px #8b5cf61f}.user-plan-section-header{align-items:center;gap:10px;margin-bottom:20px;display:flex}.user-plan-section-icon{color:#8b5cf6;width:24px;height:24px}.user-plan-progress-container{align-items:center;gap:32px;display:flex}.user-plan-progress-circle{flex-shrink:0;width:200px;height:200px;position:relative}.user-plan-progress-svg{width:100%;height:100%;transform:rotate(0)}.user-plan-progress-circle-animated{transition:stroke-dashoffset 1.5s ease-out}.user-plan-progress-text{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.user-plan-progress-percent{background:linear-gradient(135deg,#f472b6,#a78bfa,#60a5fa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:4px;font-size:42px;font-weight:900;line-height:1}.user-plan-progress-label{color:#666;font-size:13px;font-weight:600}.user-plan-progress-stats{flex-direction:column;flex:1;gap:16px;display:flex}.user-plan-progress-stat-item{background:#00000005;border:1px solid #0000000d;border-radius:10px;align-items:center;gap:12px;padding:14px;display:flex}.user-plan-progress-stat-icon{border-radius:8px;flex-shrink:0;width:32px;height:32px;padding:6px}.user-icon-paid{color:#16a34a;background:#22c55e1a}.user-icon-remaining{color:#ea580c;background:#fb923c1a}.user-icon-total{color:#2563eb;background:#60a5fa1a}.user-plan-progress-stat-label{color:#666;margin-bottom:4px;font-size:11px;display:block}.user-plan-progress-stat-value{color:#1a1a1a;font-size:16px;font-weight:700;display:block}.user-plan-timeline-card{border:1.5px solid #22d3ee;box-shadow:0 3px 10px #22d3ee1f}.user-plan-month-timeline{scrollbar-width:thin;gap:10px;padding:4px;display:flex;overflow-x:auto}.user-plan-month-timeline::-webkit-scrollbar{height:6px}.user-plan-month-timeline::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}.user-plan-month-timeline::-webkit-scrollbar-thumb{background:#22d3ee4d;border-radius:3px}.user-plan-month-timeline::-webkit-scrollbar-thumb:hover{background:#22d3ee80}.user-plan-month-item{border-radius:10px;flex-direction:column;align-items:center;gap:8px;min-width:60px;padding:12px;transition:all .2s;display:flex}.user-plan-month-paid{background:#22c55e1a;border:1.5px solid #22c55e4d}.user-plan-month-paid .user-plan-month-indicator{color:#fff;background:#16a34a}.user-plan-month-current{background:#60a5fa26;border:1.5px solid #60a5fa;box-shadow:0 0 20px #60a5fa4d}.user-plan-month-current .user-plan-month-indicator{color:#fff;background:#60a5fa}.user-plan-month-pending{background:#00000005;border:1.5px solid #0000001a}.user-plan-month-pending .user-plan-month-indicator{color:#9ca3af;background:0 0;border:2px solid #d1d5db}.user-plan-month-upcoming{background:#00000005;border:1.5px solid #0000001a}.user-plan-month-upcoming .user-plan-month-indicator{color:#9ca3af;background:0 0;border:2px solid #d1d5db}.user-plan-month-indicator{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.user-plan-month-pulse{animation:2s ease-in-out infinite monthPulse}@keyframes monthPulse{0%,to{opacity:1}50%{opacity:.5}}.user-plan-month-label{color:#1a1a1a;font-size:12px;font-weight:700}.user-plan-summary-card{border:1.5px solid #fbbf24;box-shadow:0 3px 10px #fbbf241f}.user-plan-summary-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.user-plan-summary-item{background:#00000005;border:1px solid #0000000d;border-radius:10px;flex-direction:column;gap:6px;padding:14px;display:flex}.user-plan-summary-label{color:#666;font-size:11px;font-weight:600}.user-plan-summary-value{color:#1a1a1a;font-size:18px;font-weight:800}.user-plan-value-total{color:#8b5cf6}.user-plan-value-paid{color:#16a34a}.user-plan-value-pending{color:#ea580c}.user-plan-dual-card-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px;display:grid}.user-plan-current-month-card{text-align:center;border:1.5px solid #22d3ee;box-shadow:0 3px 10px #22d3ee1f}.user-plan-current-month-icon{color:#22d3ee;width:40px;height:40px;margin:0 auto 12px}.user-plan-current-month-value{background:linear-gradient(135deg,#22d3ee,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:12px 0;font-size:28px;font-weight:900}.user-plan-current-month-status{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-flex}.user-plan-next-draw-card{border:1.5px solid #f472b6;box-shadow:0 3px 10px #f472b61f}.user-plan-next-draw-icon{color:#f472b6;width:40px;height:40px;margin-bottom:12px}.user-plan-next-draw-details{flex-direction:column;gap:10px;margin:16px 0;display:flex}.user-plan-next-draw-row{color:#1a1a1a;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.user-plan-next-draw-row svg{color:#f472b6;flex-shrink:0}.user-plan-view-draw-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f472b6,#fb7185);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:12px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.user-plan-view-draw-btn:hover{background:linear-gradient(135deg,#fb7185,#f472b6);transform:translateY(-1px);box-shadow:0 4px 12px #f472b64d}.user-plan-prize-card{border:1.5px solid #a78bfa;box-shadow:0 3px 10px #a78bfa1f}.user-plan-prize-content{align-items:center;gap:20px;display:flex}.user-plan-prize-image-wrapper{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border:2px solid #a78bfa4d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:150px;height:150px;display:flex;overflow:hidden}.user-plan-prize-image{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;padding:12px}.user-plan-prize-details{flex:1}.user-plan-prize-name{color:#1a1a1a;margin:0 0 16px;font-size:20px;font-weight:800}.user-plan-prize-info-grid{flex-direction:column;gap:10px;display:flex}.user-plan-prize-info-item{color:#666;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.user-plan-prize-info-icon{color:#a78bfa;flex-shrink:0;width:18px;height:18px}.user-plan-info-card{border:1.5px solid #60a5fa;box-shadow:0 3px 10px #60a5fa1f}.user-plan-info-list{flex-direction:column;gap:10px;display:flex}.user-plan-info-row{background:#00000005;border:1px solid #0000000d;border-radius:8px;justify-content:space-between;align-items:center;padding:12px;display:flex}.user-plan-info-cell{align-items:center;gap:10px;display:flex}.user-plan-info-cell-icon{color:#60a5fa;flex-shrink:0}.user-plan-info-cell-label{color:#666;font-size:13px;font-weight:600}.user-plan-info-cell-value{color:#1a1a1a;font-size:14px;font-weight:700}@media (width<=767px){.user-stats-grid-v2{grid-template-columns:repeat(2,1fr);gap:10px}.user-stat-card-v2{padding:12px}.user-stat-icon-v2{width:36px;height:36px}.user-stat-icon-v2 svg{width:18px;height:18px}.user-stat-value-v2{font-size:16px}.user-stat-label-v2{font-size:11px}.user-payment-filters-grid{grid-template-columns:repeat(2,1fr);gap:10px}.user-payment-filter-label{font-size:10px}.user-payment-select{padding:9px 32px 9px 10px;font-size:12px}.user-payment-select-icon{width:14px;height:14px}.user-plan-selection-grid{grid-template-columns:1fr;gap:12px}.user-plan-select{padding:10px 36px 10px 12px;font-size:13px}.user-plan-header-title{font-size:22px}.user-plan-header-subtitle{font-size:12px}.user-plan-hero-card{padding:20px}.user-plan-hero-title{font-size:16px}.user-plan-hero-details{grid-template-columns:repeat(2,1fr);gap:12px}.user-plan-details-grid{grid-template-columns:repeat(2,1fr);gap:10px}.user-plan-detail-card{padding:12px}.user-plan-detail-icon{width:24px;height:24px}.user-plan-detail-value{font-size:13px}.user-plan-progress-container{flex-direction:column;gap:24px}.user-plan-progress-circle{width:180px;height:180px}.user-plan-progress-percent{font-size:36px}.user-plan-month-timeline{gap:8px}.user-plan-month-item{min-width:50px;padding:10px}.user-plan-summary-grid,.user-plan-dual-card-grid{grid-template-columns:1fr}.user-plan-prize-content{flex-direction:column}.user-plan-prize-image-wrapper{width:100%;height:140px}.user-plan-prize-name{font-size:18px}.user-payment-plan-grid{grid-template-columns:repeat(2,1fr);gap:10px}.user-payment-plan-item{padding:10px}.user-payment-plan-icon{width:20px;height:20px}.user-payment-plan-label{font-size:9px}.user-payment-plan-value{font-size:12px}.user-payment-table-desktop{display:none}.user-payment-cards-mobile{display:block}}@media (width>=768px) and (width<=1024px){.user-stats-grid-v2{grid-template-columns:repeat(2,1fr);gap:12px}.user-stat-card-v2{padding:14px}.user-stat-icon-v2{width:38px;height:38px}.user-stat-icon-v2 svg{width:20px;height:20px}.user-stat-value-v2{font-size:18px}.user-payment-filters-grid{grid-template-columns:repeat(2,1fr)}.user-payment-plan-grid{grid-template-columns:repeat(3,1fr)}}.user-plan-hero-details{grid-template-columns:1fr}.user-plan-progress-circle{width:160px;height:160px}.user-plan-progress-percent{font-size:32px}.user-stats-grid-v2{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.user-stat-card-v2{background:#fffffff7;border-radius:10px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000f}.user-stat-paid{border:1.5px solid #34d399}.user-stat-paid:hover{border-color:#10b981;box-shadow:0 4px 12px #34d39926}.user-stat-pending{border:1.5px solid #fb923c}.user-stat-pending:hover{border-color:#f97316;box-shadow:0 4px 12px #fb923c26}.user-stat-transactions{border:1.5px solid #a78bfa}.user-stat-transactions:hover{border-color:#8b5cf6;box-shadow:0 4px 12px #a78bfa26}.user-stat-month{border:1.5px solid #f472b6}.user-stat-month:hover{border-color:#ec4899;box-shadow:0 4px 12px #f472b626}.user-stat-icon-v2{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.user-stat-paid .user-stat-icon-v2{color:#16a34a;background:#34d39926}.user-stat-pending .user-stat-icon-v2{color:#ea580c;background:#fb923c26}.user-stat-transactions .user-stat-icon-v2{color:#8b5cf6;background:#a78bfa26}.user-stat-month .user-stat-icon-v2{color:#f472b6;background:#f472b626}.user-stat-icon-v2 svg{width:22px;height:22px}.user-stat-content-v2{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.user-stat-value-v2{color:#1a1a1a;white-space:nowrap;text-overflow:ellipsis;font-size:20px;font-weight:800;line-height:1.2;overflow:hidden}.user-stat-label-v2{color:#666;font-size:12px;font-weight:600;line-height:1.2}.user-payment-filters-bar{background:#fffffff7;border:1.5px solid #8b5cf6;border-radius:12px;margin-bottom:20px;padding:16px;box-shadow:0 3px 10px #8b5cf61f}.user-payment-filters-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.user-payment-filter-item{flex-direction:column;gap:8px;display:flex}.user-payment-filter-label{color:#666;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.user-payment-filter-label svg{color:#8b5cf6}.user-payment-select-container{position:relative}.user-payment-select{color:#1a1a1a;cursor:pointer;appearance:none;background:#fff;border:1.5px solid #8b5cf64d;border-radius:8px;width:100%;padding:10px 34px 10px 12px;font-size:13px;font-weight:600;transition:all .2s}.user-payment-select:hover{border-color:#8b5cf6;box-shadow:0 2px 8px #8b5cf61f}.user-payment-select:focus{border-color:#7c3aed;outline:none;box-shadow:0 0 0 3px #7c3aed1a}.user-payment-select-icon{color:#8b5cf6;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.user-payment-plan-card{border:1.5px solid #60a5fa;box-shadow:0 3px 10px #60a5fa1f}.user-payment-plan-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.user-payment-plan-item{background:#00000005;border:1px solid #0000000d;border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.user-payment-plan-icon{color:#60a5fa;flex-shrink:0;width:24px;height:24px}.user-payment-plan-label{color:#666;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:10px;font-weight:600;display:block}.user-payment-plan-value{color:#1a1a1a;font-size:13px;font-weight:700;display:block}.user-payment-history-header{align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.user-payment-history-icon{color:#8b5cf6;flex-shrink:0;width:24px;height:24px;margin-top:2px}.user-payment-history-info{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.user-payment-history-team,.user-payment-history-group{color:#8b5cf6;font-size:12px;font-weight:700}.user-payment-history-separator{color:#d1d5db;font-size:12px;font-weight:700}.user-payment-history-count{color:#666;font-size:12px;font-weight:600}.user-payment-table-desktop{display:block;overflow-x:auto}.user-payment-table{border-collapse:collapse;width:100%}.user-payment-table thead{background:#00000005;border-bottom:1.5px solid #00000014}.user-payment-table th{text-align:left;color:#666;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:12px 14px;font-size:11px;font-weight:700}.user-payment-table tbody tr{border-bottom:1px solid #0000000d;transition:background-color .2s}.user-payment-table tbody tr:hover{background:#a78bfa08}.user-payment-table td{color:#1a1a1a;white-space:nowrap;padding:14px;font-size:13px}.user-payment-id{color:#8b5cf6;font-weight:700}.user-payment-amount{color:#16a34a;font-weight:800}.user-payment-status{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:5px 12px;font-size:10px;font-weight:700;display:inline-flex}.user-payment-status-completed{color:#16a34a;background:#22c55e1a;border:1px solid #22c55e4d}.user-payment-status-pending{color:#ea580c;background:#fb923c1a;border:1px solid #fb923c4d}.user-payment-status-failed{color:#dc2626;background:#ef44441a;border:1px solid #ef44444d}.user-payment-status-default{color:#4b5563;background:#6b72801a;border:1px solid #6b72804d}.user-payment-no-data{text-align:center;color:#9ca3af;padding:40px 20px;font-size:14px;font-style:italic}.user-payment-no-data-mobile{text-align:center;color:#9ca3af;background:#00000005;border:1.5px dashed #a78bfa4d;border-radius:10px;padding:30px 20px;font-size:13px}.user-payment-receipt-btn{color:#f472b6;cursor:pointer;background:0 0;border:1px solid #f472b6;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.user-payment-receipt-btn:hover{color:#fb7185;background:#f472b61a;border-color:#fb7185}.user-payment-no-receipt{color:#9ca3af;font-size:12px;font-style:italic}.user-payment-cards-mobile{display:none}.user-payment-card-mobile{background:#fff9;border:1.5px solid #a78bfa4d;border-radius:10px;margin-bottom:10px;padding:14px}.user-payment-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.user-payment-card-id{color:#8b5cf6;font-size:13px;font-weight:700}.user-payment-card-month{color:#666;margin-top:4px;font-size:11px}.user-payment-card-details{flex-direction:column;gap:8px;margin-bottom:12px;display:flex}.user-payment-card-row{justify-content:space-between;align-items:center;font-size:12px;display:flex}.user-payment-card-label{color:#666;font-weight:600}.user-payment-card-value{color:#1a1a1a;font-weight:700}.user-payment-receipt-btn-mobile{color:#f472b6;cursor:pointer;background:0 0;border:1.5px solid #f472b6;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.user-payment-receipt-btn-mobile:hover{background:#f472b61a}@media (width<=767px){.user-payment-plan-grid{grid-template-columns:repeat(2,1fr);gap:10px}.user-payment-plan-item{padding:10px}.user-payment-plan-icon{width:20px;height:20px}.user-payment-plan-label{font-size:9px}.user-payment-plan-value{font-size:12px}.user-payment-table-desktop{display:none}.user-payment-cards-mobile{display:block}}@media (width<=430px){.user-stats-grid-v2{grid-template-columns:repeat(2,1fr)}.user-stat-card-v2{gap:10px;padding:10px}.user-stat-icon-v2{width:32px;height:32px}.user-stat-icon-v2 svg{width:16px;height:16px}.user-stat-value-v2{font-size:15px}.user-stat-label-v2{font-size:10px}.user-payment-filters-grid{grid-template-columns:1fr;gap:8px}.user-payment-plan-grid{grid-template-columns:1fr}}.user-profile-header-card{background:linear-gradient(135deg,#f472b6 0%,#a78bfa 50%,#60a5fa 100%);border-radius:12px;align-items:center;gap:16px;margin-bottom:20px;padding:20px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #f472b640}.user-profile-header-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 30%,#ffffff26 0%,#0000 40%),radial-gradient(circle at 80% 70%,#ffffff1a 0%,#0000 40%);position:absolute;inset:0}.user-profile-avatar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:#ffffff40;border:2px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative}.user-profile-avatar svg{color:#fff;width:32px;height:32px}.user-profile-header-info{z-index:1;flex:1;position:relative}.user-profile-name{color:#fff;text-shadow:0 2px 8px #00000026;margin:0 0 8px;font-size:22px;font-weight:800}.user-profile-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.user-profile-member-id{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#fff3;border:1px solid #ffffff4d;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:flex}.user-profile-status{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;font-weight:700;display:flex}.user-profile-status-active{color:#fff;background:#22c55e33;border:1px solid #ffffff4d}.user-profile-status-inactive{color:#fff;background:#6b728033;border:1px solid #ffffff4d}.user-profile-status-suspended{color:#fff;background:#ef444433;border:1px solid #ffffff4d}.user-profile-info-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.user-profile-info-item{background:#00000005;border:1px solid #0000000d;border-radius:10px;align-items:flex-start;gap:12px;padding:14px;display:flex}.user-profile-info-full{grid-column:span 3}.user-profile-info-icon{color:#8b5cf6;flex-shrink:0;width:24px;height:24px;margin-top:2px}.user-profile-info-label{color:#666;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.user-profile-info-value{color:#1a1a1a;font-size:14px;font-weight:700;line-height:1.4;display:block}.user-profile-actions-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.user-profile-action-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.user-profile-btn-edit{color:#fff;background:linear-gradient(135deg,#f472b6,#fb7185);box-shadow:0 3px 10px #f472b64d}.user-profile-btn-edit:hover{background:linear-gradient(135deg,#fb7185,#f472b6);transform:translateY(-2px);box-shadow:0 5px 15px #f472b666}.user-profile-btn-password{color:#8b5cf6;background:#fff;border:2px solid #8b5cf6;box-shadow:0 3px 10px #8b5cf626}.user-profile-btn-password:hover{background:#8b5cf61a;border-color:#7c3aed;transform:translateY(-2px);box-shadow:0 5px 15px #8b5cf640}.user-profile-back-btn{color:#8b5cf6;cursor:pointer;background:#fffffff2;border:1.5px solid #a78bfa;border-radius:10px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #a78bfa1f}.user-profile-back-btn:hover{background:#8b5cf61a;border-color:#8b5cf6;transform:translateY(-1px);box-shadow:0 3px 12px #8b5cf633}.user-profile-form{flex-direction:column;gap:18px;display:flex}.user-profile-form-group{flex-direction:column;gap:8px;display:flex}.user-profile-form-label{color:#666;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.user-profile-form-label svg{color:#8b5cf6}.user-profile-form-input,.user-profile-form-textarea{color:#1a1a1a;box-sizing:border-box;background:#fff;border:1.5px solid #a78bfa4d;border-radius:10px;width:100%;padding:12px 14px;font-size:14px;font-weight:500;transition:all .2s}.user-profile-form-input:focus,.user-profile-form-textarea:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.user-profile-form-input.error,.user-profile-form-textarea.error{border-color:#ef4444}.user-profile-form-textarea{resize:vertical;min-height:80px;font-family:inherit}.user-profile-form-error{color:#ef4444;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.user-profile-form-hint{color:#666;align-items:center;gap:6px;font-size:11px;font-style:italic;display:flex}.user-profile-form-hint svg{color:#60a5fa;flex-shrink:0}.user-profile-password-wrapper{position:relative}.user-profile-password-toggle{color:#9ca3af;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.user-profile-password-toggle:hover{color:#8b5cf6}.user-profile-password-wrapper .user-profile-form-input{padding-right:48px}.user-profile-form-actions{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:8px;display:grid}.user-profile-form-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:700;transition:all .2s;display:flex}.user-profile-btn-save{color:#fff;background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 3px 10px #22c55e4d}.user-profile-btn-save:hover{background:linear-gradient(135deg,#22c55e,#16a34a);transform:translateY(-2px);box-shadow:0 5px 15px #22c55e66}.user-profile-btn-cancel{color:#6b7280;background:#fff;border:2px solid #d1d5db;box-shadow:0 2px 8px #0000000d}.user-profile-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-2px);box-shadow:0 3px 12px #0000001a}.user-profile-success-notification{color:#fff;z-index:1000;background:linear-gradient(135deg,#16a34a,#22c55e);border-radius:10px;align-items:center;gap:10px;padding:14px 20px;font-size:14px;font-weight:700;display:flex;position:fixed;top:80px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #22c55e66}.user-profile-success-notification svg{flex-shrink:0}@media (width<=767px){.user-profile-header-card{text-align:center;flex-direction:column;padding:16px}.user-profile-avatar{width:56px;height:56px}.user-profile-avatar svg{width:28px;height:28px}.user-profile-name{font-size:20px}.user-profile-meta{justify-content:center}.user-profile-info-grid{grid-template-columns:repeat(2,1fr);gap:10px}.user-profile-info-full{grid-column:span 2}.user-profile-info-item{padding:12px}.user-profile-info-icon{width:20px;height:20px}.user-profile-info-value{font-size:13px}.user-profile-actions-grid,.user-profile-form-actions{grid-template-columns:1fr}}@media (width<=430px){.user-profile-info-grid{grid-template-columns:1fr}.user-profile-info-full{grid-column:span 1}}.user-notif-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.user-notif-title{background:linear-gradient(135deg,#f472b6,#a78bfa);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.75rem;font-weight:700;display:inline-block}.user-notif-unread-count{color:#f472b6;margin-left:.5rem;font-size:1rem;font-weight:600}.user-notif-mark-all-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 8px #10b98133}.user-notif-mark-all-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.user-notif-mark-all-btn:active{transform:translateY(0)}.user-notif-filters{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:1px solid #f472b633;border-radius:12px;flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:1.5rem;padding:1rem;display:flex}.user-notif-filter-group{flex:1;align-items:center;gap:.75rem;min-width:200px;display:flex}.user-notif-filter-label{color:#64748b;white-space:nowrap;font-size:.875rem;font-weight:600}.user-notif-select{color:#1e293b;cursor:pointer;appearance:none;background:#fff;border:1px solid #a78bfa4d;border-radius:8px;flex:1;padding:.5rem 2rem .5rem .75rem;font-size:.875rem;transition:all .3s}.user-notif-select:hover{border-color:#a78bfa80}.user-notif-select:focus{border-color:#a78bfa;outline:none;box-shadow:0 0 0 3px #a78bfa1a}.user-notif-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;display:flex}.user-notif-checkbox{cursor:pointer;accent-color:#a78bfa;width:18px;height:18px}.user-notif-toggle-label{color:#64748b;font-size:.875rem;font-weight:600}.user-notif-list{flex-direction:column;gap:1rem;display:flex}.user-notif-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffffb3;border:1px solid #f472b633;border-left-width:4px;border-radius:12px;align-items:flex-start;gap:1rem;padding:1rem;transition:all .3s;display:flex;position:relative;box-shadow:0 2px 8px #0000000d}.user-notif-card:hover{background:#ffffffd9;transform:translate(4px);box-shadow:0 4px 16px #0000001a}.user-notif-unread{background:#f472b60d;border-left-color:#f472b6}.user-notif-unread:hover{background:#f472b61a}.user-notif-unread-dot{background:#f472b6;border-radius:50%;width:10px;height:10px;animation:2s infinite pulse;position:absolute;top:1rem;right:1rem;box-shadow:0 0 8px #f472b680}.user-notif-icon-wrapper{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.user-notif-payment{border-left-color:#10b981}.user-notif-payment .user-notif-icon-wrapper{color:#10b981;background:#10b9811a}.user-notif-draw{border-left-color:#a78bfa}.user-notif-draw .user-notif-icon-wrapper{color:#a78bfa;background:#a78bfa1a}.user-notif-reminder{border-left-color:#f59e0b}.user-notif-reminder .user-notif-icon-wrapper{color:#f59e0b;background:#f59e0b1a}.user-notif-result{border-left-color:#f472b6}.user-notif-result .user-notif-icon-wrapper{color:#f472b6;background:#f472b61a}.user-notif-default{border-left-color:#64748b}.user-notif-default .user-notif-icon-wrapper{color:#64748b;background:#64748b1a}.user-notif-content{flex:1;min-width:0;padding-right:1.5rem}.user-notif-card-title{color:#1e293b;margin:0 0 .375rem;font-size:1rem;font-weight:700}.user-notif-unread .user-notif-card-title{color:#0f172a;font-weight:800}.user-notif-message{color:#64748b;margin:0 0 .5rem;font-size:.875rem;line-height:1.5}.user-notif-unread .user-notif-message{color:#475569}.user-notif-time{color:#94a3b8;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;display:inline-flex}.user-notif-empty{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:2px dashed #a78bfa4d;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.user-notif-empty-icon{color:#a78bfa;background:linear-gradient(135deg,#f472b61a,#a78bfa1a);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;display:flex}.user-notif-empty-title{color:#1e293b;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.user-notif-empty-text{color:#64748b;margin:0;font-size:1rem}@media (width<=768px){.user-notif-header{flex-direction:column;align-items:flex-start}.user-notif-mark-all-btn{justify-content:center;width:100%}.user-notif-filters{flex-direction:column;gap:1rem}.user-notif-filter-group{width:100%}.user-notif-card{gap:.75rem;padding:.875rem}.user-notif-icon-wrapper{width:40px;height:40px}.user-notif-content{padding-right:1rem}}@media (width<=767px){.user-notif-title{font-size:1.375rem}.user-notif-unread-count{margin-top:.25rem;margin-left:0;font-size:.875rem;display:block}.user-notif-mark-all-btn{padding:.5rem .875rem;font-size:.8125rem}.user-notif-filters{padding:.875rem}.user-notif-filter-label,.user-notif-select,.user-notif-toggle-label{font-size:.8125rem}.user-notif-card{flex-direction:column;padding:.75rem}.user-notif-icon-wrapper{align-self:flex-start;width:36px;height:36px}.user-notif-card-title{font-size:.9375rem}.user-notif-message{font-size:.8125rem}.user-notif-time{font-size:.6875rem}.user-notif-unread-dot{width:8px;height:8px;top:.75rem;right:.75rem}.user-notif-empty{padding:3rem 1.5rem}.user-notif-empty-icon{width:64px;height:64px;margin-bottom:1rem}.user-notif-empty-icon svg{width:36px;height:36px}.user-notif-empty-title{font-size:1.25rem}.user-notif-empty-text{font-size:.875rem}}@media (width<=430px){.user-notif-title{font-size:1.25rem}.user-notif-card{gap:.625rem;padding:.625rem}.user-notif-icon-wrapper{width:32px;height:32px}.user-notif-icon-wrapper svg{width:16px;height:16px}.user-notif-card-title{font-size:.875rem}.user-notif-message{font-size:.75rem}.user-notif-empty{padding:2rem 1rem}.user-notif-empty-icon{width:56px;height:56px}.user-notif-empty-icon svg{width:32px;height:32px}}.user-select-wrapper{z-index:100;position:relative;overflow:visible!important}.user-select-input{z-index:100;position:relative;padding-right:36px!important}.user-select-icon{pointer-events:none;z-index:101;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.user-plan-select-container{z-index:100;position:relative;overflow:visible!important}.user-plan-select{z-index:100;position:relative;padding-right:38px!important}.user-plan-select-icon{pointer-events:none;z-index:101;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.user-payment-select-container{z-index:100;position:relative;overflow:visible!important}.user-payment-select{z-index:100;position:relative;padding-right:36px!important}.user-payment-select-icon{pointer-events:none;z-index:101;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.user-team-group-selectors{z-index:100;position:relative;overflow:visible!important}.user-selector-item{position:relative;overflow:visible!important}.user-plan-selection-bar{z-index:100;position:relative;overflow:visible!important}.user-plan-selection-grid{overflow:visible!important}.user-plan-select-wrapper{position:relative;overflow:visible!important}.user-notif-select{z-index:100;position:relative;padding-right:2rem!important}select{z-index:100;position:relative}select:focus{z-index:9999}.user-dash-card,.user-card,.user-stat-card,.user-prize-card,.user-payment-card{overflow:visible!important}.user-filter-section,.user-payment-filters{z-index:50;position:relative;overflow:visible!important}.custom-select-container{z-index:100;width:100%;position:relative}.custom-select-label{color:#6b7280;letter-spacing:.3px;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.custom-select-trigger{cursor:pointer;color:#222;background:#ffffffeb;border:1.5px solid #8b5cf6;border-radius:12px;justify-content:space-between;align-items:center;width:100%;height:52px;padding:0 14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.custom-select-trigger:hover{background:#fffffffa;border-color:#7c3aed;box-shadow:0 2px 8px #8b5cf626}.custom-select-trigger.open{border-color:#7c3aed;box-shadow:0 0 0 3px #8b5cf61f}.custom-select-team{border-color:#ec4899}.custom-select-team:hover{border-color:#db2777;box-shadow:0 2px 8px #ec489926}.custom-select-team.open{border-color:#db2777;box-shadow:0 0 0 3px #ec48991f}.custom-select-group{border-color:#60a5fa}.custom-select-group:hover{border-color:#3b82f6;box-shadow:0 2px 8px #60a5fa26}.custom-select-group.open{border-color:#3b82f6;box-shadow:0 0 0 3px #60a5fa1f}.custom-select-text{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.custom-select-icon{color:#8b5cf6;flex-shrink:0;width:16px;height:16px;transition:transform .2s}.custom-select-team .custom-select-icon{color:#ec4899}.custom-select-group .custom-select-icon{color:#60a5fa}.custom-select-menu{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1.5px solid #a78bfa;border-radius:12px;max-height:280px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #50329626}.custom-select-menu-open{animation:.18s ease-out forwards dropdownFadeIn}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.custom-select-option{text-align:left;color:#374151;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;width:100%;height:42px;padding:10px 14px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.custom-select-option:hover{color:#7c3aed;background:#ec489914}.custom-select-option.selected{color:#6d28d9;background:linear-gradient(90deg,#ec48991a,#8b5cf61a);font-weight:600}.custom-select-option.selected:hover{background:linear-gradient(90deg,#ec489926,#8b5cf626)}.custom-select-menu::-webkit-scrollbar{width:6px}.custom-select-menu::-webkit-scrollbar-track{background:#a78bfa0d;border-radius:10px}.custom-select-menu::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:10px}.custom-select-menu::-webkit-scrollbar-thumb:hover{background:#8b5cf680}@media (width<=767px){.custom-select-trigger{border-radius:10px;height:50px;padding:0 12px;font-size:13px}.custom-select-menu{border-radius:10px;max-height:240px}.custom-select-option{height:40px;padding:8px 12px;font-size:13px}.custom-select-label{margin-bottom:4px;font-size:10px}}.animate-float{animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.fade-up{animation:.6s forwards fadeUp}.fade-down{animation:.6s forwards fadeDown}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.slide-left{animation:.5s forwards slideLeft}.slide-right{animation:.5s forwards slideRight}.card-lift{transition:transform .3s,box-shadow .3s}.card-lift:hover{transform:translateY(-5px);box-shadow:0 10px 30px #00000026}.pulse-soft{animation:3s ease-in-out infinite pulseSoft}@keyframes pulseSoft{0%,to{opacity:1}50%{opacity:.7}}.glow{animation:2s ease-in-out infinite glow}@keyframes glow{0%,to{box-shadow:0 0 10px #f9a8d480}50%{box-shadow:0 0 20px #f9a8d4cc}}.confetti-piece{animation:3s ease-out forwards confetti}@keyframes confetti{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(1000px)rotate(720deg)}}.winner-reveal{animation:1.5s ease-out forwards winnerReveal}@keyframes winnerReveal{0%{opacity:0;filter:blur(10px);transform:scale(.5)}to{opacity:1;filter:blur();transform:scale(1)}}.shuffle{animation:.1s infinite shuffle}@keyframes shuffle{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.count-up{animation:2s ease-out forwards countUp}@keyframes countUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stagger-7{animation-delay:.7s}.stagger-8{animation-delay:.8s}.bounce-in{animation:.6s bounceIn}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.rotate-slow{animation:20s linear infinite rotateSlow}@keyframes rotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blur-reveal{animation:1s forwards blurReveal}@keyframes blurReveal{0%{filter:blur(20px);opacity:0}to{filter:blur();opacity:1}}.gradient-animate{background-size:200% 200%;animation:5s infinite gradientShift}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.zoom-hover{transition:transform .3s}.zoom-hover:hover{transform:scale(1.05)}.shake{animation:.5s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.public-website-wrapper{min-height:100vh;position:relative;overflow-x:hidden}.public-global-bg{z-index:-1;background:linear-gradient(135deg,#ffe5ec 0%,#ffc2d4 25%,#b4d4ff 60%,#86c8f5 85%,#5ab9ea 100%);position:fixed;inset:0;overflow:hidden}.public-bg-blob{filter:blur(50px);pointer-events:none;background:radial-gradient(circle at 30% 30%,#b4d4ff1f,#5ab9ea0f);border-radius:50%;animation:25s ease-in-out infinite float-bubble;position:absolute}.public-blob-1{width:200px;height:200px;animation-delay:0s;top:15%;left:10%}.public-blob-2{width:180px;height:180px;animation-delay:3s;top:60%;right:15%}.public-blob-3{width:150px;height:150px;animation-delay:6s;bottom:20%;left:20%}.public-blob-4{width:160px;height:160px;animation-delay:2s;top:40%;right:30%}@keyframes float-bubble{0%,to{opacity:.08;transform:translate(0)scale(1)}33%{opacity:.12;transform:translate(20px,-20px)scale(1.05)}66%{opacity:.1;transform:translate(-15px,15px)scale(.95)}}.public-bg-particles{opacity:.5;pointer-events:none;background-image:radial-gradient(circle at 15% 25%,#ffffff26 2px,#0000 2px),radial-gradient(circle at 85% 75%,#ffffff1f 2px,#0000 2px),radial-gradient(circle,#ffffff1a 1px,#0000 1px);background-size:200px 200px,250px 250px,180px 180px;animation:50s linear infinite particle-float;position:absolute;inset:0}@keyframes particle-float{0%{background-position:0 0,100px 0,0 100px}to{background-position:200px 200px,350px 250px,180px 280px}}.public-navbar{z-index:1000;-webkit-backdrop-filter:blur(20px);background:#ffffff26;border-bottom:1px solid #fff3;transition:all .3s;position:fixed;top:0;left:0;right:0}.public-navbar.scrolled{-webkit-backdrop-filter:blur(25px);background:#ffffff40;border-bottom-color:#ffffff4d;box-shadow:0 4px 20px #ec489926}.public-nav-link{color:#1a1a1a;text-shadow:none;padding:.5rem 1rem;font-weight:600;transition:all .3s;position:relative}.public-nav-link:hover{color:#ec4899;text-shadow:none}.public-nav-link:after{content:"";background:linear-gradient(90deg,#ec4899,#8b5cf6);border-radius:2px;width:80%;height:3px;transition:transform .3s;position:absolute;bottom:0;left:50%;transform:translate(-50%)scaleX(0);box-shadow:0 2px 8px #ec489966}.public-nav-link:hover:after,.public-nav-link.active:after{transform:translate(-50%)scaleX(1)}.container-premium{max-width:1280px;margin:0 auto;padding:0 1rem}@media (width>=768px){.container-premium{padding:0 2rem}}@media (width>=1024px){.container-premium{padding:0 3rem}}.premium-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;transition:all .3s;box-shadow:0 4px 12px #00000014}.premium-box:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.border-pink{border:2px solid #ec4899}.border-purple{border:2px solid #8b5cf6}.border-blue{border:2px solid #3b82f6}.border-cyan{border:2px solid #06b6d4}.border-green{border:2px solid #10b981}.border-orange{border:2px solid #f97316}.border-gold{border:2px solid #f59e0b}.border-red{border:2px solid #ef4444}.premium-hero{z-index:10;align-items:center;padding:5rem 0 2.5rem;display:flex;position:relative}@media (width>=1024px){.premium-hero{padding:6rem 0 3rem}}.premium-hero-grid{grid-template-columns:1fr;align-items:center;gap:3rem;display:grid}@media (width>=1024px){.premium-hero-grid{grid-template-columns:1fr 1fr;gap:4rem}}.premium-hero-content{z-index:10;position:relative}.premium-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ec4899;background:#fffffff2;border:1px solid #ec4899;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #ec489926}.premium-hero-title{color:#1a1a1a;margin-bottom:1rem;font-size:clamp(1.875rem,5vw,2.75rem);font-weight:800;line-height:1.2}.premium-gradient-text{background:linear-gradient(135deg,#ec4899,#8b5cf6,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:.5rem;display:block}.premium-hero-subtitle{color:#4a5568;max-width:600px;margin-bottom:1.5rem;font-size:clamp(.9375rem,2.5vw,1.0625rem);line-height:1.6}.premium-hero-buttons{flex-wrap:wrap;gap:1rem;display:flex}.premium-btn{cursor:pointer;border-radius:12px;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.premium-btn-primary{color:#fff;background:linear-gradient(135deg,#ec4899,#f97316);box-shadow:0 4px 15px #ec48994d}.premium-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #ec489966}.premium-btn-secondary{color:#1a1a1a;background:#fff;border:2px solid #e2e8f0;box-shadow:0 2px 8px #0000000d}.premium-btn-secondary:hover{color:#ec4899;border-color:#ec4899;transform:translateY(-2px)}.premium-btn-outline{color:#ec4899;background:0 0;border:2px solid #ec4899}.premium-btn-outline:hover{color:#fff;background:#ec4899;transform:translateY(-2px)}.premium-btn-white{color:#ec4899;background:#fff;box-shadow:0 4px 15px #0000001a}.premium-btn-white:hover{transform:translateY(-2px);box-shadow:0 6px 25px #00000026}.premium-btn-outline-white{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:2px solid #ffffff4d}.premium-btn-outline-white:hover{background:#fff3;border-color:#fff}.premium-hero-visual{min-height:400px;display:none;position:relative}@media (width>=1024px){.premium-hero-visual{display:block}}.premium-hero-prize-float{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1a1a1a;background:#fffffff2;border-radius:16px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;font-size:.875rem;font-weight:600;animation:6s ease-in-out infinite float-card;display:flex;position:absolute;box-shadow:0 8px 24px #0000001a}.premium-float-1{color:#ec4899;border:2px solid #ec4899;animation-delay:0s;top:10%;right:20%}.premium-float-2{color:#f97316;border:2px solid #f97316;animation-delay:1s;top:50%;right:5%}.premium-float-3{color:#8b5cf6;border:2px solid #8b5cf6;animation-delay:.5s;bottom:30%;left:10%}.premium-float-4{color:#3b82f6;border:2px solid #3b82f6;animation-delay:1.5s;bottom:10%;right:30%}@keyframes float-card{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.premium-hero-glow{filter:blur(60px);background:radial-gradient(circle,#ec489926,#8b5cf61a,#0000 70%);border-radius:50%;width:500px;height:500px;animation:4s ease-in-out infinite pulse-glow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-glow{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.1)}}.premium-stats-section{z-index:10;padding:1.5rem 0;position:relative}.premium-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width>=768px){.premium-stats-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.premium-stat-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:16px;align-items:center;gap:1rem;padding:1.25rem;transition:all .3s;display:flex;box-shadow:0 4px 12px #00000014}.premium-stat-card:hover{transform:scale(1.02);box-shadow:0 8px 24px #0000001f}.premium-stat-pink-purple{border:2px solid #ec4899}.premium-stat-purple-blue{border:2px solid #8b5cf6}.premium-stat-blue-cyan{border:2px solid #06b6d4}.premium-stat-orange-red{border:2px solid #f97316}.premium-stat-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.premium-stat-pink-purple .premium-stat-icon{background:linear-gradient(135deg,#ec4899,#8b5cf6)}.premium-stat-purple-blue .premium-stat-icon{background:linear-gradient(135deg,#8b5cf6,#3b82f6)}.premium-stat-blue-cyan .premium-stat-icon{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.premium-stat-orange-red .premium-stat-icon{background:linear-gradient(135deg,#f97316,#ef4444)}.premium-stat-content{flex:1;min-width:0}.premium-stat-value{color:#1a1a1a;margin-bottom:.25rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:800;line-height:1}.premium-stat-label{color:#64748b;font-size:.875rem;font-weight:500}.premium-section{z-index:10;padding:2.5rem 0;position:relative}@media (width>=768px){.premium-section{padding:3rem 0}}@media (width>=1024px){.premium-section{padding:3.5rem 0}}.premium-section-alt{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff3}.premium-section-header{text-align:center;margin-bottom:2rem}.premium-section-title{color:#1a1a1a;margin-bottom:.75rem;font-size:clamp(1.75rem,4vw,2.25rem);font-weight:800}.premium-section-subtitle{color:#64748b;max-width:600px;margin:0 auto;font-size:clamp(.9375rem,2vw,1.0625rem)}.premium-section-cta{text-align:center;margin-top:2rem}.premium-steps-grid{grid-template-columns:repeat(1,1fr);gap:2rem;display:grid}@media (width>=640px){.premium-steps-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.premium-steps-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.premium-step-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#fffffff2;border-radius:18px;padding:1.75rem 1.25rem;transition:all .3s;position:relative;box-shadow:0 4px 12px #00000014}.premium-step-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px #0000001f}.premium-step-pink{border:2px solid #ec4899}.premium-step-purple{border:2px solid #8b5cf6}.premium-step-blue{border:2px solid #3b82f6}.premium-step-orange{border:2px solid #f97316}.premium-step-number{color:#fff;border-radius:50%;width:48px;height:48px;margin-bottom:1rem;font-size:1.25rem;font-weight:800;line-height:48px;display:inline-block}.premium-step-pink .premium-step-number{background:linear-gradient(135deg,#ec4899,#f472b6)}.premium-step-purple .premium-step-number{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.premium-step-blue .premium-step-number{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.premium-step-orange .premium-step-number{background:linear-gradient(135deg,#f97316,#fb923c)}.premium-step-icon{justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.premium-step-pink .premium-step-icon{color:#ec4899}.premium-step-purple .premium-step-icon{color:#8b5cf6}.premium-step-blue .premium-step-icon{color:#3b82f6}.premium-step-orange .premium-step-icon{color:#f97316}.premium-step-title{color:#1a1a1a;margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.premium-step-description{color:#64748b;font-size:.9375rem;line-height:1.6}.premium-step-arrow{display:none}@media (width>=1024px){.premium-step-arrow{color:#cbd5e1;display:block;position:absolute;top:50%;right:-1rem;transform:translateY(-50%)}.premium-step-card:last-child .premium-step-arrow{display:none}}.premium-features-grid{grid-template-columns:repeat(1,1fr);gap:1.5rem;display:grid}@media (width>=640px){.premium-features-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.premium-features-grid{grid-template-columns:repeat(4,1fr)}}.premium-feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#fffffff2;border-radius:18px;padding:1.75rem 1.25rem;transition:all .3s;box-shadow:0 4px 12px #00000014}.premium-feature-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px #0000001f}.premium-feature-pink-gradient{border:2px solid #ec4899}.premium-feature-purple-gradient{border:2px solid #8b5cf6}.premium-feature-blue-gradient{border:2px solid #3b82f6}.premium-feature-orange-gradient{border:2px solid #f97316}.premium-feature-icon{color:#fff;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.5rem;display:inline-flex}.premium-feature-pink-gradient .premium-feature-icon{background:linear-gradient(135deg,#ec4899,#f472b6)}.premium-feature-purple-gradient .premium-feature-icon{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.premium-feature-blue-gradient .premium-feature-icon{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.premium-feature-orange-gradient .premium-feature-icon{background:linear-gradient(135deg,#f97316,#fb923c)}.premium-feature-title{color:#1a1a1a;margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.premium-feature-description{color:#64748b;font-size:.9375rem;line-height:1.6}.premium-prizes-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width>=640px){.premium-prizes-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media (width>=1024px){.premium-prizes-grid{grid-template-columns:repeat(6,1fr)}}.premium-prize-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#fffffff2;border-radius:16px;padding:1rem;transition:all .3s;box-shadow:0 4px 12px #00000014}.premium-prize-card:hover{transform:scale(1.02);box-shadow:0 12px 28px #00000026}.premium-prize-pink{border:2px solid #ec4899}.premium-prize-gold{border:2px solid #f59e0b}.premium-prize-blue{border:2px solid #3b82f6}.premium-prize-purple{border:2px solid #8b5cf6}.premium-prize-cyan{border:2px solid #06b6d4}.premium-prize-orange{border:2px solid #f97316}.premium-prize-image{aspect-ratio:1;background:#f8fafc;border-radius:12px;width:100%;margin-bottom:.75rem;overflow:hidden}.premium-prize-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s}.premium-prize-card:hover .premium-prize-image img{transform:scale(1.1)}.premium-prize-name{color:#1a1a1a;text-align:center;font-size:.875rem;font-weight:700}.premium-countdown-section{z-index:10;padding:2.5rem 0;position:relative}.premium-countdown-wrapper{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:linear-gradient(135deg,#ec4899f2,#8b5cf6f2);border-radius:20px;max-width:800px;margin:0 auto;padding:2rem 1.5rem;box-shadow:0 8px 32px #0000001f}.premium-countdown-header{color:#fff;justify-content:center;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.premium-countdown-title{color:#fff;font-size:clamp(1.25rem,3vw,1.75rem);font-weight:800}.premium-countdown-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.premium-countdown-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #ffffff4d;border-radius:14px;padding:1.25rem .875rem;transition:all .3s}.premium-countdown-box:hover{background:#ffffff40;transform:scale(1.05)}.premium-countdown-days{border-color:#ec4899}.premium-countdown-hours{border-color:#8b5cf6}.premium-countdown-minutes{border-color:#3b82f6}.premium-countdown-seconds{border-color:#06b6d4}.premium-countdown-value{color:#fff;margin-bottom:.5rem;font-size:clamp(1.875rem,4vw,2.5rem);font-weight:800;line-height:1;display:block}.premium-countdown-label{color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px;font-size:.875rem;font-weight:600;display:block}.premium-teams-grid{grid-template-columns:1fr;gap:2rem;max-width:900px;margin:0 auto;display:grid}@media (width>=768px){.premium-teams-grid{grid-template-columns:repeat(2,1fr)}}.premium-team-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background:#fffffff2;border-radius:22px;padding:2.25rem 1.75rem;text-decoration:none;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}.premium-team-pink{border:3px solid #ec4899}.premium-team-blue{border:3px solid #3b82f6}.premium-team-card:hover{transform:perspective(800px)rotateX(2deg)rotateY(-2deg)translateY(-4px);box-shadow:0 20px 50px #00000026}.premium-team-icon{color:#fff;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:1.5rem;display:inline-flex}.premium-team-pink .premium-team-icon{background:linear-gradient(135deg,#ec4899,#f472b6)}.premium-team-blue .premium-team-icon{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.premium-team-name{color:#1a1a1a;margin-bottom:1rem;font-size:2rem;font-weight:800}.premium-team-badge{background:#ec48991a;border-radius:999px;margin-bottom:1rem;padding:.5rem 1.25rem;font-size:1rem;font-weight:700;display:inline-block}.premium-team-pink .premium-team-badge{color:#ec4899}.premium-team-blue .premium-team-badge{color:#3b82f6}.premium-team-description{color:#64748b;margin-bottom:1.5rem;font-size:1rem}.premium-team-cta{align-items:center;gap:.5rem;font-weight:700;transition:gap .3s;display:inline-flex}.premium-team-pink .premium-team-cta{color:#ec4899}.premium-team-blue .premium-team-cta{color:#3b82f6}.premium-team-card:hover .premium-team-cta{gap:1rem}.premium-cta-section{z-index:10;background:linear-gradient(135deg,#ec4899 0%,#d946ef 25%,#8b5cf6 50%,#3b82f6 75%,#06b6d4 100%);padding:3rem 0;position:relative}.premium-cta-wrapper{text-align:center;max-width:800px;margin:0 auto}.premium-cta-icon{color:#fff;width:56px;height:56px;margin-bottom:1rem;animation:2s ease-in-out infinite pulse-icon;display:inline-block}@keyframes pulse-icon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.premium-cta-title{color:#fff;margin-bottom:.75rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.premium-cta-subtitle{color:#ffffffe6;margin-bottom:2rem;font-size:clamp(.9375rem,2vw,1.125rem);line-height:1.5}.premium-cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.public-footer{color:#fff;z-index:10;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);margin-top:3rem;padding:2.5rem 0 1rem;position:relative}@keyframes animate-float-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-float-up{opacity:0;animation:.6s ease-out forwards animate-float-up}@keyframes animate-scale-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-scale-pop{opacity:0;animation:.5s ease-out forwards animate-scale-pop}.animate-border-glow{transition:all .4s}.animate-border-glow:hover{box-shadow:0 8px 24px #0000001f}.animate-border-glow.border-pink:hover{border-color:#ec4899;box-shadow:0 8px 24px #ec489959,0 0 20px #ec489926}.animate-border-glow.border-purple:hover{border-color:#8b5cf6;box-shadow:0 8px 24px #8b5cf659,0 0 20px #8b5cf626}.animate-border-glow.border-blue:hover{border-color:#3b82f6;box-shadow:0 8px 24px #3b82f659,0 0 20px #3b82f626}.animate-border-glow.border-cyan:hover{border-color:#06b6d4;box-shadow:0 8px 24px #06b6d459,0 0 20px #06b6d426}.animate-border-glow.border-green:hover{border-color:#10b981;box-shadow:0 8px 24px #10b98159,0 0 20px #10b98126}.animate-border-glow.border-orange:hover{border-color:#f97316;box-shadow:0 8px 24px #f9731659,0 0 20px #f9731626}.animate-border-glow.border-gold:hover{border-color:#f59e0b;box-shadow:0 8px 24px #f59e0b59,0 0 20px #f59e0b26}.animate-border-glow.border-red:hover{border-color:#ef4444;box-shadow:0 8px 24px #ef444459,0 0 20px #ef444426}@keyframes animate-slide-left{0%{opacity:0;transform:translate(-25px)}to{opacity:1;transform:translate(0)}}@keyframes animate-slide-right{0%{opacity:0;transform:translate(25px)}to{opacity:1;transform:translate(0)}}.animate-slide-left{opacity:0;animation:.65s ease-out forwards animate-slide-left}.animate-slide-right{opacity:0;animation:.65s ease-out forwards animate-slide-right}.animate-3d-lift{transform-style:preserve-3d;transition:all .35s}.animate-3d-lift:hover{transform:perspective(800px)rotateX(2deg)rotateY(-2deg)translateY(-4px);box-shadow:0 12px 32px #00000026}@keyframes animate-fade-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes animate-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes animate-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes animate-slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-down{opacity:0;animation:.6s ease-out forwards animate-fade-down}.animate-fade-up{opacity:0;animation:.6s ease-out forwards animate-fade-up}.animate-scale-in{opacity:0;animation:.6s ease-out forwards animate-scale-in}.animate-slide-up{opacity:0;animation:.6s ease-out forwards animate-slide-up}@media (width<=767px){@keyframes animate-float-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes animate-slide-left{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes animate-slide-right{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.animate-3d-lift:hover{transform:perspective(800px)rotateX(1deg)rotateY(-1deg)translateY(-3px)}.animate-border-glow.border-pink:hover,.animate-border-glow.border-purple:hover,.animate-border-glow.border-blue:hover,.animate-border-glow.border-cyan:hover,.animate-border-glow.border-green:hover,.animate-border-glow.border-orange:hover,.animate-border-glow.border-gold:hover,.animate-border-glow.border-red:hover{box-shadow:0 6px 18px #00000026,0 0 15px #ec48991a}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-float-up,.animate-scale-pop,.animate-slide-left,.animate-slide-right,.animate-3d-lift,.animate-fade-down,.animate-fade-up,.animate-scale-in,.animate-slide-up{opacity:1;animation:none;transform:none}.animate-3d-lift:hover{transform:none}}@media (width<=767px){.premium-hero{padding:4rem 0 2rem}.premium-hero-title{font-size:1.75rem}.premium-hero-subtitle{font-size:.9375rem}.premium-hero-buttons{flex-direction:column}.premium-btn{justify-content:center;width:100%;padding:.75rem 1.5rem}.premium-stats-section{padding:1rem 0}.premium-stats-grid{gap:.75rem}.premium-stat-card{gap:.75rem;padding:.875rem}.premium-stat-icon{width:40px;height:40px}.premium-stat-value{font-size:1.5rem}.premium-stat-label{font-size:.75rem}.premium-section{padding:2rem 0}.premium-section-header{margin-bottom:1.5rem}.premium-section-title{font-size:1.5rem}.premium-section-subtitle{font-size:.9375rem}.premium-steps-grid{gap:1rem}.premium-step-card{padding:1.5rem 1rem}.premium-step-number{width:40px;height:40px;font-size:1rem;line-height:40px}.premium-step-title{font-size:1.125rem}.premium-step-description{font-size:.875rem}.premium-features-grid{gap:1rem}.premium-feature-card{padding:1.5rem 1rem}.premium-feature-icon{width:56px;height:56px}.premium-feature-title{font-size:1.125rem}.premium-feature-description{font-size:.875rem}.premium-prizes-grid{gap:.75rem}.premium-prize-card{padding:.75rem}.premium-prize-name{font-size:.75rem}.premium-countdown-wrapper{padding:1.5rem 1rem}.premium-countdown-title{font-size:1.125rem}.premium-countdown-grid{gap:.5rem}.premium-countdown-box{padding:1rem .5rem}.premium-countdown-value{font-size:1.75rem}.premium-countdown-label{font-size:.75rem}.premium-teams-grid{gap:1.5rem}.premium-team-card{padding:2rem 1.5rem}.premium-team-icon{width:64px;height:64px}.premium-team-name{font-size:1.5rem}.premium-cta-section{padding:2.5rem 0}.premium-cta-icon{width:48px;height:48px}.premium-cta-title{font-size:1.5rem}.premium-cta-subtitle{font-size:.9375rem}.premium-cta-buttons{flex-direction:column}}@media (width<=430px){.container-premium{padding:0 .75rem}.premium-hero{padding:3.5rem 0 1.5rem}.premium-badge{padding:.375rem .75rem;font-size:.75rem}.premium-hero-title{font-size:1.5rem}.premium-stats-grid{gap:.5rem}.premium-stat-card{text-align:center;flex-direction:column;gap:.5rem;padding:.75rem}.premium-stat-icon{width:36px;height:36px}.premium-stat-value{font-size:1.25rem}.premium-section{padding:1.75rem 0}.premium-section-header{margin-bottom:1.25rem}.premium-section-title{font-size:1.375rem}.premium-step-card,.premium-feature-card{padding:1.125rem .875rem}.premium-countdown-wrapper{padding:1.25rem .875rem}.premium-countdown-value{font-size:1.5rem}.premium-team-card{padding:1.5rem 1rem}.premium-cta-section{padding:2rem 0}.premium-cta-title{font-size:1.375rem}}.month-navigation{max-width:100%;padding:1rem 0;position:relative;overflow:hidden}.month-scroll-container{flex-wrap:wrap;justify-content:center;gap:.75rem;padding:0 1rem;display:flex}@media (width<=768px){.month-scroll-container{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-wrap:nowrap;justify-content:flex-start;padding:.5rem 1rem;overflow:auto hidden}.month-scroll-container::-webkit-scrollbar{height:4px}.month-scroll-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.month-scroll-container::-webkit-scrollbar-thumb{background:#ec489980;border-radius:2px}}.month-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:#fffffff2;border:2px solid #e2e8f0;border-radius:12px;flex-shrink:0;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;transition:all .3s}.month-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.month-btn.active{color:#1a1a1a;background:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #ec489933}@media (width<=430px){.month-btn{padding:.5rem 1rem;font-size:.875rem}}.prize-item{flex-direction:column;gap:.75rem;transition:all .3s;display:flex}.prize-item:hover{transform:scale(1.02)}.prize-image-container{aspect-ratio:1;background:#f8fafc;border-radius:12px;justify-content:center;align-items:center;padding:1rem;transition:all .3s;display:flex;overflow:hidden}.prize-item:hover .prize-image-container{background:#f1f5f9}.prize-image{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;transition:transform .3s}.prize-item:hover .prize-image{transform:scale(1.08)}.prize-info{text-align:center}.prize-name{color:#1a1a1a;margin-bottom:.25rem;font-size:.9375rem;font-weight:700;line-height:1.3}.prize-value{color:#ec4899;margin-bottom:.25rem;font-size:.875rem;font-weight:600}.prize-quantity{color:#64748b;font-size:.8125rem;font-weight:500}@media (width<=768px){.prize-name{font-size:.8125rem}.prize-value,.prize-quantity{font-size:.75rem}.prize-image-container{padding:.75rem}}@media (width<=430px){.prize-name{font-size:.75rem}.prize-value,.prize-quantity{font-size:.6875rem}.prize-image-container{padding:.5rem}}.page-transition{animation-fill-mode:both}.page-transition.fade-in{animation:.55s ease-out forwards page-enter}.page-transition.fade-out{animation:.15s ease-in forwards page-exit}@keyframes page-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes page-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.section-delay-0{animation-delay:0s!important}.section-delay-1{animation-delay:.1s!important}.section-delay-2{animation-delay:.2s!important}.section-delay-3{animation-delay:.3s!important}.section-delay-4{animation-delay:.4s!important}.section-delay-5{animation-delay:.5s!important}@media (width<=767px){.page-transition.fade-in{animation:.4s ease-out forwards page-enter-mobile}.page-transition.fade-out{animation:.12s ease-in forwards page-exit-mobile}@keyframes page-enter-mobile{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes page-exit-mobile{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}}@media (prefers-reduced-motion:reduce){.page-transition.fade-in{animation:.3s ease-out forwards page-enter-reduced}.page-transition.fade-out{animation:.1s ease-in forwards page-exit-reduced}@keyframes page-enter-reduced{0%{opacity:0}to{opacity:1}}@keyframes page-exit-reduced{0%{opacity:1}to{opacity:0}}.section-delay-1,.section-delay-2,.section-delay-3,.section-delay-4,.section-delay-5{animation-delay:0s!important}}*{box-sizing:border-box;margin:0;padding:0}:root{--deep-navy:#0b1020;--midnight-blue:#111a33;--royal-blue:#2563eb;--premium-gold:#f5b942;--light-gold:#ffd978;--soft-white:#f6f8fc;--dark-charcoal:#111827;--slate:#64748b;--brand-50:#eff6ff;--brand-100:#dbeafe;--brand-200:#bfdbfe;--brand-300:#93c5fd;--brand-400:#60a5fa;--brand-500:var(--royal-blue);--brand-600:#1d4ed8;--brand-700:#1e40af;--brand-800:var(--midnight-blue);--brand-900:var(--deep-navy);--brand-950:#050813;--accent-50:#fef3c7;--accent-100:#fef08a;--accent-200:#fde047;--accent-300:#facc15;--accent-400:var(--light-gold);--accent-500:var(--premium-gold);--accent-600:#d97706;--accent-700:#b45309;--accent-800:#92400e;--accent-900:#78350f;--success-50:#f0fdf4;--success-100:#dcfce7;--success-500:#22c55e;--success-600:#16a34a;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-500:#f59e0b;--warning-600:#d97706;--danger-50:#fff1f2;--danger-100:#ffe4e6;--danger-500:#ef4444;--danger-600:#dc2626;--info-50:#eff6ff;--info-100:#dbeafe;--info-500:#3b82f6;--info-600:#2563eb;--neutral-0:#fff;--neutral-50:var(--soft-white);--neutral-100:#f1f5f9;--neutral-150:#e9eef5;--neutral-200:#e2e8f0;--neutral-300:#cbd5e1;--neutral-400:#94a3b8;--neutral-500:var(--slate);--neutral-600:#475569;--neutral-700:#334155;--neutral-800:#1e293b;--neutral-900:var(--dark-charcoal);--gradient-navy:linear-gradient(135deg, var(--deep-navy), var(--midnight-blue));--gradient-blue:linear-gradient(135deg, var(--royal-blue), #1d4ed8);--gradient-gold:linear-gradient(135deg, var(--premium-gold), var(--light-gold));--gradient-hero:linear-gradient(135deg, var(--deep-navy) 0%, var(--midnight-blue) 50%, var(--royal-blue) 100%);--gold-glow:0 0 20px #f5b94266;--gold-glow-strong:0 0 30px #f5b94299;--blue-glow:0 0 20px #2563eb4d;--lp-hot:#ff2d8d;--lp-purple:#7c3aed;--lp-cyan:#00c2ff;--lp-lime:#a3e635;--lp-orange:#ff8a00;--lp-yellow:var(--light-gold);--font-display:"Cinzel", "Playfair Display", Georgia, serif;--font-body:"Montserrat", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"Courier New", monospace;--ease-smooth:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-bounce:cubic-bezier(.16, 1, .3, 1)}body{font-family:var(--font-body);background:var(--neutral-50);color:var(--neutral-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}#root{background:var(--neutral-50);min-height:100vh}@keyframes slideInRight{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.slide-in-right{animation:slideInRight .2s var(--ease-smooth)}.scale-in{animation:scaleIn .2s var(--ease-spring)}.float{animation:3s ease-in-out infinite float}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:from-violet-700:hover{--tw-gradient-from:#6d28d9 var(--tw-gradient-from-position);--tw-gradient-to:#6d28d900 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:to-blue-700:hover{--tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position)}.hover\:text-pink-400:hover{--tw-text-opacity:1;color:rgb(244 114 182/var(--tw-text-opacity))}.hover\:text-soft-red:hover{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity))}.hover\:text-violet-300:hover{--tw-text-opacity:1;color:rgb(196 181 253/var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.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);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);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.focus\:border-blue-400:focus{--tw-border-opacity:1;border-color:rgb(96 165 250/var(--tw-border-opacity))}.focus\:border-pink-400:focus{--tw-border-opacity:1;border-color:rgb(244 114 182/var(--tw-border-opacity))}.focus\:border-purple-400:focus{--tw-border-opacity:1;border-color:rgb(192 132 252/var(--tw-border-opacity))}.focus\:border-transparent:focus{border-color:#0000}.focus\:border-violet-500:focus{--tw-border-opacity:1;border-color:rgb(139 92 246/var(--tw-border-opacity))}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #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);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus\:ring-blue-400\/20:focus{--tw-ring-color:#60a5fa33}.focus\:ring-pink-400\/20:focus{--tw-ring-color:#f472b633}.focus\:ring-pink-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(236 72 153/var(--tw-ring-opacity))}.focus\:ring-purple-400\/20:focus{--tw-ring-color:#c084fc33}.focus\:ring-soft-pink:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(249 168 212/var(--tw-ring-opacity))}.focus\:ring-violet-500\/20:focus{--tw-ring-color:#8b5cf633}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=640px){.sm\:flex-row{flex-direction:row}}@media (width>=768px){.md\:block{display:block}.md\:h-20{height:5rem}.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\:gap-6{gap:1.5rem}.md\:p-12{padding:3rem}.md\:p-8{padding:2rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:pt-20{padding-top:5rem}.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-xl{font-size:1.25rem;line-height:1.75rem}}@media (width>=1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.auth-page{background:var(--gradient-navy);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";background:radial-gradient(circle,#f5b94226 0%,#0000 70%);width:500px;height:500px;animation:20s ease-in-out infinite float;position:absolute;top:-250px;right:-250px}.auth-page:after{content:"";background:radial-gradient(circle,#2563eb1a 0%,#0000 70%);width:500px;height:500px;animation:25s ease-in-out infinite reverse float;position:absolute;bottom:-250px;left:-250px}.auth-container{z-index:1;width:100%;max-width:450px;position:relative}.auth-card{background:var(--surface);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:40px;position:relative;box-shadow:0 20px 60px #0000004d}.back-button{background:var(--bg-darker);border:1px solid var(--border);cursor:pointer;width:40px;height:40px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:absolute;top:20px;left:20px}.back-button:hover{background:var(--surface-light);transform:translate(-4px)}.auth-header{text-align:center;margin-bottom:40px;padding-top:20px}.auth-logo{margin-bottom:20px}.auth-logo .logo-icon{background:var(--gradient-gold);width:80px;height:80px;color:var(--deep-navy);font-family:var(--font-display);box-shadow:var(--gold-glow-strong);border-radius:20px;justify-content:center;align-items:center;font-size:32px;font-weight:900;display:inline-flex}.auth-title{font-family:var(--font-display);color:#fff;margin-bottom:8px;font-size:32px;font-weight:900}.auth-subtitle{color:var(--text-muted);font-size:14px}.auth-form{flex-direction:column;gap:20px;display:flex}.error-message{border:1px solid var(--danger);color:var(--danger);text-align:center;background:#ef44441a;border-radius:8px;padding:12px 16px;font-size:14px;animation:.3s shake}.form-footer{justify-content:flex-end;margin-top:-10px;display:flex}.link-text{color:var(--premium-gold);font-size:14px;text-decoration:none;transition:color .3s}.link-text:hover{color:var(--light-gold)}.form-divider{border-top:1px solid var(--border);text-align:center;margin-top:30px;padding-top:30px}.form-divider span{color:var(--text-muted);margin-bottom:16px;font-size:14px;display:block}.auth-links{text-align:center;color:var(--text-muted);margin-top:24px;font-size:14px}.auth-link-buttons{justify-content:center;align-items:center;gap:12px;margin-top:12px;display:flex}.link-button{color:var(--premium-gold);cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:700;text-decoration:underline;transition:color .3s}.link-button:hover{color:var(--light-gold)}.progress-bar{margin-bottom:40px}.progress-steps{justify-content:space-between;align-items:center;display:flex;position:relative}.progress-step{z-index:1;flex-direction:column;align-items:center;gap:8px;display:flex}.step-circle{background:var(--bg-darker);border:2px solid var(--border);width:40px;height:40px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-weight:700;transition:all .3s;display:flex}.progress-step.active .step-circle{background:var(--gradient-gold);border-color:var(--premium-gold);color:var(--deep-navy);box-shadow:var(--gold-glow);font-weight:900}.step-label{color:var(--text-muted);white-space:nowrap;font-size:12px}.progress-step.active .step-label{color:var(--text);font-weight:600}.progress-line{background:var(--border);z-index:0;height:2px;position:absolute;top:20px;left:25%;right:25%}.form-step{flex-direction:column;gap:20px;display:flex}.checkbox-group{align-items:flex-start;gap:12px;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--primary);margin-top:2px}.checkbox-group label{color:var(--text-muted);font-size:14px;line-height:1.5}.checkbox-group a{color:var(--premium-gold);font-weight:700;text-decoration:none}.checkbox-group a:hover{text-decoration:underline}@media (width<=768px){.auth-page{padding:20px}.auth-card{padding:30px 24px}.auth-title{font-size:28px}.auth-logo .logo-icon{width:60px;height:60px;font-size:24px}.step-label{font-size:10px}}.user-bottom-nav{width:100vw;padding:8px 0;padding-bottom:calc(8px + env(safe-area-inset-bottom));z-index:100;background:linear-gradient(#5b21b6 0%,#4f46e5 50%,#ec4899 100%);border-top:1px solid #ffffff26;margin:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 15px #0000001a}.bottom-nav-container{grid-template-columns:repeat(5,1fr);gap:0;width:100vw;max-width:100vw;margin:0;padding:0;display:grid}.user-bottom-nav-item{color:#ffffffd9;cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;padding:8px 4px;font-size:11px;font-weight:500;text-decoration:none;transition:all .2s;display:flex;position:relative}.user-bottom-nav-item svg{color:#ffffffd9;stroke-width:2px;flex-shrink:0;width:22px;height:22px;transition:all .3s}.user-bottom-nav-item.active{color:#fff;font-weight:600}.user-bottom-nav-item.active svg{color:#fff;filter:drop-shadow(0 0 8px #ffffff80);transform:translateY(-2px)}.user-bottom-nav-item:hover{color:#fff}.user-bottom-nav-item:hover svg{color:#fff;transform:translateY(-1px)}.user-bottom-nav-item:active{transform:scale(.95)}.user-bottom-nav-item span{white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:100%;line-height:1.2;display:block;overflow:hidden}@media (width>=768px){.user-bottom-nav{display:none}}@media (width<=375px){.user-bottom-nav{padding:6px 0}.user-bottom-nav-item{gap:2px;padding:6px 2px;font-size:9px}.user-bottom-nav-item svg{width:18px;height:18px}}@media (width>=376px) and (width<=480px){.user-bottom-nav{padding:8px 0}.user-bottom-nav-item{gap:3px;padding:8px 4px;font-size:10px}.user-bottom-nav-item svg{width:20px;height:20px}}@media (width>=481px) and (width<=767px){.user-bottom-nav{padding:10px 0}.user-bottom-nav-item{gap:4px;padding:10px 8px;font-size:12px}.user-bottom-nav-item svg{width:24px;height:24px}}.confirm-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.confirm-modal-container{background:#fff;border-radius:20px;width:100%;max-width:420px;animation:.3s slideUp;position:relative;overflow:hidden;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.confirm-modal-close{cursor:pointer;z-index:10;background:#0000000d;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.confirm-modal-close:hover{background:#0000001a;transform:rotate(90deg)}.confirm-modal-content{text-align:center;padding:40px 32px 32px}.confirm-modal-icon-wrapper{justify-content:center;margin-bottom:24px;display:flex}.confirm-modal-icon{stroke-width:1.5px;width:64px;height:64px}.confirm-modal-icon.confirm{color:#f59e0b;animation:2s ease-in-out infinite pulse}.confirm-modal-icon.success{color:#10b981;animation:.4s scaleIn}.confirm-modal-icon.error{color:#ef4444;animation:.5s shake}.confirm-modal-icon.loading{color:#3b82f6;animation:1s linear infinite spin}.confirm-modal-title{color:#1a1a1a;margin:0 0 12px;font-size:24px;font-weight:700;line-height:1.3}.confirm-modal-message{color:#666;margin:0 0 28px;font-size:15px;line-height:1.6}.confirm-modal-actions{justify-content:center;gap:12px;display:flex}.confirm-modal-btn{cursor:pointer;border:none;border-radius:12px;flex:1;min-width:120px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .2s}.confirm-modal-btn.cancel{color:#666;background:#f3f4f6}.confirm-modal-btn.cancel:hover{background:#e5e7eb}.confirm-modal-btn.confirm{color:#fff;background:linear-gradient(135deg,#f472b6,#ec4899);box-shadow:0 4px 12px #f472b64d}.confirm-modal-btn.confirm:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f472b666}.confirm-modal-btn.error{color:#fff;background:linear-gradient(135deg,#f87171,#ef4444);width:100%;box-shadow:0 4px 12px #ef44444d}.confirm-modal-btn.error:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.confirm-modal-btn:active{transform:scale(.98)}.confirm-modal-loading-text{color:#3b82f6;padding:14px 0;font-size:15px;font-weight:600}@media (width<=480px){.confirm-modal-overlay{padding:16px}.confirm-modal-container{border-radius:16px}.confirm-modal-content{padding:32px 24px 24px}.confirm-modal-icon{width:56px;height:56px}.confirm-modal-title{font-size:20px}.confirm-modal-message{margin-bottom:24px;font-size:14px}.confirm-modal-actions{flex-direction:column-reverse}.confirm-modal-btn{width:100%;min-width:unset}}.digital-number-display{z-index:25;flex-direction:column;align-items:center;gap:20px;width:auto;max-width:450px;display:flex;position:absolute;bottom:28vh;left:50%;transform:translate(-50%)}.digit-slots-container{background:linear-gradient(135deg,#050719e6 0%,#10143af2 100%);border:3px solid #f59e0b;border-radius:16px;gap:12px;padding:16px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0009,0 0 40px #fbbf2466,inset 0 2px 4px #fbbf2433}.digit-slots-container:before{content:"";background:linear-gradient(135deg,#0000 0%,#fbbf240d 50%,#0000 100%);animation:3s ease-in-out infinite shimmer;position:absolute;inset:0}.digit-slot{background:linear-gradient(135deg,#10143acc 0%,#050719e6 100%);border:2px solid #8b5cf666;border-radius:12px;justify-content:center;align-items:center;width:70px;height:90px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #0009,0 4px 16px #8b5cf633}.digit-slot-inner{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.digit-value{color:#fff;text-shadow:0 0 20px #fbbf24cc,0 0 40px #f472b666,0 4px 8px #000c;-webkit-user-select:none;user-select:none;font-family:Inter,Poppins,sans-serif;font-size:56px;font-weight:700;line-height:1}.digit-glow{pointer-events:none;background:radial-gradient(circle,#fbbf2426 0%,#0000 70%);animation:2s ease-in-out infinite glowPulse;position:absolute;inset:0}@keyframes glowPulse{0%,to{opacity:.6}50%{opacity:1}}.display-label{color:#fffc;text-transform:uppercase;letter-spacing:3px;text-align:center;font-size:13px;font-weight:600}@media (width<=767px){.digital-number-display{max-width:calc(100vw - 40px);bottom:25vh}.digit-slots-container{gap:8px;padding:12px 16px}.digit-slot{width:56px;height:72px}.digit-value{font-size:42px}.display-label{letter-spacing:2px;font-size:11px}}@media (width<=430px){.digital-number-display{bottom:22vh}.digit-slot{width:48px;height:64px}.digit-value{font-size:36px}}.dashboard-page{background:#f6f8fc;min-height:100vh;padding-bottom:80px}.dashboard-content{z-index:1;max-width:600px;margin:0 auto;animation:.5s ease-out fadeIn;position:relative}@media (width>=768px){.dashboard-content{max-width:800px}}.franchise-dashboard{background:var(--neutral-50);min-height:100vh}.dashboard-header{border-bottom:1px solid var(--neutral-200);z-index:100;background:#fff;padding:1rem 2rem;position:sticky;top:0}.franchise-brand{align-items:center;gap:1rem;display:flex}.franchise-brand h1{color:var(--neutral-900);margin:0;font-size:1.5rem;font-weight:700}.dashboard-nav{border-bottom:1px solid var(--neutral-200);background:#fff;gap:.5rem;padding:0 2rem;display:flex;overflow-x:auto}.stat-change{color:var(--success-600);margin-top:.25rem;font-size:.875rem;display:inline-block}.stat-change.negative{color:var(--danger-600)}.activity-item{background:var(--neutral-50);border-radius:8px;align-items:center;gap:1rem;padding:1rem;transition:all .2s;display:flex}.activity-item:hover{background:var(--neutral-100);transform:translate(4px)}.status-badge{text-transform:capitalize;border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.status-badge.active{background:var(--success-100);color:var(--success-700)}.status-badge.inactive{background:var(--neutral-100);color:var(--neutral-700)}.status-badge.suspended{background:var(--danger-100);color:var(--danger-700)}.data-table thead{background:var(--neutral-50)}.data-table th{text-align:left;color:var(--neutral-700);border-bottom:1px solid var(--neutral-200);padding:1rem 1.5rem;font-size:.875rem;font-weight:600}.data-table tbody tr:hover{background:var(--neutral-50)}.badge{background:var(--brand-100);color:var(--brand-700);border-radius:6px;padding:.25rem .75rem;font-size:.875rem;font-weight:600;display:inline-block}.prizes-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.prize-card{background:#fff;border-radius:12px;padding:1.5rem;transition:all .2s;box-shadow:0 1px 3px #0000001a}.prize-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.prize-header{justify-content:space-between;align-items:start;margin-bottom:1rem;display:flex}.prize-header h3{color:var(--neutral-900);margin:0;font-size:1.125rem;font-weight:700}.prize-description{color:var(--neutral-600);margin:0 0 1rem;font-size:.875rem}.prize-list{flex-direction:column;gap:.5rem;display:flex}.prize-item{background:var(--neutral-50);border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.prize-amount{color:var(--brand-600);font-weight:700}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;animation:.2s scaleIn;overflow-y:auto}.modal-close{background:var(--neutral-100);width:32px;height:32px;color:var(--neutral-600);cursor:pointer;border:none;border-radius:8px;font-size:1.5rem;transition:all .2s}.prizes-section{margin-top:1rem}.prize-input-row{grid-template-columns:2fr 1fr;gap:.5rem;margin-bottom:.5rem;display:grid}.modal-footer{border-top:1px solid var(--neutral-200);justify-content:flex-end;gap:.75rem;padding:1.5rem;display:flex}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.loading-screen{background:var(--neutral-50);justify-content:center;align-items:center;min-height:100vh;display:flex}@media (width<=768px){.dashboard-header{padding:1rem}.dashboard-nav{padding:0 1rem}.dashboard-main{padding:1rem}.stats-grid{grid-template-columns:1fr}.tab-header{flex-direction:column;align-items:stretch;gap:1rem}.table-container{overflow-x:auto}.data-table{min-width:600px}}.new-badge{background:linear-gradient(135deg, var(--accent-500), var(--accent-600));color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;margin-left:.5rem;padding:.125rem .5rem;font-size:.625rem;font-weight:700;animation:2s infinite pulse;display:inline-block}.draws-nav{border-bottom:2px solid var(--neutral-200);gap:1rem;margin-bottom:2rem;display:flex}.draws-nav-tab{color:var(--neutral-600);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:1rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s}.draws-nav-tab:hover{color:var(--brand-600)}.draws-nav-tab.active{color:var(--brand-600);border-bottom-color:var(--brand-600)}.draws-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.draw-card{background:#fff;border-radius:12px;padding:1.5rem;transition:all .2s;box-shadow:0 1px 3px #0000001a}.draw-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.draw-card-header{justify-content:space-between;align-items:start;margin-bottom:1rem;display:flex}.draw-card-header h3{color:var(--neutral-900);margin:0;font-size:1.125rem;font-weight:700}.month-badge{background:var(--accent-100);color:var(--accent-700);border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.draw-details{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.draw-detail-row{color:var(--neutral-700);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.draw-detail-row svg{color:var(--brand-500)}.draw-info-card{background:var(--neutral-50);text-align:center;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.draw-info-card h3{color:var(--neutral-900);margin:0 0 .25rem;font-size:1.25rem;font-weight:700}.draw-info-card .text-muted{color:var(--neutral-600);margin-bottom:1rem;font-size:.875rem}.draw-stats{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.draw-stat{background:#fff;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.draw-stat .stat-label{color:var(--neutral-600);font-size:.875rem}.draw-stat .stat-value{color:var(--neutral-900);font-weight:600}.draw-stat .stat-value.highlight{color:var(--accent-600);font-size:1.125rem}.warning-box{background:var(--warning-50);border:1px solid var(--warning-200);border-radius:8px;gap:.75rem;margin-top:1rem;padding:1rem;display:flex}.warning-box svg{color:var(--warning-600);flex-shrink:0}.warning-box p{color:var(--warning-800);margin:0;font-size:.875rem}.conduct-draw-modal{max-width:600px}.winner-header{background:linear-gradient(135deg, var(--accent-500), var(--accent-600));border-bottom:none;flex-direction:column;align-items:center;padding:2rem;display:flex}.winner-icon{font-size:4rem;animation:.6s bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.winner-body{text-align:center;padding:2rem}.winner-title{color:var(--neutral-900);margin:0 0 1.5rem;font-size:1.75rem;font-weight:700}.winner-card{background:var(--neutral-50);border-radius:12px;margin-bottom:1.5rem;padding:2rem}.winner-avatar{background:linear-gradient(135deg, var(--brand-500), var(--brand-600));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1rem;font-size:2rem;font-weight:700;display:flex}.winner-name{color:var(--neutral-900);margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.winner-mld{color:var(--neutral-600);margin:0;font-size:.875rem}.prize-details{background:#fff;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.prize-detail-row{border-bottom:1px solid var(--neutral-100);justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.prize-detail-row:last-child{border-bottom:none}.prize-detail-row span{color:var(--neutral-600);font-size:.875rem}.prize-detail-row strong{color:var(--neutral-900);font-size:1rem;font-weight:600}.prize-amount-row strong{color:var(--accent-600);font-size:1.25rem}.prize-amount-large{color:var(--accent-600)!important;font-size:1.5rem!important;font-weight:700!important}.total-benefit{border-top:2px solid var(--neutral-200);margin-top:1rem;padding-top:1rem}.benefit-amount{color:var(--success-600)!important;font-size:1.5rem!important;font-weight:700!important}.success-message{background:var(--success-50);border:1px solid var(--success-200);color:var(--success-800);border-radius:8px;padding:1rem;font-size:.875rem;line-height:1.6}.spinner-small{border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:16px;height:16px;margin-right:.5rem;animation:.6s linear infinite spin;display:inline-block}.btn-full{width:100%}.loading-groups{color:var(--neutral-600);align-items:center;gap:.5rem;padding:1rem;font-size:.875rem;display:flex}.text-muted{color:var(--neutral-600)}.text-sm{font-size:.875rem}@media (width<=768px){.draws-grid{grid-template-columns:1fr}.draws-nav{overflow-x:auto}.conduct-draw-modal{max-width:100%}.winner-avatar{width:60px;height:60px;font-size:1.5rem}.winner-title{font-size:1.5rem}}.referrals-tab{max-width:1400px;margin:0 auto;padding:2rem}.earnings-badge{color:#fff;background:linear-gradient(135deg,#f5b942,#f59e0b);border-radius:12px;padding:.75rem 1.5rem;font-size:1.125rem;font-weight:600}.invite-links-section{margin-bottom:3rem}.invite-links-section h3{color:var(--neutral-900);margin-bottom:1rem;font-size:1.25rem;font-weight:600}.invite-links-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;display:grid}.invite-link-card{border:1px solid var(--neutral-200);background:#fff;border-radius:12px;padding:1.5rem;transition:all .3s}.invite-link-card:hover{border-color:var(--brand-600);box-shadow:0 4px 12px #00000014}.invite-link-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.invite-link-header h4{color:var(--neutral-900);margin:0;font-size:1.125rem;font-weight:600}.group-badge{background:var(--brand-100);color:var(--brand-700);border-radius:6px;padding:.25rem .75rem;font-size:.875rem;font-weight:600}.invite-link-url{margin-bottom:1rem}.invite-link-input{border:1px solid var(--neutral-300);width:100%;color:var(--neutral-600);background:var(--neutral-50);border-radius:8px;padding:.75rem;font-size:.875rem}.invite-stats{border-top:1px solid var(--neutral-200);color:var(--neutral-600);justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;font-size:.875rem;display:flex}.referred-users-section{border:1px solid var(--neutral-200);background:#fff;border-radius:12px;padding:2rem}.referred-users-section h3{color:var(--neutral-900);margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.payment-badge{background:var(--neutral-100);color:var(--neutral-700);border-radius:6px;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.earnings-cell{color:var(--accent-600);font-size:1rem;font-weight:600}.pagination{border-top:1px solid var(--neutral-200);justify-content:center;align-items:center;gap:1rem;margin-top:2rem;padding-top:2rem;display:flex}.page-info{color:var(--neutral-600);font-size:.875rem}.user-details-modal{max-width:700px}.user-info-section{border-bottom:1px solid var(--neutral-200);margin-bottom:1.5rem;padding-bottom:1.5rem}.user-info-section h3{color:var(--neutral-900);margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.user-enrollment-info,.user-earnings-info,.user-payment-history{margin-bottom:1.5rem}.user-enrollment-info h4,.user-earnings-info h4,.user-payment-history h4{color:var(--neutral-700);margin:0 0 1rem;font-size:1rem;font-weight:600}.info-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.info-item{flex-direction:column;gap:.25rem;display:flex}.info-item .label{color:var(--neutral-600);font-size:.875rem}.info-item .value{color:var(--neutral-900);font-size:1rem;font-weight:600}.earnings-highlight{color:var(--accent-600);margin-bottom:.5rem;font-size:2rem;font-weight:700}.payment-history-list{max-height:300px;overflow-y:auto}.payment-history-item{border:1px solid var(--neutral-200);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:1rem;display:flex}.payment-amounts{text-align:right}.payment-amounts>div:first-child{color:var(--neutral-900);margin-bottom:.25rem;font-size:1.125rem;font-weight:600}.commission-amount{color:var(--accent-600);font-size:.875rem;font-weight:600}.admin-dashboard{background:var(--neutral-50);min-height:100vh}.dashboard-header{border-bottom:1px solid var(--neutral-200);z-index:100;background:#fff;padding:1rem 2rem;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.header-content{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;display:flex}.admin-brand{align-items:center;gap:1rem;display:flex}.admin-brand h1{color:var(--neutral-900);margin:0;font-size:1.5rem;font-weight:700}.admin-brand p{margin:0}.logo-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;font-weight:900;display:flex}.logo-icon.admin{background:linear-gradient(135deg,#ef4444,#dc2626)}.dashboard-nav{border-bottom:1px solid var(--neutral-200);background:#fff;gap:.5rem;max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;overflow-x:auto}.dashboard-nav::-webkit-scrollbar{height:4px}.dashboard-nav::-webkit-scrollbar-track{background:var(--neutral-100)}.dashboard-nav::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:4px}.nav-tab{color:var(--neutral-600);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.nav-tab:hover{color:var(--brand-600);background:var(--brand-50)}.nav-tab.active{color:var(--brand-600);border-bottom-color:var(--brand-600)}.nav-tab svg{flex-shrink:0}.dashboard-main{max-width:1400px;margin:0 auto;padding:2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{background:#fff;border-radius:12px;gap:1rem;padding:1.5rem;animation:.3s fadeIn;display:flex;box-shadow:0 1px 3px #0000001a}.stat-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-details{flex:1}.stat-label{color:var(--neutral-600);margin:0 0 .25rem;font-size:.875rem}.stat-value{color:var(--neutral-900);margin:0;font-size:2rem;font-weight:700}.stat-change{margin-top:.25rem;font-size:.875rem;display:inline-block}.stat-change.positive{color:var(--success-600)}.loading-container{justify-content:center;align-items:center;min-height:400px;display:flex}.spinner-large{border:4px solid var(--neutral-200);border-top-color:var(--brand-600);border-radius:50%;width:48px;height:48px;animation:1s linear infinite spin}.search-box{border:1px solid var(--neutral-300);background:#fff;border-radius:8px;align-items:center;gap:.5rem;min-width:300px;padding:.5rem 1rem;display:flex}.search-box svg{color:var(--neutral-400);flex-shrink:0}.search-box input{border:none;outline:none;width:100%;font-size:.875rem}.admin-overview{flex-direction:column;gap:2rem;display:flex}.bar-chart{align-items:flex-end;gap:1rem;height:200px;padding:1rem 0;display:flex}.bar-wrapper{flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex}.bar{background:linear-gradient(180deg, var(--brand-500), var(--brand-600));border-radius:4px 4px 0 0;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.8s ease-out barGrow}@keyframes barGrow{0%{height:0%}}.bar:hover{background:linear-gradient(180deg, var(--brand-400), var(--brand-500))}.bar-label{color:var(--neutral-600);font-size:.75rem;font-weight:500}.btn-icon{background:var(--neutral-100);width:32px;height:32px;color:var(--neutral-600);cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-icon:hover{background:var(--brand-100);color:var(--brand-600)}.report-filters{align-items:center;gap:.75rem;display:flex}.input-sm{border:1px solid var(--neutral-300);border-radius:8px;outline:none;padding:.5rem .75rem;font-size:.875rem;transition:all .2s}.input-sm:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px #6366f11a}.reports-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;display:grid}.report-card{background:#fff;border-radius:12px;padding:1.5rem;animation:.3s fadeIn;box-shadow:0 1px 3px #0000001a}.report-card h3{color:var(--neutral-600);text-transform:uppercase;letter-spacing:.5px;margin:0 0 .5rem;font-size:.875rem;font-weight:600}.report-value{color:var(--brand-600);margin:0 0 .25rem;font-size:2rem;font-weight:700}.report-subtitle{color:var(--neutral-600);margin:0 0 1rem;font-size:.875rem}.chart-mini{align-items:flex-end;gap:.5rem;height:60px;margin-top:1rem;display:flex}.mini-bar{background:linear-gradient(180deg, var(--brand-400), var(--brand-500));border-radius:4px 4px 0 0;flex:1;min-height:4px;transition:all .3s;animation:.5s ease-out barGrow}.mini-bar:hover{background:linear-gradient(180deg, var(--brand-500), var(--brand-600));transform-origin:bottom;transform:scaleY(1.1)}@media (width<=768px){.search-box{width:100%;min-width:auto}.report-filters{flex-direction:column;width:100%}.input-sm{width:100%}.reports-grid{grid-template-columns:1fr}.bar-chart{gap:.5rem}}.new-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:4px;justify-content:center;align-items:center;margin-left:6px;padding:2px 6px;font-size:.625rem;font-weight:700;animation:2s ease-in-out infinite pulse;display:inline-flex;box-shadow:0 2px 4px #f59e0b4d}.nav-tab.active .new-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.modal-content.large{max-width:600px;max-height:90vh;overflow-y:auto}.modal-form{padding:0}.modal-form .input-group{margin-bottom:1.25rem}.modal-form label{color:var(--neutral-700);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.modal-form .input,.modal-form select,.modal-form textarea{border:1px solid var(--neutral-300);border-radius:8px;width:100%;padding:.75rem 1rem;font-size:.875rem;transition:all .2s}.modal-form .input:focus,.modal-form select:focus,.modal-form textarea:focus{border-color:var(--brand-500);outline:none;box-shadow:0 0 0 3px #6366f11a}.modal-form .input:disabled,.modal-form select:disabled{opacity:.5;cursor:not-allowed;background:var(--neutral-100)}.input-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.prizes-section{background:var(--neutral-50);border:1px solid var(--neutral-200);border-radius:12px;margin:1.5rem 0;padding:1.5rem}.prizes-section h4{color:var(--neutral-700);text-transform:uppercase;letter-spacing:.5px;margin:0 0 1rem;font-size:.875rem;font-weight:700}.prizes-grid{flex-direction:column;gap:.75rem;display:flex}.prize-row{grid-template-columns:30px 1fr 120px;align-items:center;gap:.75rem;display:grid}.prize-number{color:var(--neutral-600);text-align:right;font-size:.875rem;font-weight:600}.prize-row .input{margin:0}.data-table .amount{color:var(--premium-gold);font-weight:700;font-family:var(--font-mono)}.prize-pools-tab,.plans-tab,.groups-tab{flex-direction:column;gap:1.5rem;display:flex}.error-message{color:#ef4444;background:#ef44441a;border:1px solid #ef4444;border-radius:12px;align-items:center;gap:8px;margin-bottom:1rem;padding:12px 16px;font-size:14px;display:flex}.input-hint{color:var(--neutral-500);margin-top:.25rem;font-size:.75rem}.input-hint.warning{color:var(--premium-gold)}@media (width<=768px){.modal-content.large{max-width:100%;margin:1rem}.input-row{grid-template-columns:1fr}.prize-row{grid-template-columns:30px 1fr;gap:.5rem}.prize-row .input:last-child{grid-column:2}}.chart-section{background:#fff;border-radius:12px;margin-bottom:2rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.section-title{color:var(--neutral-900);margin:0 0 1.5rem;font-size:1.25rem;font-weight:700}.chart-placeholder{justify-content:center;align-items:center;min-height:250px;display:flex}.recent-activity{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.activity-list{flex-direction:column;gap:1rem;display:flex}.activity-item{border-radius:8px;gap:1rem;padding:1rem;transition:all .2s;display:flex}.activity-item:hover{background:var(--neutral-50)}.activity-icon{background:var(--brand-100);width:40px;height:40px;color:var(--brand-600);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.activity-content{flex:1}.activity-title{color:var(--neutral-900);margin:0 0 .25rem;font-weight:600}.activity-subtitle{color:var(--neutral-600);margin:0;font-size:.875rem}.tab-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.tab-header h2{color:var(--neutral-900);margin:0;font-size:1.5rem;font-weight:700}.table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:var(--neutral-50);border-bottom:2px solid var(--neutral-200)}.data-table th{text-align:left;color:var(--neutral-700);text-transform:uppercase;letter-spacing:.5px;padding:1rem;font-size:.875rem;font-weight:600}.data-table td{border-bottom:1px solid var(--neutral-100);color:var(--neutral-700);padding:1rem}.data-table tr:hover{background:var(--neutral-50)}.data-table tr:last-child td{border-bottom:none}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;align-items:center;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.status-badge.active{color:#16a34a;background:#22c55e1a}.status-badge.inactive{color:#dc2626;background:#ef44441a}.status-badge.suspended{color:#ea580c;background:#fb923c1a}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;animation:.3s slideUp;overflow-y:auto;box-shadow:0 20px 60px #00000080}.modal-header{border-bottom:1px solid var(--neutral-200);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h2{color:var(--neutral-900);margin:0;font-size:1.25rem;font-weight:700}.modal-close{color:var(--neutral-500);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.5rem;transition:all .2s;display:flex}.modal-close:hover{background:var(--neutral-100);color:var(--neutral-900)}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--neutral-200);gap:1rem;padding:1.5rem;display:flex}.modal-footer .btn{flex:1}.qr-code-tab{flex-direction:column;gap:1.5rem;display:flex}.qr-code-container{grid-template-columns:1fr 1fr;gap:2rem;animation:.3s fadeIn;display:grid}.qr-code-card{background:#fff;border-radius:16px;flex-direction:column;gap:1.5rem;padding:2rem;display:flex;box-shadow:0 2px 8px #0000001a}.qr-code-display{border:3px solid var(--brand-600);background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:2rem;display:flex;box-shadow:0 4px 12px #2563eb26}.qr-placeholder{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.qr-url{color:var(--brand-600);font-size:.875rem;font-weight:600;font-family:var(--font-mono);border:1px solid var(--brand-200);background:#fff;border-radius:8px;margin:0;padding:.5rem 1rem}.qr-info{background:var(--neutral-50);border-radius:12px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.info-item{color:var(--neutral-700);align-items:center;gap:.75rem;font-size:.875rem;display:flex}.info-item svg{color:var(--brand-600);flex-shrink:0}.btn-full{justify-content:center;width:100%}.success-message{color:#16a34a;background:#22c55e1a;border:1px solid #16a34a;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;animation:.3s fadeIn;display:flex}.success-message svg{flex-shrink:0}.qr-instructions{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 2px 8px #0000001a}.qr-instructions h3{color:var(--neutral-900);margin:0 0 1.5rem;font-size:1.25rem;font-weight:700}.qr-instructions ol{flex-direction:column;gap:1rem;margin:0;padding-left:1.5rem;display:flex}.qr-instructions li{color:var(--neutral-700);font-size:.95rem;line-height:1.6}.qr-instructions strong{color:var(--brand-600);font-weight:600}.qr-instructions ul{margin:.5rem 0 0;padding-left:1.5rem}.qr-instructions ul li{color:var(--neutral-600);font-size:.875rem}@media (width<=1024px){.qr-code-container{grid-template-columns:1fr}}@media (width<=768px){.qr-code-card,.qr-instructions,.qr-code-display{padding:1.5rem}.qr-placeholder svg{width:150px;height:150px}}.payment-page{background:var(--background);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.payment-container{background:var(--surface);border:1px solid var(--border);border-radius:24px;width:100%;max-width:480px;padding:32px;box-shadow:0 8px 32px #0000001a}.payment-header{align-items:center;gap:16px;margin-bottom:32px;display:flex}.back-btn{background:var(--background);border:1px solid var(--border);cursor:pointer;width:40px;height:40px;color:var(--text-primary);border-radius:10px;justify-content:center;align-items:center;transition:all .3s;display:flex}.back-btn:hover{background:var(--midnight-blue);border-color:var(--royal-blue)}.payment-header h1{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.payment-form{flex-direction:column;gap:20px;display:flex}.input-group{flex-direction:column;gap:8px;display:flex}.input-group label{color:var(--text-primary);font-size:.95rem;font-weight:600}.input{background:var(--background);border:2px solid var(--border);color:var(--text-primary);border-radius:12px;padding:14px 16px;font-size:1rem;transition:all .3s}.input-large{text-align:center;padding:18px 16px;font-size:1.3rem;font-weight:700}.input-pin{letter-spacing:8px;text-align:center;font-size:1.5rem;font-weight:700}.input-hint{color:var(--text-secondary);font-size:.85rem}.error-banner{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;display:flex}.btn-pay{background:linear-gradient(135deg, var(--premium-gold) 0%, #ffd978 100%);color:var(--primary);margin-top:12px;padding:16px;font-size:1.2rem;font-weight:700}.btn-pay:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f5b94266}.payment-footer{text-align:center;border-top:1px solid var(--border);margin-top:24px;padding-top:24px}.payment-footer p{color:var(--text-secondary);font-size:.85rem}.payment-container.processing{text-align:center;padding:60px 32px}.processing-animation{margin-bottom:32px}.spinner-large{border:6px solid var(--border);border-top-color:var(--royal-blue);border-radius:50%;width:80px;height:80px;margin:0 auto;animation:1s linear infinite spin}.payment-container.processing h2{color:var(--text-primary);margin-bottom:12px;font-size:1.5rem;font-weight:700}.payment-container.processing p{color:var(--text-secondary);font-size:1rem}.payment-container.success{text-align:center}.success-icon{margin-bottom:24px}.success-icon svg{stroke:#10b981;filter:drop-shadow(0 4px 12px #10b9814d)}.payment-container.success h2{color:#10b981;margin-bottom:32px;font-size:1.8rem;font-weight:700}.payment-details{background:var(--background);text-align:left;border-radius:16px;margin-bottom:32px;padding:24px}.detail-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-row span{color:var(--text-secondary);font-size:.95rem}.detail-row strong{color:var(--text-primary);font-size:1rem;font-weight:700}.amount-paid{color:var(--premium-gold)!important;font-size:1.5rem!important}.transaction-id{font-family:monospace;font-size:.9rem!important}.payment-container.error{text-align:center}.error-icon{margin-bottom:24px}.error-icon svg{stroke:#ef4444;filter:drop-shadow(0 4px 12px #ef44444d)}.payment-container.error h2{color:#ef4444;margin-bottom:16px;font-size:1.8rem;font-weight:700}.error-message{color:var(--text-secondary);margin-bottom:32px;font-size:1.1rem}.error-actions{gap:12px;display:flex}.error-actions .btn{flex:1}@media (width<=640px){.payment-container{padding:24px}.payment-header h1{font-size:1.3rem}.input-large{font-size:1.1rem}.input-pin{font-size:1.3rem}.btn-pay{font-size:1.1rem}}.step-indicator{justify-content:center;align-items:center;gap:1rem;padding:2rem 1.5rem;display:flex}.step{opacity:.4;flex-direction:column;align-items:center;gap:.5rem;transition:all .3s;display:flex}.step.active,.step.completed{opacity:1}.step-number{background:var(--neutral-200);width:48px;height:48px;color:var(--neutral-600);border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;font-weight:700;transition:all .3s;display:flex}.step.active .step-number{background:linear-gradient(135deg, var(--brand-600), var(--brand-700));color:#fff;box-shadow:0 4px 12px #2563eb4d}.step.completed .step-number{background:var(--brand-600);color:#fff}.step span{color:var(--neutral-700);font-size:.875rem;font-weight:600}.step-line{background:var(--neutral-200);flex:1;max-width:80px;height:2px}.pin-form{flex-direction:column;gap:1.5rem;display:flex}.pin-header{text-align:center;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 0;display:flex}.pin-icon{background:linear-gradient(135deg, var(--brand-600), var(--brand-700));color:#fff;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:0 8px 20px #2563eb4d}.pin-header h2{color:var(--neutral-900);margin:0;font-size:1.5rem;font-weight:700}.pin-header p{color:var(--neutral-600);margin:0;font-size:.95rem}.input-pin-large{text-align:center;letter-spacing:1rem;font-size:2rem;font-weight:700;padding:1.5rem!important}.payment-summary{background:var(--brand-50);border:1px solid var(--brand-200);border-radius:12px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.summary-row{justify-content:space-between;align-items:center;font-size:.95rem;display:flex}.summary-row span{color:var(--neutral-600)}.summary-row strong{color:var(--neutral-900);font-size:1.1rem}@media (width<=768px){.step-indicator{padding:1.5rem 1rem}.step-number{width:40px;height:40px;font-size:1rem}.step span{font-size:.75rem}.step-line{max-width:60px}.pin-icon{width:64px;height:64px}.pin-icon svg{width:36px;height:36px}.input-pin-large{letter-spacing:.75rem;font-size:1.5rem;padding:1.25rem!important}}.user-info-card{background:linear-gradient(135deg, var(--brand-600), var(--brand-700));color:#fff;border-radius:12px;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.25rem;display:flex;box-shadow:0 4px 12px #2563eb4d}.user-avatar{width:56px;height:56px;color:var(--brand-600);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex}.user-details h3{margin:0 0 .25rem;font-size:1.125rem;font-weight:700}.user-details p{opacity:.9;margin:0;font-size:.875rem}.qr-scanner-page{background:linear-gradient(135deg, var(--brand-navy) 0%, #050810 100%);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.scanner-container{background:#fff;border-radius:20px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 20px 60px #00000080}.scanner-header{border-bottom:1px solid var(--neutral-200);background:#fff;align-items:center;gap:1rem;padding:1.5rem;display:flex}.scanner-header .back-btn{background:var(--neutral-100);cursor:pointer;width:40px;height:40px;color:var(--neutral-700);border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.scanner-header .back-btn:hover{background:var(--brand-100);color:var(--brand-600)}.scanner-header h1{color:var(--neutral-900);margin:0;font-size:1.5rem;font-weight:700}.scan-options{flex-direction:column;gap:2rem;padding:2rem;display:flex}.scan-intro{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.scan-icon{background:linear-gradient(135deg, var(--brand-600), var(--brand-700));color:#fff;border-radius:24px;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:.5rem;display:flex;box-shadow:0 8px 24px #2563eb4d}.scan-intro h2{color:var(--neutral-900);margin:0;font-size:1.5rem;font-weight:700}.scan-intro p{color:var(--neutral-600);margin:0;font-size:1rem}.scan-buttons{flex-direction:column;gap:1rem;display:flex}.scan-option-btn{border:2px solid var(--neutral-200);cursor:pointer;text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;transition:all .3s;display:flex}.scan-option-btn:hover{border-color:var(--brand-600);background:var(--brand-50);transform:translateY(-2px);box-shadow:0 8px 20px #2563eb26}.scan-option-btn.camera:hover .option-icon{background:linear-gradient(135deg, var(--brand-600), var(--brand-700));color:#fff}.scan-option-btn.upload:hover .option-icon{background:linear-gradient(135deg, var(--premium-gold), #d97706);color:#fff}.option-icon{background:var(--neutral-100);width:80px;height:80px;color:var(--neutral-600);border-radius:20px;justify-content:center;align-items:center;transition:all .3s;display:flex}.scan-option-btn h3{color:var(--neutral-900);margin:0;font-size:1.25rem;font-weight:700}.scan-option-btn p{color:var(--neutral-600);margin:0;font-size:.875rem}.scan-help{background:var(--brand-50);border:1px solid var(--brand-200);border-radius:12px;align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.scan-help svg{color:var(--brand-600);flex-shrink:0;margin-top:2px}.scan-help p{color:var(--brand-700);margin:0;font-size:.875rem;line-height:1.5}.scanner-view{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}#qr-reader{background:var(--neutral-50);border-radius:16px;width:100%;overflow:hidden}#qr-reader video{border-radius:12px}#qr-reader__dashboard_section_csr button{background:var(--brand-600)!important;color:#fff!important;cursor:pointer!important;border:none!important;border-radius:8px!important;padding:.75rem 1.5rem!important;font-weight:600!important;transition:all .2s!important}#qr-reader__dashboard_section_csr button:hover{background:var(--brand-700)!important}#qr-reader__scan_region{border:2px solid var(--brand-600)!important;border-radius:12px!important}.scanner-instructions{background:var(--brand-50);border:1px solid var(--brand-200);border-radius:12px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.instruction-item{color:var(--brand-700);align-items:center;gap:.75rem;font-size:.875rem;font-weight:500;display:flex}.instruction-item svg{color:var(--brand-600);flex-shrink:0}.error-banner{color:#ef4444;background:#ef44441a;border:1px solid #ef4444;border-radius:12px;align-items:center;gap:.75rem;padding:1rem 1.25rem;font-size:.875rem;font-weight:500;display:flex}.error-banner svg{flex-shrink:0}@media (width<=768px){.qr-scanner-page{align-items:stretch;padding:0}.scanner-container{border-radius:0;flex-direction:column;max-width:100%;min-height:100vh;display:flex}.scan-options{flex:1;padding:1.5rem}.scanner-view{padding:1.5rem}.scan-icon{width:100px;height:100px}.option-icon{width:64px;height:64px}}.invite-splash{background:linear-gradient(135deg,#0b1020 0%,#1a2847 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.invite-container{background:#fff;border-radius:16px;width:100%;max-width:500px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.invite-header{color:#fff;text-align:center;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);padding:40px 30px 30px}.invite-badge{color:#f5b942;background:#f5b94233;border-radius:20px;margin-bottom:15px;padding:8px 20px;font-size:14px;font-weight:600;display:inline-block}.invite-header h1{margin:0;font-size:28px;font-weight:700}.invite-body{padding:30px}.invite-group-info{text-align:center;margin-bottom:30px}.invite-group-info h2{color:#0b1020;margin:0 0 8px;font-size:24px}.invite-subtitle{color:#64748b;margin:0;font-size:16px}.invite-details{gap:15px;margin-bottom:30px;display:flex}.invite-detail-item{text-align:center;background:#f1f5f9;border-radius:12px;flex:1;padding:15px}.detail-label{color:#64748b;margin-bottom:5px;font-size:12px;display:block}.detail-value{color:#2563eb;font-size:18px;font-weight:700;display:block}.invite-prizes{margin-bottom:30px}.invite-prizes h3{color:#0b1020;margin:0 0 15px;font-size:18px}.prize-list{background:#f8fafc;border-radius:12px;padding:15px}.prize-item{border-bottom:1px solid #e2e8f0;justify-content:space-between;padding:10px 0;display:flex}.prize-item:last-child{border-bottom:none}.prize-name{color:#475569;font-size:14px}.prize-amount{color:#f5b942;font-size:14px;font-weight:600}.prize-more{text-align:center;color:#2563eb;padding:10px 0 0;font-size:14px;font-weight:500}.invite-benefits{margin-bottom:30px}.invite-benefits h3{color:#0b1020;margin:0 0 15px;font-size:18px}.invite-benefits ul{margin:0;padding:0;list-style:none}.invite-benefits li{color:#475569;padding:10px 0;font-size:15px}.invite-join-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:none;border-radius:12px;width:100%;margin-bottom:15px;padding:16px;font-size:18px;font-weight:600;transition:transform .2s}.invite-join-btn:hover{transform:translateY(-2px)}.invite-join-btn:active{transform:translateY(0)}.invite-footer-text{text-align:center;color:#94a3b8;margin:0;font-size:13px}.invite-loader{text-align:center;color:#fff;font-size:18px}.invite-error{text-align:center;background:#fff;border-radius:16px;max-width:400px;padding:40px}.invite-error h2{color:#ef4444;margin-bottom:10px}.invite-error p{color:#64748b;margin-bottom:20px}.invite-error button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;padding:12px 30px}.legal-page{background:#000;min-height:100vh;padding-bottom:40px}.legal-header{background:linear-gradient(135deg,#000,#1a1a1a);border-bottom:3px solid gold;padding:30px 20px;position:relative;box-shadow:0 4px 20px #ffd7004d}.legal-header .back-button{cursor:pointer;color:#fff;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;top:30px;left:20px}.legal-header .back-button:hover{background:#ffffff4d;transform:translate(-4px)}.legal-header h1{font-family:var(--font-display);color:gold;text-align:center;text-shadow:0 0 20px #ffd70080;margin:0;font-size:28px;font-weight:900}.legal-content{max-width:800px;margin:0 auto;padding:30px 20px}.legal-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:20px;padding:24px}.legal-section h2{font-family:var(--font-display);color:#fff;margin-bottom:12px;font-size:20px;font-weight:900}.legal-section p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.8}.legal-footer{text-align:center;margin-top:20px;padding:20px}.legal-footer p{color:var(--text-muted);font-size:13px;font-style:italic}@media (width<=768px){.legal-header h1{font-size:24px}.legal-section{padding:20px}.legal-section h2{font-size:18px}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{font-family:var(--font-body);cursor:pointer;transition:all .2s var(--ease-smooth);text-align:center;border:none;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:600;text-decoration:none;display:inline-block}.btn-primary{background:var(--gradient-blue);color:#fff;box-shadow:var(--blue-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 0 3px #2563eb33,0 6px 20px #2563eb66}.btn-primary:active{transform:translateY(0)}.btn-accent{background:var(--gradient-gold);color:var(--deep-navy);box-shadow:var(--gold-glow);font-weight:700}.btn-accent:hover{box-shadow:var(--gold-glow-strong);transform:translateY(-2px)}.btn-outline{border:2px solid var(--royal-blue);color:var(--royal-blue);background:0 0;font-weight:700}.btn-outline:hover{background:var(--brand-50);border-color:var(--royal-blue);box-shadow:var(--blue-glow)}.btn-secondary{background:var(--neutral-0);color:var(--neutral-900);border:1px solid var(--neutral-200)}.btn-secondary:hover{background:var(--neutral-50);border-color:var(--neutral-300)}.card{background:var(--neutral-0);border:1px solid var(--neutral-200);transition:all .28s var(--ease-bounce);border-radius:16px;padding:24px;box-shadow:0 1px 2px #0f172a0a}.card-glass{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffffe6}.card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.card-premium{background:var(--neutral-0);border:2px solid var(--royal-blue);box-shadow:var(--blue-glow);position:relative;overflow:hidden}.card-premium:before{content:"";background:var(--gradient-gold);background-size:200% 100%;height:3px;animation:3s linear infinite shimmer;position:absolute;top:0;left:0;right:0}.input-group{margin-bottom:20px}.input-group label{color:var(--neutral-700);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.input{background:var(--neutral-0);border:1px solid var(--neutral-300);width:100%;color:var(--neutral-900);font-family:var(--font-body);border-radius:8px;padding:12px 16px;font-size:16px;transition:all .3s}.input:focus{border-color:var(--royal-blue);outline:none;box-shadow:0 0 0 3px #2563eb1a}.input::placeholder{color:var(--neutral-400)}.badge{font-size:12px;font-weight:600;font-family:var(--font-mono);border-radius:20px;align-items:center;padding:6px 12px;display:inline-flex}.badge-primary{background:var(--brand-100);color:var(--royal-blue);border:1px solid var(--brand-200)}.badge-success{background:var(--success-100);color:var(--success-600);border:1px solid var(--success-500)}.badge-accent{background:var(--accent-100);color:var(--accent-700);border:1px solid var(--premium-gold)}.spinner{border:3px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffffe6}.gradient-text{background:var(--gradient-gold);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-brand{background:var(--gradient-blue);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn-glow,.glow-brand{box-shadow:var(--blue-glow)}.glow-accent{box-shadow:var(--gold-glow)}.fade-in{animation:.6s ease-out fadeIn}.slide-up{animation:.5s ease-out slideUp}.pulse{animation:2s ease-in-out infinite pulse}@media (width<=768px){.container{padding:0 16px}.btn{padding:10px 24px;font-size:14px}h1{font-size:32px}h2{font-size:24px}}