/* BDReseller — Tailwind-equivalent custom CSS. Generated from the existing UI classes; no Tailwind runtime/CDN. */

*,::before,::after{box-sizing:border-box;}html,body{margin:0;padding:0;}body{font-family:Inter,"Hind Siliguri",sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;}img,svg,video,canvas{display:block;max-width:100%;}button,input,textarea,select{font:inherit;}a{text-decoration:none!important;color:inherit;}[x-cloak]{display:none!important;}
@keyframes ping{75%,100%{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}
:root{--brand:#4f46e5;--brand-dark:#4338ca;--brand-light:#818cf8;}
.bg-gradient-to-r,.bg-gradient-to-l,.bg-gradient-to-t,.bg-gradient-to-b,.bg-gradient-to-tr,.bg-gradient-to-tl,.bg-gradient-to-br,.bg-gradient-to-bl{background-image:linear-gradient(var(--tw-gradient-direction),var(--tw-gradient-stops));}
.bg-gradient-to-r{--tw-gradient-direction:to right;}
.bg-gradient-to-l{--tw-gradient-direction:to left;}
.bg-gradient-to-t{--tw-gradient-direction:to top;}
.bg-gradient-to-b{--tw-gradient-direction:to bottom;}
.bg-gradient-to-tr{--tw-gradient-direction:to top right;}
.bg-gradient-to-tl{--tw-gradient-direction:to top left;}
.bg-gradient-to-br{--tw-gradient-direction:to bottom right;}
.bg-gradient-to-bl{--tw-gradient-direction:to bottom left;}
.mx-auto{margin-left:auto;margin-right:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}
.space-y-0> :not([hidden]) ~ :not([hidden]){margin-top:0;}
.space-x-0> :not([hidden]) ~ :not([hidden]){margin-left:0;}
.space-y-px> :not([hidden]) ~ :not([hidden]){margin-top:1px;}
.space-x-px> :not([hidden]) ~ :not([hidden]){margin-left:1px;}
.space-y-0\.5> :not([hidden]) ~ :not([hidden]){margin-top:0.125rem;}
.space-x-0\.5> :not([hidden]) ~ :not([hidden]){margin-left:0.125rem;}
.space-y-1> :not([hidden]) ~ :not([hidden]){margin-top:0.25rem;}
.space-x-1> :not([hidden]) ~ :not([hidden]){margin-left:0.25rem;}
.space-y-1\.5> :not([hidden]) ~ :not([hidden]){margin-top:0.375rem;}
.space-x-1\.5> :not([hidden]) ~ :not([hidden]){margin-left:0.375rem;}
.space-y-2> :not([hidden]) ~ :not([hidden]){margin-top:0.5rem;}
.space-x-2> :not([hidden]) ~ :not([hidden]){margin-left:0.5rem;}
.space-y-2\.5> :not([hidden]) ~ :not([hidden]){margin-top:0.625rem;}
.space-x-2\.5> :not([hidden]) ~ :not([hidden]){margin-left:0.625rem;}
.space-y-3> :not([hidden]) ~ :not([hidden]){margin-top:0.75rem;}
.space-x-3> :not([hidden]) ~ :not([hidden]){margin-left:0.75rem;}
.space-y-3\.5> :not([hidden]) ~ :not([hidden]){margin-top:0.875rem;}
.space-x-3\.5> :not([hidden]) ~ :not([hidden]){margin-left:0.875rem;}
.space-y-4> :not([hidden]) ~ :not([hidden]){margin-top:1rem;}
.space-x-4> :not([hidden]) ~ :not([hidden]){margin-left:1rem;}
.space-y-5> :not([hidden]) ~ :not([hidden]){margin-top:1.25rem;}
.space-x-5> :not([hidden]) ~ :not([hidden]){margin-left:1.25rem;}
.space-y-6> :not([hidden]) ~ :not([hidden]){margin-top:1.5rem;}
.space-x-6> :not([hidden]) ~ :not([hidden]){margin-left:1.5rem;}
.space-y-7> :not([hidden]) ~ :not([hidden]){margin-top:1.75rem;}
.space-x-7> :not([hidden]) ~ :not([hidden]){margin-left:1.75rem;}
.space-y-8> :not([hidden]) ~ :not([hidden]){margin-top:2rem;}
.space-x-8> :not([hidden]) ~ :not([hidden]){margin-left:2rem;}
.space-y-9> :not([hidden]) ~ :not([hidden]){margin-top:2.25rem;}
.space-x-9> :not([hidden]) ~ :not([hidden]){margin-left:2.25rem;}
.space-y-10> :not([hidden]) ~ :not([hidden]){margin-top:2.5rem;}
.space-x-10> :not([hidden]) ~ :not([hidden]){margin-left:2.5rem;}
.space-y-11> :not([hidden]) ~ :not([hidden]){margin-top:2.75rem;}
.space-x-11> :not([hidden]) ~ :not([hidden]){margin-left:2.75rem;}
.space-y-12> :not([hidden]) ~ :not([hidden]){margin-top:3rem;}
.space-x-12> :not([hidden]) ~ :not([hidden]){margin-left:3rem;}
.space-y-14> :not([hidden]) ~ :not([hidden]){margin-top:3.5rem;}
.space-x-14> :not([hidden]) ~ :not([hidden]){margin-left:3.5rem;}
.space-y-16> :not([hidden]) ~ :not([hidden]){margin-top:4rem;}
.space-x-16> :not([hidden]) ~ :not([hidden]){margin-left:4rem;}
.space-y-20> :not([hidden]) ~ :not([hidden]){margin-top:5rem;}
.space-x-20> :not([hidden]) ~ :not([hidden]){margin-left:5rem;}
.space-y-24> :not([hidden]) ~ :not([hidden]){margin-top:6rem;}
.space-x-24> :not([hidden]) ~ :not([hidden]){margin-left:6rem;}
.space-y-28> :not([hidden]) ~ :not([hidden]){margin-top:7rem;}
.space-x-28> :not([hidden]) ~ :not([hidden]){margin-left:7rem;}
.space-y-32> :not([hidden]) ~ :not([hidden]){margin-top:8rem;}
.space-x-32> :not([hidden]) ~ :not([hidden]){margin-left:8rem;}
.space-y-36> :not([hidden]) ~ :not([hidden]){margin-top:9rem;}
.space-x-36> :not([hidden]) ~ :not([hidden]){margin-left:9rem;}
.space-y-40> :not([hidden]) ~ :not([hidden]){margin-top:10rem;}
.space-x-40> :not([hidden]) ~ :not([hidden]){margin-left:10rem;}
.space-y-48> :not([hidden]) ~ :not([hidden]){margin-top:12rem;}
.space-x-48> :not([hidden]) ~ :not([hidden]){margin-left:12rem;}
.space-y-56> :not([hidden]) ~ :not([hidden]){margin-top:14rem;}
.space-x-56> :not([hidden]) ~ :not([hidden]){margin-left:14rem;}
.space-y-64> :not([hidden]) ~ :not([hidden]){margin-top:16rem;}
.space-x-64> :not([hidden]) ~ :not([hidden]){margin-left:16rem;}
.space-y-72> :not([hidden]) ~ :not([hidden]){margin-top:18rem;}
.space-x-72> :not([hidden]) ~ :not([hidden]){margin-left:18rem;}
.space-y-80> :not([hidden]) ~ :not([hidden]){margin-top:20rem;}
.space-x-80> :not([hidden]) ~ :not([hidden]){margin-left:20rem;}
.space-y-96> :not([hidden]) ~ :not([hidden]){margin-top:24rem;}
.space-x-96> :not([hidden]) ~ :not([hidden]){margin-left:24rem;}
.pb-safe{padding-bottom:env(safe-area-inset-bottom);}
.h-1{height:0.25rem;}
.h-2{height:0.5rem;}
.h-3{height:0.75rem;}
.h-4{height:1rem;}
.h-5{height:1.25rem;}
.h-6{height:1.5rem;}
.h-7{height:1.75rem;}
.h-8{height:2rem;}
.h-9{height:2.25rem;}
.m-0{margin:0;}
.p-1{padding:0.25rem;}
.p-2{padding:0.5rem;}
.p-3{padding:0.75rem;}
.p-4{padding:1rem;}
.p-5{padding:1.25rem;}
.p-6{padding:1.5rem;}
.p-8{padding:2rem;}
.w-2{width:0.5rem;}
.w-3{width:0.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-9{width:2.25rem;}
.z-0{z-index:0;}
.flex{display:flex;}
.grid{display:grid;}
.h-10{height:2.5rem;}
.h-11{height:2.75rem;}
.h-12{height:3rem;}
.h-14{height:3.5rem;}
.h-16{height:4rem;}
.h-20{height:5rem;}
.h-24{height:6rem;}
.h-28{height:7rem;}
.h-32{height:8rem;}
.h-36{height:9rem;}
.h-40{height:10rem;}
.h-44{height:11rem;}
.h-48{height:12rem;}
.h-52{height:13rem;}
.h-56{height:14rem;}
.h-60{height:15rem;}
.h-64{height:16rem;}
.h-72{height:18rem;}
.h-96{height:24rem;}
.mb-1{margin-bottom:0.25rem;}
.mb-2{margin-bottom:0.5rem;}
.mb-3{margin-bottom:0.75rem;}
.mb-4{margin-bottom:1rem;}
.mb-5{margin-bottom:1.25rem;}
.mb-6{margin-bottom:1.5rem;}
.mb-7{margin-bottom:1.75rem;}
.mb-8{margin-bottom:2rem;}
.ml-1{margin-left:0.25rem;}
.ml-2{margin-left:0.5rem;}
.ml-4{margin-left:1rem;}
.mr-1{margin-right:0.25rem;}
.mr-2{margin-right:0.5rem;}
.mr-3{margin-right:0.75rem;}
.mr-4{margin-right:1rem;}
.mt-1{margin-top:0.25rem;}
.mt-2{margin-top:0.5rem;}
.mt-3{margin-top:0.75rem;}
.mt-4{margin-top:1rem;}
.mt-5{margin-top:1.25rem;}
.mt-6{margin-top:1.5rem;}
.mt-8{margin-top:2rem;}
.mx-2{margin-left:0.5rem;margin-right:0.5rem;}
.mx-4{margin-left:1rem;margin-right:1rem;}
.my-1{margin-top:0.25rem;margin-bottom:0.25rem;}
.my-2{margin-top:0.5rem;margin-bottom:0.5rem;}
.my-4{margin-top:1rem;margin-bottom:1rem;}
.my-5{margin-top:1.25rem;margin-bottom:1.25rem;}
.p-10{padding:2.5rem;}
.p-12{padding:3rem;}
.p-14{padding:3.5rem;}
.p-16{padding:4rem;}
.pb-1{padding-bottom:0.25rem;}
.pb-2{padding-bottom:0.5rem;}
.pb-3{padding-bottom:0.75rem;}
.pb-4{padding-bottom:1rem;}
.pb-5{padding-bottom:1.25rem;}
.pb-6{padding-bottom:1.5rem;}
.pl-2{padding-left:0.5rem;}
.pl-3{padding-left:0.75rem;}
.pl-4{padding-left:1rem;}
.pl-5{padding-left:1.25rem;}
.pl-8{padding-left:2rem;}
.pl-9{padding-left:2.25rem;}
.pr-1{padding-right:0.25rem;}
.pr-3{padding-right:0.75rem;}
.pr-4{padding-right:1rem;}
.pr-9{padding-right:2.25rem;}
.pt-0{padding-top:0;}
.pt-1{padding-top:0.25rem;}
.pt-2{padding-top:0.5rem;}
.pt-3{padding-top:0.75rem;}
.pt-4{padding-top:1rem;}
.pt-5{padding-top:1.25rem;}
.pt-6{padding-top:1.5rem;}
.px-1{padding-left:0.25rem;padding-right:0.25rem;}
.px-2{padding-left:0.5rem;padding-right:0.5rem;}
.px-3{padding-left:0.75rem;padding-right:0.75rem;}
.px-4{padding-left:1rem;padding-right:1rem;}
.px-5{padding-left:1.25rem;padding-right:1.25rem;}
.px-6{padding-left:1.5rem;padding-right:1.5rem;}
.px-8{padding-left:2rem;padding-right:2rem;}
.py-1{padding-top:0.25rem;padding-bottom:0.25rem;}
.py-2{padding-top:0.5rem;padding-bottom:0.5rem;}
.py-3{padding-top:0.75rem;padding-bottom:0.75rem;}
.py-4{padding-top:1rem;padding-bottom:1rem;}
.py-5{padding-top:1.25rem;padding-bottom:1.25rem;}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem;}
.py-8{padding-top:2rem;padding-bottom:2rem;}
.w-10{width:2.5rem;}
.w-11{width:2.75rem;}
.w-12{width:3rem;}
.w-14{width:3.5rem;}
.w-16{width:4rem;}
.w-20{width:5rem;}
.w-24{width:6rem;}
.w-28{width:7rem;}
.w-32{width:8rem;}
.w-36{width:9rem;}
.w-40{width:10rem;}
.w-48{width:12rem;}
.w-56{width:14rem;}
.w-60{width:15rem;}
.w-64{width:16rem;}
.w-72{width:18rem;}
.w-96{width:24rem;}
.z-10{z-index:10;}
.z-20{z-index:20;}
.z-30{z-index:30;}
.z-40{z-index:40;}
.z-50{z-index:50;}
.block{display:block;}
.fixed{position:fixed;}
.gap-0{gap:0;}
.gap-1{gap:0.25rem;}
.gap-2{gap:0.5rem;}
.gap-3{gap:0.75rem;}
.gap-4{gap:1rem;}
.gap-5{gap:1.25rem;}
.gap-6{gap:1.5rem;}
.gap-8{gap:2rem;}
.h-0\.5{height:0.125rem;}
.h-1\.5{height:0.375rem;}
.h-2\.5{height:0.625rem;}
.h-3\.5{height:0.875rem;}
.mb-12{margin-bottom:3rem;}
.mt-10{margin-top:2.5rem;}
.mt-12{margin-top:3rem;}
.mt-16{margin-top:4rem;}
.p-0\.5{padding:0.125rem;}
.p-2\.5{padding:0.625rem;}
.p-3\.5{padding:0.875rem;}
.pb-12{padding-bottom:3rem;}
.pb-16{padding-bottom:4rem;}
.pl-10{padding-left:2.5rem;}
.pl-11{padding-left:2.75rem;}
.pl-12{padding-left:3rem;}
.pr-10{padding-right:2.5rem;}
.pr-12{padding-right:3rem;}
.pr-14{padding-right:3.5rem;}
.px-10{padding-left:2.5rem;padding-right:2.5rem;}
.py-10{padding-top:2.5rem;padding-bottom:2.5rem;}
.py-12{padding-top:3rem;padding-bottom:3rem;}
.py-14{padding-top:3.5rem;padding-bottom:3.5rem;}
.py-16{padding-top:4rem;padding-bottom:4rem;}
.py-20{padding-top:5rem;padding-bottom:5rem;}
.top-0{top:0;}
.top-1{top:0.25rem;}
.top-2{top:0.5rem;}
.top-3{top:0.75rem;}
.top-4{top:1rem;}
.w-1\.5{width:0.375rem;}
.w-2\.5{width:0.625rem;}
.w-3\.5{width:0.875rem;}
.-top-1{top:calc(0.25rem * -1);}
.-top-2{top:calc(0.5rem * -1);}
.border{border-width:1px;border-style:solid;}
.flex-1{flex:1 1 0%;}
.h-full{height:100%;}
.hidden{display:none;}
.inline{display:inline;}
.italic{font-style:italic;}
.left-0{left:0;}
.left-1{left:0.25rem;}
.left-3{left:0.75rem;}
.left-4{left:1rem;}
.left-6{left:1.5rem;}
.left-8{left:2rem;}
.mb-0\.5{margin-bottom:0.125rem;}
.mb-1\.5{margin-bottom:0.375rem;}
.mb-3\.5{margin-bottom:0.875rem;}
.mr-0\.5{margin-right:0.125rem;}
.mr-1\.5{margin-right:0.375rem;}
.mt-0\.5{margin-top:0.125rem;}
.mt-1\.5{margin-top:0.375rem;}
.mt-2\.5{margin-top:0.625rem;}
.pl-1\.5{padding-left:0.375rem;}
.pr-2\.5{padding-right:0.625rem;}
.px-0\.5{padding-left:0.125rem;padding-right:0.125rem;}
.px-1\.5{padding-left:0.375rem;padding-right:0.375rem;}
.px-2\.5{padding-left:0.625rem;padding-right:0.625rem;}
.px-3\.5{padding-left:0.875rem;padding-right:0.875rem;}
.py-0\.2{padding-top:0.2rem;padding-bottom:0.2rem;}
.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem;}
.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem;}
.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem;}
.py-3\.5{padding-top:0.875rem;padding-bottom:0.875rem;}
.shadow{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);}
@media (min-width:640px){.sm\:h-2{height:0.5rem;}}
@media (min-width:640px){.sm\:h-5{height:1.25rem;}}
@media (min-width:640px){.sm\:h-8{height:2rem;}}
@media (min-width:640px){.sm\:p-4{padding:1rem;}}
@media (min-width:640px){.sm\:p-5{padding:1.25rem;}}
@media (min-width:640px){.sm\:p-6{padding:1.5rem;}}
@media (min-width:640px){.sm\:p-7{padding:1.75rem;}}
@media (min-width:640px){.sm\:p-8{padding:2rem;}}
@media (min-width:640px){.sm\:w-2{width:0.5rem;}}
@media (min-width:640px){.sm\:w-5{width:1.25rem;}}
@media (min-width:640px){.sm\:w-8{width:2rem;}}
.sticky{position:sticky;}
.top-20{top:5rem;}
.top-24{top:6rem;}
.w-auto{width:auto;}
.w-full{width:100%;}
.-top-24{top:calc(6rem * -1);}
.gap-0\.5{gap:0.125rem;}
.gap-1\.5{gap:0.375rem;}
.gap-2\.5{gap:0.625rem;}
.gap-3\.5{gap:0.875rem;}
.inset-0{inset:0;}
@media (min-width:1024px){.lg\:flex{display:flex;}}
@media (min-width:1024px){.lg\:h-14{height:3.5rem;}}
@media (min-width:1024px){.lg\:p-10{padding:2.5rem;}}
@media (min-width:1024px){.lg\:w-14{width:3.5rem;}}
@media (min-width:768px){.md\:flex{display:flex;}}
@media (min-width:768px){.md\:h-56{height:14rem;}}
@media (min-width:768px){.md\:p-10{padding:2.5rem;}}
@media (min-width:768px){.md\:p-20{padding:5rem;}}
@media (min-width:768px){.md\:w-32{width:8rem;}}
@media (min-width:768px){.md\:w-48{width:12rem;}}
@media (min-width:768px){.md\:w-56{width:14rem;}}
.min-h-0{min-height:0;}
.min-w-0{min-width:0;}
.min-w-5{min-width:1.25rem;}
.ml-auto{margin-left:auto;}
.mx-auto{margin-left:auto;margin-right:auto;}
.pb-safe{padding-bottom:safe;}
.right-0{right:0;}
.right-2{right:0.5rem;}
.right-3{right:0.75rem;}
.right-4{right:1rem;}
.right-6{right:1.5rem;}
.right-8{right:2rem;}
.rounded{border-radius:0.25rem;}
@media (min-width:640px){.sm\:flex{display:flex;}}
@media (min-width:640px){.sm\:h-10{height:2.5rem;}}
@media (min-width:640px){.sm\:h-12{height:3rem;}}
@media (min-width:640px){.sm\:h-14{height:3.5rem;}}
@media (min-width:640px){.sm\:h-16{height:4rem;}}
@media (min-width:640px){.sm\:h-20{height:5rem;}}
@media (min-width:640px){.sm\:h-24{height:6rem;}}
@media (min-width:640px){.sm\:h-52{height:13rem;}}
@media (min-width:640px){.sm\:h-72{height:18rem;}}
@media (min-width:640px){.sm\:mx-6{margin-left:1.5rem;margin-right:1.5rem;}}
@media (min-width:640px){.sm\:p-10{padding:2.5rem;}}
@media (min-width:640px){.sm\:p-12{padding:3rem;}}
@media (min-width:640px){.sm\:pt-6{padding-top:1.5rem;}}
@media (min-width:640px){.sm\:px-3{padding-left:0.75rem;padding-right:0.75rem;}}
@media (min-width:640px){.sm\:px-4{padding-left:1rem;padding-right:1rem;}}
@media (min-width:640px){.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem;}}
@media (min-width:640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem;}}
@media (min-width:640px){.sm\:px-8{padding-left:2rem;padding-right:2rem;}}
@media (min-width:640px){.sm\:py-1{padding-top:0.25rem;padding-bottom:0.25rem;}}
@media (min-width:640px){.sm\:py-2{padding-top:0.5rem;padding-bottom:0.5rem;}}
@media (min-width:640px){.sm\:py-3{padding-top:0.75rem;padding-bottom:0.75rem;}}
@media (min-width:640px){.sm\:py-6{padding-top:1.5rem;padding-bottom:1.5rem;}}
@media (min-width:640px){.sm\:py-8{padding-top:2rem;padding-bottom:2rem;}}
@media (min-width:640px){.sm\:w-10{width:2.5rem;}}
@media (min-width:640px){.sm\:w-12{width:3rem;}}
@media (min-width:640px){.sm\:w-14{width:3.5rem;}}
@media (min-width:640px){.sm\:w-16{width:4rem;}}
@media (min-width:640px){.sm\:w-20{width:5rem;}}
@media (min-width:640px){.sm\:w-24{width:6rem;}}
@media (min-width:640px){.sm\:w-48{width:12rem;}}
@media (min-width:640px){.sm\:w-64{width:16rem;}}
@media (min-width:640px){.sm\:w-72{width:18rem;}}
@media (min-width:640px){.sm\:w-80{width:20rem;}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.text-lg{font-size:1.125rem;}
.text-sm{font-size:0.875rem;}
.text-xl{font-size:1.25rem;}
.text-xs{font-size:0.75rem;}
.top-1\/2{top:50%;}
.top-2\.5{top:0.625rem;}
.top-3\.5{top:0.875rem;}
.z-\[999\]{z-index:999;}
.-left-16{left:calc(4rem * -1);}
.-left-24{left:calc(6rem * -1);}
.-right-1{right:calc(0.25rem * -1);}
.-right-2{right:calc(0.5rem * -1);}
.-right-4{right:calc(1rem * -1);}
.-top-1\.5{top:calc(0.375rem * -1);}
.absolute{position:absolute;}
.bg-brand{background-color:#4f46e5;}
.bg-white{background-color:#fff;}
.border-0{border-width:0px;}
.border-2{border-width:2px;}
.border-4{border-width:4px;}
.bottom-0{bottom:0;}
.bottom-3{bottom:0.75rem;}
.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1);}
.flex-col{flex-direction:column;}
.h-\[18px\]{height:18px;}
.h-\[68px\]{height:68px;}
.h-screen{height:100vh;}
.left-1\/2{left:50%;}
.left-2\.5{left:0.625rem;}
.left-3\.5{left:0.875rem;}
@media (min-width:1024px){.lg\:block{display:block;}}
@media (min-width:1024px){.lg\:top-6{top:1.5rem;}}
.max-h-60{max-height:15rem;}
.max-h-72{max-height:18rem;}
.max-h-80{max-height:20rem;}
.max-w-24{max-width:6rem;}
.max-w-48{max-width:12rem;}
.max-w-lg{max-width:32rem;}
.max-w-md{max-width:28rem;}
.max-w-sm{max-width:24rem;}
.max-w-xl{max-width:36rem;}
.max-w-xs{max-width:20rem;}
@media (min-width:768px){.md\:block{display:block;}}
.relative{position:relative;}
.self-end{align-self:end;}
@media (min-width:640px){.sm\:block{display:block;}}
@media (min-width:640px){.sm\:gap-1{gap:0.25rem;}}
@media (min-width:640px){.sm\:gap-2{gap:0.5rem;}}
@media (min-width:640px){.sm\:gap-3{gap:0.75rem;}}
@media (min-width:640px){.sm\:gap-4{gap:1rem;}}
@media (min-width:640px){.sm\:gap-5{gap:1.25rem;}}
@media (min-width:640px){.sm\:gap-6{gap:1.5rem;}}
@media (min-width:640px){.sm\:mb-12{margin-bottom:3rem;}}
@media (min-width:640px){.sm\:p-3\.5{padding:0.875rem;}}
@media (min-width:640px){.sm\:py-10{padding-top:2.5rem;padding-bottom:2.5rem;}}
@media (min-width:640px){.sm\:py-12{padding-top:3rem;padding-bottom:3rem;}}
@media (min-width:640px){.sm\:py-20{padding-top:5rem;padding-bottom:5rem;}}
@media (min-width:640px){.sm\:top-3{top:0.75rem;}}
@media (min-width:640px){.sm\:top-4{top:1rem;}}
.text-2xl{font-size:1.5rem;}
.text-3xl{font-size:1.875rem;}
.text-4xl{font-size:2.25rem;}
.text-5xl{font-size:3rem;}
.text-6xl{font-size:3.75rem;}
.text-7xl{font-size:4.5rem;}
.top-full{top:100%;}
.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.z-\[9999\]{z-index:9999;}
.-bottom-4{bottom:calc(1rem * -1);}
.-bottom-8{bottom:calc(2rem * -1);}
.-right-10{right:calc(2.5rem * -1);}
.-right-16{right:calc(4rem * -1);}
.-right-24{right:calc(6rem * -1);}
.bg-red-50{background-color:#fef2f2;}
.bg-sky-50{background-color:#f0f9ff;}
.bottom-12{bottom:3rem;}
.bottom-24{bottom:6rem;}
.break-all{word-break:break-all;}
.file\:mr-4::file-selector-button{margin-right:1rem;}
.file\:px-4::file-selector-button{padding-left:1rem;padding-right:1rem;}
.file\:py-2::file-selector-button{padding-top:0.5rem;padding-bottom:0.5rem;}
.flex-wrap{flex-wrap:wrap;}
.font-bold{font-weight:700;}
.h-\[140px\]{height:140px;}
.inset-y-0{inset:y-0;}
.items-end{align-items:end;}
.last\:pb-0:last-child{padding-bottom:0;}
.leading-5{line-height:5;}
.leading-6{line-height:6;}
.leading-7{line-height:7;}
@media (min-width:1024px){.lg\:gap-10{gap:2.5rem;}}
@media (min-width:1024px){.lg\:hidden{display:none;}}
@media (min-width:1024px){.lg\:sticky{position:sticky;}}
@media (min-width:1024px){.lg\:top-24{top:6rem;}}
@media (min-width:1024px){.lg\:w-5\/12{width:5/12;}}
.max-w-2xl{max-width:42rem;}
.max-w-3xl{max-width:48rem;}
.max-w-4xl{max-width:56rem;}
.max-w-5xl{max-width:64rem;}
.max-w-6xl{max-width:72rem;}
.max-w-7xl{max-width:80rem;}
@media (min-width:768px){.md\:hidden{display:none;}}
@media (min-width:768px){.md\:inline{display:inline;}}
@media (min-width:768px){.md\:w-auto{width:auto;}}
.min-w-max{min-width:max-content;}
.opacity-0{opacity:0.0;}
.right-1\.5{right:0.375rem;}
.right-2\.5{right:0.625rem;}
.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);}
.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);}
.shadow-sm{box-shadow:0 1px 2px 0 rgba(0,0,0,.05);}
.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);}
@media (min-width:640px){.sm\:flex-1{flex:1 1 0%;}}
@media (min-width:640px){.sm\:hidden{display:none;}}
@media (min-width:640px){.sm\:inline{display:inline;}}
@media (min-width:640px){.sm\:left-3{left:0.75rem;}}
@media (min-width:640px){.sm\:px-2\.5{padding-left:0.625rem;padding-right:0.625rem;}}
@media (min-width:640px){.sm\:py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem;}}
@media (min-width:640px){.sm\:w-auto{width:auto;}}
.text-base{font-size:1rem;}
.text-left{text-align:left;}
.underline{text-decoration:underline;}
.uppercase{text-transform:uppercase;}
.via-brand{--tw-gradient-stops:var(--tw-gradient-from), #4f46e5, var(--tw-gradient-to, rgba(255,255,255,0));}
.via-white{--tw-gradient-stops:var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255,255,255,0));}
.z-\[99999\]{z-index:99999;}
.-bottom-10{bottom:calc(2.5rem * -1);}
.-bottom-16{bottom:calc(4rem * -1);}
.-right-2\.5{right:calc(0.625rem * -1);}
.bg-blue-50{background-color:#eff6ff;}
.bg-brand\/5{background-color:rgba(79,70,229,0.05);}
.bg-gray-50{background-color:#f9fafb;}
.bg-red-500{background-color:#ef4444;}
.bg-red-600{background-color:#dc2626;}
.bg-rose-50{background-color:#fff1f2;}
.bg-sky-500{background-color:#0ea5e9;}
.bg-white\/5{background-color:rgba(255,255,255,0.05);}
.capitalize{text-transform:capitalize;}
.first\:pt-0:first-child{padding-top:0;}
.font-black{font-weight:900;}
.from-brand{--tw-gradient-from:#4f46e5;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0));}
.from-white{--tw-gradient-from:#fff;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0));}
@media (min-width:1024px){.lg\:right-6{right:1.5rem;}}
.max-w-full{max-width:100%;}
.max-w-none{max-width:none;}
.opacity-10{opacity:0.1;}
.opacity-30{opacity:0.3;}
.opacity-40{opacity:0.4;}
.opacity-60{opacity:0.6;}
.opacity-80{opacity:0.8;}
.opacity-85{opacity:0.85;}
.right-full{right:100%;}
.rounded-lg{border-radius:0.5rem;}
.rounded-md{border-radius:0.375rem;}
.rounded-xl{border-radius:0.75rem;}
.select-all{user-select:all;}
.self-start{align-self:start;}
.shadow-2xl{box-shadow:0 25px 50px -12px rgba(0,0,0,.25);}
@media (min-width:640px){.sm\:gap-1\.5{gap:0.375rem;}}
@media (min-width:640px){.sm\:gap-3\.5{gap:0.875rem;}}
@media (min-width:640px){.sm\:right-3{right:0.75rem;}}
@media (min-width:640px){.sm\:text-lg{font-size:1.125rem;}}
@media (min-width:640px){.sm\:text-sm{font-size:0.875rem;}}
@media (min-width:640px){.sm\:text-xl{font-size:1.25rem;}}
@media (min-width:640px){.sm\:text-xs{font-size:0.75rem;}}
.text-\[7px\]{font-size:7px;}
.text-\[8px\]{font-size:8px;}
.text-\[9px\]{font-size:9px;}
.text-brand{color:#4f46e5;}
.text-right{text-align:right;}
.text-white{color:#fff;}
.to-blue-50{--tw-gradient-to:#eff6ff;}
.to-rose-50{--tw-gradient-to:#fff1f2;}
.to-teal-50{--tw-gradient-to:teal-50;}
.transition{transition-property:all;transition-duration:150ms;}
.bg-amber-50{background-color:#fffbeb;}
.bg-black\/10{background-color:rgba(0,0,0,0.1);}
.bg-black\/20{background-color:rgba(0,0,0,0.2);}
.bg-black\/30{background-color:rgba(0,0,0,0.3);}
.bg-black\/40{background-color:rgba(0,0,0,0.4);}
.bg-black\/50{background-color:rgba(0,0,0,0.5);}
.bg-black\/60{background-color:rgba(0,0,0,0.6);}
.bg-black\/70{background-color:rgba(0,0,0,0.7);}
.bg-black\/85{background-color:rgba(0,0,0,0.85);}
.bg-blue-600{background-color:#2563eb;}
.bg-brand\/10{background-color:rgba(79,70,229,0.1);}
.bg-brand\/20{background-color:rgba(79,70,229,0.2);}
.bg-brand\/30{background-color:rgba(79,70,229,0.3);}
.bg-gray-100{background-color:#f3f4f6;}
.bg-gray-200{background-color:#e5e7eb;}
.bg-gray-300{background-color:#d1d5db;}
.bg-gray-400{background-color:#9ca3af;}
.bg-gray-800{background-color:#1f2937;}
.bg-gray-900{background-color:#111827;}
.bg-green-50{background-color:#f0fdf4;}
.bg-rose-400{background-color:#fb7185;}
.bg-rose-500{background-color:#f43f5e;}
.bg-rose-600{background-color:#e11d48;}
.bg-slate-50{background-color:#f8fafc;}
.bg-white\/10{background-color:rgba(255,255,255,0.1);}
.bg-white\/15{background-color:rgba(255,255,255,0.15);}
.bg-white\/20{background-color:rgba(255,255,255,0.2);}
.bg-white\/25{background-color:rgba(255,255,255,0.25);}
.bg-white\/60{background-color:rgba(255,255,255,0.6);}
.bg-white\/80{background-color:rgba(255,255,255,0.8);}
.bg-white\/90{background-color:rgba(255,255,255,0.9);}
.bg-white\/95{background-color:rgba(255,255,255,0.95);}
.border-none{border-style:none;}
.font-medium{font-weight:500;}
.font-normal{font-weight:400;}
.from-red-50{--tw-gradient-from:#fef2f2;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0));}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr));}
.inline-flex{display:inline-flex;}
.items-start{align-items:start;}
.justify-end{justify-content:end;}
@media (min-width:1024px){.lg\:bottom-6{bottom:1.5rem;}}
@media (min-width:1024px){.lg\:flex-row{flex-direction:row;}}
@media (min-width:1024px){.lg\:text-3xl{font-size:1.875rem;}}
@media (min-width:1024px){.lg\:text-4xl{font-size:2.25rem;}}
@media (min-width:768px){.md\:flex-row{flex-direction:row;}}
.rounded-2xl{border-radius:1rem;}
.rounded-3xl{border-radius:1.5rem;}
.select-none{user-select:none;}
@media (min-width:640px){.sm\:flex-row{flex-direction:row;}}
@media (min-width:640px){.sm\:text-2xl{font-size:1.5rem;}}
@media (min-width:640px){.sm\:text-3xl{font-size:1.875rem;}}
@media (min-width:640px){.sm\:text-4xl{font-size:2.25rem;}}
@media (min-width:640px){.sm\:text-5xl{font-size:3rem;}}
.text-\[10px\]{font-size:10px;}
.text-\[11px\]{font-size:11px;}
.text-\[15px\]{font-size:15px;}
.text-center{text-align:center;}
.to-gray-100{--tw-gradient-to:#f3f4f6;}
.to-teal-600{--tw-gradient-to:teal-600;}
.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite;}
.animate-spin{animation:spin 1s linear infinite;}
.bg-\[\#0f172a\]{background:#0f172a;}
.bg-\[\#1877F2\]{background:#1877F2;}
.bg-\[\#25D366\]{background:#25D366;}
.bg-\[\#f8fafc\]{background:#f8fafc;}
.bg-amber-400{background-color:#fbbf24;}
.bg-amber-500{background-color:#f59e0b;}
.bg-green-500{background-color:#22c55e;}
.bg-green-600{background-color:#16a34a;}
.bg-indigo-50{background-color:#eef2ff;}
.bg-orange-50{background-color:#fff7ed;}
.bg-purple-50{background-color:#faf5ff;}
.bg-sky-50\/80{background-color:rgba(240,249,255,0.8);}
.bg-slate-100{background-color:#f1f5f9;}
.bg-slate-800{background-color:#1e293b;}
.bg-slate-900{background-color:#0f172a;}
.bg-violet-50{background-color:#f5f3ff;}
.bg-yellow-50{background-color:#fefce8;}
.border-brand{border-color:#4f46e5;}
.duration-200{transition-duration:200ms;}
.duration-300{transition-duration:300ms;}
.duration-500{transition-duration:500ms;}
.duration-700{transition-duration:700ms;}
.file\:text-xs::file-selector-button{font-size:0.75rem;}
.from-gray-50{--tw-gradient-from:#f9fafb;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0));}
.from-rose-50{--tw-gradient-from:#fff1f2;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0));}
.inline-block{display:inline-block;}
.items-center{align-items:center;}
.leading-none{line-height:1;}
.leading-snug{line-height:1.375;}
.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.line-through{text-decoration:line-through;}
.max-h-\[60vh\]{max-height:60vh;}
.max-h-\[88vh\]{max-height:88vh;}
.max-h-\[90vh\]{max-height:90vh;}
.max-w-\[60px\]{max-width:60px;}
.min-h-\[2rem\]{min-height:2rem;}
.min-h-\[40px\]{min-height:40px;}
.min-h-\[42px\]{min-height:42px;}
.min-h-\[64px\]{min-height:64px;}
.min-h-\[80vh\]{min-height:80vh;}
.min-h-\[85vh\]{min-height:85vh;}
.min-h-screen{min-height:100vh;}
.min-w-\[18px\]{min-width:18px;}
.object-cover{object-fit:cover;}
.rounded-full{border-radius:9999px;}
.rounded-l-xl{border-top-left-radius:0.75rem;border-bottom-left-radius:0.75rem;}
.rounded-r-xl{border-top-right-radius:0.75rem;border-bottom-right-radius:0.75rem;}
@media (min-width:640px){.sm\:self-auto{align-self:auto;}}
@media (min-width:640px){.sm\:text-base{font-size:1rem;}}
.text-red-400{color:#f87171;}
.text-red-500{color:#ef4444;}
.text-red-600{color:#dc2626;}
.text-sky-400{color:#38bdf8;}
.text-sky-500{color:#0ea5e9;}
.to-amber-400{--tw-gradient-to:#fbbf24;}
.to-amber-600{--tw-gradient-to:#d97706;}
.to-orange-50{--tw-gradient-to:#fff7ed;}
.to-purple-50{--tw-gradient-to:#faf5ff;}
.to-sky-50\/70{--tw-gradient-to:rgba(240,249,255,0.7);}
.to-slate-900{--tw-gradient-to:#0f172a;}
.to-slate-950{--tw-gradient-to:#020617;}
.via-gray-900{--tw-gradient-stops:var(--tw-gradient-from), #111827, var(--tw-gradient-to, rgba(255,255,255,0));}
.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;}
.aspect-square{aspect-ratio:1 / 1;}
.bg-emerald-50{background-color:#ecfdf5;}
.bg-gray-50\/30{background-color:rgba(249,250,251,0.3);}
.bg-gray-50\/40{background-color:rgba(249,250,251,0.4);}
.bg-gray-50\/50{background-color:rgba(249,250,251,0.5);}
.bg-gray-50\/60{background-color:rgba(249,250,251,0.6);}
.bg-gray-50\/80{background-color:rgba(249,250,251,0.8);}
.bg-indigo-100{background-color:#e0e7ff;}
.bg-indigo-300{background-color:#a5b4fc;}
.bg-indigo-600{background-color:#4f46e5;}
.bg-rose-50\/50{background-color:rgba(255,241,242,0.5);}
.bg-rose-50\/60{background-color:rgba(255,241,242,0.6);}
.bg-rose-50\/80{background-color:rgba(255,241,242,0.8);}
.bg-sky-500\/20{background-color:rgba(14,165,233,0.2);}
.bg-sky-900\/40{background-color:sky-900;}
.bg-violet-600{background-color:#7c3aed;}
.bg-yellow-300{background-color:#fde047;}
.border-dashed{border-style:dashed;}
.file\:bg-brand::file-selector-button{background-color:#4f46e5;}
.file\:border-0::file-selector-button{border-width:0px;}
.flex-shrink-0{flex-shrink:0;}
.font-semibold{font-weight:600;}
.from-amber-50{--tw-gradient-from:#fffbeb;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0));}
.from-blue-500{--tw-gradient-from:#3b82f6;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0));}
.from-brand\/20{--tw-gradient-from:rgba(79,70,229,0.2);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0));}
.from-green-50{--tw-gradient-from:#f0fdf4;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0));}
.from-slate-50{--tw-gradient-from:#f8fafc;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0));}
.items-stretch{align-items:stretch;}
.last\:border-0:last-child{border-width:0px;}
.leading-tight{line-height:1.25;}
.max-h-\[420px\]{max-height:420px;}
.max-w-\[100px\]{max-width:100px;}
.max-w-\[110px\]{max-width:110px;}
.max-w-\[120px\]{max-width:120px;}
.max-w-\[140px\]{max-width:140px;}
.max-w-\[160px\]{max-width:160px;}
.max-w-\[180px\]{max-width:180px;}
.max-w-\[220px\]{max-width:220px;}
.max-w-\[260px\]{max-width:260px;}
.max-w-\[280px\]{max-width:280px;}
.max-w-\[320px\]{max-width:320px;}
@media (min-width:768px){.md\:self-start{align-self:start;}}
.min-h-\[220px\]{min-height:220px;}
.min-w-\[460px\]{min-width:460px;}
.min-w-\[500px\]{min-width:500px;}
.min-w-\[600px\]{min-width:600px;}
.min-w-\[700px\]{min-width:700px;}
.min-w-\[780px\]{min-width:780px;}
.min-w-\[900px\]{min-width:900px;}
@media (min-width:640px){.sm\:self-start{align-self:start;}}
.text-blue-500{color:#3b82f6;}
.text-blue-600{color:#2563eb;}
.text-blue-700{color:#1d4ed8;}
.text-brand\/70{color:rgba(79,70,229,0.7);}
.text-gray-200{color:#e5e7eb;}
.text-gray-300{color:#d1d5db;}
.text-gray-400{color:#9ca3af;}
.text-gray-500{color:#6b7280;}
.text-gray-600{color:#4b5563;}
.text-gray-700{color:#374151;}
.text-gray-800{color:#1f2937;}
.text-gray-900{color:#111827;}
.text-rose-400{color:#fb7185;}
.text-rose-500{color:#f43f5e;}
.text-rose-600{color:#e11d48;}
.text-white\/40{color:rgba(255,255,255,0.4);}
.text-white\/60{color:rgba(255,255,255,0.6);}
.text-white\/70{color:rgba(255,255,255,0.7);}
.text-white\/80{color:rgba(255,255,255,0.8);}
.text-white\/90{color:rgba(255,255,255,0.9);}
.text-white\/95{color:rgba(255,255,255,0.95);}
.to-gray-50\/50{--tw-gradient-to:rgba(249,250,251,0.5);}
.to-indigo-500{--tw-gradient-to:#6366f1;}
.to-indigo-600{--tw-gradient-to:#4f46e5;}
.to-indigo-700{--tw-gradient-to:#4338ca;}
.to-indigo-800{--tw-gradient-to:#3730a3;}
.to-indigo-900{--tw-gradient-to:#312e81;}
.to-indigo-950{--tw-gradient-to:#1e1b4b;}
.to-orange-500{--tw-gradient-to:#f97316;}
.to-orange-600{--tw-gradient-to:#ea580c;}
.to-purple-600{--tw-gradient-to:#9333ea;}
.to-purple-700{--tw-gradient-to:purple-700;}
.to-purple-800{--tw-gradient-to:purple-800;}
.to-yellow-500{--tw-gradient-to:#eab308;}
.tracking-wide{letter-spacing:0.025em;}
.via-indigo-50{--tw-gradient-stops:var(--tw-gradient-from), #eef2ff, var(--tw-gradient-to, rgba(255,255,255,0));}
.bg-amber-50\/60{background-color:rgba(255,251,235,0.6);}
.bg-amber-50\/80{background-color:rgba(255,251,235,0.8);}
.bg-emerald-500{background-color:#10b981;}
.bg-emerald-600{background-color:#059669;}
.bg-gray-100\/80{background-color:rgba(243,244,246,0.8);}
.bg-gray-200\/60{background-color:rgba(229,231,235,0.6);}
.bg-gray-200\/80{background-color:rgba(229,231,235,0.8);}
.bg-gray-900\/50{background-color:rgba(17,24,39,0.5);}
.bg-gray-900\/90{background-color:rgba(17,24,39,0.9);}
.border-black\/5{border-color:rgba(0,0,0,0.05);}
.border-gray-50{border-color:#f9fafb;}
.border-white\/5{border-color:rgba(255,255,255,0.05);}
.cursor-pointer{cursor:pointer;}
.file\:font-bold::file-selector-button{font-weight:700;}
.focus\:bg-white:focus{background-color:#fff;}
.font-extrabold{font-weight:800;}
.from-amber-400{--tw-gradient-from:#fbbf24;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0));}
.from-amber-500{--tw-gradient-from:#f59e0b;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0));}
.from-amber-600{--tw-gradient-from:#d97706;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0));}
.from-slate-800{--tw-gradient-from:#1e293b;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0));}
.from-slate-900{--tw-gradient-from:#0f172a;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0));}
.from-slate-950{--tw-gradient-from:#020617;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0));}
.from-violet-50{--tw-gradient-from:#f5f3ff;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0));}
.hover\:bg-brand:hover{background-color:#4f46e5;}
.hover\:bg-white:hover{background-color:#fff;}
.justify-center{justify-content:center;}
@media (min-width:1024px){.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr));}}
@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media (min-width:1024px){.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr));}}
@media (min-width:1024px){.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr));}}
@media (min-width:1024px){.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr));}}
@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (min-width:768px){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media (min-width:768px){.md\:items-start{align-items:start;}}
.object-contain{object-fit:contain;}
@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (min-width:640px){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (min-width:640px){.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media (min-width:640px){.sm\:inline-flex{display:inline-flex;}}
@media (min-width:640px){.sm\:items-start{align-items:start;}}
@media (min-width:640px){.sm\:rounded-3xl{border-radius:1.5rem;}}
@media (min-width:640px){.sm\:text-\[10px\]{font-size:10px;}}
@media (min-width:640px){.sm\:text-\[11px\]{font-size:11px;}}
.text-amber-300{color:#fcd34d;}
.text-amber-400{color:#fbbf24;}
.text-amber-500{color:#f59e0b;}
.text-amber-600{color:#d97706;}
.text-green-400{color:#4ade80;}
.text-green-500{color:#22c55e;}
.text-green-600{color:#16a34a;}
.text-green-700{color:#15803d;}
.text-slate-300{color:#cbd5e1;}
.text-slate-400{color:#94a3b8;}
.text-slate-500{color:#64748b;}
.text-slate-600{color:#475569;}
.text-slate-700{color:#334155;}
.text-slate-800{color:#1e293b;}
.text-slate-900{color:#0f172a;}
.text-slate-950{color:#020617;}
.to-emerald-500{--tw-gradient-to:#10b981;}
.tracking-tight{letter-spacing:-0.025em;}
.tracking-wider{letter-spacing:0.05em;}
.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms;}
.via-indigo-700{--tw-gradient-stops:var(--tw-gradient-from), #4338ca, var(--tw-gradient-to, rgba(255,255,255,0));}
.via-indigo-900{--tw-gradient-stops:var(--tw-gradient-from), #312e81, var(--tw-gradient-to, rgba(255,255,255,0));}
.via-indigo-950{--tw-gradient-stops:var(--tw-gradient-from), #1e1b4b, var(--tw-gradient-to, rgba(255,255,255,0));}
.via-orange-600{--tw-gradient-stops:var(--tw-gradient-from), #ea580c, var(--tw-gradient-to, rgba(255,255,255,0));}
.via-purple-900{--tw-gradient-stops:var(--tw-gradient-from), purple-900, var(--tw-gradient-to, rgba(255,255,255,0));}
.via-purple-950{--tw-gradient-stops:var(--tw-gradient-from), purple-950, var(--tw-gradient-to, rgba(255,255,255,0));}
@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}}
@media (min-width:1280px){.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr));}}
.active\:scale-95:active{transform:scale(0.95);}
.appearance-none{appearance:none;}
.bg-amber-400\/10{background-color:rgba(251,191,36,0.1);}
.bg-amber-400\/20{background-color:rgba(251,191,36,0.2);}
.bg-indigo-50\/60{background-color:rgba(238,242,255,0.6);}
.bg-slate-900\/90{background-color:rgba(15,23,42,0.9);}
.bg-white\/\[0\.03\]{background-color:rgba(255,255,255,0.0003);}
.border-brand\/10{border-color:rgba(79,70,229,0.1);}
.border-brand\/20{border-color:rgba(79,70,229,0.2);}
.border-brand\/30{border-color:rgba(79,70,229,0.3);}
.border-brand\/50{border-color:rgba(79,70,229,0.5);}
.border-gray-100{border-color:#f3f4f6;}
.border-gray-200{border-color:#e5e7eb;}
.border-gray-300{border-color:#d1d5db;}
.border-white\/10{border-color:rgba(255,255,255,0.1);}
.border-white\/15{border-color:rgba(255,255,255,0.15);}
.border-white\/20{border-color:rgba(255,255,255,0.2);}
.border-white\/30{border-color:rgba(255,255,255,0.3);}
.file\:rounded-lg::file-selector-button{border-radius:0.5rem;}
.file\:text-white::file-selector-button{color:#fff;}
.from-emerald-50{--tw-gradient-from:#ecfdf5;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0));}
.from-indigo-600{--tw-gradient-from:#4f46e5;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0));}
.from-indigo-900{--tw-gradient-from:#312e81;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0));}
.from-indigo-950{--tw-gradient-from:#1e1b4b;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0));}
.from-purple-500{--tw-gradient-from:#a855f7;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0));}
.from-violet-500{--tw-gradient-from:#8b5cf6;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0));}
.from-violet-600{--tw-gradient-from:#7c3aed;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0));}
.from-violet-900{--tw-gradient-from:violet-900;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0));}
.from-yellow-300{--tw-gradient-from:#fde047;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0));}
.hover\:bg-red-50:hover{background-color:#fef2f2;}
.hover\:scale-105:hover{transform:scale(1.05);}
.hover\:scale-110:hover{transform:scale(1.1);}
.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);}
.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);}
.hover\:shadow-sm:hover{box-shadow:0 1px 2px 0 rgba(0,0,0,.05);}
.hover\:shadow-xl:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);}
.hover\:underline:hover{text-decoration:underline;}
.justify-between{justify-content:space-between;}
.leading-relaxed{line-height:1.625;}
@media (min-width:768px){.md\:inline-block{display:inline-block;}}
@media (min-width:768px){.md\:items-center{align-items:center;}}
.min-w-\[2\.75rem\]{min-width:2.75rem;}
.overflow-hidden{overflow:hidden;}
.overflow-x-auto{overflow-x:auto;}
.overflow-y-auto{overflow-y:auto;}
@media (min-width:640px){.sm\:aspect-\[4\/3\]{aspect-ratio:4/3;}}
@media (min-width:640px){.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr));}}
@media (min-width:640px){.sm\:items-center{align-items:center;}}
.text-indigo-100{color:#e0e7ff;}
.text-indigo-200{color:#c7d2fe;}
.text-indigo-300{color:#a5b4fc;}
.text-indigo-400{color:#818cf8;}
.text-indigo-500{color:#6366f1;}
.text-indigo-600{color:#4f46e5;}
.text-indigo-700{color:#4338ca;}
.text-indigo-900{color:#312e81;}
.text-orange-500{color:#f97316;}
.text-orange-700{color:#c2410c;}
.text-purple-500{color:#a855f7;}
.text-purple-600{color:#9333ea;}
.text-violet-600{color:#7c3aed;}
.text-violet-700{color:#6d28d9;}
.text-yellow-300{color:#fde047;}
.text-yellow-400{color:#facc15;}
.text-yellow-500{color:#eab308;}
.tracking-widest{letter-spacing:0.1em;}
.-translate-x-1\/2{--tw-translate-x:calc(50% * -1);transform:translate(var(--tw-translate-x), var(--tw-translate-y));}
.-translate-y-1\/2{--tw-translate-y:calc(50% * -1);transform:translate(var(--tw-translate-x), var(--tw-translate-y));}
.bg-emerald-50\/30{background-color:rgba(236,253,245,0.3);}
.bg-emerald-50\/40{background-color:rgba(236,253,245,0.4);}
.bg-emerald-50\/60{background-color:rgba(236,253,245,0.6);}
.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops));}
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops));}
.bg-indigo-500\/20{background-color:rgba(99,102,241,0.2);}
.bg-purple-500\/10{background-color:rgba(168,85,247,0.1);}
.bg-purple-500\/15{background-color:rgba(168,85,247,0.15);}
.border-slate-100{border-color:#f1f5f9;}
.border-slate-200{border-color:#e2e8f0;}
.border-slate-300{border-color:#cbd5e1;}
.from-emerald-500{--tw-gradient-from:#10b981;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0));}
.hover\:bg-brand\/5:hover{background-color:rgba(79,70,229,0.05);}
.hover\:bg-gray-50:hover{background-color:#f9fafb;}
.hover\:bg-red-500:hover{background-color:#ef4444;}
.hover\:bg-red-600:hover{background-color:#dc2626;}
.hover\:bg-rose-50:hover{background-color:#fff1f2;}
.hover\:bg-sky-500:hover{background-color:#0ea5e9;}
.hover\:bg-sky-600:hover{background-color:#0284c7;}
.hover\:opacity-90:hover{opacity:0.9;}
.hover\:shadow-2xl:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,.25);}
.hover\:text-brand:hover{color:#4f46e5;}
.hover\:text-white:hover{color:#fff;}
@media (min-width:1024px){.lg\:aspect-square{aspect-ratio:1 / 1;}}
.text-brand-light{color:#818cf8;}
.text-emerald-300{color:#6ee7b7;}
.text-emerald-400{color:#34d399;}
.text-emerald-500{color:#10b981;}
.text-emerald-600{color:#059669;}
.to-indigo-500\/20{--tw-gradient-to:rgba(99,102,241,0.2);}
.bg-emerald-500\/20{background-color:rgba(16,185,129,0.2);}
.bg-emerald-900\/40{background-color:emerald-900;}
.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));}
.bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--tw-gradient-stops));}
.border-indigo-100{border-color:#e0e7ff;}
.border-indigo-200{border-color:#c7d2fe;}
.border-sky-200\/80{border-color:sky-200;}
.hover\:bg-blue-600:hover{background-color:#2563eb;}
.hover\:bg-blue-700:hover{background-color:#1d4ed8;}
.hover\:bg-brand\/10:hover{background-color:rgba(79,70,229,0.1);}
.hover\:bg-brand\/20:hover{background-color:rgba(79,70,229,0.2);}
.hover\:bg-gray-100:hover{background-color:#f3f4f6;}
.hover\:bg-gray-200:hover{background-color:#e5e7eb;}
.hover\:bg-gray-700:hover{background-color:#374151;}
.hover\:bg-gray-800:hover{background-color:#1f2937;}
.hover\:bg-pink-600:hover{background-color:#db2777;}
.hover\:bg-rose-600:hover{background-color:#e11d48;}
.hover\:bg-white\/20:hover{background-color:rgba(255,255,255,0.2);}
.hover\:bg-white\/40:hover{background-color:rgba(255,255,255,0.4);}
.overflow-x-hidden{overflow-x:hidden;}
@media (min-width:640px){.sm\:min-h-\[2\.5rem\]{min-height:2.5rem;}}
.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms;}
.whitespace-nowrap{white-space:nowrap;}
.border-emerald-300{border-color:#6ee7b7;}
.border-gray-100\/80{border-color:rgba(243,244,246,0.8);}
.border-gray-200\/60{border-color:rgba(229,231,235,0.6);}
.border-gray-200\/80{border-color:rgba(229,231,235,0.8);}
.cursor-not-allowed{cursor:not-allowed;}
.focus\:border-brand:focus{border-color:#4f46e5;}
.from-emerald-50\/70{--tw-gradient-from:rgba(236,253,245,0.7);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0));}
.hover\:bg-amber-300:hover{background-color:#fcd34d;}
.hover\:bg-amber-600:hover{background-color:#d97706;}
.hover\:bg-green-700:hover{background-color:#15803d;}
.hover\:bg-indigo-50:hover{background-color:#eef2ff;}
.hover\:bg-slate-100:hover{background-color:#f1f5f9;}
.hover\:bg-slate-700:hover{background-color:#334155;}
.hover\:bg-violet-50:hover{background-color:#f5f3ff;}
.hover\:border-brand:hover{border-color:#4f46e5;}
.hover\:scale-\[1\.02\]:hover{transform:scale(1.02);}
.hover\:text-red-300:hover{color:#fca5a5;}
.hover\:text-red-500:hover{color:#ef4444;}
.hover\:text-red-600:hover{color:#dc2626;}
@media (min-width:768px){.md\:justify-between{justify-content:space-between;}}
@media (min-width:640px){.sm\:justify-between{justify-content:space-between;}}
.text-indigo-100\/90{color:rgba(224,231,255,0.9);}
.text-indigo-200\/80{color:rgba(199,210,254,0.8);}
.text-indigo-200\/90{color:rgba(199,210,254,0.9);}
.text-indigo-300\/80{color:rgba(165,180,252,0.8);}
.text-purple-200\/80{color:purple-200;}
.transition-opacity{transition-property:all;transition-duration:150ms;}
.active\:scale-\[0\.99\]:active{transform:scale(0.99);}
.border-amber-200\/80{border-color:amber-200;}
.border-amber-400\/20{border-color:rgba(251,191,36,0.2);}
.border-amber-400\/30{border-color:rgba(251,191,36,0.3);}
.disabled\:opacity-70:disabled{opacity:0.7;}
.hover\:bg-brand-dark:hover{background-color:#4338ca;}
.hover\:bg-gray-50\/40:hover{background-color:rgba(249,250,251,0.4);}
.hover\:bg-gray-50\/50:hover{background-color:rgba(249,250,251,0.5);}
.hover\:bg-gray-50\/60:hover{background-color:rgba(249,250,251,0.6);}
.hover\:bg-gray-50\/70:hover{background-color:rgba(249,250,251,0.7);}
.hover\:bg-indigo-100:hover{background-color:#e0e7ff;}
.hover\:bg-indigo-700:hover{background-color:#4338ca;}
.hover\:bg-red-500\/10:hover{background-color:rgba(239,68,68,0.1);}
.hover\:bg-violet-700:hover{background-color:#6d28d9;}
.hover\:text-gray-600:hover{color:#4b5563;}
.hover\:text-gray-800:hover{color:#1f2937;}
.hover\:text-gray-900:hover{color:#111827;}
.hover\:text-rose-500:hover{color:#f43f5e;}
.hover\:to-indigo-700:hover{--tw-gradient-to:#4338ca;}
.hover\:to-purple-700:hover{--tw-gradient-to:purple-700;}
.hover\:to-yellow-400:hover{--tw-gradient-to:#facc15;}
.pointer-events-none{pointer-events:none;}
.active\:bg-indigo-800:active{background-color:#3730a3;}
.border-indigo-500\/20{border-color:rgba(99,102,241,0.2);}
.border-indigo-500\/30{border-color:rgba(99,102,241,0.3);}
.border-purple-500\/30{border-color:rgba(168,85,247,0.3);}
.border-purple-500\/40{border-color:rgba(168,85,247,0.4);}
.focus\:border-red-400:focus{border-color:#f87171;}
.hover\:-translate-y-1:hover{--tw-translate-y:calc(0.25rem * -1);transform:translate(var(--tw-translate-x), var(--tw-translate-y));}
.hover\:bg-amber-500\/5:hover{background-color:rgba(245,158,11,0.05);}
.hover\:bg-emerald-500:hover{background-color:#10b981;}
.hover\:bg-emerald-600:hover{background-color:#059669;}
.hover\:bg-gray-200\/80:hover{background-color:rgba(229,231,235,0.8);}
.hover\:border-red-300:hover{border-color:#fca5a5;}
.hover\:from-amber-300:hover{--tw-gradient-from:#fcd34d;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0));}
.hover\:text-amber-400:hover{color:#fbbf24;}
.selection\:text-brand{color:#4f46e5;}
.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms;}
.border-emerald-100\/60{border-color:emerald-100;}
.border-emerald-200\/80{border-color:emerald-200;}
.border-emerald-500\/30{border-color:rgba(16,185,129,0.3);}
.focus-within\:bg-white:focus-within{background-color:#fff;}
.focus\:border-rose-400:focus{border-color:#fb7185;}
.group:hover .group-hover\:bg-red-50{background-color:#fef2f2;}
.group:hover .group-hover\:scale-105{transform:scale(1.05);}
.group:hover .group-hover\:scale-110{transform:scale(1.1);}
.hover\:bg-purple-500\/5:hover{background-color:rgba(168,85,247,0.05);}
.hover\:border-brand\/20:hover{border-color:rgba(79,70,229,0.2);}
.hover\:border-brand\/30:hover{border-color:rgba(79,70,229,0.3);}
.hover\:border-brand\/40:hover{border-color:rgba(79,70,229,0.4);}
.hover\:border-brand\/50:hover{border-color:rgba(79,70,229,0.5);}
.hover\:border-gray-200:hover{border-color:#e5e7eb;}
.hover\:border-gray-300:hover{border-color:#d1d5db;}
.hover\:border-rose-400:hover{border-color:#fb7185;}
.hover\:from-brand-dark:hover{--tw-gradient-from:#4338ca;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0));}
.hover\:from-indigo-700:hover{--tw-gradient-from:#4338ca;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0));}
.hover\:from-violet-700:hover{--tw-gradient-from:#6d28d9;--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to, rgba(255,255,255,0));}
.hover\:text-brand-dark:hover{color:#4338ca;}
.hover\:text-indigo-600:hover{color:#4f46e5;}
.selection\:bg-brand\/20{background-color:rgba(79,70,229,0.2);}
.focus\:border-amber-400:focus{border-color:#fbbf24;}
.group:hover .group-hover\:opacity-20{opacity:0.2;}
.group:hover .group-hover\:text-brand{color:#4f46e5;}
.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(0.125rem * -1);transform:translate(var(--tw-translate-x), var(--tw-translate-y));}
.hover\:-translate-y-1\.5:hover{--tw-translate-y:calc(0.375rem * -1);transform:translate(var(--tw-translate-x), var(--tw-translate-y));}
.focus\:border-indigo-500:focus{border-color:#6366f1;}
.group:hover .group-hover\:bg-brand\/10{background-color:rgba(79,70,229,0.1);}
.group:hover .group-hover\:opacity-100{opacity:1.0;}
.hover\:border-indigo-500:hover{border-color:#6366f1;}
.peer:checked ~ .peer-checked\:bg-brand\/5{background-color:rgba(79,70,229,0.05);}
.peer:checked ~ .peer-checked\:text-brand{color:#4f46e5;}
.group:hover .group-hover\:scale-\[1\.04\]{transform:scale(1.04);}
.hover\:border-emerald-400:hover{border-color:#34d399;}
.hover\:file\:bg-brand-dark:hover::file-selector-button{background-color:#4338ca;}
.peer:checked ~ .peer-checked\:bg-green-50{background-color:#f0fdf4;}
.peer:checked ~ .peer-checked\:bg-rose-600{background-color:#e11d48;}
.focus-within\:border-brand:focus-within{border-color:#4f46e5;}
.group:hover .group-hover\:translate-x-1{--tw-translate-x:0.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y));}
.has-\[\:checked\]\:bg-brand\/5{background-color:rgba(79,70,229,0.05);}
.peer:checked ~ .peer-checked\:border-brand{border-color:#4f46e5;}
.group:hover .group-hover\:text-amber-600{color:#d97706;}
.peer:checked ~ .peer-checked\:translate-x-6{--tw-translate-x:1.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y));}
.disabled\:cursor-not-allowed:disabled{cursor:not-allowed;}
.group:hover .group-hover\:text-purple-600{color:#9333ea;}
.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x:0.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y));}
.has-\[\:checked\]\:border-brand{border-color:#4f46e5;}
.group:hover .group-hover\:-translate-x-0\.5{--tw-translate-x:calc(0.125rem * -1);transform:translate(var(--tw-translate-x), var(--tw-translate-y));}
.peer:checked ~ .peer-checked\:after\:border-white{border-color:#fff;}
.peer:checked ~ .peer-checked\:after\:translate-x-full{--tw-translate-x:100%;transform:translate(var(--tw-translate-x), var(--tw-translate-y));}
.shadow-\[0_2px_12px_rgba\(0\,0\,0\,0\.03\)\]{box-shadow:0 2px 12px rgba(0,0,0,0.03);}
.shadow-\[0_2px_12px_rgba\(0\,0\,0\,0\.04\)\]{box-shadow:0 2px 12px rgba(0,0,0,0.04);}
.shadow-\[0_4px_20px_rgba\(0\,0\,0\,0\.05\)\]{box-shadow:0 4px 20px rgba(0,0,0,0.05);}
.shadow-\[0_4px_25px_rgba\(0\,0\,0\,0\.06\)\]{box-shadow:0 4px 25px rgba(0,0,0,0.06);}
.shadow-\[4px_0_24px_rgba\(0\,0\,0\,0\.05\)\]{box-shadow:4px 0 24px rgba(0,0,0,0.05);}
.shadow-\[0_-4px_20px_rgba\(0\,0\,0\,0\.06\)\]{box-shadow:0 -4px 20px rgba(0,0,0,0.06);}
.shadow-\[0_8px_30px_rgba\(79\,70\,229\,0\.15\)\]{box-shadow:0 8px 30px rgba(79,70,229,0.15);}
.hover\:shadow-\[0_8px_30px_rgb\(0\,0\,0\,0\.04\)\]:hover{box-shadow:0 8px 30px rgb(0,0,0,0.04);}
.hover\:shadow-\[0_8px_30px_rgb\(0\,0\,0\,0\.06\)\]:hover{box-shadow:0 8px 30px rgb(0,0,0,0.06);}
.hover\:shadow-\[0_12px_24px_rgba\(0\,0\,0\,0\.08\)\]:hover{box-shadow:0 12px 24px rgba(0,0,0,0.08);}
a,a:hover,a:focus,a:active{text-decoration:none!important;}
button{border:0;}

/* ===== BDReseller live-site visual lock ===== */
.site-main-header{background:#fff;box-shadow:0 1px 8px rgba(15,23,42,.06);}
.site-main-row{min-width:0;}
.site-logo{min-width:92px;max-width:150px;overflow:hidden;}
.site-logo img{display:block;max-width:100%;height:auto;}
.site-search{min-width:0;}
.site-search input{height:36px;border-radius:10px!important;background:#f7f8fb!important;border-color:#e7eaf1!important;font-size:12px!important;}
.site-search button{width:30px!important;height:30px!important;border-radius:9px!important;right:3px!important;}
.site-actions{flex-shrink:0;}
.site-action{flex:0 0 auto;}
.site-cart{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;}
.site-cart i{font-size:15px!important;color:#303744;}
.site-notification,.site-wishlist{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;}
.site-notification i,.site-wishlist i{font-size:14px!important;}
.site-account-action{background:transparent!important;}
.site-avatar{width:30px!important;height:30px!important;border-radius:50%!important;font-size:12px!important;}
.site-account-action .fa-chevron-down{font-size:8px!important;}
.site-main-header .site-social{width:30px!important;height:30px!important;border-radius:8px!important;}
.site-main-header .site-social i{font-size:13px!important;}
@media(max-width:767px){
  .site-main-row{height:52px!important;}
  .site-logo{max-width:112px!important;min-width:86px!important;}
  .site-logo img{max-height:30px!important;min-width:0!important;}
  .site-search{margin-left:2px!important;margin-right:2px!important;}
  .site-search input{height:34px!important;padding-left:11px!important;padding-right:38px!important;border-radius:10px!important;font-size:11px!important;}
  .site-search button{width:28px!important;height:28px!important;right:3px!important;top:50%!important;}
  .site-actions{gap:1px!important;}
  .site-action{width:29px!important;height:29px!important;}
  .site-social{display:flex!important;width:28px!important;height:28px!important;}
  .site-social i{font-size:12px!important;}
  .site-account-action{padding:2px!important;}
  .site-account-action .site-avatar{width:29px!important;height:29px!important;}
  .site-account-action .fa-chevron-down{display:none!important;}
  .site-main-header .tooltip{display:none!important;}
  .site-main-header .site-action .min-w-\[18px\]{min-width:15px!important;height:15px!important;font-size:8px!important;top:-2px!important;right:-2px!important;}
}
@media(min-width:768px){
  .site-main-row{height:68px;}
}
/* Bottom bar mirrors the live mobile site */
@media(max-width:1023px){
  nav.fixed.bottom-0{height:58px!important;}
  nav.fixed.bottom-0>div{height:58px!important;}
  nav.fixed.bottom-0 a{gap:3px!important;}
  nav.fixed.bottom-0 i{font-size:15px!important;}
  nav.fixed.bottom-0 span{font-size:10px!important;}
}
/* Category collection cards: four across on phone/tablet, six on desktop */
@media(max-width:767px){
  .max-w-7xl.mx-auto.px-4.py-8.sm\:py-12{padding:24px 10px 40px!important;}
  .max-w-7xl.mx-auto.px-4.py-8.sm\:py-12 .bg-gradient-to-r.rounded-3xl{padding:18px 16px!important;margin-bottom:20px!important;border-radius:16px!important;}
  .max-w-7xl.mx-auto.px-4.py-8.sm\:py-12 .bg-gradient-to-r.rounded-3xl h1{font-size:22px!important;line-height:1.25!important;}
  .max-w-7xl.mx-auto.px-4.py-8.sm\:py-12 .grid{gap:10px!important;}
  .max-w-7xl.mx-auto.px-4.py-8.sm\:py-12 .grid>a{padding:10px 6px!important;border-radius:16px!important;min-width:0!important;}
  .max-w-7xl.mx-auto.px-4.py-8.sm\:py-12 .grid>a>div:first-child{width:56px!important;height:56px!important;margin-bottom:9px!important;border-radius:12px!important;}
  .max-w-7xl.mx-auto.px-4.py-8.sm\:py-12 .grid>a h3{font-size:10px!important;line-height:1.25!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
  .max-w-7xl.mx-auto.px-4.py-8.sm\:py-12 .grid>a .mt-1{margin-top:3px!important;}
  .max-w-7xl.mx-auto.px-4.py-8.sm\:py-12 .grid>a .mt-3{display:none!important;}
}
/* Missing Tailwind-equivalent structural utilities used by the existing templates */
.border-t{border-top-width:1px;border-top-style:solid}.border-r{border-right-width:1px;border-right-style:solid}.border-b{border-bottom-width:1px;border-bottom-style:solid}.border-l{border-left-width:1px;border-left-style:solid}
.border-0{border-width:0}.border-2{border-width:2px}.border-4{border-width:4px}
.divide-x>:not([hidden])~:not([hidden]){border-left-width:1px;border-left-style:solid}
.divide-y>:not([hidden])~:not([hidden]){border-top-width:1px;border-top-style:solid}
.ring-1{box-shadow:0 0 0 1px #fff}.ring-2{box-shadow:0 0 0 2px #fff}.ring-4{box-shadow:0 0 0 4px #fff}
.focus\:ring-4:focus{box-shadow:0 0 0 4px rgba(79,70,229,.10)}
.focus-within\:border-brand:focus-within{border-color:#4f46e5}
.backdrop-blur{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.backdrop-blur-sm{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.backdrop-blur-md{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.backdrop-blur-lg{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.backdrop-blur-xl{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.blur-3xl{filter:blur(64px)}.blur-2xl{filter:blur(40px)}.blur-xl{filter:blur(24px)}
.duration-300{transition-duration:300ms}.duration-500{transition-duration:500ms}
.transform{transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0))}
.-translate-y-1\/2{transform:translateY(-50%)}.translate-y-0{transform:translateY(0)}
.hover\:-translate-y-1:hover{transform:translateY(-0.25rem)}.hover\:-translate-y-1\.5:hover{transform:translateY(-0.375rem)}
.hover\:scale-105:hover{transform:scale(1.05)}.hover\:scale-110:hover{transform:scale(1.1)}.active\:scale-95:active{transform:scale(.95)}


/* ===== FINAL LIVE-SITE COLOR + CONTROL LOCK ===== */
body{background:#fff;color:#1f2937;}
main{background:#fff;}
button:not(.btn-primary){background-color:transparent;}
button:focus{outline:none;}
.site-main-header .site-action,.site-main-header .site-social{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;border-radius:8px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;box-shadow:none!important;border:0!important;}
.site-main-header .site-social{background:#f8fafc!important;border:1px solid #e5e7eb!important;}
.site-main-header .site-social:hover{background:#4f46e5!important;color:#fff!important;border-color:#4f46e5!important;}
.site-main-header .site-social i{font-size:13px!important;line-height:1!important;}
.site-main-header .site-wishlist i{color:#4b5563!important;}
.site-main-header .site-notification i{color:#4b5563!important;}
.site-main-header .site-cart i{color:#4b5563!important;}
.site-main-header .site-wishlist:hover i,.site-main-header .site-notification:hover i,.site-main-header .site-cart:hover i{color:#4f46e5!important;}

.site-main-header .site-social .absolute{background:#111827!important;color:#fff!important;}
.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;color:#fff!important;border:0!important;}
.btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#4338ca)!important;color:#fff!important;}

@media(max-width:767px){.site-main-header .site-action,.site-main-header .site-social{width:29px!important;height:29px!important;min-width:29px!important;min-height:29px!important;border-radius:8px!important;}.site-main-header .site-social i{font-size:12px!important;}.site-main-header .site-actions{gap:1px!important;}}


/* ===== FINAL LIVE-SITE COLOR + CONTROL LOCK ===== */
body{background:#fff;color:#1f2937;}
main{background:#fff;}
button:not(.btn-primary){background-color:transparent;}
button:focus{outline:none;}
.site-main-header .site-action,.site-main-header .site-social{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;border-radius:8px!important;padding:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;box-shadow:none!important;border:0!important;}
.site-main-header .site-social{background:#f8fafc!important;border:1px solid #e5e7eb!important;}
.site-main-header .site-social:hover{background:#4f46e5!important;color:#fff!important;border-color:#4f46e5!important;}
.site-main-header .site-social i{font-size:13px!important;line-height:1!important;}
.site-main-header .site-wishlist i{color:#4b5563!important;}
.site-main-header .site-notification i{color:#4b5563!important;}
.site-main-header .site-cart i{color:#4b5563!important;}
.site-main-header .site-wishlist:hover i,.site-main-header .site-notification:hover i,.site-main-header .site-cart:hover i{color:#4f46e5!important;}
.site-main-header .site-notification-wrap [x-show="open"]{display:none;}
.site-main-header .site-notification-wrap [x-show="open"][style*="display: block"]{display:block!important;}
.site-main-header .site-social .absolute{background:#111827!important;color:#fff!important;}
.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;color:#fff!important;border:0!important;}
.btn-primary:hover{background:linear-gradient(135deg,#4f46e5,#4338ca)!important;color:#fff!important;}

@media(max-width:767px){.site-main-header .site-action,.site-main-header .site-social{width:29px!important;height:29px!important;min-width:29px!important;min-height:29px!important;border-radius:8px!important;}.site-main-header .site-social i{font-size:12px!important;}.site-main-header .site-actions{gap:1px!important;}}

/* ===== ACCOUNT MILESTONE + REFERRAL COLOR MATCH (SCOPED ONLY) =====
   This block intentionally affects ONLY milestone/referral components. */
.account-milestone-wrap{
  background:linear-gradient(105deg,#4f46e5 0%,#5b3fd6 42%,#8a3dbb 100%)!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:0 18px 35px rgba(79,70,229,.18)!important;
}
.account-milestone-wrap>.bg-white\/10{background:rgba(255,255,255,.10)!important;}
.account-milestone-wrap .account-milestone-card{
  background:linear-gradient(135deg,rgba(91,63,214,.72),rgba(139,61,187,.76))!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 18px rgba(42,25,110,.14)!important;
}
.account-milestone-wrap .account-milestone-card .bg-white\/20{background:rgba(255,255,255,.18)!important;}
.account-milestone-wrap .account-milestone-card .text-indigo-100{color:#eeeaff!important;}
.account-milestone-wrap .account-milestone-card .text-indigo-200{color:#dcd4ff!important;}
.account-milestone-wrap .account-milestone-card .text-indigo-300{color:#c7baff!important;}
.account-milestone-wrap .account-milestone-card .text-yellow-300{color:#ffe45c!important;}
.account-milestone-wrap .account-milestone-card .bg-gradient-to-r.from-yellow-300.to-amber-400{
  background:linear-gradient(90deg,#ffe45c 0%,#ffb52e 100%)!important;
}

/* Referral cards use the same purple/indigo family as the reference milestone. */
.account-referral-banner,
.account-referral-hero{
  background:linear-gradient(105deg,#4f46e5 0%,#5b3fd6 42%,#8a3dbb 100%)!important;
  border-color:rgba(255,255,255,.14)!important;
  box-shadow:0 16px 32px rgba(79,70,229,.16)!important;
}
.account-referral-banner .referral-copy-link,
.account-referral-banner .referral-referrals-link{
  background:rgba(255,255,255,.12)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.22)!important;
}
.account-referral-banner .referral-referrals-link:hover,
.account-referral-banner .referral-copy-link:hover{
  background:rgba(255,255,255,.20)!important;
}
.referral-copy-code{
  background:linear-gradient(90deg,#ffe45c,#ffb52e)!important;
  color:#30220a!important;
  border-color:rgba(255,255,255,.16)!important;
}
.referral-copy-code:hover{background:linear-gradient(90deg,#ffea76,#ffc34b)!important;color:#30220a!important;}
.referral-copy-link{
  background:rgba(255,255,255,.13)!important;
  color:#fff!important;
  border-color:rgba(255,255,255,.22)!important;
}
.referral-copy-link:hover{background:rgba(255,255,255,.21)!important;color:#fff!important;}
.account-referral-hero .referral-share-box{
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.16)!important;
}
.account-referral-hero .referral-link-input{
  background:rgba(20,12,70,.20)!important;
  border-color:rgba(255,255,255,.12)!important;
}

.account-main-milestone-card{background:linear-gradient(135deg,rgba(91,63,214,.72),rgba(139,61,187,.76))!important;border-color:rgba(255,255,255,.16)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 18px rgba(42,25,110,.14)!important;}
.account-main-milestone-card .bg-white\/20{background:rgba(255,255,255,.18)!important;}
.account-main-milestone-card .text-indigo-100{color:#eeeaff!important;}
.account-main-milestone-card .text-indigo-200{color:#dcd4ff!important;}
.account-main-milestone-card .bg-yellow-300{background:#ffe45c!important;}
.account-referral-copy-link{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:rgba(255,255,255,.22)!important;}
.account-referral-copy-link:hover{background:rgba(255,255,255,.20)!important;color:#fff!important;}
.account-referral-referrals-link{background:linear-gradient(90deg,#ffe45c,#ffb52e)!important;color:#30220a!important;}
.account-referral-referrals-link:hover{background:linear-gradient(90deg,#ffea76,#ffc34b)!important;color:#30220a!important;}

/* === Stability fixes: responsive product columns + admin controls === */
@media (min-width:1024px){
  #product-grid{grid-template-columns:repeat(var(--desktop-product-cols,4),minmax(0,1fr)) !important;}
}
/* Toggle/pseudo-element utilities that must remain visible without Tailwind runtime. */
.after\:absolute::after{position:absolute;content:"";}
.after\:relative::after{position:relative;content:"";}
.after\:inset-0::after{content:"";position:absolute;inset:0;}
.after\:top-\[2px\]::after{content:"";position:absolute;top:2px;}
.after\:left-\[2px\]::after{content:"";position:absolute;left:2px;}
.after\:bg-white::after{content:"";background-color:#fff;}
.after\:border::after{content:"";border-width:1px;border-style:solid;}
.after\:border-gray-200::after{content:"";border-color:#e5e7eb;}
.after\:rounded-full::after{content:"";border-radius:9999px;}
.after\:h-5::after{content:"";height:1.25rem;}
.after\:h-6::after{content:"";height:1.5rem;}
.after\:w-5::after{content:"";width:1.25rem;}
.after\:w-6::after{content:"";width:1.5rem;}
.after\:transition-all::after{content:"";transition-property:all;transition-duration:150ms;transition-timing-function:cubic-bezier(0.4,0,0.2,1);}
.peer:checked ~ .peer-checked\:bg-amber-500{background-color:#f59e0b;}
.peer:checked ~ .peer-checked\:bg-red-500{background-color:#ef4444;}
.peer:checked ~ .peer-checked\:bg-brand{background-color:#4f46e5;}
.peer:checked ~ .peer-checked\:after\:border-white::after{content:"";border-color:#fff;}
.peer:checked ~ .peer-checked\:after\:translate-x-full::after{content:"";--tw-translate-x:100%;transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0));}

@media (min-width:1024px){.product-related-grid{grid-template-columns:repeat(var(--desktop-product-cols,4),minmax(0,1fr)) !important;}}

/* V4: admin-controlled responsive product columns. No global color overrides. */
#product-grid{grid-template-columns:repeat(var(--mobile-product-cols,2),minmax(0,1fr))!important}
@media (min-width:640px){#product-grid{grid-template-columns:repeat(var(--mobile-product-cols,2),minmax(0,1fr))!important}}
@media (min-width:768px){#product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media (min-width:1024px){#product-grid{grid-template-columns:repeat(var(--desktop-product-cols,4),minmax(0,1fr))!important}}
@media (min-width:1024px){.product-related-grid{grid-template-columns:repeat(var(--desktop-product-cols,4),minmax(0,1fr))!important}}
.admin-settings-save-bar{position:sticky;bottom:0;z-index:30;padding:12px 0 4px;background:linear-gradient(to top,rgba(248,250,252,.98),rgba(248,250,252,.88),transparent)}


/* Responsive control visibility safety: never clip ordinary visible buttons. */
button:not([hidden]):not(.hidden), a.btn-primary, a.btn-secondary{box-sizing:border-box;max-width:100%;}
button:not([hidden]):not(.hidden):not([aria-hidden="true"]){visibility:visible;}

/* ===== ACCOUNT CONTROL / SAVE BUTTON FINAL FIX (SCOPED) ===== */
/* Keep the user's avatar, remove only the outer four-corner account button shape. */
.site-main-header .site-account-action,
.site-main-header .site-account-action:hover,
.site-main-header .site-account-action:focus,
.site-main-header .site-account-action:active{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
}
.site-main-header .site-avatar::before{content:none!important;display:none!important;}
.site-main-header .site-avatar{
  width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;
  border-radius:50%!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
}
@media (min-width:768px){
  .site-main-header .site-avatar{width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;}
}
/* Admin avatar remains visible and circular; no replacement icon/outer square. */
.admin-user-avatar{
  border-radius:50%!important;
  overflow:hidden!important;
  background:#4f46e5!important;
  color:#fff!important;
  box-shadow:0 2px 8px rgba(79,70,229,.18)!important;
}
/* All settings save controls use the existing brand/indigo color and remain visible. */
.admin-save-button{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.5rem!important;
  background:#4f46e5!important;
  color:#fff!important;
  border:0!important;
  cursor:pointer!important;
  min-height:42px!important;
  position:relative!important;
  z-index:50!important;
}
.admin-save-button:hover{background:#4338ca!important;color:#fff!important;}
.admin-settings-save-bar{z-index:100!important;visibility:visible!important;opacity:1!important;}

.admin-settings-save-form button[type="submit"], .admin-settings-save-bar button, .admin-save-button{background:#4f46e5!important;color:#fff!important;visibility:visible!important;opacity:1!important;}
.admin-settings-save-form button[type="submit"]:hover, .admin-settings-save-bar button:hover, .admin-save-button:hover{background:#4338ca!important;color:#fff!important;}