.task-page{--task-border:#e6e9ef;--task-muted:#667085;--task-bg:#f6f8fb}.task-page{background:var(--task-bg);min-height:100vh}.task-hero{background:linear-gradient(135deg,#111827,#263449);color:#fff;border-radius:1.25rem;padding:1.35rem}.task-stat{background:#fff;border:1px solid var(--task-border);border-radius:1rem;padding:1rem;height:100%}.task-stat .value{font-size:1.7rem;font-weight:750;line-height:1}.task-stat .label{color:var(--task-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;margin-top:.45rem}.task-filter,.task-card,.task-form-section{background:#fff;border:1px solid var(--task-border);border-radius:1rem;box-shadow:0 8px 24px rgba(16,24,40,.04)}.task-card{transition:.15s ease}.task-card:hover{transform:translateY(-1px);box-shadow:0 10px 26px rgba(16,24,40,.08)}.task-chip{display:inline-flex;align-items:center;padding:.25rem .55rem;border-radius:999px;font-size:.75rem;font-weight:650;background:#eef2f6;color:#344054}.task-chip-critical{background:#fee4e2;color:#b42318}.task-chip-high{background:#ffead5;color:#b54708}.task-chip-medium{background:#fef0c7;color:#93370d}.task-chip-open{background:#ecfdf3;color:#027a48}.task-chip-in_progress{background:#eff8ff;color:#175cd3}.task-chip-blocked{background:#fef3f2;color:#b42318}.task-chip-done{background:#f2f4f7;color:#475467}.task-due-overdue{color:#b42318;font-weight:700}.task-due-soon{color:#b54708;font-weight:700}.task-meta{color:var(--task-muted);font-size:.875rem}.task-title{font-size:1.03rem;font-weight:750;color:#101828;text-decoration:none}.task-title:hover{text-decoration:underline}.task-empty{padding:4rem 1rem;text-align:center}.task-form-section{padding:1.2rem;margin-bottom:1rem}.task-form-section h2{font-size:1rem;font-weight:750;margin-bottom:1rem}.task-check-tile{border:1px solid var(--task-border);border-radius:.8rem;padding:.8rem;height:100%;background:#fafbfc}.task-actions form{display:inline}.task-sticky-actions{position:sticky;bottom:0;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-top:1px solid var(--task-border);padding:.8rem 0;z-index:4}@media(max-width:767.98px){.task-hero{border-radius:0;margin-left:-.75rem;margin-right:-.75rem}.task-card .task-actions{margin-top:.8rem}}