:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color-scheme:light;--page:#f7f5ef;--card:#fff;--text:#203a32;--muted:#69766f;--line:#dce3dd;--field:#fff;--accent:#204d3c;--accent-hover:#163c2d;--focus:#398864;--coral:#e59074;--error:#a52d26;--error-bg:#fff2ef;--shadow:0 24px 90px -38px #193d343b;--soft:#f1f5ef;--input-text:#263e34}
:root[data-theme=dark]{color-scheme:dark;--page:#111e19;--card:#192b23;--text:#edf3e9;--muted:#a4b5a9;--line:#3b5145;--field:#15261f;--accent:#b6dac0;--accent-hover:#cce9d3;--focus:#9ad0a8;--error:#ffb6a6;--error-bg:#3b2520;--shadow:0 24px 90px -38px #000b;--soft:#23392c;--input-text:#edf3e9}
*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:4px}button{cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:4px}[hidden]{display:none!important}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.login-shell{max-width:1440px;min-height:100svh;margin:auto;padding:32px 6% 22px;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.brand-logo{display:grid;place-items:center;width:58px;height:54px;background:#fffaf2;border:1px solid #e8e6dc;border-radius:15px}.brand-logo img{object-fit:contain}.brand-wordmark{font-size:23px;font-weight:750;letter-spacing:-.9px;line-height:1.2}.brand-wordmark>span{display:block;font-size:9px;letter-spacing:2px;font-weight:650;margin-top:5px;color:var(--muted)}.theme-button{display:grid;place-items:center;background:transparent;border:1px solid var(--line);border-radius:50%;width:45px;height:45px;color:var(--text)}.theme-button:hover{background:var(--soft)}.login-main{flex:1;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:8%;padding:54px 0 52px}.intro{max-width:610px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;display:flex;align-items:center;gap:10px;margin:0 0 23px}.eyebrow>span{height:7px;width:7px;background:#db876d;border-radius:50%}.intro h1{font-size:clamp(42px,4.65vw,66px);font-weight:630;letter-spacing:-3.2px;line-height:1.09;margin:0 0 22px}.intro h1 em{font-style:normal;color:#ae5d43}:root[data-theme=dark] .intro h1 em{color:#e5a68b}.intro-copy{max-width:390px;font-size:17px;color:var(--muted);line-height:1.7;margin:0}.label-scene{position:relative;min-height:220px;margin-top:24px;max-width:500px;isolation:isolate}.scene-orbit{position:absolute;left:40%;top:0;width:220px;height:220px;border:1px solid var(--line);border-radius:50%;z-index:-1}.scene-orbit:after{content:"";position:absolute;inset:18px;border:1px solid var(--line);border-radius:50%}.scene-caption{position:absolute;left:0;top:69px;font-size:13px;color:var(--muted);line-height:1.6}.sample-label{position:relative;margin-left:auto;margin-right:27px;top:13px;transform:rotate(-7deg);width:270px;background:#fffdf6;color:#203d31;border:1px solid #e5e5d8;border-radius:5px;padding:20px;box-shadow:0 15px 30px -16px #294d3752}.sample-top{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.6px;font-weight:800}.sample-top span:last-child{font-size:6px;color:#607465}.sample-title{font-size:27px;font-weight:750;letter-spacing:-1px;line-height:1.1;margin:21px 0 16px}.sample-rule{height:1px;background:#cdd5c8}.sample-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:7px;letter-spacing:1px;font-weight:800}.sample-bottom small{font-size:7px;letter-spacing:0;font-weight:400;display:block;margin-top:3px}.sample-barcode{width:73px;height:26px;background:repeating-linear-gradient(90deg,#263c2c 0 1px,transparent 1px 3px,#263c2c 3px 5px,transparent 5px 6px,#263c2c 6px 7px,transparent 7px 10px)}.scene-sticker{position:absolute;right:0;bottom:4px;display:flex;align-items:center;gap:7px;border:1px solid #b8d5af;background:#d8e9c9;color:#25492f;padding:9px 13px;border-radius:6px;font-size:11px;box-shadow:0 8px 15px -12px #25492f40;transform:rotate(4deg)}.scene-sticker .icon{width:16px;height:16px}.intro-footer{display:flex;align-items:center;gap:8px;margin-top:28px;font-size:11px;letter-spacing:.2px;color:var(--muted)}.intro-footer .icon{width:14px;height:14px}.signin-panel{width:100%;max-width:460px;justify-self:end;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:42px 38px 27px;box-shadow:var(--shadow)}.welcome-mark{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--line);background:var(--soft);border-radius:13px;margin-bottom:27px}.welcome-mark .icon{width:21px;height:21px}.signin-heading .eyebrow{font-size:9px;letter-spacing:1.6px;color:var(--muted);margin-bottom:8px}.signin-heading h2{font-size:36px;line-height:1.15;letter-spacing:-1.5px;margin:0 0 10px;font-weight:650}.signin-heading>p:last-child{margin:0;color:var(--muted);font-size:14px}.signin-heading{margin-bottom:30px}.field-group{margin-bottom:21px}.field-group label{display:block;font-size:13px;font-weight:650;margin-bottom:8px}.field-wrap{position:relative;display:flex;align-items:center;gap:11px;background:var(--field);border:1px solid var(--line);border-radius:9px;min-height:55px;padding:0 15px;transition:border-color .15s,box-shadow .15s}.field-wrap>.icon{width:18px;height:18px;color:var(--muted)}.field-wrap:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 14%,transparent)}.field-wrap:has([aria-invalid=true]){border-color:var(--error)}.field-wrap input{border:0;outline:none;width:100%;min-width:0;background:transparent;color:var(--input-text);font-size:16px;padding:16px 0;line-height:1.3}.field-wrap input:focus-visible{outline:0}.field-wrap input::placeholder{color:var(--muted);font-size:14px;opacity:.85}.field-wrap input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px var(--field) inset;-webkit-text-fill-color:var(--input-text)}.label-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.label-row a{font-size:11px;font-weight:550;color:var(--muted);text-decoration:none}.label-row a:hover{text-decoration:underline;color:var(--text)}.password-toggle{display:grid;place-items:center;flex-shrink:0;border:0;background:transparent;color:var(--muted);min-width:40px;min-height:44px;margin-right:-9px}.password-toggle .icon{width:19px;height:19px}.password-toggle:hover{color:var(--text)}.field-error,.caps-hint{font-size:12px;margin:7px 0 0;color:var(--error)}.caps-hint{color:var(--muted)}.remember-row{display:flex;margin:4px 0 23px}.remember-control{display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-size:12px;color:var(--muted);min-height:28px}.remember-control input{width:17px;height:17px;accent-color:#336448;margin:0}.signin-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:54px;padding:14px 20px;background:var(--accent);border:1px solid var(--accent);border-radius:9px;color:var(--card);font-size:15px;font-weight:650;transition:background .15s,transform .15s}.signin-button:hover{background:var(--accent-hover)}.signin-button:active{transform:translateY(1px)}.signin-button:disabled{opacity:.82}.signin-arrow{width:18px;height:18px}.button-spinner{height:18px;width:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}.login-status{text-align:center;font-size:12px;color:var(--muted);margin:9px 0 0;min-height:18px}.account-note{border-top:1px solid var(--line);padding-top:20px;margin-top:15px;display:flex;gap:10px;align-items:flex-start}.note-dot{width:6px;height:6px;margin-top:7px;border-radius:50%;background:var(--coral);flex-shrink:0}.account-note p{font-size:11px;line-height:1.7;color:var(--muted);margin:0}.account-note strong{font-weight:550;color:var(--text)}.form-message{display:flex;gap:9px;padding:12px;background:var(--error-bg);border:1px solid color-mix(in srgb,var(--error) 28%,transparent);border-radius:9px;color:var(--error);font-size:13px;margin-bottom:20px}.form-message>.icon{width:18px;height:18px;margin-top:2px}.form-message a{display:block;font-weight:650;margin-top:5px}.page-footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.3px;color:var(--muted)}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1500px){.login-main{gap:12%;padding-top:65px;padding-bottom:65px}}
@media(max-width:1050px){.login-shell{padding-left:5%;padding-right:5%}.login-main{gap:6%}.signin-panel{padding:34px 28px 24px}.intro h1{font-size:49px;letter-spacing:-2.5px}.sample-label{width:235px;margin-right:20px}.scene-caption{display:none}.scene-orbit{left:20%}}
@media(max-width:760px){.login-shell{padding:22px 22px 18px;max-width:540px}.topbar{margin-bottom:30px}.brand-logo{width:48px;height:46px;border-radius:12px}.brand-logo img{width:38px;height:32px}.brand-wordmark{font-size:22px}.brand-wordmark>span{font-size:8px;letter-spacing:1.7px}.theme-button{height:42px;width:42px}.login-main{display:flex;flex-direction:column;align-items:stretch;padding:0 0 30px;gap:0;justify-content:center}.intro{display:none}.signin-panel{max-width:none;padding:30px 25px 24px;border-radius:17px}.signin-heading h2{font-size:34px}.welcome-mark{margin-bottom:23px}.signin-heading>p:last-child{font-size:15px}.field-group label{font-size:14px}.label-row a{font-size:12px}.field-wrap input{font-size:17px}.field-wrap input::placeholder{font-size:14px}.remember-control{font-size:13px}.signin-button{font-size:16px;min-height:56px}.account-note p{font-size:12px}.page-footer{font-size:10px}.signin-heading{margin-bottom:28px}}
@media(max-width:360px){.login-shell{padding:17px 14px}.signin-panel{padding:26px 20px 22px}.label-row a{font-size:11px}.signin-heading h2{font-size:31px}.page-footer span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}