*{box-sizing:border-box}body{margin:0;background:#efefec;color:#222;font-family:Arial}header{background:#222;color:#fff;padding:24px 5vw;display:flex;justify-content:space-between;align-items:center}header h1{margin:4px 0}header p{margin:0;color:#ccc;font-style:italic}nav{display:flex;gap:16px;flex-wrap:wrap}nav a{color:#fff;font-weight:800}main{max-width:1250px;margin:auto;padding:35px 5vw}.top{display:flex;justify-content:space-between;align-items:center}.top h2{font-size:38px}.top select{padding:12px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.metric,.panel{background:#fff;border:1px solid #ddd;padding:20px}.metric b{display:block;font-size:30px}.metric span{font-size:12px;color:#666;font-weight:800}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.row{display:grid;grid-template-columns:2fr .7fr 1fr 1fr .8fr .8fr;gap:10px;padding:11px;border-top:1px solid #eee}.row.head{background:#eee;font-weight:900}.list{display:grid;grid-template-columns:1fr auto;gap:10px;padding:10px 0;border-top:1px solid #eee}.list small{display:block;color:#666}@media(max-width:800px){header,.top{flex-direction:column;align-items:flex-start}.metrics{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}.table{overflow:auto}.row{min-width:760px}}