.tasks-page{max-width:1250px;margin:auto;padding:28px}.tasks-back{color:#fff;text-decoration:none;font-weight:700}.task-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.task-metrics article{display:flex;flex-direction:column;padding:18px;border:1px solid #d9dee5;border-radius:12px;background:#fff}.task-metrics strong{font-size:30px;color:#245c5a}.task-metrics span{color:#66717d}.task-metrics .overdue strong{color:#a33b3b}.task-toolbar{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;padding:14px;margin-bottom:16px}.task-toolbar label{margin:0}.task-toolbar .task-search{grid-column:1/-1}.task-list{display:grid;gap:12px}.task-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:17px;border:1px solid #d9dee5;border-left:5px solid #9aa6ad;border-radius:11px;background:#fff}.task-card.high{border-left-color:#d97706}.task-card.critical,.task-card.overdue{border-left-color:#a33b3b}.task-card.done{opacity:.68}.task-card h3{margin:0 0 6px}.task-meta{display:flex;flex-wrap:wrap;gap:7px 14px;color:#66717d;font-size:13px}.task-description{margin:10px 0;color:#4a5561}.task-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.task-actions select{min-width:150px}.task-actions input{min-width:210px}.task-assignee{font-weight:700;color:#245c5a}.task-role{display:inline-block;padding:3px 8px;border-radius:999px;background:#e7efed;color:#245c5a;font-weight:700}.system-task{background:#fff0f0;color:#8a2525}.task-empty{padding:34px;text-align:center;color:#66717d}.task-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}#taskDialog{width:min(680px,94vw)}#taskDialog form{padding:22px}@media(max-width:700px){.tasks-page{padding:16px}.task-metrics{grid-template-columns:1fr 1fr}.task-toolbar,.task-form-grid{grid-template-columns:1fr}.task-toolbar .task-search{grid-column:auto}.task-card{grid-template-columns:1fr}.task-actions{align-items:stretch;flex-direction:column}.task-actions select,.task-actions input,.task-actions button{width:100%}}