:root{--bg:#f2efe9;--surface:#faf8f5;--surface2:#ece9e3;--border:#00000012;--border-strong:#00000021;--ink:#16130e;--muted:#8c8782;--muted2:#b5b0a8;--accent:#2a5f3f;--accent-bg:#e6f0eb;--amber:#b8720e;--amber-bg:#fdf0dc;--blue:#1c4480;--blue-bg:#e4edf8;--rose:#a63030;--rose-bg:#f8e6e6;--violet:#4a2d8a;--violet-bg:#ede8f8;--sidebar-w:224px;--header-h:56px;--toolbar-h:44px;--gantt-header-h:60px;--row-h:52px}.timeline-app{background:var(--bg);color:var(--ink);grid-template-columns:var(--sidebar-w)1fr;grid-template-rows:1fr;height:100vh;font-family:Instrument Sans,sans-serif;font-size:13.5px;line-height:1.5;display:grid;overflow:hidden}.timeline-app aside{background:var(--surface);border-right:1px solid var(--border-strong);z-index:10;flex-direction:column;display:flex;overflow:hidden}.logo{height:var(--header-h);flex-shrink:0;align-items:center;gap:12px;padding:0 24px;display:flex}.logo-mark{background:var(--ink);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex;border-radius:0!important}.logo-text{letter-spacing:-.04em;color:#111;font-family:Syne,sans-serif;font-size:18px;font-weight:800;line-height:1}.logo-plan{color:#999;letter-spacing:.08em;text-transform:uppercase;margin-top:3px;font-size:9px;font-weight:700}.workspace-selector{background:var(--surface);border:1px solid var(--border);cursor:pointer;align-items:center;gap:12px;margin:12px 12px 20px;padding:10px 14px;display:flex;border-radius:0!important}.workspace-icon{width:28px;height:28px;color:var(--ink);background:linear-gradient(135deg,#c8d8f8,#d8c8f0);justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;border-radius:0!important}.workspace-name{color:#111;font-size:13px;font-weight:600}.nav-label-group{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding:24px 24px 10px;font-size:10px;font-weight:600}.nav-section{flex-shrink:0;margin-bottom:6px;padding:0 12px}.nav-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:3px;padding:0 8px;font-size:10px;font-weight:600}.nav-link{color:var(--muted);cursor:pointer;align-items:center;gap:9px;margin-bottom:1px;padding:7.5px 10px;font-size:13px;font-weight:400;transition:all .13s;display:flex;border-radius:0!important}.nav-link:hover{background:var(--border);color:var(--ink)}.nav-link.active{background:var(--ink);color:var(--surface);font-weight:500}.nav-link svg{opacity:.6;flex-shrink:0;width:15px;height:15px}.nav-link.active svg{opacity:.85;filter:invert()}.nav-link .badge{background:var(--amber-bg);color:var(--amber);margin-left:auto;padding:1px 6px;font-size:10px;font-weight:600;border-radius:0!important}.nav-link.active .badge{color:#fffc;background:#ffffff26}.projects-list{flex:1;padding:0 12px 12px;overflow-y:auto}.projects-list::-webkit-scrollbar{width:3px}.projects-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:0!important}.project-item{cursor:pointer;align-items:center;gap:9px;margin-bottom:1px;padding:7px 10px;transition:all .13s;display:flex;border-radius:0!important}.project-item:hover{background:var(--bg)}.project-item.active{background:var(--accent-bg)}.project-dot{background:var(--blue);flex-shrink:0;width:7px;height:7px;border-radius:0!important}.project-item.active .project-dot{background:var(--accent)}.project-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12.5px;font-weight:400;overflow:hidden}.project-item.active .project-name{color:var(--accent);font-weight:500}.project-count{color:var(--muted);font-size:10.5px}.sidebar-user{border-top:1px solid var(--border);flex-shrink:0;padding:12px}.user-row{cursor:pointer;align-items:center;gap:9px;padding:8px 10px;transition:background .13s;display:flex;border-radius:0!important}.user-row:hover{background:var(--bg)}.user-avatar{justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex;border-radius:0!important}.user-avatar.jl{color:#1c4480;background:linear-gradient(135deg,#c8d8f8,#d8e8f8)}.user-avatar.sr{color:#a63030;background:linear-gradient(135deg,#f8d8d8,#f8e8d0)}.user-avatar.mk{color:#2a5f3f;background:linear-gradient(135deg,#d8f0e0,#d8e8d0)}.user-avatar.aw{color:#4a2d8a;background:linear-gradient(135deg,#e8d0f8,#d0d8f8)}.user-name{color:var(--ink);font-size:13px;font-weight:600;line-height:1.2}.user-role{color:var(--muted);font-size:11px;line-height:1.2}.user-more{color:var(--muted);margin-left:auto;padding-bottom:4px;font-size:16px}.shadow-low{box-shadow:0 1px 3px #00000014}.shadow-medium{box-shadow:0 4px 20px #0000000f}.shadow-high{box-shadow:0 20px 60px #00000014}.avatar-stack{align-items:center;margin-left:auto;display:flex}.avatar-stack .av{border:2px solid var(--surface);color:#333;background:#f0f0f0;justify-content:center;align-items:center;width:26px;height:26px;margin-left:-6px;font-size:9.5px;font-weight:600;display:flex;border-radius:0!important}.avatar-stack .av-more{background:var(--surface2);border:2px solid var(--surface);width:26px;height:26px;color:var(--muted);justify-content:center;align-items:center;margin-left:-6px;font-size:9px;font-weight:600;display:flex;border-radius:0!important}.task-grid{grid-template-columns:44px 1fr 80px 80px;align-items:center;display:grid}.task-row{border-bottom:1px solid var(--border);background:var(--surface);height:52px;transition:background .1s}.task-row.done .task-name-label{color:var(--muted);text-decoration:line-through}.task-check{cursor:pointer;border:2px solid #e5e7eb;justify-content:center;align-items:center;width:16px;height:16px;display:flex;border-radius:0!important}.task-meta-label{color:var(--muted);margin-top:2px;font-size:11px}.task-assignee{width:24px;height:24px;color:var(--muted);background:#f3f4f6;justify-content:center;align-items:center;font-size:9px;font-weight:600;display:flex;border-radius:0!important}.task-status-dot{width:6px;height:6px;border-radius:0!important}.task-panel-header{border-bottom:1px solid var(--border);background:var(--surface);align-items:center;height:60px;display:flex}.task-panel-header-grid{width:100%}.task-col-label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:10px;font-weight:600}.task-check{margin-left:14px}.group-row{background:var(--bg);border-bottom:1px solid var(--border);height:32px;padding:6px 16px 6px 12px}.group-chevron{color:var(--muted2);font-size:14px}.group-name{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:11px;font-weight:700}.group-count{color:var(--muted2);font-size:11px;font-weight:500}.user-name{font-size:12.5px;font-weight:500}.user-role{color:var(--muted);font-size:10.5px}.user-more{color:var(--muted);margin-left:auto;font-size:16px;line-height:1}.timeline-main{flex-direction:column;flex:1;display:flex;overflow:hidden;border-radius:0!important}.topbar{height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:16px;padding:0 24px;display:flex}.project-breadcrumb{flex:1;align-items:center;gap:8px;display:flex}.view-segmented-control{background:var(--border);margin-right:12px;padding:2px;display:flex;border-radius:0!important}.seg-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px 12px;font-size:11.5px;font-weight:500;transition:all .13s;border-radius:0!important}.seg-btn.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #00000014}.tool-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 10px;font-size:12.5px;font-weight:500;transition:all .13s;display:flex;border-radius:0!important}.tool-btn svg{color:var(--muted2)}.project-breadcrumb{align-items:center;gap:8px;display:flex}.project-badge{background:var(--accent-bg);width:22px;height:22px;color:var(--accent);justify-content:center;align-items:center;font-size:10px;display:flex;border-radius:0!important}.topbar-title{letter-spacing:-.02em;font-family:Syne,sans-serif;font-size:15px;font-weight:700}.topbar-sep{color:var(--muted);opacity:.4}.topbar-sub{color:var(--muted);font-size:13px;font-weight:500}.status-summary{align-items:center;gap:12px;margin-left:24px;display:flex}.status-chip{align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-flex;border-radius:0!important}.status-chip.on-track{background:var(--accent-bg);color:var(--accent)}.status-chip.at-risk{background:var(--amber-bg);color:var(--amber)}.status-chip.status-critical{background:var(--rose-bg);color:var(--rose)}.status-dot-mini{background:currentColor;width:6px;height:6px;border-radius:0!important}.topbar-right .av{border:2px solid var(--surface);color:#333;background:#f0f0f0;justify-content:center;align-items:center;width:26px;height:26px;margin-left:-6px;font-size:9.5px;font-weight:600;display:flex;border-radius:0!important}.topbar-right .av.placeholder{color:#999}.topbar-sep-dot{background:var(--border-strong);width:1px;height:20px;margin:0 12px}.btn-search-share{align-items:center;gap:8px;display:flex;color:var(--ink)!important;border:1px solid var(--border-strong)!important;background:#fff!important}.btn-search-share:hover{border-color:var(--ink)!important}.btn-search-share span{font-size:13px;font-weight:500}.btn-add-task{margin-left:12px;padding:7px 16px}.btn{cursor:pointer;border:none;align-items:center;gap:6px;padding:6.5px 13px;font-family:inherit;font-size:12.5px;font-weight:500;transition:all .14s;display:inline-flex;border-radius:0!important}.btn-primary{background:var(--ink);color:#faf8f5}.btn-primary:hover{background:#2a2520}.btn-ghost{color:var(--muted);border:1px solid var(--border-strong);background:0 0}.btn-ghost:hover{color:var(--ink);border-color:var(--ink)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:#234d33}.btn-icon-only{color:var(--muted);border:1px solid var(--border-strong);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;border-radius:0!important}.btn-icon-only:hover{background:var(--surface2);color:var(--ink);border-color:var(--ink)}.toolbar{height:var(--toolbar-h);background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:0 24px;display:flex}.toolbar-left{flex:1;align-items:center;gap:8px;display:flex}.toolbar-center{align-items:center;gap:8px;display:flex}.toolbar-right-tools{flex:1;justify-content:flex-end;align-items:center;gap:16px;display:flex}.toolbar-divider{background:var(--border-strong);width:1px;height:20px;margin:0 4px}.tool-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:400;transition:all .13s;display:flex;border-radius:0!important}.tool-btn:hover{background:var(--bg);color:var(--ink)}.tool-btn.active{background:var(--bg);color:var(--ink);font-weight:500}.tool-btn svg{flex-shrink:0;width:14px;height:14px}.view-toggle{background:var(--bg);border:1px solid var(--border);padding:3px;display:flex;border-radius:0!important}.view-opt{cursor:pointer;color:var(--muted);background:0 0;border:none;padding:4px 10px;font-family:inherit;font-size:11.5px;font-weight:500;transition:all .13s;border-radius:0!important}.view-opt.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #00000014}.toolbar-segments{background:#e9e9e4;gap:2px;padding:3px;display:flex;border-radius:0!important}.segment-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:6px 16px;font-size:12px;font-weight:600;transition:all .2s;border-radius:0!important}.segment-btn.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000000d}.toolbar-tool{color:var(--muted);cursor:pointer;align-items:center;gap:8px;padding:6px 12px;font-size:13px;font-weight:500;display:flex;border-radius:0!important}.toolbar-tool:hover{background:var(--accent-bg);color:var(--accent)}.toolbar-tool svg{opacity:.7;width:14px;height:14px}.zoom-ctl{align-items:center;gap:1px;display:flex}.zoom-btn{cursor:pointer;width:26px;height:26px;color:var(--muted);background:0 0;border:none;justify-content:center;align-items:center;font-family:inherit;font-size:14px;transition:all .13s;display:flex;border-radius:0!important}.zoom-btn:hover{background:var(--bg);color:var(--ink)}.zoom-label{color:var(--ink);text-align:center;min-width:36px;padding:0 6px;font-family:Syne,sans-serif;font-size:11.5px;font-weight:600}.progress-overview{align-items:center;gap:10px;margin-left:auto;display:flex}.prog-label{color:var(--muted);font-size:11.5px}.prog-bar-wrap{background:var(--bg);border:1px solid var(--border);width:100px;height:5px;overflow:hidden;border-radius:0!important}.prog-bar-fill{background:var(--accent);height:100%;border-radius:0!important}.prog-pct{color:var(--ink);font-family:Syne,sans-serif;font-size:12px;font-weight:700}.gantt-body{flex:1;grid-template-columns:280px 1fr;display:grid;overflow:hidden;border-radius:0!important}.task-panel{border-right:1px solid var(--border-strong);background:0 0;flex-direction:column;display:flex;overflow:hidden;border-radius:0!important}.task-panel-header{border-bottom:1px solid var(--border);background:var(--surface);flex-shrink:0;height:60px;padding:0 16px 0 28px;display:flex}.task-grid{grid-template-columns:32px 1fr 100px 80px;align-items:center;width:100%;padding-right:12px;display:grid}.task-col-label{letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;font-size:10px;font-weight:700}.task-list{flex:1;overflow:hidden auto}.task-list::-webkit-scrollbar{width:3px}.task-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:0!important}.group-row{border-bottom:1px solid var(--border);cursor:pointer;z-index:2;background:#fafafa;align-items:center;gap:8px;height:32px;padding:0 16px 0 32px;display:flex;position:sticky;top:0}.group-chevron{color:var(--muted);opacity:.5;font-size:10px}.group-name{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);flex:1;font-size:11px;font-weight:600}.group-count{color:var(--muted2);font-size:10.5px}.task-row{border-bottom:1px solid var(--border);cursor:pointer;background:#fff;height:52px;padding:0 16px 0 28px;transition:background .1s}.task-row:hover{background:#fbfbfb}.task-row.selected{background:var(--accent-bg)}.task-check{border:1.5px solid var(--border-strong);background:#fff;flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;transition:all .13s;display:flex;border-radius:0!important}.task-check-inner{background:var(--accent);width:8px;height:8px;border-radius:0!important}.task-row:hover .task-check{border-color:var(--accent)}.task-row.done .task-check{background:var(--accent);border-color:var(--accent)}.task-row.done .task-check:after{content:"✓";color:#fff;font-size:9px}.task-info{flex:1;min-width:0}.task-name{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:400;overflow:hidden}.task-row.done .task-name{color:var(--muted);text-decoration:line-through}.task-meta{color:var(--muted);align-items:center;gap:6px;margin-top:1px;font-size:10.5px;display:flex}.task-assignee{flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:9px;font-weight:700;display:flex;border-radius:0!important}.task-status-dot{flex-shrink:0;width:7px;height:7px;margin-left:4px;border-radius:0!important}.dot-green{background:#2a5f3f}.dot-amber{background:#b56d11}.dot-red{background:#a63030}.task-name-label{color:var(--ink);font-size:12.5px;font-weight:600}.task-meta-label{color:var(--muted2);font-size:11px}.gantt-chart-wrapper{flex-direction:column;display:flex;position:relative;overflow:hidden;border-radius:0!important}.gantt-header-scroll{flex-shrink:0;overflow:hidden}.gantt-header-v2{height:var(--gantt-header-h);border-bottom:1px solid var(--border);background:var(--bg);flex-direction:column;min-width:900px;display:flex}.gantt-months{border-bottom:1px solid var(--border);align-items:center;height:28px;padding:0 8px;display:flex}.month-label-v2{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;flex:1;padding:0 8px;font-size:11px;font-weight:600}.month-label-v2.current{color:var(--accent)}.gantt-days-v2{align-items:center;height:32px;padding:0 8px;display:flex}.day-cell-v2{text-align:center;color:var(--muted);flex:1;font-size:10px;position:relative}.day-cell-v2.today .day-num-v2{background:var(--ink);color:#fff;justify-content:center;align-items:center;width:18px;height:18px;font-weight:600;display:inline-flex;border-radius:0!important}.day-cell-v2.weekend{opacity:.45}.day-num-v2{font-family:Syne,sans-serif;font-size:11px;font-weight:500}.gantt-scroll-v2{flex:1;position:relative;overflow:auto}.gantt-scroll-v2::-webkit-scrollbar{width:4px;height:4px}.gantt-scroll-v2::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:0!important}.gantt-grid-v2{min-width:900px;position:relative}.gantt-group-row-v2{background:var(--bg);border-bottom:1px solid var(--border);align-items:center;height:32px;display:flex;position:relative}.gantt-task-row-v2{height:var(--row-h);border-bottom:1px solid var(--border);align-items:center;transition:background .12s;display:flex;position:relative}.gantt-task-row-v2:hover{background:#00000005}.gantt-task-row-v2.selected{background:#2a5f3f0a}.gantt-col-lines-v2{pointer-events:none;z-index:0;display:flex;position:absolute;inset:0}.gcol-v2{border-right:1px solid var(--border);flex:1}.gcol-v2.weekend{background:#00000004}.gcol-v2.today-col{background:#2a5f3f0a;border-right:1px solid #2a5f3f33}.today-line-v2{background:var(--accent);z-index:5;pointer-events:none;width:2px;position:absolute;top:0;bottom:0}.today-line-v2:before{content:"TODAY";letter-spacing:.08em;color:var(--accent);white-space:nowrap;background:var(--surface);border:1px solid #2a5f3f33;padding:2px 5px;font-family:Syne,sans-serif;font-size:8px;font-weight:700;position:absolute;top:-24px;left:50%;transform:translate(-50%);border-radius:0!important}.bar-wrap-v2{z-index:3;align-items:center;height:28px;display:flex;position:absolute}.bar-v2{color:#fff;white-space:nowrap;cursor:grab;-webkit-user-select:none;user-select:none;align-items:center;min-width:60px;height:100%;padding:0 10px;font-size:11.5px;font-weight:500;transition:filter .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden;border-radius:0!important}.bar-v2:hover{filter:brightness(1.05);box-shadow:0 3px 12px #0000002e}.bar-v2:active{cursor:grabbing}.bar-label-v2{text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.bar-pct-v2{opacity:.75;flex-shrink:0;margin-left:auto;padding-left:6px;font-size:10px}.bar-progress-v2{pointer-events:none;background:#ffffff2e;position:absolute;top:0;bottom:0;left:0;border-radius:0!important}.milestone-v2{background:var(--ink);z-index:4;cursor:pointer;width:16px;height:16px;transition:transform .15s,box-shadow .15s;position:absolute;transform:rotate(45deg);border-radius:0!important}.milestone-v2:hover{transform:rotate(45deg)scale(1.2);box-shadow:0 2px 8px #0003}.dep-svg-v2{pointer-events:none;z-index:2;position:absolute;inset:0;overflow:visible}.detail-panel-v2{background:var(--surface);border-left:1px solid var(--border-strong);z-index:50;flex-direction:column;width:380px;transition:right .3s cubic-bezier(.25,.46,.45,.94);display:flex;position:absolute;top:0;bottom:0;right:-400px;box-shadow:-8px 0 32px #00000014;border-radius:0!important}.detail-panel-v2.open{right:0}.detail-header-v2{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding:18px 20px 14px;display:flex}.detail-close-v2{cursor:pointer;width:24px;height:24px;color:var(--muted);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;font-size:14px;transition:all .13s;display:flex;border-radius:0!important}.detail-close-v2:hover{background:var(--bg);color:var(--ink)}.detail-body-v2{flex:1;padding:16px 20px;overflow-y:auto}.detail-body-v2::-webkit-scrollbar{width:3px}.detail-field-v2{margin-bottom:18px}.detail-label-v2{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:5px;font-size:10.5px;font-weight:600}.detail-value-v2{color:var(--ink);font-size:13px}.detail-progress-v2{background:var(--bg);border:1px solid var(--border);height:6px;margin-top:6px;overflow:hidden;border-radius:0!important}.detail-prog-fill-v2{height:100%;border-radius:0!important}.tag-v2{align-items:center;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex;border-radius:0!important}.comment-input-v2{align-items:flex-end;gap:8px;margin:0 20px 20px;display:flex}.comment-box-v2{border:1px solid var(--border-strong);background:var(--bg);color:var(--ink);resize:none;outline:none;flex:1;min-height:60px;padding:8px 10px;font-family:inherit;font-size:12.5px;transition:border-color .13s;border-radius:0!important}.comment-box-v2:focus{border-color:var(--accent)}@keyframes barIn{0%{opacity:0;transform-origin:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.task-row{animation:.3s both slideIn}