.tasks-page {
 color-scheme:dark;
 margin:0;
 background:#08090d;
 color:#eef0f6;
 font:14px/1.55 Inter,system-ui,sans-serif;
}
.tasks-page *, .task-ui * {box-sizing:border-box}
.tasks-shell {width:min(1080px,calc(100% - 36px));margin-inline:auto}
.tasks-top {display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:72px;border-bottom:1px solid #252631;margin-bottom:32px}
.tasks-brand {display:flex;align-items:center;gap:10px;font-size:19px;font-weight:720;letter-spacing:.02em}
.tasks-brand b {color:#c5aff3;font-weight:570}
.tasks-mark {color:#a990ec;background:#211933;border:1px solid #392d52;border-radius:11px;padding:4px 10px}
#task-user {color:#b3b5c2;margin-right:10px}
.tasks-login {max-width:430px;margin:65px auto 0;padding:26px;border:1px solid #30313c;border-radius:15px;background:#12131a}
.tasks-login h1 {margin:0 0 20px;font-size:23px}
#task-login-error {color:#ff9ba6}
.task-ui {--task-border:#313440;--task-bg:#12131a;--task-text:#eef0f6;--task-muted:#aeb1bf;color:var(--task-text)}
.tasks-page button, .task-ui button, .task-access button {
 font:inherit;cursor:pointer;color:#e4e5ee;background:#171820;border:1px solid #3b3d49;border-radius:8px;padding:7px 12px;
}
.tasks-page button:hover, .task-ui button:hover {border-color:#8d79b4;background:#222330}
.tasks-page button:disabled, .task-ui button:disabled {opacity:.5;cursor:wait}
.tasks-page button.task-primary, .task-ui button.task-primary {color:white;background:#244b8e;border-color:#3866ac}
.tasks-page button.task-primary:hover, .task-ui button.task-primary:hover {background:#315caa}
.task-ui button:focus-visible, .tasks-page :is(input,button,select,textarea):focus-visible {outline:2px solid #a990ec;outline-offset:2px}
.tasks-login label,.task-ui label,.task-access label {display:grid;gap:4px;color:#c8cad5;margin:0}
.tasks-login label {margin:12px 0}
.tasks-login input,.task-ui :is(input:not([type=checkbox]),select,textarea),.task-access select {
 width:100%;margin:0;border:1px solid #393b48;border-radius:8px;color:#eef0f6;background:#0e0f15;padding:8px 10px;font:inherit;
}
.task-heading,.task-actions,.task-filters,.task-tabs,.task-stats,.task-notice {display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.task-heading {justify-content:space-between;margin-bottom:14px}
.task-heading h1,.task-heading h3 {margin:0;color:inherit}
.task-heading h1 {font-size:clamp(25px,4vw,36px);letter-spacing:-.04em}
.task-stats {margin-bottom:18px;color:var(--task-muted)}
.task-stats span {padding:4px 9px;border:1px solid var(--task-border);border-radius:6px}
.task-filters {margin-bottom:10px;align-items:end}
.task-filters > label:has(input[type=checkbox]) {display:flex;align-items:center;gap:6px;padding:8px 0}
.task-filters input[type=checkbox] {margin:0;width:auto}
.task-tabs button.selected {background:#281f39;border-color:#665381;color:#dbc7ff}
.task-notice:not(:empty) {padding:8px 0;color:#c6c8d4}
.task-group h3 {font-size:13px;margin:16px 0 5px;color:#c4b8dd}
.task-results {margin-top:6px}
.task-row {display:grid;grid-template-columns:auto minmax(150px,1fr) minmax(76px,auto) minmax(90px,auto) minmax(68px,auto);gap:10px;align-items:center;padding:10px;border-bottom:1px solid #282a35;background:var(--task-bg)}
.task-row:first-of-type {border-radius:9px 9px 0 0}
.task-row:last-of-type {border-radius:0 0 9px 9px}
.task-row small {display:block;color:var(--task-muted);overflow-wrap:anywhere}
.task-ui button.task-title {padding:0;background:none;border:0;text-align:left;font-weight:650;overflow-wrap:anywhere}
.task-ui button.task-title:hover {color:#cfbbfa}
.task-ui .task-check {width:36px;height:36px;padding:0;font-size:19px}
.task-priority {justify-self:start;padding:2px 7px;border-radius:5px;background:#22242f;font-size:12px}
.task-priority.urgent {background:#3b202d;color:#ffb3c1}
.task-priority.high {background:#362b1d;color:#f3cd94}
.task-priority.low,.task-muted {color:var(--task-muted)}
.task-ui .task-late {color:#ffa6b0}
.task-empty {margin:0;padding:22px;background:var(--task-bg);border-radius:9px;color:var(--task-muted)}
.task-project-notes:not(:empty) {margin-top:24px;border-top:1px solid var(--task-border);padding-top:12px}
.task-ui .task-dialog {width:min(560px,calc(100% - 22px));max-width:none;max-height:90dvh;padding:0;background:#12131a;color:var(--task-text);border:1px solid #393b4a;border-radius:12px}
.task-dialog::backdrop {background:#0009}
.task-dialog-head {position:sticky;top:0;display:flex;justify-content:space-between;align-items:start;gap:10px;padding:14px 16px;background:#181923;border-bottom:1px solid #30313e}
.task-dialog-head h2 {margin:0;color:inherit;font-size:18px;overflow-wrap:anywhere}
.task-dialog-body {padding:14px 16px}
form.task-dialog-body {display:grid;gap:11px}
.task-dialog-body h3 {margin:16px 0 8px;color:inherit}
.task-description,.task-comments p {white-space:pre-wrap;overflow-wrap:anywhere}
.task-comment-form {display:grid;gap:8px;justify-items:start}
.task-comment-form label {width:100%}
.task-comments article {padding:8px 0;border-bottom:1px solid #292b36}
.task-comments time {margin-left:8px;color:var(--task-muted);font-size:11px}
.task-comments p {margin:4px 0 0}
.task-access {display:grid;gap:8px;margin-top:16px;padding:12px;border:1px solid #353642;border-radius:8px}
@media(max-width:590px) {
 .tasks-shell {width:calc(100% - 24px)}
 .task-row {grid-template-columns:auto minmax(0,1fr) auto}
 .task-row > :nth-child(4) {grid-column:2}
 .task-row .task-count {font-size:11px}
}