*{box-sizing:border-box}body{margin:0;font:15px system-ui,sans-serif;background:#f5f7fb;color:#172033;display:flex;min-height:100vh}aside{width:240px;background:#101a30;color:#c8d1e3;padding:28px 18px;display:flex;flex-direction:column}h1{font-size:22px;color:#fff;margin:0}aside p{color:#7f91b2;margin-top:5px}nav{margin-top:28px;display:grid;gap:6px}nav a{padding:11px 12px;border-radius:8px;color:#c8d1e3}nav .active{background:#243558;color:#fff}aside small{margin-top:auto;color:#7184a8}main{padding:42px;max-width:1250px;width:100%}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h2{margin:0;font-size:28px}h3{margin-top:0}.cards,.grid{display:grid;gap:18px;margin-bottom:20px}.cards{grid-template-columns:repeat(4,1fr)}.grid{grid-template-columns:1.15fr .85fr}article,section{background:#fff;border:1px solid #e3e9f3;border-radius:14px;padding:22px;box-shadow:0 2px 8px #20345c0a}.cards span,em{display:block;color:#6c7b95;font-style:normal}.cards strong{display:block;font-size:28px;margin:11px 0}.button,button{display:inline-block;border:0;border-radius:8px;padding:10px 14px;background:#2364e8;color:#fff;text-decoration:none;font:inherit}.actions{display:flex;gap:10px;flex-wrap:wrap}button:disabled{background:#cbd4e5;color:#68758b}li{margin:12px 0}b{color:#168552}@media(max-width:800px){aside{display:none}main{padding:22px}.cards,.grid{grid-template-columns:1fr}header{align-items:flex-start;gap:15px;flex-direction:column}}