@font-face{font-family:'Price Plex';src:url('/web/fonts/plex-sans-cyrillic-400.woff2') format('woff2');unicode-range:U+0400-04FF,U+0500-052F;font-display:swap}
@font-face{font-family:'Price Plex';src:url('/web/fonts/plex-sans-latin-400.woff2') format('woff2');unicode-range:U+0000-00FF;font-display:swap}
@font-face{font-family:'Price Plex';src:url('/web/fonts/plex-sans-cyrillic-600.woff2') format('woff2');unicode-range:U+0400-04FF,U+0500-052F;font-weight:600;font-display:swap}
@font-face{font-family:'Price Plex';src:url('/web/fonts/plex-sans-latin-600.woff2') format('woff2');unicode-range:U+0000-00FF;font-weight:600;font-display:swap}
:root{--paper:#F5F6F3;--sheet:#FFFFFF;--ink:#1F2B33;--rule:#CDD4D8;--rule-strong:#9AA6AD;--focus:#0E6F6A;--alarm:#B23A2A}
*{box-sizing:border-box}
body{margin:0;font-family:'Price Plex',system-ui,'Segoe UI',Roboto,Arial,sans-serif;font-size:13px;color:var(--ink);background:var(--paper);min-height:100vh;display:flex;align-items:center;justify-content:center}
.loginBox{background:var(--sheet);border:1px solid var(--rule-strong);border-radius:2px;padding:32px 36px;width:340px}
.loginBox h1{font-size:19px;margin:0 0 4px}
.sub{font-size:12px;color:var(--ink);opacity:.65;margin:0 0 20px}
form label{display:block;font-size:12px;margin-bottom:12px}
form input{display:block;width:100%;margin-top:4px;padding:7px 9px;font-size:14px;font-family:inherit;border:1px solid var(--rule-strong);border-radius:4px}
form input:focus{outline:2px solid var(--focus);outline-offset:-1px;border-color:var(--focus)}
button{width:100%;height:32px;margin-top:8px;background:var(--focus);color:var(--sheet);border:0;border-radius:4px;font-size:14px;font-family:inherit;cursor:pointer}
button:hover{filter:brightness(1.08)}
button:disabled{opacity:.6;cursor:default}
.err{color:var(--alarm);font-size:13px;margin-top:10px;min-height:16px}