:root{--p:#1f5eff;--bg:#f4f7fb;--text:#172033}*{box-sizing:border-box}body{margin:0;font:15px system-ui;color:var(--text);background:var(--bg)}aside{position:fixed;width:230px;height:100vh;background:#101a2f;color:#fff;padding:24px}nav{line-height:2.7;color:#c9d3e8}.content{margin-left:230px;padding:30px}header{display:flex;justify-content:space-between;align-items:center}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}article,form{background:#fff;border-radius:12px;padding:22px;box-shadow:0 5px 20px #20305012}article strong{display:block;font-size:28px;margin-top:8px}.login{min-height:100vh;display:grid;place-items:center}.login form{width:min(400px,92vw)}label,input,button{display:block;width:100%;margin:12px 0}input{padding:12px;border:1px solid #ccd4e0;border-radius:7px}button{padding:12px;border:0;border-radius:7px;background:var(--p);color:#fff}.error{color:#b42318}@media(max-width:700px){aside{position:static;width:auto;height:auto}.content{margin:0}}