*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.login-root{position:fixed;inset:0;display:flex;font-family:Inter,sans-serif;overflow:hidden;background:#fff}.left-panel{position:relative;display:none;width:60%;flex-shrink:0;overflow:hidden;background:linear-gradient(-45deg,#0a1628,#0f1f3d,#0c1a32,#071020);background-size:400% 400%;animation:gradientShift 12s ease-in-out infinite}@media(min-width:1024px){.left-panel{display:flex;flex-direction:column;justify-content:center}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.blob{position:absolute;border-radius:9999px;filter:blur(100px);pointer-events:none}.blob-1{top:-10%;left:-10%;width:55%;height:55%;background:#137fec2e;animation:floatSoft 15s ease-in-out infinite}.blob-2{bottom:-5%;right:5%;width:48%;height:48%;background:#0ea5e91f;animation:floatSoft 15s ease-in-out infinite;animation-delay:-5s}.blob-3{top:20%;right:-5%;width:32%;height:32%;background:#6366f114;animation:floatSoft 15s ease-in-out infinite;animation-delay:-2s}@keyframes floatSoft{0%,to{transform:translateY(0) translate(0) rotate(0)}50%{transform:translateY(-20px) translate(10px) rotate(2deg)}}.dot-grid{position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(circle,rgba(255,255,255,.25) 1px,transparent 1px);background-size:100px 100px}.float-icon{position:absolute;top:8%;right:12%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;animation:floatObject 8s ease-in-out infinite;opacity:.18}.float-icon .material-symbols-outlined{font-size:200px;color:#fff9}.float-icon-glow{position:absolute;inset:-20px;background:radial-gradient(circle,rgba(19,127,236,.3) 0%,transparent 70%);filter:blur(40px);border-radius:9999px}@keyframes floatObject{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-28px) scale(1.04)}}.left-content{position:relative;z-index:10;padding:5rem;display:flex;flex-direction:column;gap:3.5rem;height:100%;justify-content:center}.brand{display:flex;align-items:center;gap:1rem}.brand-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-icon .material-symbols-outlined{font-size:28px;color:#fff}.brand-name{font-size:1.5rem;font-weight:700;color:#fff;letter-spacing:-.02em}.brand-name span{font-weight:300;opacity:.55}.hero{position:relative}.conveyor-icon{position:absolute;top:-3.5rem;left:-2.5rem;animation:floatObject 8s ease-in-out infinite;animation-delay:-3s;opacity:.22}.conveyor-icon .material-symbols-outlined{font-size:72px;color:#0ea5e9}.hero-title{font-size:clamp(2.8rem,4vw,3.75rem);font-weight:900;line-height:1.08;letter-spacing:-.03em;color:#fff;margin-bottom:1.5rem}.hero-title .gradient-text{background:linear-gradient(90deg,#137fec,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.1rem;line-height:1.7;color:#94a3b8;font-weight:400;max-width:28rem}.right-panel{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow-y:auto;background:#fff;padding:2.5rem 2rem;box-shadow:-20px 0 60px #0000000f;position:relative;z-index:20}@media(min-width:640px){.right-panel{padding:2.5rem 3rem}}@media(min-width:1024px){.right-panel{padding:2.5rem 5rem}}@media(min-width:1280px){.right-panel{padding:2.5rem 6rem}}.right-inner{width:100%;max-width:360px}.mobile-brand{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}@media(min-width:1024px){.mobile-brand{display:none}}.mobile-brand-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.mobile-brand-icon .material-symbols-outlined{font-size:20px;color:#fff}.mobile-brand-name{font-size:1.125rem;font-weight:700;color:#0f172a;letter-spacing:-.02em}.login-heading{margin-bottom:2rem}.login-title{font-size:2rem;font-weight:800;color:#0f172a;letter-spacing:-.03em;line-height:1.1}.login-subtitle{margin-top:.5rem;font-size:.875rem;color:#64748b;font-weight:500}.login-form{display:flex;flex-direction:column;gap:1.25rem}.field{display:flex;flex-direction:column;gap:.5rem}.field-label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#94a3b8}.field-input-wrap{position:relative;display:flex;align-items:center}.field-icon{position:absolute;left:1rem;pointer-events:none;color:#94a3b8}.field-icon .material-symbols-outlined{font-size:20px}.field-input{width:100%;padding:.9rem 3rem;border-radius:12px;border:1.5px solid #f1f5f9;background:#f8fafc99;font-size:.9rem;color:#0f172a;font-family:Inter,sans-serif;outline:none;transition:all .2s ease}.field-input::-moz-placeholder{color:#94a3b8}.field-input::placeholder{color:#94a3b8}.field-input:focus{border-color:#137fec;background:#fff;box-shadow:0 0 0 4px #137fec14}.field-error{font-size:.75rem;color:#ef4444;display:flex;align-items:center;gap:.25rem}.field-error .material-symbols-outlined{font-size:14px}.toggle-password{position:absolute;right:1rem;border:none;background:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s;padding:0;outline:none;z-index:10}.toggle-password:hover{color:#137fec}.toggle-password .material-symbols-outlined{font-size:20px}.form-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.remember-wrap{display:flex;align-items:center;gap:.5rem}.remember-check{width:16px;height:16px;border-radius:4px;border:1.5px solid #cbd5e1;cursor:pointer;accent-color:#137fec}.remember-label{font-size:.75rem;font-weight:500;color:#64748b;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.forgot-link{font-size:.75rem;font-weight:700;color:#137fec;text-decoration:none;transition:opacity .15s;white-space:nowrap}.forgot-link:hover{text-decoration:underline;opacity:.85}.submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border-radius:14px;background:#137fec;color:#fff;font-size:.9rem;font-weight:700;font-family:Inter,sans-serif;border:none;cursor:pointer;box-shadow:0 8px 32px #137fec4d,0 2px 8px #137fec33;transition:all .2s ease;letter-spacing:.01em}.submit-btn:hover{background:#0f6fd4;box-shadow:0 12px 40px #137fec59;transform:translateY(-1px)}.submit-btn:active{transform:scale(.98)}.submit-btn .material-symbols-outlined{font-size:18px;transition:transform .2s}.submit-btn:hover .material-symbols-outlined{transform:translate(4px)}.login-footer{margin-top:3.5rem;padding-top:2rem;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;align-items:center;gap:1rem}.status-pill{display:flex;align-items:center;gap:.625rem;padding:.4rem 1rem;background:#f8fafc;border-radius:9999px}.status-dot{position:relative;display:flex;width:8px;height:8px}.status-dot-ping{position:absolute;inset:0;border-radius:9999px;background:#34d399;opacity:.75;animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}.status-dot-core{position:relative;width:8px;height:8px;border-radius:9999px;background:#10b981}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.status-text{font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:#64748b}.register-row{font-size:.875rem;color:#64748b;text-align:center}.register-link{font-weight:700;color:#137fec;text-decoration:none}.register-link:hover{text-decoration:underline}.version-text{font-size:.625rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#e2e8f0}.material-symbols-outlined{font-family:Material Symbols Outlined;font-style:normal;font-weight:400;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;font-feature-settings:"liga"}