*{box-sizing:border-box}body{color:#172033;background:#f4f7fb;margin:0;font-family:Arial}button,input{font:inherit}.login{background:#14213d;place-items:center;min-height:100vh;display:grid}.login form,form,.list,article{background:#fff;border-radius:16px;padding:24px;box-shadow:0 8px 28px #0001}.login form{width:min(420px,92vw)}input{border:1px solid #dce3ee;border-radius:9px;width:100%;margin:7px 0;padding:12px}button{color:#fff;cursor:pointer;background:#172033;border:0;border-radius:9px;padding:11px 16px}.shell{grid-template-columns:230px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#111827;flex-direction:column;gap:18px;padding:24px;display:flex}main{padding:28px}header{justify-content:space-between;display:flex}.stats{grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0;display:grid}.stats article{flex-direction:column;gap:8px;display:flex}.stats b{font-size:30px}.grid{grid-template-columns:360px 1fr;gap:18px;display:grid}.row{border-bottom:1px solid #edf0f5;justify-content:space-between;padding:13px 0;display:flex}@media (width<=850px){.shell{grid-template-columns:1fr}aside{display:none}.stats,.grid{grid-template-columns:1fr}main{padding:15px}}