*{box-sizing:border-box}body{margin:0;background:#eef5f8;color:#062d46;font-family:"Segoe UI",Arial,sans-serif}.tasks-hq{width:min(1450px,94vw);margin:auto;padding:28px}.tasks-hq>header{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding:28px;border-radius:20px;background:linear-gradient(120deg,#03263d,#075779);color:#fff}.tasks-hq header a{color:#7edcff;text-decoration:none;font-weight:800}.tasks-hq h1{font-size:2.5rem;margin:4px 0}.tasks-hq header p{margin:0;color:#c9e5f0}.tasks-hq header button{padding:12px 16px;border-radius:12px;border:1px solid #60d9ff;background:#eefaff;color:#06456a}.task-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:20px 0}.task-kpis article,.task-toolbar,.task-card{background:#fff;border:1px solid #d2e3ea;border-radius:15px;box-shadow:0 8px 24px #06334a12}.task-kpis article{padding:18px}.task-kpis small{color:#638090}.task-kpis strong{display:block;font-size:2rem;color:#087aa9}.task-toolbar{padding:14px 18px;display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:16px}.task-toolbar select{padding:10px;border:1px solid #bdd4de;border-radius:9px}.task-toolbar a{color:#087aa9;font-weight:800;text-decoration:none}.task-list{display:grid;gap:12px}.task-card{padding:20px;display:grid;grid-template-columns:1fr auto;gap:20px}.task-card h2{margin:4px 0}.task-card p{margin:0;color:#647f8d}.task-card small{color:#1683b4;font-weight:800;text-transform:uppercase}.task-meta{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:8px}.task-meta span{color:#607b89}.task-meta b{color:#0b9368}.task-card.overdue{border-left:5px solid #d44}.task-card.overdue .task-meta b{color:#c33}.empty{background:#fff;padding:28px;border-radius:14px}html[data-theme="dark"] body,body[data-theme="dark"]{background:#031521;color:#eaf7fb}html[data-theme="dark"] .task-kpis article,html[data-theme="dark"] .task-toolbar,html[data-theme="dark"] .task-card,html[data-theme="dark"] .empty{background:#082638;border-color:#164d68}html[data-theme="dark"] .task-card p{color:#a8c3d0}@media(max-width:800px){.task-kpis{grid-template-columns:repeat(2,1fr)}.task-card{grid-template-columns:1fr}.task-meta{align-items:flex-start}}@media(max-width:520px){.tasks-hq{width:100%;padding:12px}.tasks-hq>header{grid-template-columns:1fr}.task-kpis{grid-template-columns:1fr}.task-toolbar{align-items:stretch;flex-direction:column}}