:root{color-scheme:dark;--bg:#0c111b;--ink:#f0f1ed;--muted:#919caa;--accent:#f3b960;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;font-family:Inter,"Segoe UI",system-ui,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}button,input{font:inherit}[hidden]{display:none!important}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.login-shell{min-height:100svh;display:grid;grid-template-columns:1.04fr 1fr}.workspace-story{position:relative;overflow:hidden;padding:42px 54px 28px;display:flex;flex-direction:column;background:#141d29;border-right:1px solid #28323e}.brand{display:flex;gap:12px;align-items:center;align-self:flex-start;color:var(--ink);text-decoration:none;font-size:13px;font-weight:750;letter-spacing:2px}.brand-icon{width:40px;height:40px;color:var(--accent);display:grid;place-items:center;border:1px solid #786140;border-radius:10px}.brand-icon svg{width:26px;height:26px}.brand-subtitle{display:block;color:#9ba7b5;font:9px/1.8 var(--mono);letter-spacing:1.6px}.story-content{width:min(100%,465px);margin:auto;padding:58px 0 34px}.eyebrow{font:10px/1.6 var(--mono);letter-spacing:1.8px;color:var(--accent);margin:0 0 23px}.eyebrow>span,.access-label>span,.scene-tag>span{display:inline-block;width:5px;height:5px;background:currentColor;border-radius:50%;vertical-align:middle;margin-right:8px}.story-content h1{font-size:clamp(40px,4.6vw,66px);font-weight:550;letter-spacing:-3px;line-height:1.08;margin:0 0 24px}.story-description{color:#a4afbc;line-height:1.8;font-size:15px;margin:0}.label-scene{position:relative;height:280px;margin-top:36px;display:grid;place-items:center;isolation:isolate}.scene-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#33425255 1px,transparent 1px),linear-gradient(90deg,#33425255 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse,black 30%,transparent 72%)}.scene-coordinate{position:absolute;font:8px var(--mono);letter-spacing:1.5px;color:#7f8c9d}.coordinate-top{left:0;top:0}.coordinate-bottom{right:0;bottom:0}.shipment-label{background:#eeeae1;color:#252a2d;width:270px;padding:19px 21px;transform:rotate(-7deg);border-radius:4px;box-shadow:0 20px 45px #0004,7px 8px 0 #252f3c;border:1px solid #fff4}.label-top{display:flex;align-items:center;justify-content:space-between;font:7px var(--mono);letter-spacing:.7px;border-bottom:1px solid #bbb8ad;padding-bottom:13px}.label-top svg{width:21px;height:21px}.label-model{font-size:32px;font-weight:750;letter-spacing:-1px;margin:13px 0}.label-model>span{display:block;font:7px/1.6 var(--mono);letter-spacing:1px;color:#6b6c64;margin-top:3px}.label-specs{display:grid;grid-template-columns:repeat(3,1fr);font:7px var(--mono);color:#686a63;border-block:1px solid #c6c2b6;padding:10px 0}.label-specs>div+div{border-left:1px solid #c6c2b6;padding-left:12px}.label-specs strong{display:block;font-size:12px;color:#2c302e;margin-top:5px}.label-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.label-bottom span{font:6px var(--mono);letter-spacing:.6px;color:#666b64;display:block}.label-bottom strong{font:17px/1.8 var(--mono)}.barcode{height:30px;width:76px;background:repeating-linear-gradient(90deg,#303631 0 2px,transparent 2px 4px,#303631 4px 5px,transparent 5px 8px,#303631 8px 11px,transparent 11px 13px);opacity:.85}.scene-tag{position:absolute;right:-3px;bottom:31px;border:1px solid #52614b;color:#c6d5b6;background:#253129;padding:10px 12px;box-shadow:0 7px 20px #0003;border-radius:5px;font:9px var(--mono)}.scene-tag>span{color:#b1cb93}.story-footer{display:flex;justify-content:space-between;gap:12px;font:8px/1.6 var(--mono);letter-spacing:1px;color:#7f8c9d;margin:0}.story-footer>span{color:#607082}.sign-in-panel{display:flex;flex-direction:column;padding:47px 52px 28px;min-width:0}.access-label{font:9px var(--mono);letter-spacing:1.3px;color:#899587;align-self:flex-end}.access-label>span{color:#adc09a}.sign-in-content{width:100%;max-width:365px;margin:auto;padding:60px 0}.entry-icon{height:46px;width:46px;display:grid;place-items:center;border:1px solid #544631;color:var(--accent);background:#262117;border-radius:12px;margin-bottom:28px}.entry-icon svg{height:25px;width:25px}.form-eyebrow{font-size:9px;color:#a9987d;margin-bottom:10px}.sign-in-content h2{font-size:36px;line-height:1.2;font-weight:550;letter-spacing:-1.2px;margin:0 0 12px}.form-description{font-size:14px;color:var(--muted);line-height:1.6;margin:0 0 34px}.form-field{margin-bottom:21px}.form-field>label{display:block;font-size:12px;font-weight:550;color:#d5d9df;margin-bottom:10px}.input-wrap{position:relative;display:flex;align-items:center;border:1px solid #303946;background:#141b26;border-radius:7px;transition:border-color .15s,box-shadow .15s}.input-wrap:focus-within{border-color:#cf9c51;box-shadow:0 0 0 3px #efb65e12}.input-wrap>svg{width:17px;height:17px;margin-left:15px;flex:none;color:#7b899b}.input-wrap input{width:100%;min-width:0;outline:0;border:0;background:transparent;color:var(--ink);padding:16px 13px;font-size:13px;border-radius:7px}.input-wrap input::placeholder{color:#6f7c8e}.input-wrap:has(input[aria-invalid=true]){border-color:#d8917f}.password-toggle{font-size:11px;font-weight:550;background:transparent;color:#b7c0cd;border:0;padding:13px 14px;border-radius:4px;min-height:44px}.password-toggle:hover{color:var(--accent)}#login-message{color:#efb5a6;border:1px solid #684238;background:#2b201f;border-radius:6px;padding:12px 14px;font-size:12px;line-height:1.6;margin:0 0 18px}#login-submit{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px 18px;background:var(--accent);color:#231c12;border:1px solid var(--accent);border-radius:7px;font-size:13px;font-weight:700;min-height:51px;transition:background .15s,transform .15s;margin-top:28px}#login-submit:hover{background:#ffcb80;border-color:#ffcb80}#login-submit:active{transform:translateY(1px)}#login-submit:disabled{cursor:wait;opacity:.75}#login-submit svg{height:18px;width:18px}.spinner{width:17px;height:17px;border:2px solid #231c1240;border-top-color:#231c12;border-radius:50%;animation:spin .7s linear infinite}.account-note{display:flex;align-items:flex-start;justify-content:center;gap:8px;color:#8290a1;font-size:11px;line-height:1.7;margin:23px 0 0}.account-note svg{width:15px;height:17px;flex:none;margin-top:1px;color:#9caa97}.panel-footer{margin:0;display:flex;justify-content:space-between;gap:10px;font:8px/1.6 var(--mono);letter-spacing:.7px;color:#687587}.panel-footer span{color:#536174}input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px #141b26 inset;-webkit-text-fill-color:var(--ink);caret-color:var(--ink)}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.workspace-story{padding-left:8vw;padding-right:6vw}.sign-in-panel{padding-inline:6vw}.label-scene{height:320px}}
@media(max-width:1050px){.workspace-story{padding:32px 32px 24px}.sign-in-panel{padding:36px 32px 24px}.story-footer{display:block}.story-footer span{display:none}.scene-tag{right:-10px;font-size:8px}.panel-footer span{display:none}.story-content h1{letter-spacing:-2px}}
@media(max-width:740px){.login-shell{grid-template-columns:1fr;min-height:100svh}.workspace-story{padding:24px;border-right:0;border-bottom:1px solid #28323e}.story-content,.story-footer{display:none}.brand-icon{width:35px;height:35px}.brand{font-size:11px}.brand-subtitle{font-size:8px}.sign-in-panel{padding:24px;min-height:calc(100svh - 84px)}.access-label{font-size:8px;align-self:flex-start}.sign-in-content{padding:42px 0;max-width:390px}.entry-icon{margin-bottom:22px}.sign-in-content h2{font-size:34px}.panel-footer{font-size:7px}.panel-footer span{display:inline}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}