.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.metrics>div{background:#fff;border:1px solid #dfe7df;border-radius:18px;padding:24px}.metrics strong{font-size:2.4rem;display:block;color:#185532}.metrics small{display:block;margin-top:8px}.task-card{display:flex;justify-content:space-between;gap:20px;background:white;border:1px solid #dfe7df;border-radius:18px;padding:24px;margin:16px 0}.task-card h3{margin:0}.task-card p{margin:8px 0}.task-card small{display:block;color:#536459}.task-state{display:inline-block;background:#edf3ee;border-radius:20px;padding:6px 12px;margin-top:12px}.task-card.overdue{border-inline-start:5px solid #c99829}.task-card .controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}details{margin:36px 0}summary{cursor:pointer;padding:20px;background:#e7eee7;border-radius:12px;font-weight:700}#task-form{border:1px solid #dfe7df}.heading h1{margin-bottom:0}@media(max-width:700px){.metrics{grid-template-columns:repeat(2,1fr);gap:10px}.metrics>div{padding:16px}.task-card{flex-direction:column}}