:root{--ink:#11121b;--muted:#74798b;--line:#e8e9ef;--violet:#6730ff;--pink:#ff3168;--cyan:#2eefdc}*{box-sizing:border-box}.tasks-main{min-width:0;background:#fbfbfd}.tasks-shell{min-height:100vh;padding:34px 38px 48px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:24px}.page-heading small,.ai-priority small,.task-detail>small,.task-dialog header small{color:#7450a8;font-size:11px;font-weight:800;letter-spacing:.13em}.page-heading h1{margin:12px 0 3px;color:var(--ink);font-size:34px;line-height:1.05;letter-spacing:-.045em}.page-heading p{margin:0;color:#73798b;font-size:16px}.task-search{width:min(390px,36vw);height:48px;padding:0 18px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:16px;background:#fff}.task-search input{width:100%;border:0;outline:0;background:transparent;font:inherit;font-size:14px}.task-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin-bottom:20px}.view-switch{display:flex;padding:4px;border:1px solid var(--line);border-radius:13px;background:#f5f4f8}.view-switch button{height:36px;padding:0 16px;border:0;border-radius:9px;background:transparent;color:#707587;font-weight:700}.view-switch button.active{background:#fff;color:var(--violet);box-shadow:0 3px 12px #23144614}.filters{display:flex;border:1px solid var(--line);border-radius:13px;overflow:hidden}.filters button{height:44px;padding:0 13px;border:0;border-right:1px solid var(--line);background:#fff;color:#565c6d;font-size:12px;font-weight:700}.filters button:last-child{border:0}.filters button.active{background:#f1ebff;color:var(--violet)}.add-task{height:46px;padding:0 21px;border:0;border-radius:13px;background:#12131c;color:#fff;font-size:13px;font-weight:800;box-shadow:0 8px 22px #11121b1f}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.metric{min-height:100px;padding:18px 20px;display:flex;align-items:center;gap:17px;border:1px solid var(--line);border-radius:16px;background:#fff}.metric>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#f2ecff;color:var(--violet);font-size:22px;font-weight:800}.metric.overdue{background:linear-gradient(130deg,#fff 55%,#fff4f7);border-color:#ffdce6}.metric.overdue>span{background:#ffe4ec;color:var(--pink)}.metric.completed{background:linear-gradient(130deg,#fff 55%,#eafffb);border-color:#d4f8f2}.metric.completed>span{background:#d9fbf6;color:#10bda7}.metric strong,.metric b,.metric small{display:block}.metric strong{float:left;margin-right:10px;color:var(--ink);font-size:25px;line-height:1}.metric b{padding-top:2px;color:var(--ink);font-size:13px}.metric small{clear:both;padding-top:5px;color:#858a99;font-size:11px}.workspace-grid{display:grid;grid-template-columns:minmax(680px,1fr) 350px;gap:18px;align-items:start}.task-workspace{min-width:0}.ai-priority{position:relative;min-height:82px;padding:18px 22px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:13px;border:1px solid #dfd4ff;border-radius:17px;background:linear-gradient(100deg,#faf8ff,#f3ecff);overflow:hidden}.ai-priority .ai-star{color:var(--violet);font-size:31px}.ai-priority p{position:relative;z-index:1;margin:6px 0 0;color:#514f65;font-size:12px;line-height:1.45}.ai-priority button{z-index:1;padding:11px 17px;border:0;border-radius:12px;background:#e6dcff;color:var(--violet);font-size:12px;font-weight:800}.ai-priority i{position:absolute;right:24px;bottom:-34px;width:88px;height:88px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff 0 5%,#d893ff 25%,#7428ef 69%);opacity:.55}.task-tabs{display:flex;gap:9px;padding:17px 8px 13px;overflow:auto}.task-tabs button{height:36px;padding:0 16px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#74798a;font-size:11px;font-weight:750;white-space:nowrap}.task-tabs button.active{border-color:transparent;background:var(--violet);color:#fff;box-shadow:0 5px 14px #6730ff38}.task-group{margin-bottom:14px;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.task-group>header{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.task-group>header div{display:flex;align-items:center;gap:9px}.task-group>header i{width:8px;height:8px;border-radius:50%;background:var(--violet)}.task-group.today>header i{background:var(--pink)}.task-group.completed>header i{background:#13caba}.task-group h3{margin:0;font-size:13px}.task-group header span{color:#898e9d;font-size:11px}.task-group header button{border:0;background:transparent}.task-row{width:100%;min-height:67px;padding:10px 15px;display:grid;grid-template-columns:30px minmax(175px,1.2fr) minmax(130px,.9fr) 62px 72px 34px 18px;gap:10px;align-items:center;border:0;border-bottom:1px solid #eff0f3;background:#fff;text-align:left}.task-row:last-child{border:0}.task-row:hover{background:#fbfaff}.task-row.selected{background:linear-gradient(90deg,#f9f4ff,#fff4f8);box-shadow:inset 3px 0 var(--violet)}.task-check{width:24px;height:24px;display:grid;place-items:center;border:2px solid #d6d9e1;border-radius:50%;background:#fff;color:#fff}.task-copy b,.task-copy small,.task-context b,.task-context small{display:block}.task-copy b{color:#171820;font-size:12px}.task-copy small,.task-context{margin-top:3px;color:#858a99;font-size:10px}.task-context b{color:#6d7282;font-size:10px}.priority{justify-self:start;padding:6px 9px;border-radius:99px;background:#f0f1f5;color:#777c8b;font-size:9px;font-style:normal;font-weight:800}.priority.urgent{background:#ffe5ed;color:var(--pink)}.priority.high{background:#fff1dd;color:#c47b11}.task-row time{color:#5b6070;font-size:10px;font-weight:700}.avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#eee8ff;color:var(--violet);font-size:9px;font-weight:800}.chev{color:#8b909d;font-size:18px}.task-row.done .task-copy b{text-decoration:line-through;color:#8f93a0}.task-row.done .task-check{border-color:#19c8b5;background:#19c8b5}.task-detail{position:sticky;top:20px;max-height:calc(100vh - 40px);padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:auto}.detail-head{display:flex;justify-content:space-between}.detail-head button{border:0;background:transparent;font-size:20px}.task-detail h2{margin:14px 0 4px;color:var(--ink);font-size:22px;letter-spacing:-.025em}.detail-client{margin:0;color:#858a99;font-size:12px}.detail-pills{display:flex;gap:8px;margin:14px 0 22px}.detail-pills span{padding:7px 10px;border-radius:99px;background:#ffe7ef;color:var(--pink);font-size:10px;font-weight:800}.detail-pills span+span{background:transparent}.task-detail h3{margin:19px 0 7px;color:#292b35;font-size:12px}.task-detail>p,.impact-copy{margin:0;color:#777c8c;font-size:11px;line-height:1.45}.impact-copy strong{color:#20212a;font-size:14px}.progress-title{display:flex;justify-content:space-between}.progress-bar{height:8px;margin:9px 0 13px;border-radius:99px;background:#edeef3;overflow:hidden}.progress-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--violet),var(--pink))}.checklist label{display:flex;align-items:center;gap:10px;margin:10px 0;color:#616676;font-size:11px}.checklist input{width:18px;height:18px;accent-color:var(--violet)}.linked{border:1px solid var(--line);border-radius:13px;overflow:hidden}.linked a{min-height:38px;padding:0 12px;display:grid;grid-template-columns:24px 1fr auto;align-items:center;border-bottom:1px solid var(--line);color:#6b7080;font-size:10px;text-decoration:none}.linked a:last-child{border:0}.linked b{color:#333640}.assigned{display:flex;align-items:center;gap:10px}.assigned a{margin-left:auto;color:var(--violet);font-size:10px;font-weight:800}.notes{padding:12px;border-radius:10px;background:#f5f5f8}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:19px}.detail-actions button{height:42px;border:0;border-radius:11px;background:#f2f2f5;color:#4f5462;font-weight:800}.detail-actions .primary{grid-column:1/-1;background:#14151e;color:#fff}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kanban-column{min-height:340px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#f8f8fa}.kanban-column h3{margin:3px 3px 13px;font-size:12px}.kanban-card{margin-bottom:10px;padding:13px;border:1px solid var(--line);border-radius:12px;background:#fff}.kanban-card b,.kanban-card small{display:block}.kanban-card b{font-size:11px}.kanban-card small{margin-top:5px;color:#858a99;font-size:9px}.task-dialog{width:min(560px,calc(100% - 32px));padding:0;border:0;border-radius:20px;box-shadow:0 25px 80px #140f193d}.task-dialog::backdrop{background:#14141c59;backdrop-filter:blur(3px)}.task-dialog form{padding:24px}.task-dialog header{display:flex;justify-content:space-between}.task-dialog h2{margin:6px 0 18px}.task-dialog header button{border:0;background:transparent;font-size:22px}.task-dialog label{display:grid;gap:6px;margin-top:11px;color:#666a77;font-size:10px;font-weight:700}.task-dialog input,.task-dialog select,.task-dialog textarea{min-width:0;padding:11px;border:1px solid #e3e3e8;border-radius:9px;background:#fff;font:inherit}.task-dialog textarea{height:68px;resize:none}.task-dialog .form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.task-dialog footer{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.task-dialog footer button{padding:10px 15px;border:0;border-radius:9px}.task-dialog .primary{background:#171820;color:#fff}
@media(max-width:1100px){.tasks-shell{padding:28px 24px}.workspace-grid{grid-template-columns:minmax(560px,1fr) 310px}.filters button{padding:0 9px}.task-row{grid-template-columns:28px 1fr 58px 64px 30px 16px}.task-context{display:none}}
@media(max-width:900px){.page-heading{align-items:flex-start}.task-toolbar{flex-wrap:wrap}.filters{order:3;width:100%}.filters button{flex:1}.metric-grid{grid-template-columns:1fr 1fr}.workspace-grid{display:block}.task-detail{position:static;max-height:none;margin-top:18px}.task-search{width:340px}.ai-priority{grid-template-columns:35px 1fr}.ai-priority button{display:none}}
@media(max-width:760px){.tasks-shell{padding:22px 15px 38px}.page-heading{display:block}.page-heading h1{font-size:29px}.page-heading p{font-size:14px}.task-search{width:100%;margin-top:20px}.task-toolbar{justify-content:space-between}.filters{overflow:auto}.filters button{min-width:90px}.view-switch span{display:none}.metric-grid{gap:9px}.metric{min-height:85px;padding:13px;gap:10px}.metric>span{width:38px;height:38px}.metric strong{font-size:20px}.ai-priority{padding:16px}.task-row{grid-template-columns:27px 1fr 58px 29px 15px}.task-row time{display:none}.task-dialog .form-row{grid-template-columns:1fr}.kanban{grid-template-columns:1fr}.task-detail{padding:19px}}
.kanban[hidden]{display:none!important}
.ai-priority[hidden],.task-state[hidden]{display:none}.task-state{min-height:180px;padding:28px;display:grid;place-items:center;align-content:center;gap:12px;border:1px solid var(--line);border-radius:16px;background:#fff;color:#656a79;text-align:center}.task-state b,.task-state span{display:block}.task-state.error{border-color:#ffd4de;background:#fff8fa;color:#9c2946}.task-state button{min-height:40px;padding:0 16px;border:0;border-radius:10px;background:#171820;color:#fff;font-weight:700}.task-spinner{width:26px;height:26px;border:3px solid #e8e1ff;border-top-color:var(--violet);border-radius:50%;animation:task-spin .8s linear infinite}.task-form-error{min-height:17px;margin:10px 0 0;color:#b42318;font-size:11px}.task-detail-empty{min-height:260px;display:grid;place-items:center;align-content:center;gap:8px;color:#7b8090;text-align:center}.task-detail-empty span{font-size:11px}@keyframes task-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.task-spinner{animation:none}}

/* Shared product-page typography: aligned with Dashboard and AI Home. */
.tasks-shell{padding:43.5px 34px 48px}
.page-heading small{display:block;height:15px;color:#747886;font-size:10.5px;line-height:15px;font-weight:800;letter-spacing:.12em}
.page-heading h1{margin:11px 0 4px;font-size:34px;line-height:38px;font-weight:750}
.page-heading p{font-size:15px;line-height:21px}
.ai-priority small,.task-detail>small,.task-dialog header small{font-size:10px;line-height:14px;letter-spacing:.12em}
.task-search input{font-size:13px;line-height:18px}
.view-switch button,.filters button{font-size:11px;line-height:15px}
.add-task{font-size:11.5px;line-height:16px}
.metric b{font-size:12px;line-height:16px}.metric small{font-size:10px;line-height:14px}
.task-tabs button{font-size:10.5px;line-height:15px}
.task-group h3{font-size:12px;line-height:16px}.task-group header span{font-size:10px;line-height:14px}
.task-copy b{font-size:11px;line-height:15px}.task-copy small,.task-context{font-size:9px;line-height:13px}
.task-detail h2{font-size:20px;line-height:25px}.detail-client{font-size:10.5px;line-height:15px}
.task-detail h3{font-size:11px;line-height:15px}.task-detail>p,.impact-copy{font-size:10px;line-height:15px}
@media(max-width:760px){.tasks-shell{padding:22px 14px 38px}.page-heading small{font-size:8px;line-height:12px}.page-heading h1{font-size:29px;line-height:33px}}

.add-task,.detail-actions .primary,.task-dialog .primary{height:44px;min-height:44px;padding:11px 15px;border:1px solid #101116;border-radius:11px;background:#101116;color:#fff;font-size:14px;line-height:20px;font-weight:400}
.detail-actions button,.task-dialog footer button,.ai-priority button{border-radius:11px;font-size:12px;line-height:18px;font-weight:500}