:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif}
*{box-sizing:border-box}
html,body{height:100%;margin:0}
body{background:#f2f5fa;color:#111b3b}
.login-screen{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}
.login-panel{width:420px;padding:30px 32px 28px;border:1px solid #dbe2ec;border-radius:7px;background:#fff;box-shadow:0 18px 48px rgba(25,42,70,.12)}
.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:26px}
.login-brand h1{margin:0;font-size:22px;letter-spacing:0}
.logo-mark{width:36px;height:36px;border-radius:8px;background:#1e88ff;color:#fff;display:grid;place-items:center;font-weight:850}
.login-form{display:grid;gap:16px}
.login-field{display:grid;gap:7px}
.login-field span{color:#344054;font-size:13px;font-weight:750}
.login-input{width:100%;height:42px;border:1px solid #ccd5e2;border-radius:6px;padding:0 12px;color:#111b3b;background:#fff;font:inherit;font-size:14px;outline:none}
.login-input:focus{border-color:#1769ff;box-shadow:0 0 0 3px rgba(23,105,255,.1)}
.login-submit{height:42px;border:1px solid #1769ff;border-radius:6px;background:#1769ff;color:#fff;font:inherit;font-weight:800;cursor:pointer}
.login-submit:hover{background:#0e60e8}.login-submit:disabled{cursor:wait;opacity:.68}
.login-error{min-height:20px;color:#e5484d;font-size:13px}
@media(max-width:520px){.login-panel{width:100%;padding:26px 22px}.login-screen{padding:16px}}