*{box-sizing:border-box}body{margin:0;font-family:Arial;background:#f4f6f8}aside{position:fixed;inset:0 auto 0 0;width:250px;background:#102A43;color:#fff;padding:24px;overflow:auto}aside a{display:block;color:#eef3f5;text-decoration:none;padding:8px 0;border-bottom:1px solid #ffffff14}main{margin-left:250px;padding:28px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:white;padding:20px;border-radius:16px}.pill{background:#7B61FF;padding:8px 12px;border-radius:999px}@media(max-width:800px){aside{position:static;width:auto}main{margin:0}.grid{grid-template-columns:1fr}}