.tasks-page{width:100%;min-height:calc(100vh - 92px);padding:28px clamp(22px,3.3vw,56px) 22px;display:flex;flex-direction:column}
.tasks-intro{min-height:55px;display:grid;grid-template-columns:minmax(230px,1fr) minmax(230px,1fr) auto;align-items:center;gap:22px;margin-bottom:18px}
.tasks-intro>p{margin:0;color:var(--green);font:15px 'DM Mono'}
.tasks-quote{color:#65866c;text-align:center;font:11px 'DM Mono'}
.task-clock{display:flex;align-items:center;gap:24px;border:1px solid var(--line);background:#09150c;padding:13px 17px;color:#8cab90;font:11px 'DM Mono';white-space:nowrap}
.task-clock span{display:flex;gap:9px;align-items:center}.task-clock b{color:var(--ink);font-weight:400}
.task-tabs{display:flex;border-bottom:1px solid var(--line)}
.task-tab{border:0;border-bottom:2px solid var(--green);background:#102418;color:var(--green);padding:12px 28px;font:12px 'DM Mono'}
.tasks-workspace{display:grid;grid-template-columns:248px minmax(0,1fr);gap:28px;flex:1;padding-top:24px;min-height:560px}
.tasks-sidebar{padding-right:7px}
.tasks-side-heading{margin:0 0 14px;color:var(--green);font:11px 'DM Mono';letter-spacing:.08em}
.task-filters{display:grid;gap:5px}
.task-filter{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);background:rgba(11,25,14,.74);color:#91b296;text-align:left;font:12px 'DM Mono';cursor:pointer}
.task-filter b{color:#729179;font:11px 'DM Mono';font-weight:400}
.task-filter:hover,.task-filter.active{border-color:var(--green);background:#17351e;color:var(--green);box-shadow:inset 4px 0 var(--green)}
.task-filter.active b,.task-filter:hover b{color:#a8dba0}
.task-filter-divider{margin:17px 0 3px;padding-top:13px;border-top:1px solid var(--line);color:#65866c;font:9px 'DM Mono';letter-spacing:.13em}
.tasks-side-note{display:flex;align-items:center;gap:8px;margin:25px 3px 0;color:#68866c;font:9px 'DM Mono';letter-spacing:.08em}
.task-live-dot{width:8px;height:8px;display:inline-block;border-radius:50%;background:var(--green);box-shadow:0 0 8px #b7ff54;flex:none}
.tasks-content{min-width:0}
.tasks-content-head{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:2px 0 19px;border-bottom:1px solid var(--line)}
.tasks-content-head h1{margin:0;color:var(--green);font:500 24px 'DM Mono';letter-spacing:-.04em}
.tasks-content-head>div:first-child>p{margin:8px 0 0;color:var(--muted);font:11px 'DM Mono'}
.tasks-primary-controls{display:flex;align-items:center;gap:12px}
.task-search{display:flex;align-items:center;gap:9px;width:min(280px,25vw);border:1px solid #315e38;background:#0b190e;padding:0 11px;color:var(--green)}
.task-search input{width:100%;border:0;outline:0;background:transparent;padding:11px 0;color:var(--ink);font:11px 'DM Mono'}
.task-search input::placeholder{color:#648367}
.tasks-primary-controls .new-btn{min-height:41px;padding:0 20px}
.tasks-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:15px 0}
.tasks-toolbar label{display:flex;align-items:center;gap:8px;color:#89a88d;font:10px 'DM Mono'}
.tasks-toolbar select{min-width:124px;border:1px solid var(--line);background:#0b190e;color:var(--ink);padding:8px 10px;font:10px 'DM Mono';outline:0}
.tasks-toolbar select:focus{border-color:var(--green)}
.task-view-toggle{display:flex;gap:5px;margin-left:7px}
.task-view-toggle button{width:36px;height:34px;border:1px solid var(--line);background:#09150c;color:#8cab90;font:16px 'DM Mono';cursor:pointer}
.task-view-toggle button:hover,.task-view-toggle button.selected{border-color:var(--green);color:var(--green);box-shadow:inset 0 0 0 1px #b7ff5430}
.task-table-wrap{overflow-x:auto}
.task-table-head,.task-row{display:grid;grid-template-columns:29px minmax(180px,2.1fr) 86px minmax(115px,1fr) minmax(95px,1.1fr) minmax(105px,1.1fr) 35px;align-items:center;gap:13px;min-width:930px}
.task-table-head{min-height:37px;border-bottom:1px solid var(--line);color:#9ac09d;font:10px 'DM Mono'}
.task-row{min-height:48px;border-bottom:1px solid #1b3321;padding:5px 8px;color:#d8eed9;transition:background .15s}
.task-row:hover{background:#0d1d11}
.task-check{width:20px;height:20px;border:1px solid #6f9975;border-radius:3px;background:transparent;color:#071008;font:14px 'DM Mono';cursor:pointer}
.task-check:hover{border-color:var(--green)}
.task-check.checked{border-color:var(--green);background:var(--green);font-weight:700}
.task-name{min-width:0}
.task-name h2{display:flex;align-items:center;gap:7px;margin:0;color:#e6f8e9;font:500 12px 'DM Mono';line-height:1.4;overflow-wrap:anywhere}
.task-name h2 i{color:var(--green);font-style:normal;font-size:13px}
.task-name p{margin:3px 0 0;color:#6e906f;font:9px/1.45 'DM Mono';white-space:pre-line;overflow-wrap:anywhere}
.task-row.is-complete .task-name h2{text-decoration:line-through;color:#6f8872}
.task-row.is-complete{opacity:.78}
.task-priority{justify-self:start;border:1px solid #6d916e;border-radius:7px;padding:4px 9px;font:9px 'DM Mono';text-transform:capitalize;color:#c1d9c3}
.task-priority.high{border-color:#ef6275;color:#ff8794}.task-priority.medium{border-color:#d6bd29;color:#ffe34f}.task-priority.low{border-color:#39a757;color:#69e889}
.task-due{color:#c4d8c5;font:10px 'DM Mono';white-space:nowrap}.task-row.overdue .task-due{color:#ff8473}
.task-tags{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-width:0}
.task-tag{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid #53735a;border-radius:12px;padding:4px 8px;color:#bdd0be;font:9px 'DM Mono'}
.task-no-tags{color:#55745b;font:10px 'DM Mono'}
.task-status{display:flex;align-items:center;gap:8px;color:#d0e3d1;font:10px 'DM Mono';white-space:nowrap}
.task-status i{width:9px;height:9px;border-radius:50%;background:#e3e8e4}
.task-status.in_progress{color:#72a3ff}.task-status.in_progress i{background:#7790ff}
.task-status.completed{color:#69ebae}.task-status.completed i{background:#69ebae}
.task-menu{position:relative;justify-self:end}
.task-menu summary{width:30px;height:29px;display:grid;place-items:center;list-style:none;color:#a9c2ac;font:15px 'DM Mono';cursor:pointer}
.task-menu summary::-webkit-details-marker{display:none}
.task-menu summary:hover{color:var(--green)}
.task-menu>div{position:absolute;z-index:5;right:0;top:calc(100% + 4px);display:grid;min-width:110px;padding:4px;border:1px solid var(--line);background:#08120a;box-shadow:0 8px 24px #0009}
.task-menu>div button{padding:8px 10px;border:0;background:transparent;color:#b9d0bb;text-align:left;font:10px 'DM Mono';cursor:pointer}.task-menu>div button:hover{background:#14291a;color:var(--green)}.task-menu>div button.delete{color:#ff8473}
.tasks-empty{grid-column:1/-1;min-height:215px;display:grid;align-content:center;justify-items:center;gap:10px;padding:28px;border:1px dashed #29492e;text-align:center;color:var(--muted)}
.tasks-empty strong{color:var(--green);font:11px 'DM Mono';letter-spacing:.12em}.tasks-empty p{max-width:430px;margin:0;font:11px/1.65 'DM Mono'}.tasks-empty .new-btn{margin-top:7px}.tasks-empty.error{border-color:#87433b}.tasks-empty.error strong{color:#ff8473}
.task-list.grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:10px;min-width:0;padding-top:10px}
.task-list.grid-view .task-row{grid-template-columns:25px minmax(0,1fr) auto;grid-template-areas:'check name menu' 'check priority due' 'check tags status';gap:8px;min-width:0;min-height:150px;padding:15px;border:1px solid #1b3923;background:rgba(9,25,13,.8)}
.task-list.grid-view .task-check{grid-area:check}.task-list.grid-view .task-name{grid-area:name}.task-list.grid-view .task-priority{grid-area:priority}.task-list.grid-view .task-due{grid-area:due}.task-list.grid-view .task-tags{grid-area:tags}.task-list.grid-view .task-status{grid-area:status}.task-list.grid-view .task-menu{grid-area:menu}
.tasks-feedback{display:flex;align-items:center;gap:9px;margin-top:auto;padding:12px 0 0;color:#638168;font:9px 'DM Mono';letter-spacing:.06em}
.tasks-feedback[data-kind=error]{color:#ff8473}.tasks-feedback[data-kind=error] .task-live-dot{background:#ff725d;box-shadow:0 0 8px #ff725d}
.tasks-footer{display:flex;justify-content:space-between;gap:18px;margin-top:15px;padding-top:13px;border-top:1px solid var(--line);color:#648369;font:9px 'DM Mono';letter-spacing:.04em}.tasks-footer b{color:var(--green);font-weight:500}
.task-dialog{width:min(720px,calc(100% - 32px));max-width:720px;border:1px solid var(--green);background:#0b170d;color:var(--ink);padding:0;box-shadow:0 0 45px #b7ff5438}
.task-dialog::backdrop{background:#000c}
.task-dialog form{padding:32px}
.task-dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;border-bottom:1px solid var(--line)}
.task-dialog-head .terminal-label{font-size:9px;margin-bottom:9px}.task-dialog-head h2{margin:0 0 17px;color:var(--green);font:500 22px 'DM Mono'}
.task-dialog .close{padding:0;border:0;background:transparent;color:var(--muted);font-size:26px;cursor:pointer}.task-dialog .close:hover{color:var(--green)}
.task-dialog label{display:block;margin:15px 0;color:var(--muted);font:10px 'DM Mono'}.task-dialog label>span{color:#648168;font-size:9px}
.task-dialog input:not([type=checkbox]),.task-dialog textarea,.task-dialog select{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid var(--line);background:#071009;color:var(--ink);font:12px 'Space Grotesk';outline:0}
.task-dialog input:focus,.task-dialog textarea:focus,.task-dialog select:focus{border-color:var(--green);box-shadow:0 0 12px #b7ff5422}
.task-dialog textarea{min-height:95px;resize:vertical;line-height:1.5}
.task-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.task-dialog .important-toggle{display:flex;align-items:center;gap:9px}.task-dialog .important-toggle input{width:16px;height:16px;margin:0;accent-color:var(--green)}
.task-dialog .save-btn{padding:12px 17px;cursor:pointer}.task-dialog .save-btn:disabled{opacity:.65;cursor:wait}
@media(max-width:1050px){.tasks-page{padding-right:22px;padding-left:22px}.tasks-workspace{grid-template-columns:205px minmax(0,1fr);gap:18px}.tasks-intro{grid-template-columns:1fr auto}.tasks-quote{display:none}.task-search{width:230px}}
@media(max-width:760px){.tasks-page{padding:25px 14px}.tasks-intro{grid-template-columns:1fr;gap:12px}.task-clock{justify-self:stretch;justify-content:space-between}.tasks-workspace{grid-template-columns:1fr;gap:19px;padding-top:17px}.tasks-sidebar{padding:0}.tasks-side-heading{margin-bottom:9px}.task-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.task-filter{padding:10px;font-size:10px}.task-filter-divider{grid-column:1/-1}.tasks-side-note{display:none}.tasks-content-head{align-items:flex-start;flex-direction:column}.tasks-primary-controls{width:100%}.task-search{flex:1;width:auto}.tasks-toolbar{justify-content:flex-start;flex-wrap:wrap}.tasks-toolbar label{flex:1;justify-content:space-between}.tasks-toolbar select{min-width:0;flex:1}.tasks-footer{flex-wrap:wrap}.tasks-footer span:last-child{margin-left:auto}}
@media(max-width:520px){.tasks-content-head h1{font-size:20px}.tasks-primary-controls .new-btn{padding:0 12px;white-space:nowrap}.task-clock{font-size:9px;padding:11px}.task-form-row{grid-template-columns:1fr}.task-dialog form{padding:24px 20px}.tasks-footer span:last-child{margin-left:0}}