:root{color-scheme:dark;font:13px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;color:#c5c8ce;background:#1e1f22;--accent:#80b49c;--muted:#858b96}
*{box-sizing:border-box;border:0;border-radius:0;box-shadow:none}html,body{margin:0;min-height:100%;width:100%}body{min-height:100dvh;background:#1e1f22}button,input{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}[hidden]{display:none!important}button:focus-visible,input:focus-visible{outline:1px solid #8cb9cf;outline-offset:-1px}svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.login-titlebar{height:32px;background:#18191c;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:12px;color:#a0a5af}.transport{display:flex;align-items:center;gap:6px;font-size:11px;color:#747c87}.transport svg{width:12px;height:12px}main{min-height:calc(100dvh - 54px);display:grid;place-items:center;padding:40px 20px 68px}.login-panel{width:360px;max-width:100%;padding:26px;background:#25262a}.login-heading{display:flex;align-items:center;gap:10px}.lock-symbol{width:30px;height:30px;display:grid;place-items:center;background:#303a35;color:#91b39f}.lock-symbol svg{width:17px;height:17px}h1{font-size:21px;line-height:1.3;letter-spacing:.02em;font-weight:500;margin:0;color:#e0e3e8}.login-description{margin:12px 0 25px;font-size:12px;color:#8f959f}form>label,.password-label label{display:block;font-size:12px;color:#b2b7c0;margin-bottom:7px}.field{display:flex;align-items:center;gap:9px;height:36px;padding:0 10px;background:#303238;color:#727b86;min-width:0}.field:focus-within{background:#353940}.field input{height:36px;line-height:20px;background:transparent;outline:none;min-width:0;width:100%;padding:0;color:#d6dae2;font-size:13px}.field input::placeholder{color:#69727f}.field input:focus-visible{outline:none}.field:has(input:focus-visible){outline:1px solid #7c9ba8;outline-offset:-1px}.field>svg{width:15px;height:15px}.field button{display:grid;place-items:center;flex-shrink:0;padding:0;width:27px;height:30px;background:none;color:#8a939e}.password-label{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.password-label #caps-lock{font-size:10px;color:#c6a87d;margin-bottom:7px}.login-submit{width:100%;height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#547e69;color:#e7f0ea;margin-top:24px;font-size:13px;font-weight:500}.login-submit svg{width:16px;height:16px;color:#bcd0c3}.login-error{background:#3a2d2b;color:#d1a28f;padding:9px 10px;font-size:12px;line-height:1.7;margin-top:16px;overflow-wrap:anywhere}.login-status{font-size:11px;color:#8a9c90;margin:0;line-height:1.7;min-height:0}.login-status:not(:empty){margin-top:12px}.login-statusbar{height:22px;position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#2b3a36;color:#aabbaf;font-size:11px}.login-statusbar span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70vw}input:-webkit-autofill{-webkit-text-fill-color:#d6dae2;caret-color:#d6dae2;background:#303238;background-clip:text}
@media(hover:hover) and (pointer:fine){.login-submit:hover:not(:disabled){background:#628d77}.field button:hover{background:#3a3f47;color:#c2cad4}}
@media(max-width:480px){main{padding:24px 18px 50px}.login-panel{padding:24px 20px;width:350px}.field,.field input,.login-submit{height:38px}.login-titlebar{padding:0 12px}.login-description{margin-bottom:23px}}
@media(max-height:500px){main{place-items:start center;padding-top:24px;padding-bottom:40px}.login-statusbar{position:static}.login-description{margin-bottom:16px}}