.tasks-page{min-height:72vh}.tasks-layout{display:grid;grid-template-columns:minmax(280px,360px) 1fr;gap:18px;align-items:start}.tasks-form-card{position:sticky;top:88px}.tasks-form-card h2{margin-top:0}.tasks-form-grid{display:grid;gap:12px}.tasks-form-grid .field{display:grid;gap:6px}.tasks-form-grid textarea{min-height:90px;resize:vertical}.tasks-form-actions{display:flex;gap:9px;flex-wrap:wrap}.tasks-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.tasks-stat{padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.02)}.tasks-stat span{display:block;color:var(--muted);font-size:.82rem}.tasks-stat strong{display:block;margin-top:5px;font-size:1.35rem}.tasks-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.tasks-filter button.active{border-color:rgba(34,197,94,.38);background:rgba(34,197,94,.09);color:#86efac}.tasks-list{display:grid;gap:10px}.task-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.02)}.task-card.is-overdue{border-color:rgba(239,68,68,.32);background:rgba(239,68,68,.06)}.task-card.is-done{opacity:.62}.task-check{margin-top:4px;width:20px;height:20px}.task-card h3{margin:0 0 7px;font-size:1rem}.task-meta{display:flex;gap:7px;flex-wrap:wrap}.task-meta span{padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.05);color:var(--muted);font-size:.78rem}.task-meta .priority-high{background:rgba(239,68,68,.1);color:#fecaca}.task-meta .priority-low{background:rgba(59,130,246,.1);color:#bfdbfe}.task-notes{margin:9px 0 0;color:var(--muted);line-height:1.7;font-size:.9rem}.task-actions{display:flex;gap:6px}.task-actions button{padding:7px 9px}.tasks-empty{padding:30px 18px;text-align:center;border:1px dashed var(--line);border-radius:18px;color:var(--muted)}@media(max-width:850px){.tasks-layout{grid-template-columns:1fr}.tasks-form-card{position:static}.tasks-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.task-card{grid-template-columns:auto 1fr}.task-actions{grid-column:2/3}.tasks-form-actions{display:grid}.tasks-form-actions .btn{width:100%}}