.task-page{width:min(760px,100%);margin:0 auto}.task-page-head{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:30px 0 20px}.task-page-icon{font-size:34px;line-height:1;color:#55b999}.task-page-head h1{margin:0;font-size:clamp(30px,3.6vw,44px);font-weight:800;letter-spacing:-.035em}.task-view-tabs{display:flex;gap:4px;margin-top:2px;padding:3px;border-radius:999px;background:var(--soft);width:fit-content}.task-view-tab{display:flex;align-items:center;gap:6px;padding:7px 14px;border:0;border-radius:999px;background:transparent;color:var(--muted);font-weight:700;font-size:13px;cursor:pointer;transition:background .15s,color .15s}.task-view-tab:hover{color:var(--ink)}.task-view-tab.active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.task-view-tab .tab-count{min-width:16px;padding:1px 6px;border-radius:999px;background:var(--bg);color:var(--muted);font-size:11px}.task-view-tab.active .tab-count{background:var(--soft)}.task-view-tab i{font-size:15px}.task-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;flex-wrap:wrap}.task-toolbar-left,.task-toolbar-right{display:flex;align-items:center;gap:4px}.task-tool-btn{display:flex;align-items:center;gap:6px;padding:7px 11px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:12.5px;font-weight:700;cursor:pointer;transition:background .15s,color .15s}.task-tool-btn:hover{background:var(--soft);color:var(--ink)}.task-tool-btn.active{background:var(--soft);color:var(--blue)}.task-tool-btn i{font-size:15px}.task-tool-icon-only{padding:7px;justify-content:center}.task-tool-count{margin-left:2px;min-width:15px;padding:1px 5px;border-radius:999px;background:var(--blue);color:#fff;font-size:10px;text-align:center}.task-new-btn{display:flex;align-items:center;justify-content:center;padding:9px 20px;font-size:13px}.task-search{position:relative;display:flex;align-items:center}.task-search-input{width:180px;margin-left:4px;padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:12.5px;color:var(--ink)}.task-search-input:focus{outline:none;border-color:var(--blue)}.task-body{display:flex;align-items:flex-start;gap:0}.task-list-pane{flex:1;min-width:0}.task-list{display:flex;flex-direction:column}.task-row{display:flex;align-items:center;gap:10px;padding:8px 6px;border-bottom:1px solid var(--line);border-radius:8px;transition:background .12s;cursor:pointer}.task-list>:last-child{border-bottom:0}.task-row:hover{background:var(--soft)}.task-checkbox{flex:0 0 auto;width:18px;height:18px;border-radius:5px;border:2px solid var(--muted);background:var(--surface);cursor:pointer;position:relative;transition:background .15s,border-color .15s}.task-checkbox:hover{border-color:var(--blue)}.task-row.is-done .task-checkbox{background:var(--blue);border-color:var(--blue)}.task-row.is-done .task-checkbox:after{content:"";position:absolute;inset:0;background:no-repeat center/10px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E")}.task-title-cell{flex:1;min-width:0;display:flex;align-items:center;gap:6px}.task-title-btn{flex:0 1 auto;min-width:0;max-width:100%;display:flex;align-items:center;padding:2px 0;background:none;border:0;font:inherit;color:var(--ink);text-align:left;cursor:pointer}.task-title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:var(--ink)}.task-row.is-done .task-title-text{color:var(--muted);text-decoration:line-through}.task-title-input{width:100%;border:0;background:none;font:inherit;font-size:14px;color:var(--ink);padding:0}.task-title-input:focus{outline:none}.task-edit-btn{flex:0 0 auto;display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--line);background:var(--surface);border-radius:6px;color:var(--muted);cursor:pointer;opacity:0;transition:opacity .12s,background .12s,color .12s,border-color .12s}.task-row:hover .task-edit-btn,.task-row:focus-within .task-edit-btn{opacity:1}.task-edit-btn:hover{background:var(--soft);color:var(--ink);border-color:var(--blue)}.task-edit-btn i{font-size:12px}.task-pill{flex:0 0 auto;padding:4px 10px;border:0;border-radius:999px;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap}.task-pill.status-not_started{background:var(--soft);color:var(--muted)}.task-pill.status-in_progress{background:color-mix(in srgb,var(--blue) 16%,var(--surface));color:var(--blue)}.task-pill.status-completed{background:color-mix(in srgb,#55b999 20%,var(--surface));color:#2f8a6b}.task-course-tag{flex:0 0 auto;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 9px;border-radius:8px;font-size:11px;font-weight:700;background:color-mix(in srgb,var(--course-color,var(--blue)) 14%,var(--surface));color:var(--course-color,var(--blue))}.task-priority-btn{flex:0 0 auto;display:grid;place-items:center;width:22px;height:22px;border:0;background:none;border-radius:6px;cursor:pointer}.task-priority-btn:hover{background:var(--bg)}.task-due-btn{flex:0 0 auto;min-width:74px;text-align:right;padding:5px 8px;border:0;background:none;border-radius:7px;font-size:12px;color:var(--muted);cursor:pointer}.task-due-btn:hover{background:var(--bg);color:var(--ink)}.task-due-btn.empty{opacity:.55;font-style:italic}.task-row.is-overdue .task-due-btn{color:var(--danger);font-weight:700}.task-row.is-done .task-due-btn{opacity:.6}.task-row-draft{cursor:text}.task-draft-plus{flex:0 0 18px;display:grid;place-items:center;width:18px;height:18px;border-radius:5px;color:var(--muted);transition:background .15s,color .15s}.task-draft-plus i{font-size:13px}.task-row-draft:hover .task-draft-plus{background:var(--bg);color:var(--ink)}.task-row-draft:focus-within .task-draft-plus{background:var(--blue);color:#fff}.task-draft-input{flex:1;border:0;background:none;font:inherit;font-size:14px;color:var(--ink);padding:2px 0}.task-draft-input::placeholder{color:var(--muted)}.task-draft-input:focus{outline:none}.task-row-draft:focus-within .task-draft-input::placeholder{color:color-mix(in srgb,var(--muted) 55%,transparent)}.task-detail-panel{position:fixed;top:var(--global-header-height,72px);right:0;bottom:0;left:auto;width:min(720px,78vw);background:var(--surface);border-left:1px solid var(--line);box-shadow:-22px 0 60px #172f5b24;transform:translate(105%);visibility:hidden;z-index:2001;transition:transform .34s cubic-bezier(.22,1,.36,1),visibility .34s,right .25s ease}#tasksView.task-detail-open .task-detail-panel{transform:translate(0);visibility:visible}body.clevy-chat-open .task-detail-panel{right:min(430px,100vw)}.task-detail-scroll{height:100%;overflow-y:auto;padding:18px 26px 30px}.task-detail-head{display:flex;justify-content:flex-end;margin-bottom:4px}.task-detail-collapse,.task-detail-close{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:8px;background:none;color:var(--muted)}.task-detail-collapse{margin-right:auto}.task-detail-collapse:hover,.task-detail-close:hover{background:var(--soft);color:var(--ink)}.task-clevy-edit{display:flex;align-items:center;gap:8px;margin-bottom:18px;padding:6px 6px 6px 8px;border:1px solid var(--line);border-radius:999px;background:var(--surface);box-shadow:var(--shadow);transition:border-color .15s}.task-clevy-edit:focus-within{border-color:var(--blue)}.task-clevy-avatar{width:34px;height:34px;flex:0 0 auto;border-radius:50%;background:#fff;object-fit:contain;padding:5px;box-shadow:0 3px 8px #2556b02e}.task-clevy-edit input{flex:1;min-width:0;border:0;background:none;font:inherit;font-size:13px;color:var(--ink);padding:6px 2px}.task-clevy-edit input:focus{outline:none}.task-clevy-edit input::placeholder{color:var(--muted)}.task-clevy-edit button{flex:0 0 auto;width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--blue);color:#fff;cursor:pointer}.task-clevy-edit button:hover{background:var(--blue2)}.task-detail-title{width:100%;border:0;background:none;font:inherit;font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--ink);padding:4px 0;margin-bottom:14px}.task-detail-title:focus{outline:none}.task-detail-title::placeholder{color:var(--muted)}.task-detail-props{display:flex;flex-direction:column;gap:1px;margin-bottom:18px}.task-prop-row{display:flex;align-items:center;gap:10px;padding:8px 6px;border:0;background:none;border-radius:8px;font:inherit;color:var(--ink);text-align:left;cursor:pointer;width:100%}.task-prop-row:hover{background:var(--soft)}.task-prop-row i{width:16px;color:var(--muted);font-size:15px}.task-prop-label{width:90px;flex:0 0 auto;color:var(--muted);font-size:13px}.task-prop-value{font-size:13px;display:flex;align-items:center;gap:6px}.task-prop-value.muted{color:var(--muted)}.task-prop-value .priority-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;font-size:0;color:transparent}.task-prop-more{display:flex;align-items:center;gap:6px;border:0;background:none;color:var(--muted);font-size:12px;font-weight:700;padding:8px 6px;cursor:pointer;width:100%}.task-prop-more:hover{color:var(--ink)}.task-prop-more i{transition:transform .15s;font-size:12px}.task-prop-more.expanded i{transform:rotate(180deg)}.task-prop-meta{display:flex;flex-direction:column;gap:6px;padding:4px 6px 8px;cursor:default}.task-prop-meta:hover{background:none}.task-prop-meta-line{display:flex;align-items:center;gap:10px;font-size:12px}.task-prop-meta-line i{width:16px;color:var(--muted)}.task-prop-meta-line .task-prop-label{width:60px}.task-detail-desc{border-top:1px solid var(--line);padding-top:14px;margin-bottom:18px}.task-detail-description{width:100%;border:0;background:none;font:inherit;font-size:13.5px;color:var(--ink);resize:none;min-height:60px;line-height:1.6}.task-detail-description:focus{outline:none}.task-detail-description::placeholder{color:var(--muted)}.task-detail-actions{border-top:1px solid var(--line);padding-top:14px}.task-detail-delete{display:flex;align-items:center;gap:8px;border:0;background:none;color:var(--danger);font-weight:700;font-size:13px;padding:8px 6px;border-radius:8px}.task-detail-delete:hover{background:color-mix(in srgb,var(--danger) 10%,transparent)}.task-popover{position:fixed;z-index:2100;min-width:200px;max-width:280px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:2px;max-height:70vh;overflow-y:auto}.task-popover-option{display:flex;align-items:center;gap:8px;padding:8px 10px;border:0;background:none;border-radius:8px;font-size:13px;color:var(--ink);text-align:left;cursor:pointer}.task-popover-option:hover{background:var(--soft)}.task-popover-option.active{background:var(--soft);font-weight:700}.task-popover-option i{font-size:14px}.task-popover-section{padding:6px 8px 10px;border-bottom:1px solid var(--line)}.task-popover-section:last-of-type{border-bottom:0}.task-popover-section strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px}.task-popover-check,.task-popover-radio{display:flex;align-items:center;gap:8px;padding:6px 4px;font-size:13px;color:var(--ink);cursor:pointer}.task-popover-empty{padding:6px 4px;font-size:12px;color:var(--muted)}.task-popover-clear{margin:6px 8px 2px;padding:8px;border:0;border-radius:8px;background:var(--soft);color:var(--ink);font-size:12.5px;font-weight:700}.task-popover-clear:hover{background:var(--bg)}.task-popover.task-due-popover{width:340px;max-width:calc(100vw - 16px);padding:0;border-radius:16px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;box-shadow:0 20px 60px #101e3638,0 4px 14px #101e3617}.task-due-popover-body{display:flex;flex-direction:column}.task-date-entry{display:flex;align-items:center;gap:9px;margin:12px 12px 8px;padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:var(--bg);transition:border-color .16s,box-shadow .16s,background .16s}.task-date-entry:focus-within{border-color:var(--blue);background:var(--surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 14%,transparent)}.task-date-entry>i{font-size:17px;color:var(--muted)}.task-date-entry input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:14px;font-weight:650}.task-date-entry input.invalid{color:var(--danger)}.task-date-entry-hint{padding:2px 5px;border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:9px;line-height:1.2}.task-date-quick{display:flex;gap:6px;padding:0 12px 10px;border-bottom:1px solid var(--line)}.task-date-quick button{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 5px;border:0;border-radius:8px;background:var(--soft);color:var(--muted);font-size:10.5px;font-weight:750;cursor:pointer;transition:transform .14s,background .14s,color .14s}.task-date-quick button:hover{background:var(--bg);color:var(--ink);transform:translateY(-1px)}.task-date-quick i{font-size:13px}.task-calendar{padding:10px 12px 12px}.task-calendar-head{display:flex;align-items:center;justify-content:space-between;height:36px;margin-bottom:4px}.task-calendar-title{border:0;background:none;color:var(--ink);font:inherit;font-size:14px;font-weight:800;padding:6px;border-radius:7px;cursor:pointer}.task-calendar-title:hover{background:var(--soft)}.task-calendar-nav{display:flex;gap:2px}.task-calendar-nav button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}.task-calendar-nav button:hover{background:var(--soft);color:var(--ink)}.task-calendar-weekdays,.task-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.task-calendar-weekdays span{display:grid;place-items:center;height:27px;color:var(--muted);font-size:10px;font-weight:750}.task-calendar-grid button{position:relative;display:grid;place-items:center;aspect-ratio:1;border:0;border-radius:9px;background:transparent;color:var(--ink);font:inherit;font-size:12.5px;cursor:pointer;transition:background .12s,color .12s,transform .12s}.task-calendar-grid button:hover{background:var(--soft);transform:scale(1.04)}.task-calendar-grid button.outside{color:color-mix(in srgb,var(--muted) 58%,transparent)}.task-calendar-grid button.today{color:var(--blue);font-weight:800}.task-calendar-grid button.today:not(.selected):after{content:"";position:absolute;bottom:4px;width:3px;height:3px;border-radius:50%;background:currentColor}.task-calendar-grid button.selected{background:var(--blue);color:#fff;font-weight:800;box-shadow:0 5px 12px color-mix(in srgb,var(--blue) 30%,transparent)}.task-date-options{padding:7px 12px 10px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--soft) 32%,var(--surface))}.task-date-option{display:flex;align-items:center;justify-content:space-between;min-height:38px;color:var(--ink);font-size:12.5px;cursor:pointer}.task-date-option>span{display:flex;align-items:center;gap:8px}.task-date-option>span i,.task-date-clear i{color:var(--muted);font-size:15px}.task-date-option input{position:absolute;opacity:0;pointer-events:none}.task-switch{position:relative;width:32px!important;height:18px;border-radius:999px;background:var(--line);transition:background .18s}.task-switch:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .18s}.task-date-option input:checked+.task-switch{background:var(--blue)}.task-date-option input:checked+.task-switch:after{transform:translate(14px)}.task-time-wrap{padding:2px 0 7px 23px}.task-time-wrap input{width:100%;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;font-size:12.5px}.task-date-clear{display:flex;align-items:center;gap:8px;width:100%;padding:9px 0 5px;border:0;background:none;color:var(--muted);font:inherit;font-size:12.5px;text-align:left;cursor:pointer}.task-date-clear:hover,.task-date-clear:hover i{color:var(--danger)}@media(max-width:1100px){#tasksView.task-detail-open .task-course-tag{display:none}}@media(max-width:920px){#tasksView.task-detail-open .task-pill{display:none}}@media(max-width:860px){.task-detail-panel{left:0;width:100%;border-left:0}.task-tool-btn span{display:none}.task-tool-btn{padding:7px}#taskViewOptionsBtn,#taskExpandBtn{display:none}}@media(max-width:600px){.task-page-head h1{font-size:28px}.task-course-tag{display:none}}