:root{--font: "Plus Jakarta Sans", -apple-system, "Segoe UI", Roboto, sans-serif;--coral: #f06a6a;--coral-strong: #d95d5d;--blue: #4573d2;--blue-strong: #3a63b8;--green: #5da283;--yellow: #f1bd6c;--red: #de5f73;--purple: #8d84e8;--teal: #4ecbc4;--orange: #ec8d71;--pink: #f9aaef;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--speed: .16s;--sidebar-bg: #2e2e30;--sidebar-text: #f5f4f3;--sidebar-muted: #a2a0a2;--sidebar-hover: #3d3e40;--sidebar-active: #454649}:root[data-theme=light]{--bg: #ffffff;--bg-sunken: #f9f8f8;--bg-raised: #ffffff;--bg-hover: #f9f8f8;--bg-active: #f1f0ef;--bg-selected: #e9f0fb;--bg-input: #ffffff;--border: #edeae9;--border-strong: #cfcbcb;--text: #1e1f21;--text-secondary: #6d6e6f;--text-muted: #9c9b9d;--shadow-menu: 0 4px 16px rgba(30, 31, 33, .14), 0 0 0 1px rgba(30, 31, 33, .06);--shadow-modal: 0 16px 48px rgba(30, 31, 33, .22);--overlay: rgba(30, 31, 33, .45);--pill-red-bg: #fde8ec;--pill-red-text: #aa2e4b;--pill-yellow-bg: #fdf2dc;--pill-yellow-text: #9a6700;--pill-green-bg: #e4f3ec;--pill-green-text: #1f6e4e;--pill-blue-bg: #e7eefb;--pill-blue-text: #2d53a5;--pill-purple-bg: #eeecfc;--pill-purple-text: #5345bb;--pill-gray-bg: #f1f0ef;--pill-gray-text: #55565a;--due-overdue: #c6304f;--due-today: #1f6e4e;--due-soon: #1f6e4e}:root[data-theme=dark]{--bg: #1e1f21;--bg-sunken: #191a1c;--bg-raised: #252628;--bg-hover: #2a2b2d;--bg-active: #323335;--bg-selected: #28384f;--bg-input: #2a2b2d;--border: #3a3b3d;--border-strong: #565557;--text: #f5f4f3;--text-secondary: #a2a0a2;--text-muted: #7c7b7d;--shadow-menu: 0 4px 20px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .08);--shadow-modal: 0 16px 48px rgba(0, 0, 0, .6);--overlay: rgba(0, 0, 0, .6);--pill-red-bg: #4b2231;--pill-red-text: #f2a7b8;--pill-yellow-bg: #453418;--pill-yellow-text: #ecc078;--pill-green-bg: #1d3b2e;--pill-green-text: #8fd0b2;--pill-blue-bg: #223454;--pill-blue-text: #9cb8ee;--pill-purple-bg: #2f2a55;--pill-purple-text: #b5acf5;--pill-gray-bg: #353638;--pill-gray-text: #c6c5c7;--due-overdue: #f2889c;--due-today: #8fd0b2;--due-soon: #8fd0b2}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:none;border:none;padding:0}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}::placeholder{color:var(--text-muted)}:focus-visible{outline:2px solid var(--blue);outline-offset:1px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}.btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-raised);color:var(--text);font-weight:500;font-size:13px;transition:background var(--speed),border-color var(--speed),color var(--speed);white-space:nowrap}.btn:hover{background:var(--bg-hover)}.btn:disabled{opacity:.45;cursor:default}.btn.sm{height:28px;padding:0 9px;font-size:12.5px}.btn.primary{background:var(--coral);border-color:var(--coral);color:#fff}.btn.primary:hover{background:var(--coral-strong);border-color:var(--coral-strong)}.btn.danger{color:var(--due-overdue)}.btn.danger:hover{background:var(--pill-red-bg);border-color:transparent}.btn.ghost{border-color:transparent;background:transparent;color:var(--text-secondary)}.btn.ghost:hover{background:var(--bg-hover);color:var(--text)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);color:var(--text-secondary);transition:background var(--speed),color var(--speed)}.icon-btn:hover{background:var(--bg-hover);color:var(--text)}.icon-btn.sm{width:24px;height:24px}.input,.select{height:34px;padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text);transition:border-color var(--speed),box-shadow var(--speed);width:100%}.input:focus,.select:focus,textarea.input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--blue) 25%,transparent)}textarea.input{height:auto;padding:8px 10px;resize:vertical;min-height:70px;line-height:1.5}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:26px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236d6e6f' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;cursor:pointer}.label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:5px}.avatar{width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:700;flex:none;-webkit-user-select:none;user-select:none;letter-spacing:.02em}.avatar.lg{width:40px;height:40px;font-size:16px}.avatar.xl{width:64px;height:64px;font-size:24px}.avatar.ring{box-shadow:0 0 0 2px var(--bg)}.pill{display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 9px;border-radius:11px;font-size:12px;font-weight:600;white-space:nowrap}.pill.p-red{background:var(--pill-red-bg);color:var(--pill-red-text)}.pill.p-yellow{background:var(--pill-yellow-bg);color:var(--pill-yellow-text)}.pill.p-green{background:var(--pill-green-bg);color:var(--pill-green-text)}.pill.p-blue{background:var(--pill-blue-bg);color:var(--pill-blue-text)}.pill.p-purple{background:var(--pill-purple-bg);color:var(--pill-purple-text)}.pill.p-gray{background:var(--pill-gray-bg);color:var(--pill-gray-text)}.dot{width:8px;height:8px;border-radius:50%;flex:none}.check-circle{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--border-strong);display:inline-flex;align-items:center;justify-content:center;color:transparent;flex:none;transition:border-color var(--speed),background var(--speed),color var(--speed)}.check-circle:hover{border-color:var(--green);color:var(--green)}.check-circle.done{background:var(--green);border-color:var(--green);color:#fff}.check-circle.lg{width:22px;height:22px}.menu{position:absolute;z-index:1000;min-width:200px;max-width:320px;background:var(--bg-raised);border-radius:var(--radius-md);box-shadow:var(--shadow-menu);padding:5px;animation:menu-in var(--speed) ease;max-height:420px;overflow-y:auto}@keyframes menu-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:7px 10px;border-radius:var(--radius-sm);font-size:13.5px;text-align:left;color:var(--text);transition:background var(--speed)}.menu-item:hover,.menu-item.active{background:var(--bg-hover)}.menu-item.selected{background:var(--bg-selected)}.menu-item.danger{color:var(--due-overdue)}.menu-item svg{color:var(--text-secondary);flex:none}.menu-item.danger svg{color:var(--due-overdue)}.menu-sep{height:1px;background:var(--border);margin:5px 4px}.menu-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:7px 10px 3px}.menu-search{padding:4px 4px 6px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:var(--overlay);display:flex;align-items:flex-start;justify-content:center;padding:9vh 16px 16px;animation:fade-in var(--speed) ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg-raised);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);width:100%;max-width:480px;max-height:82vh;overflow-y:auto;animation:modal-in .18s ease}.modal.wide{max-width:640px}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0}.modal-head h2{margin:0;font-size:17px;font-weight:700}.modal-body{padding:16px 20px 20px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:0 20px 18px}.toasts{position:fixed;left:18px;bottom:18px;z-index:1300;display:flex;flex-direction:column;gap:8px}.toast{display:flex;align-items:center;gap:12px;background:#1e1f21;color:#f5f4f3;border:1px solid #424244;padding:10px 14px;border-radius:var(--radius-md);box-shadow:0 6px 20px #00000059;font-size:13.5px;max-width:420px;animation:toast-in .2s ease}:root[data-theme=light] .toast{background:#2e2e30;border-color:#2e2e30}.toast.error{border-color:var(--red)}.toast button{color:#85b8ff;font-weight:600}.toast .x{color:#a2a0a2;display:inline-flex}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tooltip-wrap{position:relative}.app{display:flex;height:100%;overflow:hidden}.main{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--bg)}.sidebar{width:240px;flex:none;background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;transition:margin-left .2s ease}.sidebar.collapsed{margin-left:-240px}.sidebar-top{display:flex;align-items:center;gap:10px;padding:14px 14px 10px}.sidebar-logo{display:flex;align-items:center;gap:9px;font-weight:700;font-size:15px;flex:1}.sidebar-logo .mark{width:26px;height:26px;border-radius:7px;background:var(--coral);display:flex;align-items:center;justify-content:center;color:#fff;flex:none}.sidebar .icon-btn{color:var(--sidebar-muted)}.sidebar .icon-btn:hover{background:var(--sidebar-hover);color:var(--sidebar-text)}.sidebar-nav{padding:4px 8px}.side-item{display:flex;align-items:center;gap:10px;width:100%;padding:7px 10px;border-radius:var(--radius-sm);color:var(--sidebar-text);font-size:13.5px;font-weight:500;transition:background var(--speed)}.side-item svg{color:var(--sidebar-muted);flex:none}.side-item:hover{background:var(--sidebar-hover)}.side-item.active{background:var(--sidebar-active)}.side-item.active svg{color:var(--sidebar-text)}.side-item .count{margin-left:auto;font-size:11.5px;color:var(--sidebar-muted)}.sidebar-sect{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sidebar-muted)}.sidebar-sect button{color:var(--sidebar-muted);display:inline-flex;border-radius:4px}.sidebar-sect button:hover{color:var(--sidebar-text)}.sidebar-projects{flex:1;overflow-y:auto;padding:0 8px 8px}.side-proj{display:flex;align-items:center;gap:10px;width:100%;padding:6px 10px;border-radius:var(--radius-sm);color:var(--sidebar-text);font-size:13.5px;transition:background var(--speed)}.side-proj:hover{background:var(--sidebar-hover)}.side-proj.active{background:var(--sidebar-active)}.side-proj .swatch{width:12px;height:12px;border-radius:4px;flex:none}.side-proj .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-proj.archived{opacity:.55}.sidebar-foot{border-top:1px solid #424244;padding:10px 14px;display:flex;align-items:center;gap:10px}.sidebar-foot .who{flex:1;min-width:0}.sidebar-foot .who .n{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-foot .who .r{font-size:11px;color:var(--sidebar-muted);text-transform:capitalize}.page-head{padding:14px 24px 0}.page-head-row{display:flex;align-items:center;gap:12px;min-height:40px}.page-title{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;min-width:0}.page-title .swatch{width:18px;height:18px;border-radius:5px;flex:none}.page-title input{font-size:19px;font-weight:700;border:none;background:transparent;color:var(--text);padding:2px 6px;border-radius:5px;min-width:60px}.page-title input:hover{background:var(--bg-hover)}.page-title input:focus{outline:2px solid var(--blue);background:var(--bg)}.page-sub{color:var(--text-secondary);font-size:12.5px;margin-top:2px}.archived-banner{display:flex;align-items:center;gap:10px;margin:10px 24px 0;padding:9px 14px;background:var(--pill-yellow-bg);color:var(--pill-yellow-text);border-radius:var(--radius-md);font-size:13px;font-weight:500}.toolbar{display:flex;align-items:center;gap:8px;padding:10px 24px;border-bottom:1px solid var(--border);flex-wrap:wrap}.toolbar .spacer{flex:1}.toolbar .btn.filter-on{border-color:var(--blue);color:var(--blue);background:var(--bg-selected)}.list-scroll{flex:1;overflow:auto;padding-bottom:80px}.list-head{display:grid;grid-template-columns:var(--row-grid);position:sticky;top:0;z-index:10;background:var(--bg);border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:12px;font-weight:600;min-width:fit-content}.list-head>div{padding:8px 10px;border-left:1px solid var(--border);display:flex;align-items:center;gap:5px}.list-head>div:first-child{border-left:none;padding-left:54px}.section-block{min-width:fit-content}.section-head{display:flex;align-items:center;gap:6px;padding:14px 10px 6px 24px;font-weight:700;font-size:14px;position:relative}.section-head .chev{display:inline-flex;color:var(--text-secondary);border-radius:4px;transition:transform var(--speed)}.section-head .chev.closed{transform:rotate(-90deg)}.section-head input{font-weight:700;font-size:14px;background:transparent;border:none;color:var(--text);padding:2px 6px;border-radius:4px;width:220px}.section-head input:hover{background:var(--bg-hover)}.section-head input:focus{outline:2px solid var(--blue);background:var(--bg)}.section-head .cnt{color:var(--text-muted);font-weight:500;font-size:12.5px}.section-head .icon-btn{opacity:0}.section-head:hover .icon-btn{opacity:1}.task-row{display:grid;grid-template-columns:var(--row-grid);border-bottom:1px solid var(--border);min-height:37px;background:var(--bg);transition:background 80ms;position:relative;min-width:fit-content}.task-row:hover{background:var(--bg-hover)}.task-row.selected{background:var(--bg-selected)}.task-row>.cell{padding:4px 10px;border-left:1px solid var(--border);display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);overflow:hidden}.task-row>.cell.main{border-left:none;color:var(--text);padding-left:8px}.row-main{display:flex;align-items:center;gap:4px;width:100%;min-width:0}.row-main .sel-box{width:26px;flex:none;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--speed)}.task-row:hover .sel-box,.task-row.selected .sel-box,.list-selecting .sel-box{opacity:1}.sel-box input{width:14px;height:14px;accent-color:var(--blue);cursor:pointer}.row-main .indent{flex:none}.row-main .expander{width:20px;flex:none;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary);border-radius:4px}.row-main .expander:hover{background:var(--bg-active)}.row-main .expander svg{transition:transform var(--speed)}.row-main .expander.closed svg{transform:rotate(-90deg)}.row-name{flex:1;min-width:0;border:none;background:transparent;color:var(--text);font-size:13.5px;padding:7px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;text-align:left}.row-name.done{color:var(--text-muted);text-decoration:line-through}.row-badges{display:flex;align-items:center;gap:7px;flex:none;color:var(--text-muted);font-size:11.5px}.row-badges .b{display:inline-flex;align-items:center;gap:3px}.row-badges .dep{color:var(--yellow)}.row-badges .dep.blocked{color:var(--due-overdue)}.open-detail{flex:none;opacity:0;display:inline-flex;align-items:center;gap:3px;color:var(--text-secondary);font-size:12px;padding:3px 7px;border-radius:4px}.open-detail:hover{background:var(--bg-active);color:var(--text)}.task-row:hover .open-detail{opacity:1}.cell-btn{display:flex;align-items:center;gap:6px;width:100%;height:100%;min-height:28px;border-radius:4px;padding:2px 4px;color:inherit;font-size:12.5px;text-align:left;overflow:hidden;white-space:nowrap}.cell-btn:hover{background:var(--bg-active)}.cell-btn .ph{color:var(--text-muted);display:inline-flex;align-items:center;gap:5px;opacity:0;transition:opacity var(--speed)}.task-row:hover .cell-btn .ph{opacity:1}.due-overdue{color:var(--due-overdue)!important;font-weight:600}.due-today{color:var(--due-today)!important;font-weight:600}.due-soon{color:var(--due-soon)!important}.assignee-cell{display:flex;align-items:center;gap:7px;overflow:hidden}.assignee-cell .nm{overflow:hidden;text-overflow:ellipsis}.tag-chips{display:flex;gap:4px;overflow:hidden;flex-wrap:nowrap}.add-task-row{display:flex;align-items:center;gap:8px;padding:7px 10px 7px 54px;color:var(--text-muted);font-size:13px;border-bottom:1px solid var(--border);width:100%;text-align:left;transition:background var(--speed),color var(--speed);min-width:fit-content}.add-task-row:hover{background:var(--bg-hover);color:var(--text-secondary)}.add-section-btn{margin:12px 24px}.empty-state{text-align:center;color:var(--text-secondary);padding:60px 20px}.empty-state svg{color:var(--text-muted);margin-bottom:10px}.empty-state h3{margin:0 0 6px;font-size:16px;color:var(--text)}.empty-state p{margin:0 0 16px;font-size:13.5px}.skel{border-bottom:1px solid var(--border);height:37px;position:relative;overflow:hidden}.skel:after{content:"";position:absolute;top:9px;right:60%;bottom:9px;left:54px;border-radius:5px;background:linear-gradient(90deg,var(--bg-active) 25%,var(--bg-hover) 50%,var(--bg-active) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.bulk-bar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:900;display:flex;align-items:center;gap:4px;background:#2e2e30;color:#f5f4f3;border:1px solid #454649;border-radius:var(--radius-lg);padding:8px 10px;box-shadow:0 10px 32px #0006;animation:toast-in .18s ease}.bulk-bar .cnt{font-weight:700;font-size:13px;padding:0 10px;white-space:nowrap}.bulk-bar .bb{display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:5px 11px;border-radius:var(--radius-sm);color:#d6d5d6;font-size:11px;font-weight:500}.bulk-bar .bb:hover{background:#3d3e40;color:#fff}.bulk-bar .sep{width:1px;height:26px;background:#454649;margin:0 4px}.select-all-banner{background:var(--bg-selected);border-bottom:1px solid var(--border);padding:7px 24px;font-size:13px;color:var(--text-secondary);display:flex;gap:10px;align-items:center}.select-all-banner button{color:var(--blue);font-weight:600}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:700}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:800;width:min(600px,94vw);background:var(--bg-raised);border-left:1px solid var(--border);box-shadow:-8px 0 32px #0000001f;display:flex;flex-direction:column;animation:drawer-in .2s ease}@keyframes drawer-in{0%{transform:translate(28px);opacity:.4}to{transform:none;opacity:1}}.drawer-top{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border);flex-wrap:wrap}.drawer-top .complete-btn{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 11px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:12.5px;font-weight:600;color:var(--text-secondary);transition:all var(--speed)}.drawer-top .complete-btn:hover{border-color:var(--green);color:var(--green)}.drawer-top .complete-btn.done{background:var(--pill-green-bg);border-color:transparent;color:var(--pill-green-text)}.drawer-body{flex:1;overflow-y:auto}.drawer-pad{padding:14px 22px}.crumb{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);padding:10px 22px 0}.crumb button{color:var(--blue);font-weight:600;display:inline-flex;align-items:center;gap:4px}.task-title{width:100%;border:1.5px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text);font-size:21px;font-weight:700;line-height:1.3;padding:6px 8px;margin:4px 0 2px;resize:none;overflow:hidden;font-family:inherit}.task-title:hover{border-color:var(--border-strong)}.task-title:focus{outline:none;border-color:var(--blue)}.task-title.done{color:var(--text-muted);text-decoration:line-through}.blocked-banner{display:flex;align-items:center;gap:9px;margin:8px 22px 0;padding:9px 13px;background:var(--pill-yellow-bg);color:var(--pill-yellow-text);border-radius:var(--radius-md);font-size:13px;font-weight:500}.fields-grid{display:grid;grid-template-columns:120px 1fr;gap:2px 14px;align-items:center;margin-top:8px}.fields-grid .fl{font-size:12.5px;color:var(--text-secondary);padding:7px 0;display:flex;align-items:center;gap:6px}.fields-grid .fv{min-height:34px;display:flex;align-items:center}.field-chip{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:3px 9px;border-radius:var(--radius-sm);font-size:13px;color:var(--text);max-width:100%}.field-chip:hover{background:var(--bg-hover)}.field-chip.empty{color:var(--text-muted)}.field-chip.empty svg{color:var(--text-muted)}.field-chip .x{display:inline-flex;color:var(--text-muted);border-radius:50%;opacity:0}.field-chip:hover .x{opacity:1}.field-chip .x:hover{color:var(--due-overdue)}.sect-title{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;color:var(--text);margin:18px 0 7px}.sect-title .icon-btn{color:var(--text-secondary)}.desc-box{position:relative}.subtask-list{display:flex;flex-direction:column}.subtask-row{display:flex;align-items:center;gap:9px;padding:6px 4px;border-bottom:1px solid var(--border);font-size:13.5px}.subtask-row .nm{flex:1;min-width:0;text-align:left;color:var(--text);padding:2px 4px;border-radius:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subtask-row .nm:hover{background:var(--bg-hover)}.subtask-row .nm.done{color:var(--text-muted);text-decoration:line-through}.subtask-row .meta{display:flex;align-items:center;gap:7px;color:var(--text-muted);font-size:12px;flex:none}.dep-row{display:flex;align-items:center;gap:9px;padding:6px 4px;font-size:13.5px;border-bottom:1px solid var(--border)}.dep-row .lbl{font-size:11px;font-weight:700;padding:2px 7px;border-radius:9px;flex:none}.dep-row .lbl.blocked{background:var(--pill-yellow-bg);color:var(--pill-yellow-text)}.dep-row .lbl.blocking{background:var(--pill-blue-bg);color:var(--pill-blue-text)}.dep-row .nm{flex:1;min-width:0;text-align:left;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:2px 4px;border-radius:4px}.dep-row .nm:hover{background:var(--bg-hover)}.dep-row .nm.done{color:var(--text-muted);text-decoration:line-through}.attach-grid{display:flex;flex-direction:column;gap:6px}.attach-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:13px}.attach-row .fi{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--bg-hover);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex:none}.attach-row .meta{flex:1;min-width:0}.attach-row .meta .n{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attach-row .meta .s{font-size:11.5px;color:var(--text-muted)}.attach-thumb{width:34px;height:34px;border-radius:var(--radius-sm);object-fit:cover;flex:none}.drop-zone{border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);padding:14px;text-align:center;color:var(--text-muted);font-size:13px;transition:all var(--speed);cursor:pointer}.drop-zone:hover,.drop-zone.over{border-color:var(--blue);color:var(--blue);background:var(--bg-selected)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);margin-top:20px}.tab{padding:8px 13px;font-size:13px;font-weight:600;color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-1px}.tab:hover{color:var(--text)}.tab.active{color:var(--text);border-bottom-color:var(--coral)}.comment{display:flex;gap:10px;padding:12px 0}.comment .body{flex:1;min-width:0}.comment .head{display:flex;align-items:baseline;gap:8px}.comment .head .n{font-weight:700;font-size:13px}.comment .head .t{font-size:11.5px;color:var(--text-muted)}.comment .txt{font-size:13.5px;margin-top:2px;white-space:pre-wrap;overflow-wrap:anywhere}.comment .cactions{display:flex;gap:2px;opacity:0}.comment:hover .cactions{opacity:1}.mention{color:var(--blue);font-weight:600;background:var(--bg-selected);border-radius:4px;padding:0 3px}.activity-row{display:flex;gap:10px;padding:7px 0;font-size:12.5px;color:var(--text-secondary)}.activity-row .ic{width:26px;height:26px;border-radius:50%;background:var(--bg-hover);display:flex;align-items:center;justify-content:center;flex:none;color:var(--text-muted)}.activity-row b{color:var(--text);font-weight:600}.activity-row .t{color:var(--text-muted);font-size:11.5px;margin-left:6px}.composer{border-top:1px solid var(--border);padding:12px 22px 14px;background:var(--bg-raised)}.composer-box{display:flex;gap:10px}.composer-input{position:relative;flex:1}.composer .actions{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.composer .hint{font-size:11.5px;color:var(--text-muted)}.mention-pop{position:absolute;z-index:1200;bottom:100%;left:0;margin-bottom:4px;background:var(--bg-raised);border-radius:var(--radius-md);box-shadow:var(--shadow-menu);padding:4px;min-width:220px}.datepicker{padding:10px;width:272px}.dp-head{display:flex;align-items:center;justify-content:space-between;padding:2px 4px 8px;font-weight:700;font-size:13.5px}.dp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.dp-dow{text-align:center;font-size:10.5px;font-weight:700;color:var(--text-muted);padding:3px 0;text-transform:uppercase}.dp-day{height:32px;border-radius:var(--radius-sm);font-size:12.5px;display:flex;align-items:center;justify-content:center;color:var(--text)}.dp-day:hover{background:var(--bg-hover)}.dp-day.faded{color:var(--text-muted)}.dp-day.today{font-weight:800;color:var(--blue)}.dp-day.sel{background:var(--coral);color:#fff;font-weight:700}.dp-quick{display:flex;gap:5px;padding:8px 2px 4px;flex-wrap:wrap}.dp-recur{border-top:1px solid var(--border);margin-top:8px;padding-top:10px;display:flex;flex-direction:column;gap:8px}.dp-recur .row{display:flex;align-items:center;gap:7px;font-size:12.5px}.dp-recur .lab{color:var(--text-secondary);flex:none}.dp-days{display:flex;gap:3px}.dp-dayb{width:28px;height:26px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);font-size:11px;font-weight:600;color:var(--text-secondary)}.dp-dayb.on{background:var(--blue);border-color:var(--blue);color:#fff}.recur-note{font-size:12px;color:var(--text-secondary);background:var(--bg-hover);border-radius:var(--radius-sm);padding:6px 9px}.group-head{display:flex;align-items:center;gap:8px;padding:16px 10px 6px 24px;font-weight:700;font-size:14px}.group-head .pill{font-size:11px}.search-bar{display:flex;gap:8px;align-items:center;padding:14px 24px 2px}.search-bar .input{max-width:420px}.filter-row{display:flex;gap:8px;padding:10px 24px;flex-wrap:wrap;align-items:center}.filter-row .select{width:auto;min-width:130px;height:30px;font-size:12.5px}.trash-row{display:flex;align-items:center;gap:11px;padding:9px 24px;border-bottom:1px solid var(--border);font-size:13.5px}.trash-row .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trash-row .meta{color:var(--text-muted);font-size:12px;flex:none}.login-wrap{min-height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg-sunken);padding:20px}.login-card{width:100%;max-width:400px;background:var(--bg-raised);border:1px solid var(--border);border-radius:16px;padding:34px 34px 30px;box-shadow:var(--shadow-modal)}.login-logo{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:800;margin-bottom:4px}.login-logo .mark{width:34px;height:34px;border-radius:9px;background:var(--coral);color:#fff;display:flex;align-items:center;justify-content:center}.login-sub{color:var(--text-secondary);font-size:13.5px;margin:2px 0 22px}.login-users{display:flex;flex-direction:column;gap:8px}.login-user{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid var(--border-strong);border-radius:var(--radius-md);text-align:left;transition:all var(--speed);color:var(--text)}.login-user:hover{border-color:var(--blue);background:var(--bg-hover)}.login-user .n{font-weight:700;font-size:14px}.login-user .r{font-size:12px;color:var(--text-secondary);text-transform:capitalize}.passcode-row{display:flex;gap:8px;margin-top:14px}.passcode-row .input{text-align:center;letter-spacing:.4em;font-weight:700;font-size:17px}.login-err{color:var(--due-overdue);font-size:12.5px;margin-top:8px;font-weight:500}.login-back{color:var(--text-secondary);font-size:12.5px;display:inline-flex;align-items:center;gap:5px;margin-bottom:12px}.login-back:hover{color:var(--text)}.swatch-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:4px}.swatch-pick{width:26px;height:26px;border-radius:8px;border:2px solid transparent;transition:transform var(--speed)}.swatch-pick:hover{transform:scale(1.12)}.swatch-pick.on{border-color:var(--text)}.opt-row{display:flex;align-items:center;gap:7px;margin-bottom:7px}.opt-row .input{flex:1}@media (max-width: 860px){.sidebar{position:fixed;z-index:950;height:100%;box-shadow:0 0 40px #00000059}.sidebar.collapsed{margin-left:0;transform:translate(-100%);box-shadow:none}.drawer{width:100vw}.fields-grid{grid-template-columns:104px 1fr}.page-head,.toolbar,.filter-row,.search-bar{padding-left:14px;padding-right:14px}.section-head{padding-left:14px}}