:root{--navy:#102a43;--blue:#1267a8;--line:#dce6ee;--muted:#667f94;--bg:#f4f7fa}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--navy);font:15px system-ui,-apple-system,sans-serif}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1120px)/2));gap:15px}.brand{color:var(--navy);font-size:18px;text-decoration:none}.brand b{display:inline-grid;place-items:center;width:30px;height:30px;background:var(--blue);color:#fff;border-radius:8px;margin-right:8px}.topbar nav{display:flex;gap:18px;align-items:center}.topbar nav a,.topbar button{color:var(--muted);background:none;border:0;text-decoration:none;font:inherit;cursor:pointer}.content{max-width:1120px;margin:auto;padding:48px 24px}h1{font-size:34px;letter-spacing:-.04em;margin:7px 0 28px}h2{margin-top:0}p{color:var(--muted);line-height:1.6}.panel,.metrics article{background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:20px 0}.metrics article{color:var(--muted)}.metrics strong{display:block;font-size:30px;color:var(--navy);margin-top:8px}.metrics small{font-size:12px;font-weight:400}.login{min-height:calc(100vh - 170px);display:grid;grid-template-columns:1fr 400px;align-items:center;gap:80px}.login h1{font-size:48px}.login>section>span{color:var(--blue);font-weight:700;letter-spacing:.12em;font-size:12px}.login .panel{box-shadow:0 16px 48px #102a4312}label{display:block;color:#3e566a;font-weight:600;font-size:13px;margin:14px 0}input{display:block;width:100%;padding:11px;margin-top:6px;border:1px solid #cbd7e2;border-radius:7px;font:inherit}input:focus{outline:3px solid #1267a81a;border-color:var(--blue)}button.primary{background:var(--blue);color:#fff;border:0;border-radius:7px;padding:11px 16px;font-weight:700;cursor:pointer}.error{color:#b42318}li{padding:9px 0;border-bottom:1px solid #edf2f5}li:last-child{border:0}small{color:var(--muted)}@media(max-width:700px){.topbar{padding:0 18px}.topbar nav{gap:9px;font-size:13px}.content{padding:30px 18px}.login,.metrics{grid-template-columns:1fr}.login{gap:25px}.login h1{font-size:36px}}