:root{font-family:Arial,sans-serif;color:#172033;background:#f4f6f9}*{box-sizing:border-box}body{margin:0}.wrap{max-width:1100px;margin:0 auto;padding:24px}.card{background:#fff;border:1px solid #dfe4ea;border-radius:16px;padding:24px;margin:16px 0}.nav{display:flex;gap:10px;flex-wrap:wrap}.nav a{padding:8px 12px;border:1px solid #ccd4dd;border-radius:10px;text-decoration:none;color:inherit}.badge{display:inline-block;padding:5px 9px;border-radius:999px;background:#e7f0ff}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.metric{border:1px solid #e1e6ec;border-radius:12px;padding:16px}h1,h2{margin-top:0}small{color:#667085}