@layer base;:root{--background:#fff;--foreground:#171717}@theme inline{--color-background: var(--background); --color-foreground: var(--foreground); --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono);}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{background:var(--background);color:var(--foreground);padding-bottom:env(safe-area-inset-bottom,0px);font-family:Arial,Helvetica,sans-serif}.responsive-padding-x,.responsive-padding-x-inner{padding-left:40px;padding-right:40px}.responsive-content{max-width:1400px;margin-left:auto;margin-right:auto}@media (max-width:768px){.responsive-padding-x{padding-left:12px;padding-right:12px}.responsive-padding-x-inner{padding-left:16px;padding-right:16px}.hide-mobile{display:none!important}}@media (min-width:769px){.hide-desktop{display:none!important}}@media (max-width:768px){.ant-table-wrapper .ant-table-tbody .ant-table-cell{font-size:13px;padding:10px 8px!important}.ant-table-wrapper .ant-table-thead .ant-table-cell{font-size:12px;padding:8px!important}.mobile-card-gap{margin-bottom:10px}}.header-center .ant-table-column-title,.header-center:not([data-align]) .ant-table-cell{text-align:center!important}.data-right .ant-table-cell{text-align:right!important}.action-col-header,.action-col-cell,.sticky-action-col,.ant-table-cell.sticky-action-col{z-index:2!important;background:#fff!important;position:sticky!important;right:0!important}.action-col-header,.sticky-action-col.ant-table-column-title,.ant-table-cell.sticky-action-col{border-left:1px solid #f0f0f0;box-shadow:-4px 0 8px #0000000f!important}.action-col-cell{border-left:1px solid #f0f0f0}.ant-table-tbody tr:hover .action-col-cell,.ant-table-tbody>tr:hover>.sticky-action-col,.ant-table-tbody>tr:hover>td.sticky-action-col{background:#fafafa!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0000004d}::-webkit-scrollbar-corner{background:0 0}*{scrollbar-width:thin;scrollbar-color:#00000026 transparent}.task-module{--bg-canvas:#f5f5f4;--bg-panel:#fff;--bg-surface:#fff;--bg-hover:#0000000a;--text-primary:#1c1c1e;--text-secondary:#545458;--text-tertiary:#8e8e93;--text-quaternary:#aeaeb2;--accent:#5e6ad2;--accent-hover:#7170ff;--accent-bg:#5e6ad214;--green:#27a644;--green-bg:#27a64414;--amber:#d97706;--amber-bg:#d9770614;--red:#dc2626;--red-bg:#dc26260f;--blue:#2563eb;--blue-bg:#2563eb14;--border-subtle:#0000000f;--border-standard:#0000001a;--radius-md:6px;--radius-lg:8px;--radius-pill:9999px;background:var(--bg-canvas);color:var(--text-primary);min-height:100%;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:13px;line-height:1.5}.task-wrapper{min-height:calc(100vh - 104px);display:flex}.task-sidebar{background:var(--bg-panel);border-right:1px solid var(--border-standard);flex-shrink:0;width:220px;padding:16px;overflow-y:auto}.task-main{flex:1;min-width:0;padding:24px;overflow-y:auto}.overview-title{color:var(--text-quaternary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:11px;font-weight:600}.stat-grid{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:16px;display:grid}.stat-cell{background:var(--bg-canvas);border-radius:var(--radius-md);text-align:center;padding:8px 10px}.stat-cell .s-val{color:var(--text-primary);font-size:16px;font-weight:700;line-height:1}.stat-cell .s-lbl{color:var(--text-tertiary);margin-top:3px;font-size:10.5px}.stat-full{background:var(--bg-canvas);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;padding:8px;display:flex}.stat-full .s-val{font-size:16px;font-weight:700}.stat-full .s-lbl{color:var(--text-tertiary);font-size:10.5px}.filter-section{margin-top:16px}.filter-item{border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:1px;padding:7px 8px;font-size:12.5px;transition:all .15s;display:flex}.filter-item:hover{background:var(--bg-hover)}.filter-item.active{background:var(--accent-bg);color:var(--accent);font-weight:500}.filter-item .f-icon{text-align:center;width:16px;font-size:13px}.filter-item .f-count{color:var(--text-primary);margin-left:auto;font-size:12px;font-weight:600}.filter-item.active .f-count{color:var(--accent)}.page-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.page-title{color:var(--text-primary);font-size:20px;font-weight:600}.page-subtitle{color:var(--text-tertiary);margin-top:2px;font-size:13px}.btn{border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--border-standard);color:var(--text-secondary);background:#fff;align-items:center;gap:5px;padding:7px 14px;font-size:13px;font-weight:500;line-height:1.4;transition:all .15s;display:inline-flex}.btn:hover{background:var(--bg-hover)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-icon{padding:6px 10px}.btn-icon.active{background:var(--accent);color:#fff;border-color:var(--accent)}.kanban{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.kanban-col{background:var(--bg-panel);border-radius:var(--radius-lg);border:1px solid;min-height:200px;overflow:hidden}.kanban-col-header{justify-content:space-between;align-items:center;padding:12px 14px;font-size:12px;font-weight:600;display:flex}.kanban-col-count{color:var(--text-quaternary);font-size:11px}.kanban-col-body{scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent}.kanban-empty{text-align:center;color:var(--text-quaternary);padding:24px 16px;font-size:12px}.task-list-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:12.5px}.task-list-table thead tr{background:var(--bg-canvas);border-bottom:2px solid var(--border-subtle);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px;font-size:10.5px;font-weight:600}.task-list-table th{text-align:left;text-overflow:ellipsis;white-space:nowrap;padding:10px 12px;overflow:hidden}.tl-col-task{width:auto}.tl-col-priority{width:10%;min-width:100px}.tl-filter-bar{padding:0 0 12px}.tl-filter-triggers{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tl-filter-trigger-wrap{position:relative}.tl-filter-trigger{border:1px solid var(--border-subtle);background:var(--bg-panel);height:30px;color:var(--text-tertiary);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:15px;align-items:center;gap:5px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .2s;display:inline-flex}.tl-filter-trigger:hover{border-color:var(--border-standard);color:var(--text-secondary);background:var(--bg-hover)}.tl-filter-trigger.active{background:var(--accent-bg);color:var(--accent);border-color:#5e6ad240}.tl-filter-trigger.active:hover{background:#5e6ad21f;border-color:#5e6ad259}.tl-filter-trigger-key{color:var(--text-quaternary);text-transform:uppercase;letter-spacing:.3px;font-size:10.5px}.tl-filter-trigger.active .tl-filter-trigger-key{color:#5e6ad28c}.tl-filter-trigger-val{color:var(--accent);font-weight:600}.tl-filter-chevron{opacity:.4;flex-shrink:0;margin-left:1px;transition:transform .2s}.tl-filter-trigger:hover .tl-filter-chevron{opacity:.7}.tl-filter-dropdown{background:var(--bg-panel);border:1px solid var(--border-subtle);z-index:100;border-radius:10px;min-width:160px;padding:4px;animation:.15s ease-out filterDropdownIn;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden;box-shadow:0 8px 24px #0000001a,0 2px 6px #0000000a,0 0 0 1px #00000005}@keyframes filterDropdownIn{0%{opacity:0;transform:translateY(-4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.tl-filter-option{color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:6px;align-items:center;gap:8px;padding:7px 10px;font-size:12.5px;font-weight:450;transition:background .12s;display:flex}.tl-filter-option:hover{background:var(--bg-hover)}.tl-filter-option.active{background:var(--accent-bg);color:var(--accent);font-weight:500}.tl-filter-option-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.tl-filter-check{flex-shrink:0;margin-left:auto}.tl-filter-reset{color:var(--text-quaternary);cursor:pointer;white-space:nowrap;letter-spacing:.2px;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px 8px;font-family:inherit;font-size:11.5px;font-weight:500;transition:all .15s;display:inline-flex}.tl-filter-reset:hover{color:var(--red);background:#dc26260a}.tl-col-assignee,.tl-col-reviewer{width:6.5%;min-width:64px}.tl-col-observer{width:12%;min-width:100px}.tl-col-creator{width:6.5%;min-width:64px}.tl-col-created,.tl-col-due{width:7%;min-width:75px}.tl-col-progress{width:10%;min-width:100px}.tl-col-status{width:6%;min-width:66px}@media (max-width:1200px){.tl-col-observer,.tl-col-creator,.task-list-table th.tl-col-observer,.task-list-table td.tl-col-observer,.task-list-table th.tl-col-creator,.task-list-table td.tl-col-creator{display:none}}@media (max-width:900px){.tl-col-progress,.tl-col-created{display:none}}.task-list-row{border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background .12s}.task-list-row:nth-child(2n){background:#00000003}.task-list-row:hover,.task-list-row:nth-child(2n):hover{background:var(--bg-hover)}.task-list-row.row-overdue{background:#dc26260a;box-shadow:inset 3px 0 #dc26264d}.task-list-row.row-overdue:nth-child(2n){background:#dc26260d}.task-list-row.row-overdue:hover{background:#dc262614}.task-list-row td{vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;padding:9px 12px;overflow:hidden}.tl-task-cell{align-items:center;gap:10px;display:flex}.tl-prio-bar{border-radius:9999px;flex-shrink:0;width:4px;height:20px}.tl-prio-label{font-size:11.5px;font-weight:500}.tl-task-title{color:var(--text-primary);font-size:13px;font-weight:500}.tl-task-title.tl-overdue{color:var(--red);font-weight:600}.tl-col-assignee,.tl-col-reviewer,.tl-col-observer,.tl-col-creator{color:var(--text-secondary);font-size:12px}.tl-col-due{color:var(--text-tertiary);font-size:12px}.tl-col-due.tl-due-overdue{color:var(--red);font-weight:500}.tl-col-due.tl-due-today{color:var(--amber);font-weight:500}.tl-col-created{color:var(--text-quaternary);font-size:11.5px}.tl-none{color:var(--text-quaternary)}.tl-progress{justify-content:center;align-items:center;gap:8px;display:flex}.tl-progress-bar{background:var(--bg-canvas);border-radius:9999px;width:60px;height:6px;overflow:hidden}.tl-progress-fill{border-radius:9999px;height:100%;transition:width .3s}.tl-progress-pct{color:var(--text-quaternary);text-align:right;min-width:26px;text-align:right;min-width:26px;font-size:10.5px;font-weight:500}.tl-col-status{text-align:center}.kanban-card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-left:3px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;margin:0 10px 8px;padding:10px 12px;transition:all .15s}.kanban-card:hover{border-color:var(--accent);box-shadow:0 2px 8px #5e6ad214}.kanban-card.prio-q1{border-left-color:var(--red)}.kanban-card.prio-q2{border-left-color:var(--blue)}.kanban-card.prio-q3{border-left-color:var(--amber)}.kanban-card.prio-q4{border-left-color:var(--text-quaternary)}.kanban-card-title{color:var(--text-primary);justify-content:space-between;align-items:flex-start;gap:6px;margin-bottom:4px;font-size:13px;font-weight:500;line-height:1.4;display:flex}.kanban-card-title-text{flex:1;min-width:0}.kanban-card.overdue{border-color:#dc26264d;border-left-color:var(--red);background:#dc26260f}.kanban-card.overdue .kanban-card-title-text{color:var(--red);font-weight:600}.kanban-card-meta{color:var(--text-tertiary);justify-content:flex-end;align-items:center;margin-bottom:6px;font-size:11.5px;display:flex}.kanban-card-roles{color:var(--text-secondary);flex-wrap:wrap;gap:4px 10px;margin-bottom:4px;font-size:11px;line-height:1.4;display:flex}.kanban-role-item{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:3px;max-width:100%;display:inline-flex;overflow:hidden}.kanban-role-icon{flex-shrink:0;font-size:11px}.kanban-card-user{align-items:center;gap:4px;display:flex}.status-tag{border-radius:var(--radius-pill);padding:2px 8px;font-size:10px;font-weight:500;display:inline-block}.status-todo{color:var(--text-quaternary);background:#0000000a}.status-progress{background:var(--blue-bg);color:var(--blue)}.status-review{background:var(--amber-bg);color:var(--amber)}.status-done{background:var(--green-bg);color:var(--green)}.status-archived{color:var(--text-tertiary);background:#6b728014}.status-rejected{background:var(--red-bg);color:var(--red)}.subtask-track{color:var(--text-quaternary);align-items:center;gap:6px;font-size:10.5px;display:flex}.subtask-track .bar{background:var(--bg-canvas);border-radius:9999px;flex:1;height:4px;overflow:hidden}.subtask-track .bar-fill{border-radius:9999px;height:100%;transition:width .3s}.subtask-track .bar-pct{color:var(--text-quaternary);text-align:right;flex-shrink:0;min-width:28px;font-size:10px}.kanban-due{color:var(--text-quaternary);white-space:nowrap;flex-shrink:0;font-size:10.5px}.kanban-due.overdue{color:var(--red);font-weight:500}.overdue-badge{color:var(--red);margin-left:6px;font-size:10.5px;font-weight:500}.empty-state{text-align:center;color:var(--text-quaternary);padding:32px 16px;font-size:12px}.task-input,.task-textarea,.task-select{border:1px solid var(--border-standard);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:var(--bg-canvas);outline:none;padding:8px 12px;font-family:inherit;font-size:13px;transition:all .15s}.task-input:focus,.task-textarea:focus,.task-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #5e6ad21f}.task-textarea{resize:vertical;line-height:1.5}.task-select{cursor:pointer}.task-detail-wrapper{max-width:1100px;margin:0 auto;padding:0 0 40px}.td-header{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.td-header-left{flex:1;align-items:center;gap:12px;display:flex}.td-header-right{gap:8px;margin-left:auto;display:flex}.td-page-title{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.td-page-title.overdue{color:var(--red)}.td-body{align-items:flex-start;gap:20px;display:flex}.td-left{flex-shrink:0;width:320px}.td-right{flex:1;min-width:0}.td-card{background:var(--bg-panel);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);margin-bottom:16px;padding:16px}.td-card-title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:13px;font-weight:600}.td-info{flex-direction:column;gap:8px;display:flex}.td-info-row{align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.5;display:flex}.td-info-label{color:var(--text-quaternary);flex-shrink:0;min-width:56px}.td-info-desc{flex-direction:column;gap:4px}.td-info-desc .td-info-label{margin-bottom:2px}.td-form{flex-direction:column;gap:10px;display:flex}.td-field{flex-direction:column;gap:6px;display:flex}.td-field label{color:var(--text-secondary,#545458);font-size:12.5px;font-weight:500}.td-required{color:var(--red,#dc2626);margin-left:2px}.td-observer-list{flex-direction:column;gap:4px;max-height:120px;display:flex;overflow-y:auto}.td-observer-item{color:var(--text-secondary);cursor:pointer;align-items:center;gap:6px;font-size:12.5px;display:flex}.td-tabs{border-bottom:1px solid var(--border-subtle);gap:0;margin-bottom:16px;display:flex}.td-tab{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:500;transition:all .15s;display:flex}.td-tab:hover{color:var(--text-secondary)}.td-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.td-tab-count{background:var(--accent-bg);color:var(--accent);border-radius:var(--radius-pill);padding:0 5px;font-size:10px;font-weight:600}.td-tab-content{min-height:200px}.td-subtask-list{flex-direction:column;gap:8px;display:flex}.td-subtask-card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:12px;transition:all .15s}.td-subtask-card:hover{border-color:var(--accent)}.td-subtask-card.done{opacity:.6}.td-subtask-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.td-review-list{flex-direction:column;gap:10px;display:flex}.td-review-card{background:var(--bg-panel);border:1px solid var(--amber-bg);border-radius:var(--radius-md);padding:14px}.td-comment-section{flex-direction:column;gap:16px;display:flex}@media (max-width:768px){.td-body{flex-direction:column}.td-left{width:100%}.td-header{flex-direction:column;align-items:flex-start}.td-header-right{justify-content:flex-start;width:100%;margin-left:0}}.kanban-col{transition:background .15s}.kanban-col[data-over=true]{background:#3b82f60a;box-shadow:inset 0 0 0 2px #3b82f640}.kanban-card{transition:opacity .15s,box-shadow .15s,border-color .15s}.kanban-card[data-dragging=true]{opacity:.45;box-shadow:none}.dnd-Overlay .kanban-card{opacity:.92;cursor:grabbing;transform:rotate(2deg)scale(1.03);box-shadow:0 8px 24px #0000002e}.td-header-title-row{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:10px;display:flex}.td-title{color:var(--text-primary);margin:0;font-size:20px;font-weight:600;line-height:1.3}.td-title.overdue{color:var(--red)}.td-overdue-icon{margin-right:4px}.td-header-actions{flex-shrink:0;gap:12px;display:flex}.td-btn-text{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:2px 0;font-size:13px;display:flex}.td-btn-text:hover{color:var(--accent)}.td-btn-text.td-btn-danger{color:var(--red);background:0 0}.td-btn-text.td-btn-primary{color:var(--accent);background:0 0;font-weight:500}.td-btn-filled{cursor:pointer;-webkit-user-select:none;user-select:none;color:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:7px 18px;font-size:13px;font-weight:500;line-height:1.4;transition:all .15s;display:inline-flex}.td-btn-filled.td-btn-green{background:var(--green,#16a34a);box-shadow:0 1px 3px #16a34a40}.td-btn-filled.td-btn-green:hover{background:#15803d;transform:translateY(-1px);box-shadow:0 2px 6px #16a34a59}.td-btn-filled.td-btn-green:active{transform:translateY(0)}.td-btn-filled.td-btn-red{color:var(--red,#dc2626);background:#fff;border:1px solid #dc26264d;box-shadow:0 1px 2px #dc262614}.td-btn-filled.td-btn-red:hover{background:#fef2f2;border-color:#dc262680;transform:translateY(-1px);box-shadow:0 2px 6px #dc262626}.td-btn-filled.td-btn-red:active{background:#fee2e2;transform:translateY(0)}.td-btn-filled.td-btn-orange{color:var(--amber,#d97706);background:#fff;border:1px solid #d977064d;box-shadow:0 1px 2px #d9770614}.td-btn-filled.td-btn-orange:hover{background:#fffbeb;border-color:#d9770680;transform:translateY(-1px);box-shadow:0 2px 6px #d9770626}.td-btn-filled.td-btn-orange:active{background:#fef3c7;transform:translateY(0)}.td-status-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.td-tag{border-radius:9999px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.td-tag.td-tag-todo{color:var(--text-quaternary);background:#0000000a}.td-tag.td-tag-progress{color:var(--blue);background:#2563eb14}.td-tag.td-tag-review{color:var(--amber);background:#d9770614}.td-tag.td-tag-done{color:var(--green);background:#27a64414}.td-tag.td-tag-rejected{color:var(--red);background:#dc262614}.td-tag.td-tag-archived{color:var(--text-tertiary,#6b7280);background:#6b728014}.td-prio-tag{border-radius:9999px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.td-prio-tag.td-prio-urgent{color:var(--red);background:#dc262614}.td-prio-tag.td-prio-high{color:var(--blue);background:#2563eb14}.td-prio-tag.td-prio-medium{color:var(--amber);background:#d9770614}.td-prio-tag.td-prio-low{color:var(--text-quaternary);background:#0000000a}.td-meta-item{color:var(--text-secondary);background:var(--bg-hover,#f3f4f6);border-radius:9999px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-flex}.td-meta-avatars{align-items:center;gap:4px;display:flex}.td-meta-user{align-items:center;display:flex}.td-header-desc{color:var(--text-secondary,#666);white-space:pre-wrap;margin:8px 0 12px;font-size:14px;line-height:1.6}.td-role-names{flex-wrap:wrap;align-items:center;gap:14px;margin-left:4px;display:flex}.td-role-item{color:var(--text-secondary,#666);border-radius:9999px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;display:inline-flex}.td-role-item.td-role-assignee{color:#2563eb;background:#eff6ff}.td-role-item.td-role-reviewer{color:#16a34a;background:#f0fdf4}.td-role-item.td-role-observer{color:#9333ea;background:#faf5ff}.td-role-icon{font-size:12px}.td-role-name{font-size:12px;font-weight:500}.td-section{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px 20px}.td-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.td-section-title{color:var(--text-primary);align-items:center;gap:10px;font-size:14px;font-weight:600;display:flex}.td-btn-add{color:var(--accent);cursor:pointer;background:#5e6ad20f;border:1px solid #5e6ad233;border-radius:4px;align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:500;display:flex}.td-btn-add:hover{background:#5e6ad21a}.td-section-header-vertical{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.td-section-title-row{justify-content:space-between;align-items:center;display:flex}.td-btn-add-float{color:var(--accent,#5e6ad2);cursor:pointer;white-space:nowrap;background:#5e6ad20f;border:1px solid #5e6ad233;border-radius:6px;align-items:center;gap:4px;padding:5px 14px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.td-btn-add-float:hover{background:#5e6ad21f;border-color:#5e6ad259;box-shadow:0 1px 3px #5e6ad21f}.td-filter-tabs{border-bottom:1px solid var(--border-subtle,#f0f0f0);gap:4px;margin-bottom:16px;padding:0 0 12px;display:flex}.td-filter-tab{color:var(--text-tertiary,#8c8c8c);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .2s}.td-filter-tab:hover{color:var(--text-secondary,#666);background:#0000000a}.td-filter-tab.active{color:var(--accent,#1677ff);background:#f0f5ff;font-weight:600}.td-subtask-table-wrapper{overflow-x:auto}.td-subtask-table{border-collapse:separate;border-spacing:0;table-layout:auto;width:100%;font-size:13px}.td-subtask-table th:first-child,.td-subtask-table td:first-child{width:auto}.td-subtask-table th:nth-child(2),.td-subtask-table td:nth-child(2){width:80px}.td-subtask-table th:nth-child(3),.td-subtask-table td:nth-child(3),.td-subtask-table th:nth-child(4),.td-subtask-table td:nth-child(4){white-space:nowrap;width:auto}.td-subtask-table th:nth-child(5),.td-subtask-table td:nth-child(5){width:60px;min-width:60px}.td-subtask-table th:nth-child(6),.td-subtask-table td:nth-child(6){width:auto}.td-subtask-table th{text-align:left;color:var(--text-tertiary,#8c8c8c);border-bottom:1px solid var(--border-subtle,#f0f0f0);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;background:#fafafa;padding:10px 12px;font-size:11px;font-weight:600}.td-subtask-table th:first-child{border-radius:8px 0 0}.td-subtask-table th:last-child{border-radius:0 8px 0 0}.td-subtask-table td{border-bottom:1px solid var(--border-subtle,#f0f0f0);color:var(--text-secondary,#666);white-space:nowrap;padding:12px;transition:background .15s}.td-subtask-table tbody tr:hover td{background:#fafafa}.td-subtask-table tr:last-child td{border-bottom:none}.td-subtask-name{color:var(--text-primary,#000000e0);text-overflow:ellipsis;max-width:200px;font-weight:500;overflow:hidden}.td-reopen-cell{text-align:center}.td-reopen-cell span{min-width:24px;height:24px;color:var(--text-tertiary,#8c8c8c);background:#f5f5f5;border-radius:12px;justify-content:center;align-items:center;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.td-reopen-cell span:hover{color:#d48806;background:#fff7e6}.td-empty-cell{text-align:center;color:var(--text-quaternary,#bfbfbf);font-size:14px;padding:32px!important}.td-tag-small{border-radius:9999px;align-items:center;gap:3px;padding:1px 8px;font-size:11px;font-weight:500;display:inline-flex}.td-tag-small.td-tag-todo{color:var(--text-quaternary);background:#0000000a}.td-tag-small.td-tag-progress{color:var(--blue);background:#2563eb14}.td-tag-small.td-tag-review{color:var(--amber);background:#d9770614}.td-tag-small.td-tag-done{color:var(--green);background:#27a64414}.td-tag-small.td-tag-rejected{color:var(--red);background:#dc262614}.td-tag-small.td-tag-archived{color:var(--text-tertiary,#6b7280);background:#6b728014}.td-status-text{border-radius:20px;align-items:center;padding:2px 10px;font-size:12px;font-weight:500;line-height:1.5;display:inline-flex}.td-status-text.td-tag-todo{color:#00000073;background:#f5f5f5}.td-status-text.td-tag-progress{color:#0958d9;background:#e6f4ff}.td-status-text.td-tag-review{color:#d46b08;background:#fff7e6}.td-status-text.td-tag-done{color:#389e0d;background:#f6ffed}.td-status-text.td-tag-rejected{color:#cf1322;background:#fff2f0}.td-status-tag.td-status-done{color:var(--green);background:#22c55e1a;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.td-status-tag.td-status-rejected{color:var(--red);background:#ef44441a;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:500;display:inline-flex}.td-user-cell{align-items:center;gap:6px;display:flex}.td-note-cell{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:12px;overflow:hidden}.td-action-btns{gap:6px;display:flex}.td-btn-action{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:6px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:500;line-height:1.5;transition:all .2s;display:inline-flex}.td-btn-action-primary{color:var(--accent,#1677ff);background:#f0f5ff;border-color:#1677ff33}.td-btn-action-primary:hover{background:#d6e4ff;border-color:#1677ff59}.td-btn-action-ghost{color:var(--text-secondary,#545458);border:1px solid var(--border-subtle,#0000000f);background:#fff}.td-btn-action-ghost:hover{background:var(--bg-hover,#0000000a);border-color:var(--border-standard,#0000001a)}.td-btn-action-danger{color:#cf1322;background:#fff2f0;border-color:#cf132233}.td-btn-action-danger:hover{background:#ffd8d5;border-color:#cf132259}.td-btn-action-warning{color:#d48806;background:#fffbe6;border-color:#d4880633}.td-btn-action-warning:hover{background:#fff1b8;border-color:#d4880659}.td-btn-approve{color:#fff;background:var(--green);cursor:pointer;border:none;border-radius:4px;padding:3px 10px;font-size:10px;font-weight:500}.td-btn-approve:hover{background:#2ecc71}.td-btn-reject{color:#fff;background:var(--red);cursor:pointer;border:none;border-radius:4px;padding:3px 10px;font-size:10px;font-weight:500}.td-btn-reject:hover{background:#f44}.td-btn-restart{color:var(--text-secondary);background:var(--bg-hover);border:1px solid var(--border-subtle);cursor:pointer;border-radius:4px;padding:3px 10px;font-size:10px;font-weight:500}.td-btn-start{color:#fff;background:var(--accent);cursor:pointer;border:none;border-radius:4px;padding:3px 10px;font-size:10px;font-weight:500}.td-add-subtask-row{gap:8px;margin-bottom:12px;display:flex}.td-add-subtask-row .task-input{flex:1}.td-btn-small{cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:500}.td-btn-small.td-btn-primary{background:var(--accent);color:#fff}.td-comment-input-area{margin-bottom:16px}.td-reply-hint{color:var(--text-tertiary);margin-bottom:6px;font-size:12px}.td-reply-hint button{color:var(--accent);cursor:pointer;background:0 0;border:none;margin-left:4px}.td-comment-send-row{justify-content:flex-end;margin-top:8px;display:flex}.td-comment-list,.td-comment-item{flex-direction:column;gap:8px;display:flex}.td-comment-main{gap:10px;display:flex}.td-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.td-comment-body{flex:1;min-width:0}.td-comment-meta{align-items:center;gap:8px;margin-bottom:2px;display:flex}.td-comment-author{color:var(--text-primary);font-size:12px;font-weight:500}.td-comment-time{color:var(--text-quaternary);font-size:11px}.td-comment-content{color:var(--text-primary);white-space:pre-wrap;font-size:13px;line-height:1.5}.td-comment-reply-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;margin-top:2px;font-size:11px}.td-comment-replies{border-left:1px solid var(--border-subtle);flex-direction:column;gap:10px;margin-left:38px;padding-left:12px;display:flex}.td-comment-reply-item{gap:8px;display:flex}.td-comment-box{background:var(--bg-panel);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);margin-bottom:12px;box-shadow:0 1px 4px #0000000a}.td-comment-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:14px 16px 12px;display:flex}.td-comment-header-title{color:var(--text-primary);font-size:14px;font-weight:600}.td-comment-write{padding:12px 16px}.td-comment-textarea-wrap{background:var(--bg-canvas);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);padding:10px;transition:border-color .2s}.td-comment-textarea-wrap:focus-within{border-color:var(--accent)}.td-comment-textarea-wrap textarea{resize:none;background:0 0;border:none;border-radius:0;outline:none;width:100%;padding:0;font-family:inherit;font-size:13px;line-height:1.5}.td-comment-toolbar{border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;display:flex}.td-comment-toolbar-left{align-items:center;gap:8px;display:flex}.td-comment-toolbar-right{gap:6px;display:flex}.td-toolbar-btn{cursor:pointer;color:var(--text-tertiary);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:3px 5px;font-size:16px;line-height:1;transition:background .15s,color .15s;display:inline-flex}.td-toolbar-btn:hover{background:var(--bg-hover)}.td-toolbar-btn.active{color:var(--accent)}.td-emoji-panel{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md);flex-wrap:wrap;gap:2px;max-width:280px;margin-bottom:8px;padding:6px 8px;display:flex;box-shadow:0 2px 8px #0000000a}.td-emoji-btn{cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 3px;font-size:16px;line-height:1;transition:background .15s}.td-emoji-btn:hover{background:var(--bg-hover)}.td-attach-tag{background:var(--bg-panel);border:1px solid var(--border-standard);color:var(--text-secondary);white-space:normal;border-radius:4px;align-items:center;gap:4px;max-width:160px;padding:2px 6px;font-size:11px;display:inline-flex}.td-attach-tag button{cursor:pointer;color:var(--text-quaternary);background:0 0;border:none;padding:0 1px;font-size:12px;line-height:1}.td-attach-tag button:hover{color:var(--red)}.td-attach-tags{flex-wrap:wrap;gap:4px;display:flex}.td-comment-item-card{border-radius:var(--radius-lg);background:var(--bg-panel);border:1px solid var(--border-subtle);padding:12px 14px;box-shadow:0 1px 4px #0000000a}.td-comment-item-system{border-color:var(--border-subtle);background:linear-gradient(135deg,#fafbfc 0%,#f0f5ff 100%);border-left:3px solid #b0d4ff}.td-comment-item-system .td-comment-author{color:var(--accent)}.td-inline-editor{margin-top:6px;margin-left:38px}.td-inline-editor-actions{flex-direction:column;gap:4px;display:flex}.td-reply-section{border-left:2px solid var(--border-subtle);margin-top:6px;margin-left:38px;padding-left:12px}.td-comment-attachments{flex-wrap:wrap;gap:8px;margin:6px 0 2px 38px;display:flex}.td-comment-attachment-img{border-radius:var(--radius-md);border:1px solid var(--border-subtle);max-width:260px;display:block;overflow:hidden}.td-comment-attachment-img img{object-fit:cover;cursor:pointer;width:100%;max-height:200px;display:block}.td-comment-attachment-file{background:var(--bg-canvas);border:1px solid var(--border-standard);color:var(--text-secondary);white-space:normal;border-radius:4px;align-items:center;gap:4px;max-width:220px;padding:3px 8px;font-size:12px;display:inline-flex}.td-empty-state{text-align:center;color:var(--text-quaternary);padding:24px;font-size:13px}.td-log-list{flex-direction:column;gap:4px;display:flex}.td-log-item{border-bottom:1px solid var(--border-subtle);align-items:flex-start;gap:8px;padding:6px 0;font-size:12.5px;display:flex}.td-log-item:last-child{border-bottom:none}.td-log-emoji{flex-shrink:0;width:20px;font-size:13px}.td-log-body{flex-direction:column;flex:1;gap:2px;display:flex}.td-log-note{color:var(--text-secondary)}.td-log-user{color:var(--text-tertiary);font-size:11px}.td-log-time{color:var(--text-quaternary);white-space:nowrap;flex-shrink:0;font-size:11px}.td-pomodoro-card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);text-align:center;padding:20px}.td-pomo-title{color:var(--text-primary);margin-bottom:12px;font-size:13px;font-weight:600}.td-pomo-time{color:var(--text-primary);font-variant-numeric:tabular-nums;margin-bottom:16px;font-size:48px;font-weight:300;line-height:1}.td-pomo-btn{color:#fff;background:var(--accent);border-radius:var(--radius-md);cursor:pointer;border:none;width:100%;margin-bottom:16px;padding:10px 0;font-size:13px;font-weight:500}.td-pomo-btn:hover{background:var(--accent-hover)}.td-pomo-progress{width:100%}.td-pomo-progress-label{color:var(--text-tertiary);justify-content:space-between;margin-bottom:6px;font-size:11px;display:flex}.td-pomo-progress-bar{background:var(--bg-canvas);border-radius:9999px;height:6px;overflow:hidden}.td-pomo-progress-fill{background:linear-gradient(90deg, var(--accent), var(--accent-hover));border-radius:9999px;height:100%;transition:width .3s}.td-modal-overlay{-webkit-backdrop-filter:blur(2px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.td-modal{background:var(--bg-panel,#fff);border-radius:12px;flex-direction:column;width:100%;max-width:640px;max-height:85vh;padding:24px;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000026,0 0 0 1px #0000000f}.td-modal-header{border-bottom:1px solid var(--border-subtle,#0000000f);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 0 16px;display:flex}.td-modal-title{color:var(--text-primary,#1a1a1a);font-size:16px;font-weight:600}.td-modal-subtitle{color:var(--text-tertiary,#8e8e93);margin-top:4px;font-size:13px}.td-modal-close{width:28px;height:28px;color:var(--text-tertiary,#8e8e93);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:all .15s;display:flex}.td-modal-close:hover{background:var(--bg-hover,#0000000a);color:var(--text-primary,#1a1a1a)}.td-modal-body{flex-direction:column;flex:1;gap:16px;padding:20px 0;display:flex;overflow-y:auto}.td-modal-footer{border-top:1px solid var(--border-subtle,#0000000f);flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 0 0;display:flex}.td-modal-actions{border-top:none;justify-content:flex-end;gap:10px;padding:0;display:flex}.td-btn{border:1px solid var(--border-subtle,#0000000f);background:var(--bg-canvas,#f5f5f4);color:var(--text-secondary,#545458);cursor:pointer;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;padding:8px 16px;font-size:13px;font-weight:500;line-height:1.4;transition:all .15s;display:inline-flex}.td-btn:hover{background:var(--bg-hover,#0000000a);border-color:var(--border-standard,#0000001a)}.td-btn:disabled{opacity:.5;cursor:not-allowed}.td-btn-primary{background:var(--accent,#5e6ad2);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px 20px;font-size:13px;font-weight:500;line-height:1.4;transition:all .15s;display:inline-flex}.td-btn-primary:disabled{opacity:.5;cursor:not-allowed}.td-form-group{flex-direction:column;gap:6px;display:flex}.td-form-group label{color:var(--text-secondary);font-size:13px;font-weight:500}.td-field-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}@media (max-width:1024px){.task-detail-layout{gap:16px;height:auto;min-height:calc(100vh - 48px);padding:16px;overflow:visible;flex-direction:column!important;grid-template-columns:none!important;width:100%!important;max-width:none!important;margin:0!important;display:flex!important}.td-main-col{flex:none;min-width:0;max-width:100%;height:auto;width:100%!important;overflow:visible!important}.td-header-bar{padding:12px 16px}.td-scroll-content{flex:none;padding-right:0;overflow-y:visible}.td-sidebar-card{display:none!important}.td-sidebar-toggle{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;color:var(--text-secondary);justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.td-sidebar-toggle:hover{background:var(--bg-hover)}.td-sidebar-toggle .arrow{font-size:10px;transition:transform .2s}.td-sidebar-toggle.open .arrow{transform:rotate(180deg)}.td-pomodoro-card{text-align:left;flex-wrap:wrap;align-items:center;gap:12px;padding:20px;display:flex}.td-pomo-time{margin-bottom:0;font-size:32px}.td-pomo-title{margin-bottom:0;font-size:12px}.td-pomo-btn{width:auto;margin-bottom:0;padding:8px 20px}.td-pomo-progress{flex:1;min-width:200px}.td-pomo-progress-label{font-size:11px}.td-pomo-progress-bar{height:6px}.td-field-row{grid-template-columns:1fr}.td-mobile-fab{display:flex}.td-desktop-subtask,.td-filter-tabs{display:none!important}.td-mobile-subtask-list{display:flex!important}}@media (max-width:640px){.td-header-bar{padding:12px 16px}.td-content{padding:12px 0 40px}.td-header-title-row{flex-direction:column;gap:8px}.td-title{font-size:18px}.td-subtask-table th,.td-subtask-table td{padding:6px 8px;font-size:12px}.td-subtask-name{max-width:120px}}.td-mobile-subtask-list{flex-direction:column;gap:12px;display:none}.td-mobile-subtask-add{background:var(--bg-panel,#fff);border:1.5px dashed var(--border-color,#d9d9d9);color:var(--text-secondary,#8c8c8c);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:14px;transition:all .2s;display:flex}.td-mobile-subtask-add:hover{border-color:var(--accent,#1677ff);color:var(--accent,#1677ff);background:#f0f5ff}.td-subtask-item-card{background:var(--bg-panel,#fff);border:1px solid var(--border-subtle,#f0f0f0);border-radius:12px;flex-direction:column;gap:8px;padding:14px 16px;transition:box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005}.td-subtask-item-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.td-subtask-item-title{color:var(--text-primary,#000000e0);word-break:break-word;flex:1;min-width:0;font-size:15px;font-weight:600;line-height:1.45}.td-subtask-item-row{color:var(--text-secondary,#00000073);justify-content:space-between;align-items:center;padding:2px 0;font-size:13px;display:flex}.td-subtask-item-label{color:var(--text-tertiary,#00000040);flex-shrink:0;font-size:12px}.td-subtask-item-reason span:last-child{text-align:right;text-overflow:ellipsis;white-space:nowrap;color:#d48806;max-width:55%;overflow:hidden}.td-subtask-item-actions{border-top:1px solid var(--border-subtle,#f0f0f0);gap:10px;margin-top:2px;padding-top:10px;display:flex}.td-btn-sm{cursor:pointer;text-align:center;letter-spacing:.02em;border:none;border-radius:8px;flex:1;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s}.td-btn-sm:active{transform:scale(.97)}.td-btn-primary{background:var(--accent,#1677ff);color:#fff}.td-btn-primary:hover{background:#4096ff}.td-btn-danger{color:#fff;background:#ff4d4f}.td-btn-danger:hover{background:#ff7875}.td-btn-warning{color:#fff;background:#faad14}.td-btn-warning:hover{background:#ffc53d}.td-reopen-count{color:#d48806;cursor:pointer;background:#fff7e6;border-radius:10px;align-items:center;padding:1px 8px;font-size:12px;font-weight:600;display:inline-flex}.td-mobile-label{color:var(--text-tertiary,#00000040);font-size:12px}.td-status-tag{border-radius:20px;flex-shrink:0;padding:3px 10px;font-size:12px;font-weight:500;line-height:1.4;display:inline-block}.td-tag-todo{color:#00000073;background:#f5f5f5}.td-tag-progress{color:#0958d9;background:#e6f4ff}.td-tag-review{color:#d46b08;background:#fff7e6}.td-status-done{color:#389e0d;background:#f6ffed}.td-status-rejected{color:#cf1322;background:#fff2f0}@media (min-width:1025px){.td-desktop-subtask{display:block!important}.td-mobile-subtask-list{display:none!important}}@media (max-width:768px){.admin-light-theme.ant-layout,layout,.ant-layout{width:100%!important;min-width:0!important;max-width:100vw!important}.task-wrapper{flex-direction:column}.task-sidebar{border-right:none;border-bottom:1px solid var(--border-standard);width:100%;padding:12px 16px}.overview-title{margin-bottom:8px}.stat-grid{grid-template-columns:repeat(4,1fr);margin-bottom:10px}.stat-full{display:none}.filter-section{gap:4px;margin-top:10px;display:flex;overflow-x:auto}.filter-item{white-space:nowrap;padding:5px 10px;font-size:12px}.task-main{padding:16px}.kanban{grid-template-columns:1fr}.kanban-col{min-height:100px}.page-header{flex-direction:column;align-items:flex-start;gap:12px}}.task-detail-layout{height:auto;display:block;overflow:visible}.td-main-col{flex-direction:column;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.td-header-card{z-index:10;flex-shrink:0;position:sticky;top:0}.td-header-bar{border-bottom:1px solid var(--border-subtle);padding:16px 24px}.td-title-back{width:30px;height:30px;color:var(--text-tertiary);vertical-align:middle;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;margin-left:-6px;margin-right:6px;transition:all .15s;display:inline-flex}.td-title-back:hover{color:var(--text-primary);background:var(--bg-hover)}.td-scroll-content{flex-direction:column;flex:1;gap:24px;min-height:0;margin-top:16px;padding-right:8px;display:flex;overflow-y:auto}.td-sidebar-card{align-self:start;width:100%;position:sticky;top:24px}.td-main-col .td-card{margin-bottom:0}.multi-select-wrapper{width:100%;position:relative}.multi-select-trigger{border:1px solid var(--border-subtle,#d9d9d9);border-radius:var(--radius-md,6px);cursor:pointer;background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;min-height:36px;padding:6px 12px;transition:border-color .2s;display:flex}.multi-select-trigger:hover{border-color:var(--primary-500,#1677ff)}.multi-select-tags{flex-wrap:wrap;flex:1;gap:4px;display:flex}.multi-select-tag{background:var(--primary-50,#e6f4ff);color:var(--primary-600,#0958d9);border-radius:4px;align-items:center;gap:2px;padding:2px 6px;font-size:12px;line-height:1.4;display:inline-flex}.multi-select-tag-remove{cursor:pointer;opacity:.6;margin-left:2px;font-size:14px;line-height:1}.multi-select-tag-remove:hover{opacity:1}.multi-select-placeholder{color:var(--text-hint,#bfbfbf);font-size:14px}.multi-select-arrow{color:var(--text-secondary,#666);flex-shrink:0;font-size:12px}.multi-select-dropdown{border:1px solid var(--border-subtle,#d9d9d9);border-radius:var(--radius-md,6px);z-index:1100;background:#fff;max-height:220px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.multi-select-option{cursor:pointer;align-items:center;gap:8px;padding:8px 12px;font-size:14px;transition:background .15s;display:flex}.multi-select-option:hover{background:var(--bg-hover,#f5f5f5)}.multi-select-option.selected{background:var(--primary-50,#e6f4ff);color:var(--primary-600,#0958d9)}.multi-select-option input[type=checkbox]{accent-color:var(--primary-500,#1677ff);pointer-events:none}.td-subtask-edit-section{border-top:1px solid var(--border-subtle,#e8e8e8);margin-top:20px;padding-top:20px}.td-subtask-edit-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.td-subtask-edit-header label{color:var(--text-primary,#1a1a1a);font-size:14px;font-weight:600}.td-subtask-count{color:var(--text-hint,#bfbfbf);font-size:12px}.td-subtask-edit-list{flex-direction:column;gap:8px;display:flex}.td-subtask-edit-row{align-items:center;gap:8px;display:flex}.td-subtask-order{background:var(--primary-50,#e6f4ff);width:28px;height:28px;color:var(--primary-600,#0958d9);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.td-subtask-title-input{flex:1}.td-subtask-actions{flex-shrink:0;gap:4px;display:flex}.td-btn-icon{border:1px solid var(--border-subtle,#d9d9d9);border-radius:var(--radius-sm,4px);cursor:pointer;width:28px;height:28px;color:var(--text-secondary,#666);background:#fff;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex}.td-btn-icon:hover:not(:disabled){background:var(--bg-hover,#f5f5f5);border-color:var(--border-hover,#9ca3af)}.td-btn-icon:disabled{opacity:.4;cursor:not-allowed}.td-btn-icon.td-btn-danger{color:var(--danger,#dc2626);border-color:var(--danger-light,#fca5a5)}.td-btn-icon.td-btn-danger:hover{background:var(--danger-bg,#fef2f2);border-color:var(--danger,#dc2626)}.td-field-hint{color:var(--text-hint,#bfbfbf);margin-left:4px;font-size:12px}.td-number-input{border:1px solid var(--border-main,#d9d9d9);border-radius:var(--radius-sm,4px);align-items:center;width:fit-content;height:32px;display:flex;overflow:hidden}.td-number-btn{background:var(--bg-panel,#fafafa);cursor:pointer;width:32px;height:32px;color:var(--text-secondary,#666);-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;font-size:16px;transition:background .15s;display:flex}.td-number-btn:hover:not(:disabled){background:var(--bg-hover,#f5f5f5)}.td-number-btn:active:not(:disabled){background:var(--border-subtle,#e8e8e8)}.td-number-btn:disabled{opacity:.4;cursor:not-allowed}.td-number-value{text-align:center;min-width:32px;color:var(--text-primary,#1a1a1a);border-left:1px solid var(--border-main,#d9d9d9);border-right:1px solid var(--border-main,#d9d9d9);justify-content:center;align-items:center;height:100%;padding:0 8px;font-size:14px;font-weight:600;display:flex}.td-priority-buttons{flex-wrap:wrap;gap:8px;display:flex}.td-priority-btn{border:1px solid var(--border-main,#d9d9d9);border-radius:var(--radius-sm,4px);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;padding:8px 16px;font-size:12px;transition:all .15s}.td-priority-btn:hover{background:var(--bg-hover,#f5f5f5);border-color:var(--border-hover,#9ca3af)}.td-priority-btn.active{background:var(--primary-50,#e6f4ff);color:var(--primary-600,#0958d9);border-color:var(--primary-500,#1677ff);font-weight:600}.td-pomo-start-btn{color:#fff;background:var(--accent,#5e6ad2);border-radius:var(--radius-md,6px);cursor:pointer;border:none;width:100%;margin-bottom:16px;padding:10px 0;font-size:13px;font-weight:500;transition:all .15s}.td-pomo-start-btn:hover{background:var(--accent-hover,#7170ff)}.td-pomo-hint{color:var(--text-tertiary,#8e8e93);background:var(--bg-hover,#0000000a);border-radius:var(--radius-md,6px);margin-bottom:16px;padding:8px 12px;font-size:12px}.td-subtask-select-list{flex-direction:column;gap:6px;max-height:400px;display:flex;overflow-y:auto}.td-subtask-select-item{border:1px solid var(--border-subtle,#0000000f);border-radius:var(--radius-md,6px);cursor:pointer;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .15s;display:flex}.td-subtask-select-item:hover{background:var(--bg-hover,#0000000a);border-color:var(--accent,#5e6ad2)}.td-subtask-select-title{color:var(--text-primary,#1c1c1e);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.td-subtask-select-status{border-radius:9999px;flex-shrink:0;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:500}.td-subtask-select-item .td-subtask-select-status{color:var(--blue,#2563eb);background:#2563eb14}.td-empty-hint{text-align:center;color:var(--text-tertiary,#8e8e93);padding:32px 16px;font-size:13px}.td-mobile-nav{background:var(--bg-panel,#fff);border-bottom:1px solid var(--border-subtle,#f0f0f0);z-index:1000;align-items:center;gap:8px;height:56px;padding:0 12px;display:flex;position:fixed;top:0;left:0;right:0}.td-mobile-back{cursor:pointer;width:36px;height:36px;color:var(--text-primary,#000000e0);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.td-mobile-back:active{background:var(--bg-hover,#f5f5f5)}.td-mobile-nav-title{color:var(--text-primary,#000000e0);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;font-size:16px;font-weight:600;overflow:hidden}.td-mobile-more{cursor:pointer;width:36px;height:36px;color:var(--text-secondary,#00000073);background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.td-mobile-more:active{background:var(--bg-hover,#f5f5f5)}.td-mobile-menu{background:var(--bg-panel,#fff);border:1px solid var(--border-subtle,#f0f0f0);z-index:1001;border-radius:8px;min-width:160px;position:absolute;top:48px;right:12px;overflow:hidden;box-shadow:0 4px 16px #0000001f}.td-mobile-menu-item{color:var(--text-primary,#000000e0);cursor:pointer;padding:12px 16px;font-size:14px;transition:background .15s}.td-mobile-menu-item:active{background:var(--bg-hover,#f5f5f5)}.td-mobile-menu-danger{color:var(--color-danger,#ff4d4f)}.td-mobile-content{flex-direction:column;gap:12px;padding:72px 16px 80px;display:none}.td-mobile-info-card{padding:16px!important}.td-mobile-info-card .td-mobile-label{color:var(--text-tertiary,#00000073);flex-shrink:0;min-width:70px;font-size:13px}.td-mobile-info-row{border-bottom:1px solid var(--border-subtle,#f0f0f0);justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.td-mobile-info-row:last-child{border-bottom:none}.td-mobile-info-row>span:last-child{text-align:right;word-break:break-word}.td-overdue-text{color:var(--color-danger,#ff4d4f);font-weight:500}.td-mobile-info-card>div{color:var(--text-primary,#000000e0);font-size:14px;line-height:1.6}.td-mobile-section-header{color:var(--text-primary,#000000e0);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:16px;font-size:15px;font-weight:600;display:flex}.td-mobile-section-header svg{transition:transform .2s}.td-mobile-section-header .td-rotated{transform:rotate(180deg)}.td-mobile-action-bar{background:var(--bg-panel,#fff);border-top:1px solid var(--border-subtle,#f0f0f0);z-index:1000;justify-content:center;align-items:center;gap:12px;height:64px;padding:0 16px;display:flex;position:fixed;bottom:0;left:0;right:0}.td-mobile-action-btn{background:var(--brand-primary,#1677ff);color:#fff;cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:15px;font-weight:500;display:flex}.td-mobile-action-btn:active{opacity:.85}.td-desktop-layout{grid-template-columns:minmax(0,960px) 280px;align-items:start;gap:24px;width:100%;max-width:1312px;height:calc(100vh - 48px);margin:0 auto;padding:24px;display:grid;overflow:hidden}@media (max-width:1024px){.td-mobile-nav,.td-mobile-content,.td-mobile-action-bar{display:flex!important}.td-desktop-layout{display:none!important}.task-detail-layout{grid-template-columns:none!important;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;display:block!important;overflow:visible!important}}@media (min-width:1025px){.td-mobile-nav,.td-mobile-content,.td-mobile-action-bar{display:none!important}.td-desktop-layout{display:grid!important}}.td-mobile-fab{background:var(--bg-panel);border:2px solid var(--border-subtle);cursor:pointer;z-index:100;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:26px;transition:transform .15s,box-shadow .15s;display:none;position:fixed;bottom:28px;right:24px;box-shadow:0 4px 20px #0000001f}.td-mobile-fab:active{transform:scale(.9);box-shadow:0 2px 8px #00000014}