:root{--ink:#16243a;--muted:#6f7f93;--blue:#1769e0;--orange:#f58719}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);font-family:"Plus Jakarta Sans",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}.login-shell{min-height:100svh;display:grid;place-items:center;position:relative;overflow:hidden;padding:32px;background:radial-gradient(circle at 18% 12%,#dceaff 0,transparent 32%),linear-gradient(145deg,#f7fbff 0,#eaf3ff 55%,#f4f9ff 100%)}.login-shell:before{content:"";position:absolute;inset:0;opacity:.42;background-image:radial-gradient(#88ace0 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,#000,transparent 42%,transparent 62%,#000)}.ambient{position:absolute;border:1px solid rgba(41,105,195,.12);border-radius:50%}.ambient-one{width:580px;height:580px;left:-260px;top:-140px}.ambient-two{width:680px;height:680px;right:-340px;bottom:-300px}.login-layout{width:min(1120px,100%);min-height:680px;display:grid;grid-template-columns:1.08fr .92fr;background:#fff;border:1px solid rgba(255,255,255,.8);border-radius:28px;overflow:hidden;box-shadow:0 28px 80px rgba(35,78,137,.18),0 2px 8px rgba(35,78,137,.08);position:relative;z-index:1}.showcase{position:relative;overflow:hidden;color:#fff;padding:46px 52px 36px;display:flex;flex-direction:column;background:linear-gradient(150deg,#155bd7,#0e8de9);transition:background .5s}.showcase:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-210px;top:-210px;box-shadow:0 0 0 75px rgba(255,255,255,.035),0 0 0 155px rgba(255,255,255,.025)}.showcase:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 40%,rgba(255,255,255,.09));pointer-events:none}.tone-teal{background:linear-gradient(150deg,#087c91,#04a59a)}.tone-violet{background:linear-gradient(150deg,#493fc1,#7957dc)}.brand{display:flex;align-items:center;gap:11px;font-size:21px;font-weight:800;letter-spacing:-.035em}.brand>span>span{color:var(--orange)}.brand img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(5,38,91,.16))}.brand-light{position:relative;z-index:3}.brand-light>span>span{color:#ffc16f}.brand-light img{width:48px;height:48px}.slides{margin-top:58px;position:relative;z-index:2;min-height:205px}.showcase-copy{display:none;animation:slide-in .55s ease both}.showcase-copy.is-active{display:block}.eyebrow{display:flex;gap:8px;align-items:center;margin:0 0 14px;font-size:14px;font-weight:700;color:#d9efff}.eyebrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}.showcase h1{margin:0;max-width:510px;font-size:38px;line-height:1.14;letter-spacing:-.04em}.slide-text{margin:18px 0 0;max-width:475px;font-size:16px;line-height:1.7;color:rgba(255,255,255,.82)}.slide-stat{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.dashboard-art{position:relative;height:250px;margin-top:5px;z-index:2}.dashboard-window{width:78%;height:205px;position:absolute;left:50%;bottom:15px;transform:translateX(-50%) rotate(-1.5deg);background:#f8fbff;border:7px solid rgba(255,255,255,.35);border-radius:14px;box-shadow:0 24px 45px rgba(3,29,79,.27);overflow:hidden}.window-top{height:22px;background:#edf2f8;display:flex;align-items:center;gap:5px;padding:0 8px}.window-top i{width:5px;height:5px;border-radius:50%;background:#9bb0c7}.window-body{height:calc(100% - 22px);display:flex}.mini-sidebar{width:46px;background:#173c71;padding:16px 11px;display:flex;flex-direction:column;gap:13px}.mini-sidebar i{height:5px;border-radius:4px;background:#7ea1ce}.mini-content{flex:1;padding:18px}.mini-title{display:block;width:42%;height:8px;background:#c9d7e6;border-radius:5px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.metrics b{height:42px;border-radius:6px;background:linear-gradient(140deg,#dceaff,#eef6ff);border:1px solid #cfdef0}.charts{display:grid;grid-template-columns:1.3fr .7fr;gap:9px;margin-top:10px}.charts span{height:72px;border-radius:6px;background:repeating-linear-gradient(to top,#eef4fa 0,#eef4fa 1px,transparent 1px,transparent 18px),linear-gradient(135deg,#f5f9fd,#eaf3fc);border:1px solid #d5e1ee}.floating-pill,.stat-chip{position:absolute;border-radius:10px;font-size:12px;font-weight:700;box-shadow:0 12px 25px rgba(5,32,76,.22)}.floating-pill{padding:9px 12px;background:#fff;color:#1c4d8d}.pill-stock{left:3px;bottom:68px}.pill-sales{right:0;top:72px}.stat-chip{left:40px;bottom:8px;padding:10px 13px;color:#fff;background:rgba(11,43,94,.72);backdrop-filter:blur(8px)}.slider-controls{margin-top:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;color:rgba(255,255,255,.72);font-size:12px}.slider-controls b{font:inherit;color:#fff}.dots{display:flex;gap:7px}.dot{width:8px;height:8px;padding:0;border:0;border-radius:20px;background:rgba(255,255,255,.4);cursor:pointer;transition:.25s}.dot.is-active{width:28px;background:#fff}.form-panel{position:relative;isolation:isolate;display:flex;flex-direction:column;padding:46px 70px 28px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(250,252,255,.96))}.form-panel:after{content:"";position:absolute;inset:1px;z-index:-2;pointer-events:none;background:radial-gradient(circle at 73% 45%,rgba(25,105,224,.055),transparent 42%),linear-gradient(115deg,transparent 28%,rgba(255,255,255,.78) 48%,transparent 68%)}.form-watermark{position:absolute;z-index:-1;right:-585px;top:50%;width:1170px;height:1170px;transform:translateY(-50%);display:grid;place-items:center;pointer-events:none;opacity:.055}.form-watermark:before,.form-watermark:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(29,105,224,.22)}.form-watermark:before{inset:54px}.form-watermark:after{inset:174px}.form-watermark span{position:absolute;width:840px;height:840px;border-radius:50%;background:radial-gradient(circle,rgba(39,118,230,.12),rgba(94,79,208,.035) 48%,transparent 70%);filter:blur(18px)}.form-watermark img{width:765px;height:765px;object-fit:contain;filter:grayscale(.18) drop-shadow(0 28px 55px rgba(31,83,160,.13))}.mobile-brand{display:none}.form-wrap{width:100%;max-width:390px;margin:auto;position:relative;z-index:1}.welcome-line{display:flex;align-items:center;gap:9px;margin-bottom:12px}.mini-lock{width:30px;height:30px;display:grid;place-items:center;color:#1769e0;background:#eaf3ff;border-radius:9px}.mini-lock svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}.welcome-line p{color:#1769e0;font-size:14px;font-weight:750;margin:0}.form-wrap h2{max-width:360px;font-size:30px;font-weight:750;line-height:1.18;letter-spacing:-.035em;margin:0;color:#14223a}.form-intro{margin:10px 0 27px;color:var(--muted);font-size:14px;line-height:1.6}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:14px;font-weight:650;color:#34445a;margin-bottom:9px}.form-group input{width:100%;height:50px;border:1px solid #d4deea;border-radius:10px;padding:0 15px;background:rgba(251,253,255,.9);outline:none;color:#17263a;transition:.2s}.form-group input::placeholder{color:#a2afbf}.form-group input:focus{border-color:#f08a24;background:#fff;box-shadow:0 0 0 4px rgba(240,138,36,.11)}.password-field{position:relative}.password-field input{padding-right:50px}.password-field button{position:absolute;right:8px;top:7px;width:36px;height:36px;display:grid;place-items:center;border:0;background:transparent;color:#7b899a;border-radius:8px;cursor:pointer}.password-field button:hover,.password-field button:focus-visible{background:#fff3e7;color:#e97810;outline:none}.password-field svg{grid-area:1/1;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.eye-closed{display:none}.password-field button[aria-pressed=true] .eye-open{display:none}.password-field button[aria-pressed=true] .eye-closed{display:block}.submit-button{width:100%;height:52px;border:0;border-radius:11px;background:linear-gradient(90deg,#145fce,#2582ed);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:750;cursor:pointer;box-shadow:0 12px 24px rgba(23,105,224,.24);transition:.2s}.submit-button:hover{transform:translateY(-1px);box-shadow:0 15px 28px rgba(23,105,224,.3)}.submit-button:focus-visible{outline:3px solid rgba(245,135,25,.35);outline-offset:3px}.submit-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2}.submit-button i{display:none;width:18px;height:18px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.submit-button.is-loading svg{display:none}.submit-button.is-loading i{display:block}.submit-button:disabled{cursor:wait;opacity:.88}.form-alert{margin:0 0 20px;padding:12px 14px;border-radius:10px;font-size:13px;line-height:1.5}.form-alert-error{color:#a82727;background:#fff0f0;border:1px solid #ffd3d3}.form-alert-success{color:#146843;background:#eaf8f1;border:1px solid #c8ecd9}.help{margin:24px 0 0;text-align:center;color:#7a8899;font-size:13px}.copyright{margin:30px 0 0;text-align:center;color:#a1adba;font-size:12px;position:relative;z-index:1}@keyframes slide-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.login-shell{padding:20px}.login-layout{grid-template-columns:.9fr 1.1fr;min-height:640px}.showcase{padding:38px 34px 28px}.slides{margin-top:48px}.showcase h1{font-size:31px}.dashboard-art{height:240px}.dashboard-window{width:90%;height:175px}.form-panel{padding:42px 42px 26px}}@media(max-width:720px){.login-shell{padding:18px;place-items:center;background:linear-gradient(155deg,#0e58bc,#2378df)}.login-shell:before{opacity:.18;mask-image:none}.ambient{display:none}.login-layout{display:block;width:min(460px,100%);min-height:calc(100svh - 36px);border-radius:24px;box-shadow:0 22px 55px rgba(4,39,91,.32)}.showcase{display:none}.form-panel{min-height:calc(100svh - 38px);padding:28px 24px 24px}.mobile-brand{display:flex;position:relative;z-index:1}.form-wrap{margin:auto;padding:38px 0}.copyright{margin-top:auto}.form-watermark{right:-495px;width:990px;height:990px;opacity:.04}.form-watermark img{width:630px;height:630px}.form-watermark span{width:720px;height:720px}}@media(max-width:400px){.form-panel{padding-inline:20px}.form-wrap h2{font-size:28px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}