:root{--g:#0b5d4b;--bg:#f3f6f8;--line:#dfe5eb}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Arial;background:var(--bg);color:#172235}header{padding:40px 6vw 55px;background:linear-gradient(135deg,#0b5d4b,#13866e);color:#fff;display:flex;justify-content:space-between;align-items:center}header h1{font-size:3rem;margin:.4rem 0}header p{margin:0;opacity:.85}header b{background:#fff;color:#0b5d4b;padding:12px 18px;border-radius:30px}main{max-width:1150px;margin:-25px auto 0;padding:0 22px 40px}.metrics,.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metrics article,.panel,.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:0 12px 32px #0f22360f}.metrics strong{display:block;font-size:1.5rem;margin-top:8px}.panel{margin-top:20px}.grid{grid-template-columns:repeat(3,1fr)}.card h3{margin-top:0}.badge{float:right;font-size:.75rem;padding:5px 9px;border-radius:20px;background:#e8f6ee;color:#147a45}.planned{background:#eef2f7;color:#596474}footer{text-align:center;color:#697486;padding-top:30px}@media(max-width:800px){header{align-items:flex-start;flex-direction:column;gap:20px}.metrics,.grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.metrics,.grid{grid-template-columns:1fr}header h1{font-size:2.1rem}}