:root{--vg-950: #0b2f29;--vg-900: #0e3b33;--vg-800: #145244;--vg-700: #1b6a57;--vg-600: #23816a;--vg-500: #2f9a7c;--vg-200: #b9dccd;--vg-100: #dcefe7;--vg-50: #eef7f3;--vgold: #d6a21e;--vgold-50: #fbf3dc;--vcream: #f6f3ec;--vcream-50: #fbf9f4}html body{background:var(--vcream);-webkit-font-smoothing:antialiased}html .bg-stone-100{background-color:var(--vcream)}html .bg-stone-50{background-color:var(--vcream-50)}html .hover\:bg-stone-50:hover{background-color:color-mix(in srgb,var(--vcream),#000 3%)}html .bg-red-700,html .bg-red-800{background-color:var(--vg-800)}html .hover\:bg-red-800:hover,html .hover\:bg-red-700:hover,html .hover\:bg-red-900:hover{background-color:var(--vg-900)}html .border-red-700,html .border-red-800{border-color:var(--vg-800)}html .accent-red-700{accent-color:var(--vg-800)}html .file\:bg-red-700::file-selector-button{background-color:var(--vg-800)}html .focus\:border-red-600:focus{border-color:var(--vg-700)}html .focus\:ring-red-600\/25:focus{--tw-ring-color: color-mix(in srgb, var(--vg-700) 25%, transparent)}html button.bg-red-700,html button.bg-red-800{box-shadow:0 1px 2px color-mix(in srgb,var(--vg-950) 25%,transparent)}html .bg-\[\#16365c\]{background-color:var(--vg-800)}html header.bg-\[\#16365c\],html header .bg-\[\#16365c\]{background:linear-gradient(100deg,var(--vg-950) 0%,var(--vg-900) 45%,var(--vg-800) 100%);box-shadow:inset 0 -2px 0 var(--vgold)}html .text-\[\#16365c\]{color:var(--vg-800)}html .border-\[\#16365c\]{border-color:var(--vg-800)}html .border-sky-800{border-color:#ffffff2e}html .bg-sky-950\/50{background-color:#00000029}html .hover\:bg-sky-950:hover{background-color:#00000047}html .text-sky-200{color:var(--vg-200)}html .bg-sky-50{background-color:var(--vg-50)}html .bg-sky-100{background-color:var(--vg-100)}html .text-sky-900,html .text-sky-800{color:var(--vg-900)}html .text-sky-700{color:var(--vg-700)}html .bg-sky-800{background-color:var(--vgold)}html .border-sky-200,html .border-sky-300{border-color:var(--vg-200)}html .bg-white.rounded-2xl.border-stone-200{box-shadow:0 1px 2px #14281e0a,0 6px 18px -10px #14281e2e;border-color:color-mix(in srgb,var(--vcream),#000 8%)}html .border-stone-200{border-color:color-mix(in srgb,var(--vcream),#000 8%)}html nav.fixed.bottom-0{box-shadow:0 -6px 18px -12px #14281e59}@keyframes vitt-aurora{0%{transform:translate3d(-6%,-4%,0) rotate(0) scale(1)}50%{transform:translate3d(6%,4%,0) rotate(8deg) scale(1.08)}to{transform:translate3d(-6%,-4%,0) rotate(0) scale(1)}}@keyframes vitt-drift{0%{background-position:0 0,0 0}to{background-position:0 -560px,420px -420px}}@keyframes vitt-rise{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes vitt-pop{0%{opacity:0;transform:scale(.7) rotate(-8deg)}70%{transform:scale(1.05) rotate(2deg)}to{opacity:1;transform:none}}@keyframes vitt-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes vitt-glow{0%,to{box-shadow:0 0 0 2px color-mix(in srgb,var(--vgold) 90%,transparent),0 0 color-mix(in srgb,var(--vgold) 35%,transparent),0 14px 30px -10px #0000008c}50%{box-shadow:0 0 0 2px color-mix(in srgb,var(--vgold) 90%,transparent),0 0 0 10px color-mix(in srgb,var(--vgold) 0%,transparent),0 14px 30px -10px #0000008c}}@keyframes vitt-shine{0%{background-position:-160% 0,0 0}to{background-position:260% 0,0 0}}@keyframes vitt-type{0%{letter-spacing:.5em;opacity:0}to{letter-spacing:.22em;opacity:1}}html .min-h-screen.bg-stone-100.flex-col.justify-center{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(120% 80% at 50% 0%,var(--vg-600) 0%,var(--vg-900) 45%,color-mix(in srgb,var(--vg-950),#000 40%) 100%)}html .min-h-screen.bg-stone-100.flex-col.justify-center:before{content:"";position:absolute;inset:-30%;z-index:-2;pointer-events:none;background:radial-gradient(38% 30% at 25% 30%,color-mix(in srgb,var(--vg-500) 45%,transparent),transparent 70%),radial-gradient(32% 26% at 78% 70%,color-mix(in srgb,var(--vgold) 22%,transparent),transparent 70%),radial-gradient(30% 24% at 70% 20%,color-mix(in srgb,var(--vg-600) 35%,transparent),transparent 70%);filter:blur(8px);animation:vitt-aurora 22s ease-in-out infinite}html .min-h-screen.bg-stone-100.flex-col.justify-center:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='-38 -38 140 140'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.07' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M32 6 56 18v28L32 58 8 46V18z'/%3E%3Cpath d='M8 18l24 12 24-12M32 30v28M20 12l24 12'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 420 420'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.16' stroke-width='1.5' stroke-dasharray='2 9' stroke-linecap='round'%3E%3Cpath d='M-20 300C80 240 120 360 220 300S380 160 440 220'/%3E%3Cpath d='M-20 120C60 60 160 160 240 100S360 20 440 70'/%3E%3C/g%3E%3Cg fill='%23ffffff' fill-opacity='0.3'%3E%3Ccircle cx='220' cy='300' r='3'/%3E%3Ccircle cx='240' cy='100' r='3'/%3E%3C/g%3E%3C/svg%3E");background-size:140px 140px,420px 420px;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 70%,transparent 100%);animation:vitt-drift 60s linear infinite}html .min-h-screen.bg-stone-100.flex-col.justify-center>.max-w-sm{position:relative;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.16' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M26 6h12v8l5 7v35a3 3 0 0 1-3 3H24a3 3 0 0 1-3-3V21l5-7z'/%3E%3Cpath d='M21 30h22M21 44h22'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='64' viewBox='0 0 80 64'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.16' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 14h42v32H4zM46 24h16l12 12v10H46z'/%3E%3Ccircle cx='18' cy='50' r='6'/%3E%3Ccircle cx='60' cy='50' r='6'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.16' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 24h48l-6 30H14z'/%3E%3Cpath d='M20 24 30 8M44 24 34 8M24 34v12M32 34v12M40 34v12'/%3E%3C/g%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.16' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cellipse cx='32' cy='12' rx='14' ry='5'/%3E%3Cpath d='M18 12v40c0 3 6 5 14 5s14-2 14-5V12M18 26c0 3 6 5 14 5s14-2 14-5'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-size:56px,76px,52px,50px;background-position:-70px 40px,calc(100% + 90px) 8px,calc(100% + 70px) calc(100% - 40px),-60px calc(100% - 10px)}html .min-h-screen.bg-stone-100.flex-col.justify-center>.max-w-sm>div:first-child{animation:vitt-rise .9s cubic-bezier(.2,.7,.2,1) both}html .min-h-screen.bg-stone-100.flex-col.justify-center>.max-w-sm>div:first-child h1{color:#fff;font-size:1.6rem;letter-spacing:.02em}html .min-h-screen.bg-stone-100.flex-col.justify-center>.max-w-sm>div:first-child p{color:var(--vg-200);letter-spacing:.06em}html .min-h-screen.bg-stone-100.flex-col.justify-center>.max-w-sm>div:first-child p:after{content:"FMCG Distributor";display:block;margin-top:3px;color:var(--vgold);font-weight:800;font-size:10px;letter-spacing:.22em;text-transform:uppercase;animation:vitt-type 1.4s .4s cubic-bezier(.2,.7,.2,1) both}html .min-h-screen.bg-stone-100.flex-col.justify-center>.max-w-sm>div:first-child img{width:4.25rem;height:4.25rem;border-radius:1.2rem;animation:vitt-pop .8s cubic-bezier(.2,.8,.2,1.2) both,vitt-glow 3.2s 1s ease-in-out infinite,vitt-float 6s 1s ease-in-out infinite}html .min-h-screen.bg-stone-100.flex-col.justify-center form,html .min-h-screen.bg-stone-100.flex-col.justify-center>.max-w-sm>div.bg-white{border-radius:1.6rem;border:1px solid rgb(255 255 255 / .6);background:#fffffff7;-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 30px 60px -28px #0009,0 2px 8px #00000014;animation:vitt-rise .9s .15s cubic-bezier(.2,.7,.2,1) both}html .min-h-screen.bg-stone-100.flex-col.justify-center form h2{font-size:1rem}html .min-h-screen.bg-stone-100.flex-col.justify-center form h2 .text-red-700{color:var(--vg-700)}html .min-h-screen.bg-stone-100.flex-col.justify-center form input{border-radius:.85rem;background:var(--vcream-50);transition:box-shadow .2s,border-color .2s,background .2s}html .min-h-screen.bg-stone-100.flex-col.justify-center form input:focus{background:#fff}html .min-h-screen.bg-stone-100.flex-col.justify-center form button[type=submit]{border-radius:.95rem;padding-top:.9rem;padding-bottom:.9rem;font-size:1rem;letter-spacing:.03em;background-image:linear-gradient(100deg,transparent 30%,rgb(255 255 255 / .28) 50%,transparent 70%),linear-gradient(100deg,var(--vg-800),var(--vg-600));background-size:60% 100%,100% 100%;background-repeat:no-repeat;animation:vitt-shine 3.6s 1.2s ease-in-out infinite;transition:transform .15s,box-shadow .2s;box-shadow:0 10px 22px -12px color-mix(in srgb,var(--vg-800) 90%,transparent)}html .min-h-screen.bg-stone-100.flex-col.justify-center form button[type=submit]:hover{transform:translateY(-1px);box-shadow:0 14px 26px -12px color-mix(in srgb,var(--vg-800) 95%,transparent)}html .min-h-screen.bg-stone-100.flex-col.justify-center form button[type=submit]:active{transform:translateY(1px)}html .min-h-screen.bg-stone-100.flex-col.justify-center form+*,html .min-h-screen.bg-stone-100.flex-col.justify-center .text-stone-400{color:color-mix(in srgb,var(--vg-200) 75%,transparent)}html .min-h-screen.bg-stone-100.flex-col.justify-center form .text-stone-400{color:#a8a29e}html .min-h-screen.bg-stone-100.flex-col.justify-center>.max-w-sm>div:first-child:has(.vitt-login-logo){flex-direction:column;text-align:center;gap:.9rem}html .vitt-login-logo{display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 0 0 1px #fff9,0 18px 40px -16px #000000a6;animation:vitt-pop .8s cubic-bezier(.2,.8,.2,1.2) both,vitt-glow 3.2s 1s ease-in-out infinite,vitt-float 6s 1s ease-in-out infinite}html .min-h-screen.bg-stone-100.flex-col.justify-center>.max-w-sm>div:first-child .vitt-login-logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:.6rem;animation:none;box-shadow:none}html:has(html .min-h-screen.bg-stone-100.flex-col.justify-center),html:has(html .min-h-screen.bg-stone-100.flex-col.justify-center) body{overscroll-behavior:none;background:var(--vg-950)}html .min-h-screen.bg-stone-100.flex-col.justify-center{min-height:100vh;min-height:100dvh;justify-content:flex-start;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}html .min-h-screen.bg-stone-100.flex-col.justify-center>.max-w-sm{margin-block:auto}html .min-h-screen.bg-stone-100.flex-col.justify-center>.max-w-sm>div:first-child{margin-bottom:clamp(.9rem,3dvh,1.5rem)}html .min-h-screen.bg-stone-100.flex-col.justify-center>.max-w-sm>div:first-child:has(.vitt-login-logo){gap:clamp(.5rem,1.6dvh,.9rem)}html .vitt-login-logo{width:clamp(4.25rem,13dvh,7.5rem);height:clamp(4.25rem,13dvh,7.5rem);padding:clamp(.4rem,1.2dvh,.7rem);border-radius:clamp(1.1rem,3.2dvh,1.75rem)}html .min-h-screen.bg-stone-100.flex-col.justify-center form{padding:clamp(1.1rem,3.4dvh,1.85rem)}@media(max-height:700px){html .min-h-screen.bg-stone-100.flex-col.justify-center form>*+*{margin-top:.75rem}html .min-h-screen.bg-stone-100.flex-col.justify-center form input{padding-top:.55rem;padding-bottom:.55rem}html .min-h-screen.bg-stone-100.flex-col.justify-center form button[type=submit]{padding-top:.7rem;padding-bottom:.7rem}}@media(max-height:520px){html .min-h-screen.bg-stone-100.flex-col.justify-center>.max-w-sm>div:first-child:has(.vitt-login-logo){flex-direction:row;text-align:left}html .vitt-login-logo{width:3.5rem;height:3.5rem;border-radius:1rem}html .min-h-screen.bg-stone-100.flex-col.justify-center>.max-w-sm>div:first-child h1{font-size:1.25rem}html .min-h-screen.bg-stone-100.flex-col.justify-center form{padding:1rem 1.25rem}}@media(max-height:520px)and (min-width:560px){html .min-h-screen.bg-stone-100.flex-col.justify-center>.max-w-sm{display:flex;align-items:center;gap:1.75rem;max-width:46rem}html .min-h-screen.bg-stone-100.flex-col.justify-center>.max-w-sm>div:first-child,html .min-h-screen.bg-stone-100.flex-col.justify-center>.max-w-sm>div:first-child:has(.vitt-login-logo){flex:0 0 13rem;flex-direction:column;text-align:center;margin-bottom:0}html .min-h-screen.bg-stone-100.flex-col.justify-center>.max-w-sm>form{flex:1;min-width:0;padding:.85rem 1.25rem}html .min-h-screen.bg-stone-100.flex-col.justify-center form>*+*{margin-top:.5rem}html .min-h-screen.bg-stone-100.flex-col.justify-center form input{padding-top:.45rem;padding-bottom:.45rem}html .min-h-screen.bg-stone-100.flex-col.justify-center form button[type=submit]{padding-top:.6rem;padding-bottom:.6rem}}@media(max-width:340px){html .min-h-screen.bg-stone-100.flex-col.justify-center>.max-w-sm>div:first-child h1{font-size:1.35rem}html .min-h-screen.bg-stone-100.flex-col.justify-center>.max-w-sm>div:first-child p:after{letter-spacing:.16em}}@media(prefers-reduced-motion:reduce){html .min-h-screen.bg-stone-100.flex-col.justify-center:before,html .min-h-screen.bg-stone-100.flex-col.justify-center:after,html .min-h-screen.bg-stone-100.flex-col.justify-center *{animation:none!important}}