.login-page{background:#f4f7ff;grid-template-columns:54fr 46fr;min-height:100dvh;display:grid;position:relative;overflow:hidden}.login-page-bg{z-index:0;pointer-events:none;opacity:.42;filter:saturate(1.05);background-image:url(/images/login/inventory-bg.jpg);background-position:50%;background-size:cover;position:absolute;inset:0}.login-page:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(108deg,#0f172ac7 0%,#1e3a8a9e 22%,#312e8157 40%,#4338ca1f 48%,#818cf80f 52%,#f1f5ff8c 58%,#f4f7ffd1 66%,#f8fafff0 76%,#f8faff 88%);position:absolute;inset:0}.login-hero{z-index:2;display:none;position:relative;overflow:hidden}@media (width>=1024px){.login-hero{flex-direction:column;justify-content:space-between;padding:3.25rem 3rem;display:flex}}.login-hero-bg{z-index:0;pointer-events:none;background-image:url(/images/login/inventory-bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.login-hero-overlay{z-index:1;pointer-events:none;background:linear-gradient(145deg,#0f172a8c 0%,#1e3a8a6b 38%,#312e8138 68%,#4338ca14 100%);position:absolute;inset:0}.login-hero-fade{z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000 0% 55%,#f8faff1a 78%,#f8faff47 100%);position:absolute;inset:0}.login-hero-glow{filter:blur(70px);pointer-events:none;z-index:3;border-radius:9999px;position:absolute}.login-hero-glow--one{background:#60a5fa2e;width:20rem;height:20rem;animation:16s ease-in-out infinite login-float;top:10%;left:-5rem}.login-hero-glow--two{background:#818cf824;width:24rem;height:24rem;animation:20s ease-in-out infinite reverse login-float;bottom:6%;right:0}.login-hero-particles{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-hero-particles span{background:#ffffff73;border-radius:9999px;width:3px;height:3px;animation:14s linear infinite login-particle;position:absolute}.login-hero-particles span:first-child{animation-delay:0s;top:18%;left:12%}.login-hero-particles span:nth-child(2){animation-delay:2s;top:62%;left:28%}.login-hero-particles span:nth-child(3){animation-delay:4s;top:34%;left:48%}.login-hero-particles span:nth-child(4){animation-delay:1s;top:72%;left:68%}.login-hero-particles span:nth-child(5){animation-delay:3s;top:24%;left:82%}.login-hero-particles span:nth-child(6){animation-delay:5s;top:84%;left:56%}.login-glass-chip{z-index:4;letter-spacing:.01em;color:#eef2ff;-webkit-backdrop-filter:blur(14px);background:#ffffff1a;border:1px solid #ffffff29;border-radius:9999px;align-items:center;gap:.625rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;display:inline-flex;position:relative;box-shadow:0 8px 24px -12px #0f172a59}.login-glass-chip-dot{background:#34d399;border-radius:9999px;width:.5rem;height:.5rem;box-shadow:0 0 10px #34d399d9}.login-hero-content{z-index:4;max-width:32rem;position:relative}.login-hero-title{letter-spacing:-.035em;color:#fff;text-shadow:0 2px 24px #0f172a59;font-size:clamp(2.125rem,3vw,3.15rem);font-weight:800;line-height:1.06}.login-hero-subtitle{color:#e2e8f0e6;max-width:30rem;margin-top:1.125rem;font-size:1rem;line-height:1.75}.login-hero-features{z-index:4;flex-wrap:wrap;gap:.625rem;display:flex;position:relative}.login-feature-pill{color:#f8fafc;-webkit-backdrop-filter:blur(12px);background:#ffffff17;border:1px solid #ffffff24;border-radius:.75rem;align-items:center;gap:.5rem;padding:.5625rem .875rem;font-size:.8125rem;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.login-feature-pill:hover{background:#ffffff24;border-color:#ffffff38}.login-feature-pill svg{color:#c7d2fe;width:1rem;height:1rem}.login-panel{z-index:2;background:radial-gradient(120% 80% at 0%,#6366f117 0%,#0000 55%),radial-gradient(90% 70% at 100% 20%,#3b82f612 0%,#0000 50%),radial-gradient(80% 60% at 50% 100%,#818cf80f 0%,#0000 45%),linear-gradient(165deg,#f6f8ff 0%,#eef3ff 42%,#f8faff 100%);flex-direction:column;justify-content:center;align-items:center;padding:2.5rem 1.5rem;display:flex;position:relative;overflow:hidden}.login-panel-image-bleed{z-index:0;opacity:.14;pointer-events:none;background-image:url(/images/login/inventory-bg.jpg);background-position:42%;background-size:cover;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000000f2 0%,#00000073 30%,#00000026 58%,#0000 78%);mask-image:linear-gradient(90deg,#000000f2 0%,#00000073 30%,#00000026 58%,#0000 78%)}.login-panel-fade{z-index:0;pointer-events:none;background:linear-gradient(90deg,#6366f114 0%,#818cf80a 18%,#0000 42%);position:absolute;inset:0}.login-panel-ambient{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.login-panel-ambient__mesh{opacity:.55;background-image:linear-gradient(#6366f10b 1px,#0000 1px),linear-gradient(90deg,#6366f10b 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(85% 75% at 50% 45%,#000000d9 0%,#0000 72%);mask-image:radial-gradient(85% 75% at 50% 45%,#000000d9 0%,#0000 72%)}.login-panel-ambient__orb{filter:blur(60px);border-radius:50%;position:absolute}.login-panel-ambient__orb--one{background:#6366f129;width:18rem;height:18rem;animation:18s ease-in-out infinite login-float;top:8%;left:-8%}.login-panel-ambient__orb--two{background:#3b82f61f;width:16rem;height:16rem;animation:22s ease-in-out infinite reverse login-float;bottom:12%;right:-6%}.login-panel-ambient__orb--three{background:#a78bfa1a;width:12rem;height:12rem;animation:14s ease-in-out -4s infinite login-float;top:42%;left:38%}.login-panel:before{content:"";z-index:1;filter:blur(50px);pointer-events:none;background:radial-gradient(#3b82f624 0%,#6366f112 35%,#0000 68%);border-radius:50%;width:min(480px,88vw);height:min(480px,88vw);position:absolute;top:50%;left:50%;transform:translate(-52%,-50%)}.login-panel-ring{border:1px solid #6366f11a;border-radius:50%;width:min(26rem,78vw);height:min(26rem,78vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 20px #6366f109,0 0 0 40px #6366f105,inset 0 0 60px #6366f10a}.login-card{z-index:3;background:#fff;border:1px solid #ffffffe6;border-radius:1.375rem;width:min(100%,26rem);padding:2rem;position:relative;box-shadow:0 0 0 1px #6366f10f,0 24px 48px -20px #0f172a29,0 12px 32px -16px #3b82f61f}@media (width>=640px){.login-card{padding:2.25rem 2.375rem}}.login-brand{text-align:center;margin-bottom:1.75rem}.login-brand-mark{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#2563eb 100%);border-radius:1rem;justify-content:center;align-items:center;width:3.25rem;height:3.25rem;margin-bottom:1rem;display:inline-flex;box-shadow:0 12px 28px -10px #4f46e58c}.login-brand-mark svg{width:1.5rem;height:1.5rem}.login-brand-company{letter-spacing:-.02em;color:#0f172a;font-size:1.25rem;font-weight:700}.login-brand-branch{color:#64748b;margin-top:.25rem;font-size:.875rem}.login-heading{margin-bottom:1.5rem}.login-heading h2{letter-spacing:-.02em;color:#0f172a;font-size:1.5rem;font-weight:700}.login-heading p{color:#64748b;margin-top:.375rem;font-size:.875rem}.login-alert{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:.875rem;margin-bottom:1.25rem;padding:.875rem 1rem;font-size:.875rem}.login-field{margin-bottom:1.125rem}.login-field label{color:#334155;margin-bottom:.5rem;font-size:.8125rem;font-weight:600;display:block}.login-input-wrap{position:relative}.login-input-icon{color:#94a3b8;pointer-events:none;width:1.125rem;height:1.125rem;transition:color .2s;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.login-input{color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:.875rem;outline:none;width:100%;padding:.95rem 1rem .95rem 2.85rem;font-size:.9375rem;transition:border-color .2s,box-shadow .2s,background .2s;display:block}.login-input::placeholder{color:#94a3b8}.login-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11f}.login-input-wrap:focus-within .login-input-icon{color:#6366f1}.login-input--password{padding-right:2.85rem}.login-input--password::-ms-reveal{display:none}.login-input--password::-ms-clear{display:none}.login-password-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:.25rem;transition:color .2s;display:inline-flex;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.login-password-toggle:hover{color:#6366f1}.login-password-toggle-icon{width:1.125rem;height:1.125rem}.login-password-toggle-icon.hidden{display:none}.login-input.is-invalid{border-color:#f87171;box-shadow:0 0 0 4px #f871711f}.login-field-error{color:#dc2626;margin-top:.375rem;font-size:.8125rem}.login-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#4f46e5 48%,#2563eb 100%);border:0;border-radius:.875rem;justify-content:center;align-items:center;gap:.625rem;width:100%;margin-top:.5rem;padding:.95rem 1rem;font-size:.9375rem;font-weight:700;transition:transform .18s,box-shadow .18s,opacity .18s;display:inline-flex;box-shadow:0 14px 28px -12px #4f46e5a6}.login-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 18px 32px -12px #4f46e5bf}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.72;cursor:not-allowed}.login-submit-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:9999px;width:1.125rem;height:1.125rem;animation:.7s linear infinite login-spin}.login-submit-spinner.hidden{display:none}.login-mobile-tagline{text-align:center;margin-bottom:1.25rem}.login-mobile-tagline h1{color:#0f172a;font-size:1.375rem;font-weight:700}.login-mobile-tagline p{color:#64748b;margin-top:.375rem;font-size:.875rem}@media (width>=1024px){.login-mobile-tagline{display:none}}@keyframes login-spin{to{transform:rotate(360deg)}}@keyframes login-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes login-particle{0%{opacity:0;transform:translateY(0)}20%{opacity:1}to{opacity:0;transform:translateY(-100px)}}@media (width<=1023px){.login-page{background:#0f172a;justify-content:center;align-items:center;min-height:100dvh;display:flex}.login-page-bg{opacity:1;background-position:50%}.login-page:after{background:linear-gradient(165deg,#0f172ad6 0%,#1e3a8ab8 38%,#312e819e 68%,#0f172ac7 100%)}.login-panel{-webkit-overflow-scrolling:touch;background:0 0;flex:1;width:100%;min-height:100dvh;padding:1rem 0;overflow-y:auto}.login-panel-image-bleed,.login-panel-fade,.login-panel-ambient,.login-panel:before{display:none}.login-card{border-radius:1.125rem;width:calc(100% - 32px);max-width:420px;margin:auto;padding:1.25rem 1.125rem}.login-mobile-tagline{display:none}.login-brand{margin-bottom:.875rem}.login-brand-mark{border-radius:.75rem;width:2.5rem;height:2.5rem;margin-bottom:.5rem}.login-brand-mark svg{width:1.25rem;height:1.25rem}.login-brand-company{font-size:1.0625rem}.login-brand-branch{font-size:.8125rem}.login-heading{margin-bottom:.875rem}.login-heading h2{font-size:1.25rem}.login-heading p{margin-top:.25rem;font-size:.8125rem}.login-alert{margin-bottom:.75rem;padding:.625rem .75rem;font-size:.8125rem}.login-field{margin-bottom:.75rem}.login-field label{margin-bottom:.375rem;font-size:.75rem}.login-input{min-height:3rem;padding:0 1rem 0 2.75rem;font-size:1rem}.login-input--password{padding-right:2.75rem}.login-submit{min-height:3rem;margin-top:.25rem;padding:0 1rem}}