:root{color:#17151a;background:#f6f7f9;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}.shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#19131a;padding:32px 24px}aside p{opacity:.75;margin:24px 0}main{padding:42px}header{justify-content:space-between;align-items:center;display:flex}header h1{margin:5px 0 30px;font-size:38px}button{background:#fff;border:1px solid #ddd;border-radius:10px;padding:10px 14px}.cards{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.cards article,.panel{background:#fff;border:1px solid #e8e8eb;border-radius:16px;padding:22px}.cards strong{margin-top:18px;font-size:34px;display:block}.panel{min-height:260px;margin-top:22px}@media (width<=850px){.shell{grid-template-columns:1fr}.shell>aside{display:none}.cards{grid-template-columns:1fr 1fr}}