:root{color-scheme:dark;--background:#06111c;--panel:#071724;--text:#f6f8fb;--muted:#a6b8c5;--accent:#1fc0bd;--border:#4c6a83;--inputBackground:#071724;--button:#a85718;--buttonHover:#c86b22;--buttonText:#fff;--error:#ffb1a4;--panelWidth:560px;--panelRadius:26px;--inputRadius:15px;--fontFamily:'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--text);font-family:var(--fontFamily);min-height:100dvh;transition:background .2s,color .2s}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}
.login-layout{width:calc(100% - 40px);margin:auto;padding:clamp(24px,5vh,56px) 0 30px}.brand-header{text-align:center}.brand-art{position:relative;width:min(100%,80vh,1100px);margin:0 auto;aspect-ratio:2.22/1;overflow:hidden;background:#06111c;border-radius:12px}.brand-art img{display:block;width:100%;height:100%;object-fit:contain}.brand-art.reference-crop img{height:auto;transform:translateY(-14%)}.environment-label{display:inline-block;margin:9px 0 22px;color:var(--muted);font-size:11px;letter-spacing:3px;font-weight:600}
.login-panel{max-width:var(--panelWidth);margin:0 auto;border:2px solid var(--border);border-radius:var(--panelRadius);padding:32px 34px 34px;background:var(--panel);box-shadow:0 22px 60px #00000020}.heading-row{display:flex;align-items:center;gap:18px}.person-icon{width:34px;height:34px;flex:none;stroke:var(--accent);stroke-width:2.6}h1{font-size:clamp(25px,4.8vw,31px);line-height:1.15;margin:0;font-weight:750;letter-spacing:-.7px}.intro{font-size:14px;line-height:1.5;color:var(--muted);margin:15px 0 27px}
label{display:block;color:var(--accent);font-weight:700;font-size:17px;margin:0 0 10px}input{width:100%;height:65px;border:2px solid var(--accent);border-radius:var(--inputRadius);padding:0 19px;color:var(--text);background:var(--inputBackground);font-size:18px;outline:none}input::placeholder{color:var(--muted);opacity:1}input:focus{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 15%,transparent)}#employee{margin-bottom:23px}.pin-field{position:relative}.pin-field input{padding-right:70px}.eye-button{position:absolute;right:9px;top:8px;border:0;border-radius:10px;background:transparent;color:var(--accent);width:49px;height:49px;display:grid;place-items:center}.eye-button svg{width:29px;stroke:currentColor;stroke-width:2.2}.error-message{color:var(--error);font-size:14px;line-height:1.5;margin:13px 0;min-height:21px}.error-message:empty{margin:10px 0;min-height:8px}.login-button{width:100%;height:66px;border:0;border-radius:14px;background:var(--button);color:var(--buttonText);font-size:21px;font-weight:750;letter-spacing:3px;transition:background .15s}.login-button:hover{background:var(--buttonHover)}
.theme-controls{display:flex;align-items:center;justify-content:center;gap:23px;max-width:450px;margin:28px auto 0}.theme-line{height:2px;background:var(--accent);flex:1}.theme-switch{border:2px solid var(--border);border-radius:36px;display:flex;padding:4px;gap:3px}.theme-switch button{width:56px;height:46px;display:grid;place-items:center;border:0;background:transparent;color:var(--muted);border-radius:28px}.theme-switch button[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 17%,transparent);color:var(--accent)}.theme-switch svg{width:28px;height:28px}.page-status{text-align:center;color:var(--muted);font-size:13px;line-height:1.5}.welcome-panel{text-align:center}.welcome-panel .heading-row{justify-content:center}.signed-in-name{font-size:25px;font-weight:700;margin-top:26px}.welcome-panel .login-button{margin-top:24px;font-size:16px}
:root[data-theme=light]{color-scheme:light} @media(max-width:480px){.login-layout{width:calc(100% - 28px);padding-top:22px}.login-panel{padding:26px 23px 27px}.intro{font-size:13px}.heading-row{gap:13px}.person-icon{width:29px;height:29px}.theme-controls{max-width:330px;gap:19px}input{font-size:17px;height:62px}.brand-art{width:100%}.environment-label{margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}