.vf-root :is(.pointer-events-none){pointer-events:none}.vf-root :is(.absolute){position:absolute}.vf-root :is(.relative){position:relative}.vf-root :is(.inset-0){inset:0}.vf-root :is(.inset-x-0){left:0;right:0}.vf-root :is(.inset-y-0){top:0;bottom:0}.vf-root :is(.bottom-0){bottom:0}.vf-root :is(.end-4){inset-inline-end:1rem}.vf-root :is(.left-3){left:.75rem}.vf-root :is(.left-4){left:1rem}.vf-root :is(.top-1\/2){top:50%}.vf-root :is(.mx-auto){margin-left:auto;margin-right:auto}.vf-root :is(.mb-1){margin-bottom:.25rem}.vf-root :is(.mb-1\.5){margin-bottom:.375rem}.vf-root :is(.mb-2){margin-bottom:.5rem}.vf-root :is(.mb-3){margin-bottom:.75rem}.vf-root :is(.mb-4){margin-bottom:1rem}.vf-root :is(.ms-1){margin-inline-start:.25rem}.vf-root :is(.ms-3){margin-inline-start:.75rem}.vf-root :is(.ms-auto){margin-inline-start:auto}.vf-root :is(.mt-0){margin-top:0}.vf-root :is(.mt-0\.5){margin-top:.125rem}.vf-root :is(.mt-1){margin-top:.25rem}.vf-root :is(.mt-1\.5){margin-top:.375rem}.vf-root :is(.mt-2){margin-top:.5rem}.vf-root :is(.mt-3){margin-top:.75rem}.vf-root :is(.mt-4){margin-top:1rem}.vf-root :is(.mt-5){margin-top:1.25rem}.vf-root :is(.block){display:block}.vf-root :is(.flex){display:flex}.vf-root :is(.inline-flex){display:inline-flex}.vf-root :is(.table){display:table}.vf-root :is(.grid){display:grid}.vf-root :is(.inline-grid){display:inline-grid}.vf-root :is(.hidden){display:none}.vf-root :is(.h-1){height:.25rem}.vf-root :is(.h-1\.5){height:.375rem}.vf-root :is(.h-10){height:2.5rem}.vf-root :is(.h-11){height:2.75rem}.vf-root :is(.h-12){height:3rem}.vf-root :is(.h-14){height:3.5rem}.vf-root :is(.h-2){height:.5rem}.vf-root :is(.h-2\.5){height:.625rem}.vf-root :is(.h-3){height:.75rem}.vf-root :is(.h-4){height:1rem}.vf-root :is(.h-5){height:1.25rem}.vf-root :is(.h-8){height:2rem}.vf-root :is(.h-9){height:2.25rem}.vf-root :is(.h-full){height:100%}.vf-root :is(.min-h-12){min-height:3rem}.vf-root :is(.min-h-\[36px\]){min-height:36px}.vf-root :is(.min-h-\[44px\]){min-height:44px}.vf-root :is(.min-h-\[70vh\]){min-height:70vh}.vf-root :is(.min-h-full){min-height:100%}.vf-root :is(.w-10){width:2.5rem}.vf-root :is(.w-14){width:3.5rem}.vf-root :is(.w-4){width:1rem}.vf-root :is(.w-48){width:12rem}.vf-root :is(.w-5){width:1.25rem}.vf-root :is(.w-8){width:2rem}.vf-root :is(.w-9){width:2.25rem}.vf-root :is(.w-full){width:100%}.vf-root :is(.min-w-0){min-width:0}.vf-root :is(.max-w-2xl){max-width:42rem}.vf-root :is(.max-w-3xl){max-width:48rem}.vf-root :is(.max-w-full){max-width:100%}.vf-root :is(.max-w-lg){max-width:32rem}.vf-root :is(.max-w-md){max-width:28rem}.vf-root :is(.max-w-xl){max-width:36rem}.vf-root :is(.flex-1){flex:1 1 0%}.vf-root :is(.shrink-0){flex-shrink:0}.vf-root :is(.-translate-x-1\/2){--tw-translate-x:-50%}.vf-root :is(.-translate-x-1\/2),.vf-root :is(.-translate-y-1\/2){transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.vf-root :is(.-translate-y-1\/2){--tw-translate-y:-50%}.vf-root :is(.-rotate-90){--tw-rotate:-90deg}.vf-root :is(.-rotate-90),.vf-root :is(.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 spin{to{transform:rotate(1turn)}}.vf-root :is(.animate-spin){animation:spin 1s linear infinite}.vf-root :is(.select-none){-webkit-user-select:none;-moz-user-select:none;user-select:none}.vf-root :is(.appearance-none){-webkit-appearance:none;-moz-appearance:none;appearance:none}.vf-root :is(.grid-cols-2){grid-template-columns:repeat(2,minmax(0,1fr))}.vf-root :is(.grid-cols-3){grid-template-columns:repeat(3,minmax(0,1fr))}.vf-root :is(.flex-col){flex-direction:column}.vf-root :is(.flex-wrap){flex-wrap:wrap}.vf-root :is(.place-items-center){place-items:center}.vf-root :is(.items-start){align-items:flex-start}.vf-root :is(.items-center){align-items:center}.vf-root :is(.items-baseline){align-items:baseline}.vf-root :is(.justify-center){justify-content:center}.vf-root :is(.justify-between){justify-content:space-between}.vf-root :is(.gap-0){gap:0}.vf-root :is(.gap-0\.5){gap:.125rem}.vf-root :is(.gap-1){gap:.25rem}.vf-root :is(.gap-1\.5){gap:.375rem}.vf-root :is(.gap-2){gap:.5rem}.vf-root :is(.gap-2\.5){gap:.625rem}.vf-root :is(.gap-3){gap:.75rem}.vf-root :is(.gap-4){gap:1rem}.vf-root :is(.gap-5){gap:1.25rem}.vf-root :is(.gap-6){gap:1.5rem}.vf-root :is(.gap-7){gap:1.75rem}.vf-root :is(.gap-x-2){-moz-column-gap:.5rem;column-gap:.5rem}.vf-root :is(.gap-x-3){-moz-column-gap:.75rem;column-gap:.75rem}.vf-root :is(.gap-x-4){-moz-column-gap:1rem;column-gap:1rem}.vf-root :is(.gap-x-5){-moz-column-gap:1.25rem;column-gap:1.25rem}.vf-root :is(.gap-x-6){-moz-column-gap:1.5rem;column-gap:1.5rem}.vf-root :is(.gap-y-1){row-gap:.25rem}.vf-root :is(.gap-y-1\.5){row-gap:.375rem}.vf-root :is(.gap-y-2){row-gap:.5rem}.vf-root :is(.space-y-1>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem*var(--tw-space-y-reverse))}.vf-root :is(.space-y-1\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem*var(--tw-space-y-reverse))}.vf-root :is(.space-y-2>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.vf-root :is(.space-y-2\.5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.625rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.625rem*var(--tw-space-y-reverse))}.vf-root :is(.space-y-3>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}.vf-root :is(.space-y-4>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.vf-root :is(.space-y-5>:not([hidden])~:not([hidden])){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.vf-root :is(.overflow-hidden){overflow:hidden}.vf-root :is(.overflow-x-auto){overflow-x:auto}.vf-root :is(.truncate){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vf-root :is(.whitespace-nowrap){white-space:nowrap}.vf-root :is(.rounded-2xl){border-radius:1rem}.vf-root :is(.rounded-3xl){border-radius:1.5rem}.vf-root :is(.rounded-full){border-radius:9999px}.vf-root :is(.rounded-lg){border-radius:.5rem}.vf-root :is(.rounded-md){border-radius:.375rem}.vf-root :is(.rounded-xl){border-radius:.75rem}.vf-root :is(.border){border-width:1px}.vf-root :is(.border-0){border-width:0}.vf-root :is(.border-2){border-width:2px}.vf-root :is(.border-4){border-width:4px}.vf-root :is(.border-t){border-top-width:1px}.vf-root :is(.\!border-red-400){--tw-border-opacity:1!important;border-color:rgb(248 113 113/var(--tw-border-opacity))!important}.vf-root :is(.border-transparent){border-color:#0000}.vf-root :is(.border-white){--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.vf-root :is(.border-white\/20){border-color:#fff3}.vf-root :is(.bg-transparent){background-color:initial}.vf-root :is(.bg-white){--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.vf-root :is(.p-1){padding:.25rem}.vf-root :is(.p-1\.5){padding:.375rem}.vf-root :is(.p-3){padding:.75rem}.vf-root :is(.p-3\.5){padding:.875rem}.vf-root :is(.p-4){padding:1rem}.vf-root :is(.p-5){padding:1.25rem}.vf-root :is(.p-6){padding:1.5rem}.vf-root :is(.px-1){padding-left:.25rem;padding-right:.25rem}.vf-root :is(.px-1\.5){padding-left:.375rem;padding-right:.375rem}.vf-root :is(.px-2){padding-left:.5rem;padding-right:.5rem}.vf-root :is(.px-2\.5){padding-left:.625rem;padding-right:.625rem}.vf-root :is(.px-3){padding-left:.75rem;padding-right:.75rem}.vf-root :is(.px-4){padding-left:1rem;padding-right:1rem}.vf-root :is(.px-5){padding-left:1.25rem;padding-right:1.25rem}.vf-root :is(.px-6){padding-left:1.5rem;padding-right:1.5rem}.vf-root :is(.py-0){padding-top:0;padding-bottom:0}.vf-root :is(.py-0\.5){padding-top:.125rem;padding-bottom:.125rem}.vf-root :is(.py-1){padding-top:.25rem;padding-bottom:.25rem}.vf-root :is(.py-1\.5){padding-top:.375rem;padding-bottom:.375rem}.vf-root :is(.py-10){padding-top:2.5rem;padding-bottom:2.5rem}.vf-root :is(.py-12){padding-top:3rem;padding-bottom:3rem}.vf-root :is(.py-16){padding-top:4rem;padding-bottom:4rem}.vf-root :is(.py-2){padding-top:.5rem;padding-bottom:.5rem}.vf-root :is(.py-3){padding-top:.75rem;padding-bottom:.75rem}.vf-root :is(.py-8){padding-top:2rem;padding-bottom:2rem}.vf-root :is(.pb-16){padding-bottom:4rem}.vf-root :is(.pb-5){padding-bottom:1.25rem}.vf-root :is(.pe-10){padding-inline-end:2.5rem}.vf-root :is(.pe-2){padding-inline-end:.5rem}.vf-root :is(.pe-2\.5){padding-inline-end:.625rem}.vf-root :is(.pl-16){padding-left:4rem}.vf-root :is(.pl-8){padding-left:2rem}.vf-root :is(.ps-1){padding-inline-start:.25rem}.vf-root :is(.pt-1){padding-top:.25rem}.vf-root :is(.pt-14){padding-top:3.5rem}.vf-root :is(.pt-2){padding-top:.5rem}.vf-root :is(.pt-4){padding-top:1rem}.vf-root :is(.pt-5){padding-top:1.25rem}.vf-root :is(.text-left){text-align:left}.vf-root :is(.text-center){text-align:center}.vf-root :is(.text-right){text-align:right}.vf-root :is(.font-mono){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.vf-root :is(.font-sans){font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.vf-root :is(.text-2xl){font-size:1.5rem;line-height:2rem}.vf-root :is(.text-3xl){font-size:1.875rem;line-height:2.25rem}.vf-root :is(.text-4xl){font-size:2.25rem;line-height:2.5rem}.vf-root :is(.text-\[10px\]){font-size:10px}.vf-root :is(.text-\[11\.5px\]){font-size:11.5px}.vf-root :is(.text-\[11px\]){font-size:11px}.vf-root :is(.text-\[12\.5px\]){font-size:12.5px}.vf-root :is(.text-\[12px\]){font-size:12px}.vf-root :is(.text-\[13\.5px\]){font-size:13.5px}.vf-root :is(.text-\[13px\]){font-size:13px}.vf-root :is(.text-\[14px\]){font-size:14px}.vf-root :is(.text-\[15px\]){font-size:15px}.vf-root :is(.text-base){font-size:1rem;line-height:1.5rem}.vf-root :is(.text-lg){font-size:1.125rem;line-height:1.75rem}.vf-root :is(.text-sm){font-size:.875rem;line-height:1.25rem}.vf-root :is(.text-xl){font-size:1.25rem;line-height:1.75rem}.vf-root :is(.font-bold){font-weight:700}.vf-root :is(.font-extrabold){font-weight:800}.vf-root :is(.font-normal){font-weight:400}.vf-root :is(.tabular-nums){--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.vf-root :is(.leading-relaxed){line-height:1.625}.vf-root :is(.leading-tight){line-height:1.25}.vf-root :is(.text-gray-900){--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.vf-root :is(.text-white){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.vf-root :is(.opacity-30){opacity:.3}.vf-root :is(.opacity-80){opacity:.8}.vf-root :is(.shadow){--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.vf-root :is(.shadow),.vf-root :is(.shadow-xl){box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.vf-root :is(.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)}.vf-root :is(.outline-none){outline:2px solid #0000;outline-offset:2px}.vf-root :is(.blur-\[6px\]){--tw-blur:blur(6px)}.vf-root :is(.blur-\[6px\]),.vf-root :is(.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)}.vf-root :is(.transition){transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.vf-root :is(.transition-all){transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.vf-root :is(.duration-500){transition-duration:.5s}.vf-root{font-family:Almarai,IBM Plex Sans Arabic,system-ui,sans-serif}.vf-root .font-mono{font-family:Space Grotesk,Almarai,system-ui,sans-serif;font-variant-numeric:tabular-nums}.vf-root [x-cloak]{display:none!important}.vf-root{--vf-ink:#0f0d14;--vf-paper:#fafafc;--vf-lilac:#f3f0fa;--vf-stone:#7a7585;--vf-card:#fff;--vf-card-b:#0f0d1412;--vf-input:#fff;--vf-input-b:#0f0d141f;--vf-soft:#0f0d140f;--vf-track:#0f0d141a;--vf-veil-a:#fafafc33;--vf-veil-b:#fafafcd9}.dark .vf-root{--vf-ink:#f4f2f8;--vf-paper:#0f0d14;--vf-lilac:#8b5cf624;--vf-stone:#a9a3b8;--vf-card:#17141f;--vf-card-b:#ffffff14;--vf-input:#1e1a28;--vf-input-b:#ffffff1f;--vf-soft:#ffffff12;--vf-track:#ffffff1f;--vf-veil-a:#17141f33;--vf-veil-b:#17141fe6}.vf-root .vf-card{background:var(--vf-card);border-color:var(--vf-card-b);color:var(--vf-ink)}.vf-root .vf-input{background:var(--vf-input);border-color:var(--vf-input-b);color:var(--vf-ink)}.vf-root .vf-input::-moz-placeholder{color:var(--vf-stone)}.vf-root .vf-input::placeholder{color:var(--vf-stone)}.vf-root .vf-btn-s{background:var(--vf-card);border-color:var(--vf-input-b);color:var(--vf-ink)}.vf-root .vf-btn-s:hover{background:var(--vf-soft)}.vf-root .vf-on{background:#0f0d14;border-color:#0f0d14;color:#fff}.dark .vf-root .vf-on{background:#7c3aed;border-color:#7c3aed}.dark .vf-root .vf-logo{background:#fff}.dark .vf-root .vin-sk{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1f 50%,#ffffff0f 75%);background-size:200% 100%}.mh-stage{position:relative;overflow:hidden;border-radius:20px;display:grid;place-items:center}.mh-mark .mh-sq{transform-box:fill-box;transform-origin:center}.mh-draw .mh-sq-a{opacity:0;transform:scale(.6);animation:mhSqA .8s cubic-bezier(.16,1,.3,1) forwards}.mh-draw .mh-sq-b{opacity:0;transform:rotate(0deg) scale(.6);animation:mhSqB 1s cubic-bezier(.16,1,.3,1) .25s forwards}@keyframes mhSqA{to{opacity:1;transform:scale(1)}}@keyframes mhSqB{to{opacity:1;transform:rotate(45deg) scale(1)}}.mh-draw .mh-dot{transform-box:fill-box;transform-origin:center;transform:scale(0);animation:mhPop .6s cubic-bezier(.16,1,.3,1) 1.05s forwards}@keyframes mhPop{0%{transform:scale(0)}70%{transform:scale(1.35)}to{transform:scale(1)}}@keyframes mhDash{to{stroke-dashoffset:0}}.mh-fadeup{opacity:0;transform:translateY(14px);animation:mhFadeUp .7s cubic-bezier(.16,1,.3,1) forwards}@keyframes mhFadeUp{to{opacity:1;transform:none}}.mh-strip{animation:mhSlide 1.8s linear infinite}@keyframes mhSlide{to{transform:translateX(24px)}}.mh-wave .mh-sq-b{animation:mhTilt 2s ease-in-out infinite}@keyframes mhTilt{0%,to{transform:rotate(37deg)}50%{transform:rotate(53deg)}}.mh-wave .mh-sq-a{animation:mhTiltA 2s ease-in-out infinite}@keyframes mhTiltA{0%,to{transform:rotate(4deg)}50%{transform:rotate(-4deg)}}.mh-wave .mh-dot{animation:mhGlow 2s ease-in-out infinite}@keyframes mhGlow{0%,to{opacity:.45}50%{opacity:1}}.mh-late{opacity:0;animation:mhFadeUp .6s cubic-bezier(.16,1,.3,1) forwards}.mh-agree .mh-sq-b{animation:mhSqB 1s cubic-bezier(.16,1,.3,1) .25s forwards,mhAlign 1s cubic-bezier(.16,1,.3,1) 1.6s forwards}@keyframes mhAlign{to{opacity:1;transform:rotate(90deg) scale(1)}}.mh-agree .mh-sq-a{animation:mhSqA .8s cubic-bezier(.16,1,.3,1) forwards,mhAlignA 1s cubic-bezier(.16,1,.3,1) 1.6s forwards}@keyframes mhAlignA{to{opacity:0;transform:scale(1)}}.mh-agree .mh-dot{animation:mhPop .6s cubic-bezier(.16,1,.3,1) 1.05s forwards,mhDotGrow .6s cubic-bezier(.16,1,.3,1) 2.5s forwards}@keyframes mhDotGrow{to{transform:scale(2.25)}}.mh-confetti{position:absolute;top:50%;left:50%;animation:mhConf 1.4s cubic-bezier(.16,1,.3,1) 1.1s forwards;opacity:0}@keyframes mhConf{0%{opacity:0;transform:translate(0) rotate(0)}20%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--r))}}.mh-empty .mh-sq-a{animation:mhDriftA 3s ease-in-out infinite}.mh-empty .mh-sq-b{animation:mhDriftB 3s ease-in-out infinite}@keyframes mhDriftA{0%,to{transform:translate(0)}50%{transform:translate(-12px,-8px)}}@keyframes mhDriftB{0%,to{transform:rotate(45deg)}50%{transform:translate(12px,8px) rotate(60deg)}}.mh-empty .mh-dot{animation:mhBlink 3s ease-in-out infinite}@keyframes mhBlink{0%,40%,to{opacity:0}55%,80%{opacity:.35}}.mh-bar{height:3px;background:#f3f0fa;border-radius:3px;overflow:hidden}.mh-bar i{display:block;height:100%;width:40%;background:#7c3aed;border-radius:3px;animation:mhBar 1.2s cubic-bezier(.16,1,.3,1) infinite}@keyframes mhBar{0%{transform:translateX(100%)}to{transform:translateX(-260%)}}@media (prefers-reduced-motion:reduce){.vf-root *{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important}}.vin-sk{background:linear-gradient(90deg,#0f0d140f 25%,#0f0d141f 50%,#0f0d140f 75%);background-size:200% 100%;animation:vinSk 1.4s linear infinite;border-radius:8px}@keyframes vinSk{to{background-position:-200% 0}}.vin-in{opacity:0;transform:translateY(10px) scale(.98);animation:vinIn .55s cubic-bezier(.16,1,.3,1) forwards}@keyframes vinIn{to{opacity:1;transform:none}}.vin-pop{transform:scale(.6);opacity:0;animation:vinPop .5s cubic-bezier(.16,1,.3,1) forwards}@keyframes vinPop{70%{transform:scale(1.08);opacity:1}to{transform:scale(1);opacity:1}}.vin-orbit{position:absolute;inset:0;animation:vinOrbit 6s linear infinite}@keyframes vinOrbit{to{transform:rotate(1turn)}}.vin-orbit>span{top:-6px;left:50%;width:12px;height:12px;margin-left:-6px;background:#7c3aed;box-shadow:0 0 0 4px #7c3aed2e}.vin-orbit>span,.vin-ring{position:absolute;border-radius:50%}.vin-ring{inset:-18px;border:1.5px dashed #7c3aed59}.vin-count{font-variant-numeric:tabular-nums}.vin-bar{height:6px;border-radius:99px;background:#7c3aed24;overflow:hidden}.vin-bar>i{display:block;height:100%;background:#7c3aed;border-radius:99px;transition:width .5s cubic-bezier(.16,1,.3,1)}@media (prefers-reduced-motion:reduce){.vin-orbit,.vin-sk{animation:none}}.vf-root :is(.first\:border-t-0:first-child){border-top-width:0}.vf-root :is(.hover\:bg-black\/5:hover){background-color:#0000000d}.vf-root :is(.hover\:opacity-90:hover){opacity:.9}.vf-root :is(.focus\:border-\[\#7C3AED\]:focus){--tw-border-opacity:1;border-color:rgb(124 58 237/var(--tw-border-opacity))}.vf-root :is(.focus\:outline-none:focus){outline:2px solid #0000;outline-offset:2px}.vf-root :is(.focus\:ring-0:focus){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.vf-root :is(.focus\:ring-0:focus),.vf-root :is(.focus\:ring-2:focus){box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.vf-root :is(.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)}.vf-root :is(.focus\:ring-\[\#7C3AED\]\/40:focus){--tw-ring-color:#7c3aed66}.vf-root :is(.disabled\:cursor-not-allowed:disabled){cursor:not-allowed}.vf-root :is(.disabled\:opacity-40:disabled){opacity:.4}.vf-root :is(.disabled\:opacity-50:disabled){opacity:.5}.vf-root :is(.disabled\:opacity-70:disabled){opacity:.7}.vf-root :is(.dark\:hover\:bg-white\/10:hover:is(.dark *)){background-color:#ffffff1a}@media (min-width:640px){.vf-root :is(.sm\:block){display:block}.vf-root :is(.sm\:grid-cols-2){grid-template-columns:repeat(2,minmax(0,1fr))}.vf-root :is(.sm\:grid-cols-3){grid-template-columns:repeat(3,minmax(0,1fr))}.vf-root :is(.sm\:grid-cols-4){grid-template-columns:repeat(4,minmax(0,1fr))}.vf-root :is(.sm\:grid-cols-\[auto_1fr\]){grid-template-columns:auto 1fr}.vf-root :is(.sm\:flex-row){flex-direction:row}.vf-root :is(.sm\:whitespace-nowrap){white-space:nowrap}.vf-root :is(.sm\:px-6){padding-left:1.5rem;padding-right:1.5rem}.vf-root :is(.sm\:text-\[14px\]){font-size:14px}}@media (min-width:768px){.vf-root :is(.md\:sticky){position:sticky}.vf-root :is(.md\:top-20){top:5rem}.vf-root :is(.md\:col-span-2){grid-column:span 2/span 2}.vf-root :is(.md\:grid-cols-2){grid-template-columns:repeat(2,minmax(0,1fr))}.vf-root :is(.md\:grid-cols-3){grid-template-columns:repeat(3,minmax(0,1fr))}.vf-root :is(.md\:grid-cols-\[1fr_320px\]){grid-template-columns:1fr 320px}.vf-root :is(.md\:grid-cols-\[1fr_auto\]){grid-template-columns:1fr auto}.vf-root :is(.md\:grid-cols-\[auto_1fr_auto\]){grid-template-columns:auto 1fr auto}.vf-root :is(.md\:flex-col){flex-direction:column}.vf-root :is(.md\:p-6){padding:1.5rem}.vf-root :is(.md\:p-8){padding:2rem}.vf-root :is(.md\:text-right){text-align:right}.vf-root :is(.md\:text-3xl){font-size:1.875rem;line-height:2.25rem}.vf-root :is(.md\:text-4xl){font-size:2.25rem;line-height:2.5rem}.vf-root :is(.md\:text-5xl){font-size:3rem;line-height:1}.vf-root :is(.md\:text-\[17px\]){font-size:17px}}
/* VFActions — the screen's primary action row, pinned above the mobile bottom nav.
   On an iPhone SE the «احسب قيمة متجري» button sat 1540px (2.7 screens) below the last
   of the three required fields, behind six optional sections. `position:sticky` cannot
   work here: layouts/dashboard's <main> computes overflow-y:auto (from overflow-x:hidden)
   and becomes the sticky scrollport without ever scrolling, so this uses the same
   fixed + var(--bottom-nav-h) + env(safe-area-inset-bottom) formula as
   components/sticky-actions.blade.php. Phones only; from lg (no bottom nav) the row
   returns to exactly where it was and the spacer disappears. */
.vf-actions{position:fixed;left:0;right:0;bottom:calc(var(--bottom-nav-h, 72px) + env(safe-area-inset-bottom, 0px));z-index:40;max-width:48rem;margin-inline:auto;padding:10px 20px;background:var(--vf-paper);box-shadow:0 -12px 22px -16px rgba(0,0,0,.45)}
.vf-actions-space{height:68px}
@media (min-width:1024px){.vf-actions{position:static;max-width:none;padding:0;box-shadow:none}.vf-actions-space{display:none}}