:root { color-scheme: light; font-family: Inter, system-ui, sans-serif; background:#f4f1ea; color:#17241f; }
* { box-sizing:border-box; }
body { margin:0; }
main { max-width:1180px; margin:auto; padding:48px 28px; }
header { display:flex; justify-content:space-between; align-items:flex-end; gap:24px; }
.eyebrow { color:#85765e; font-size:12px; letter-spacing:.16em; }
h1 { margin:.3rem 0 0; font:600 clamp(32px,5vw,58px)/1.05 Georgia,serif; }
.status { padding:10px 14px; border:1px solid #bdc9c2; border-radius:99px; color:#37604e; }
.summary { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin:42px 0; }
.summary article { background:#fff; padding:22px; border-radius:18px; box-shadow:0 8px 30px #1d322310; }
.summary span { display:block; color:#6d756f; }
.summary strong { display:block; margin-top:18px; font-size:32px; }
.empty { min-height:330px; display:grid; place-content:center; text-align:center; border:1px dashed #a8b4ad; border-radius:24px; padding:32px; }
.empty h2 { margin:0 0 10px; }
.empty p { max-width:600px; color:#66716b; }
@media (max-width:700px) { header{align-items:flex-start;flex-direction:column}.summary{grid-template-columns:1fr} }