:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#162a40;background:#f5f7fa}*{box-sizing:border-box}body{margin:0}.layout{min-height:100vh;display:flex}aside{width:248px;background:#10263d;color:#fff;padding:26px 16px;display:flex;flex-direction:column}.brand{font-size:17px;font-weight:750;line-height:1.5;padding:8px 12px 32px}.brand small{font-weight:400;color:#b4c6d8}nav{display:grid;gap:7px}nav button{border:0;background:transparent;color:#d0dbe5;text-align:left;padding:13px 14px;border-radius:9px;font-size:14px;cursor:pointer}nav button.active,nav button:hover{background:#284660;color:#fff}.footer{margin-top:auto;font-size:12px;color:#9cb1c5;padding:12px}main{padding:35px 45px;flex:1;max-width:1250px}header{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px;color:#6c7e90}.status{letter-spacing:0;color:#a66b17}h1{font-size:31px;margin:35px 0 5px}.sub{color:#708094;margin-bottom:35px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}article{background:#fff;border:1px solid #e1e7ee;border-radius:13px;padding:25px;box-shadow:0 3px 15px #20305009}.stats article{display:grid;gap:15px}.stats small{color:#6c7d8e}.stats strong{font-size:31px}h2{font-size:18px;margin:0 0 18px}li{margin:12px 0;color:#4a5c6e}@media(max-width:800px){.layout{display:block}aside{width:100%}nav{grid-template-columns:repeat(2,1fr)}main{padding:22px}.stats{grid-template-columns:repeat(2,1fr)}}