:root{--hsb-blue:#0b2545;--hsb-gray:#f4f5f7;--hsb-red:#c0392b;--hsb-orange:#e67e22;--hsb-green:#27ae60}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--hsb-gray);color:#1a1a1a}.topnav{display:flex;gap:24px;align-items:center;background:var(--hsb-blue);color:#fff;padding:14px 24px}.topnav a{color:#fff;text-decoration:none;font-size:14px}.content{padding:24px;max-width:1200px;margin:0 auto}.card{background:#fff;border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px rgba(0,0,0,.08)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px}.badge-rouge{background:var(--hsb-red)}.badge-orange,.badge-rouge{color:#fff;padding:2px 8px;border-radius:4px;font-size:12px}.badge-orange{background:var(--hsb-orange)}.badge-vert{color:#fff;background:var(--hsb-green);padding:2px 8px;border-radius:4px;font-size:12px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:8px;border-bottom:1px solid #eee;font-size:14px}