:root{--bg: #f3f5f8;--panel: #ffffff;--panel-soft: #f8fafc;--ink: #20242c;--muted: #687284;--line: #d9dee7;--line-strong: #c4ccd8;--accent: #2563eb;--accent-soft: #e9f0ff;--green: #168451;--green-soft: #e7f7ef;--amber: #a86200;--amber-soft: #fff3d8;--red: #bf3b36;--red-soft: #fff0ef;--radius: 8px;--shadow: 0 14px 36px rgba(28, 35, 48, .08);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg)}html,body,#app{width:100%;height:100%;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}input,select{width:100%;min-height:34px;padding:6px 9px;border:1px solid var(--line-strong);border-radius:6px;color:var(--ink);background:#fff}input:focus,select:focus{border-color:var(--accent);outline:2px solid rgba(37,99,235,.16)}.app{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;height:100dvh;padding:18px;overflow:hidden}.auth-page{display:grid;place-items:center;min-height:100dvh;padding:18px;background:var(--bg)}.auth-panel{display:grid;gap:18px;width:min(360px,100%);padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.auth-heading{display:grid;gap:4px}.auth-heading strong{font-size:22px;line-height:1.2}.auth-heading span{color:var(--muted);font-size:13px}.auth-form{display:grid;gap:12px}.auth-error{margin:0;color:var(--red);font-size:13px}.topbar,.focus-layout{width:min(1600px,100%);margin-right:auto;margin-left:auto}.app-notice{position:fixed;z-index:30;right:18px;bottom:18px;margin:0;padding:10px 12px;border:1px solid #f0bebc;border-radius:var(--radius);background:var(--red-soft);color:var(--red);font-size:13px}.topbar{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:16px;align-items:start}.brand{display:grid;gap:4px;padding-top:0;align-content:center}.brand strong{font-size:24px;line-height:1.15}.brand span,.muted{color:var(--muted);font-size:12px}.filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.filter-group{display:flex;align-items:center;gap:6px;padding:6px;min-height:46px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.filter-group.stacked{display:grid;align-items:start;justify-items:start;background:transparent;border:0;padding:0}.filter-popover-wrap{position:relative}.filter-popover-wrap>.ghost-btn,.filters>.ghost-btn{min-height:46px;padding:0 16px;border-radius:var(--radius);font-weight:600}.filter-popover{position:absolute;z-index:20;right:0;display:grid;gap:12px;width:320px;margin-top:8px;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.filter-label,.filter-label-button,label span,.field-block>span,.dropdown-field>span{color:var(--muted);font-size:12px;white-space:nowrap}.filter-label-button{min-height:28px;padding:0 8px;border:1px solid var(--line);border-radius:6px;color:#3c4655;background:var(--panel-soft)}.seg,.ghost-btn,.primary-btn,.danger-btn,.dropdown-trigger,.dropdown-option{min-height:32px;padding:0 11px;border-radius:6px;border:1px solid transparent;white-space:nowrap;transition:background .15s ease,border-color .15s ease,transform .15s ease}.seg{color:#3c4655;background:transparent}.seg.active,.ghost-btn.active{color:var(--accent);background:var(--accent-soft);border-color:#2563eb2e}.ghost-btn{border-color:var(--line-strong);color:#364152;background:var(--panel)}.primary-btn{border-color:var(--accent);color:#fff;background:var(--accent)}.danger-btn{border-color:#f0bebc;color:var(--red);background:var(--red-soft)}.dropdown-field{position:relative;display:grid;gap:6px}.dropdown{position:relative}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;border-color:var(--line-strong);color:var(--ink);background:#fff;text-align:left}.dropdown-trigger span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chevron{flex:0 0 auto;color:var(--muted);font-size:12px}.dropdown-menu{position:absolute;z-index:10;right:0;left:0;display:grid;gap:4px;margin-top:6px;padding:6px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}.dropdown-option{display:grid;grid-template-columns:18px minmax(0,1fr);gap:6px;align-items:center;width:100%;border-color:transparent;color:#364152;background:transparent;text-align:left}.dropdown-option.active{color:var(--accent);background:var(--accent-soft)}.checkmark{color:var(--accent);text-align:center}.seg:active,.ghost-btn:active,.primary-btn:active,.danger-btn:active{transform:translateY(1px)}.primary-btn:disabled,.ghost-btn:disabled,.danger-btn:disabled{opacity:.55}.panel{min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding:12px 14px;border-bottom:1px solid var(--line)}.icon-btn{width:32px;height:32px;border:1px solid var(--line-strong);border-radius:6px;color:#364152;background:var(--panel)}.panel-head.compact{min-height:auto}.panel-title{display:grid;gap:2px;min-width:0}.panel-title strong{font-size:16px;line-height:1.2}.panel-title span{overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}label,.field-block{display:grid;gap:6px}.field-block.inline{align-self:end}.choice-row,.action-row{display:flex;flex-wrap:wrap;gap:7px}.focus-layout{display:grid;grid-template-columns:minmax(0,calc(100% - 404px)) 390px;gap:14px;height:100%;min-height:0}.focus-layout.has-detail{grid-template-columns:minmax(0,calc(100% - 404px)) 390px}.work-zone{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;min-height:0}.work-zone.has-detail{grid-template-columns:minmax(0,calc(100% - 354px)) 340px}.tree-zone{display:grid;grid-template-rows:minmax(0,1fr);gap:14px;min-width:0;min-height:0}.activity-zone{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:14px;min-height:0}.main-panel{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden}.tree-list{min-height:0;height:auto;overflow:auto;padding:16px;scroll-padding:24px}.tree-card{width:100%;min-width:100%;overflow:hidden;padding:12px;border:1px solid rgba(196,204,216,.86);border-radius:var(--radius);background:linear-gradient(180deg,#fff,#f8fafc);box-shadow:0 8px 22px #1c23300b}.tree-card+.tree-card{margin-top:14px}.tree-node+.tree-node{margin-top:5px}.tree-node{--tree-connector: 34px;--tree-row-center: 24px;position:relative;width:100%;min-width:0}.tree-node:before{content:"";position:absolute;top:-5px;bottom:calc(100% - var(--tree-row-center));left:calc(var(--tree-offset) - var(--tree-connector));width:1px;background:#94a3b894}.tree-node:first-child:before{top:0}.tree-node:not(:last-child):before{bottom:-5px}.tree-node.depth-0:before{display:none}.tree-row{display:grid;grid-template-columns:34px minmax(180px,1fr) minmax(96px,36%);align-items:center;gap:12px;width:calc(100% - var(--tree-offset));min-width:0;min-height:48px;margin-left:var(--tree-offset);padding:6px 8px;border:1px solid rgba(217,222,231,.64);border-radius:8px;color:inherit;background:#ffffffd1;text-align:left;position:relative;transition:border-color .15s ease,background .15s ease,color .15s ease}.tree-row:after{content:"";position:absolute;top:50%;left:calc(var(--tree-connector) * -1);width:var(--tree-connector);height:1px;background:#94a3b894}.tree-row.depth-0:after{display:none}.tree-row.depth-0{grid-template-columns:38px minmax(180px,1fr) minmax(150px,36%);width:100%;margin-left:0;min-height:52px;border-color:#c4ccd8c7;background:#fff}.tree-node.depth-1{--tree-connector: 28px}.tree-row.depth-1{--tree-connector: 28px;grid-template-columns:32px minmax(170px,1fr) minmax(96px,36%);min-height:48px}.tree-node.depth-2{--tree-connector: 28px;--tree-row-center: 23px}.tree-row.depth-2{--tree-connector: 28px;grid-template-columns:28px minmax(160px,1fr) minmax(96px,36%);min-height:46px}.tree-row.can-progress{border-color:#1684516b;background:linear-gradient(90deg,#e7f7ef9e,#fff 58%)}.tree-row.selected{border-color:#2563eb61;background:linear-gradient(90deg,#f7faff,#fff);color:var(--accent)}.tree-row:hover{border-color:#2563eb38;background:#fff}.tree-row:hover .tree-title{color:var(--accent)}.tree-row:focus-visible{outline:2px solid rgba(37,99,235,.35);outline-offset:-2px}.tree-title{display:block;min-width:0;padding:0;border:0;color:inherit;background:transparent;font-size:16px;font-weight:700;text-align:left}.tree-row.depth-1 .tree-title{font-size:15px}.tree-row.depth-2 .tree-title{font-size:14px}.tree-title span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-marker{position:relative;z-index:1;display:inline-grid;place-items:center;width:var(--marker-size, 20px);height:var(--marker-size, 20px);justify-self:center;border:1px solid var(--marker-ring, rgba(104, 114, 132, .4));border-radius:999px;background:#fff;color:var(--marker-core, var(--accent));box-shadow:0 0 0 4px var(--marker-halo, rgba(37, 99, 235, .08)),inset 0 0 0 1px #ffffffb8}.node-toggle{padding:0;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.node-toggle:after,.node-leaf:after{content:"";width:var(--marker-core-size, 8px);height:var(--marker-core-size, 8px);border-radius:999px;background:var(--marker-core, var(--accent));transition:opacity .15s ease,transform .15s ease}.node-toggle.collapsed:after{opacity:0;transform:scale(.35)}.node-toggle:hover{border-color:var(--marker-core, var(--accent));background:var(--marker-halo, var(--panel-soft));transform:scale(1.05)}.node-toggle:focus-visible,.tree-title:focus-visible,.row-meta:focus-visible{outline:2px solid rgba(37,99,235,.35);outline-offset:2px}.node-leaf{border-color:transparent;background:transparent;box-shadow:none}.node-leaf:after{opacity:.78}.node-marker.depth-0{--marker-size: 22px;--marker-core-size: 10px}.node-marker.depth-1{--marker-size: 18px;--marker-core-size: 8px}.node-marker.depth-2{--marker-size: 15px;--marker-core-size: 6px}.node-leaf.depth-1{--marker-core-size: 7px}.node-leaf.depth-2{--marker-core-size: 5px}.node-marker.status-进行中{--marker-core: var(--green);--marker-ring: rgba(22, 132, 81, .34);--marker-halo: rgba(22, 132, 81, .1)}.node-marker.status-已完成{--marker-core: var(--accent);--marker-ring: rgba(37, 99, 235, .32);--marker-halo: rgba(37, 99, 235, .09)}.node-marker.status-暂缓{--marker-core: var(--amber);--marker-ring: rgba(168, 98, 0, .36);--marker-halo: rgba(168, 98, 0, .1)}.row-meta{display:grid;grid-template-columns:minmax(0,1fr) max-content;align-items:center;justify-content:stretch;gap:6px;min-width:0;max-width:100%;padding:0;border:0;color:inherit;background:transparent;text-align:right}.row-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;min-width:0;overflow:hidden}.status-pill{grid-column:2;justify-self:end}.tree-children{position:relative;padding-top:5px}.tree-card>.tree-node>.tree-children{padding-bottom:2px}.tree-card>.tree-node>.tree-row{min-height:52px}.tag,.status-pill{min-height:22px;padding:3px 7px;border-radius:999px;font-size:12px;line-height:16px}.tag{color:#435064;background:#eef2f7}.status-pill.status-进行中{color:var(--green);background:var(--green-soft)}.status-pill.status-已完成{color:var(--accent);background:var(--accent-soft)}.status-pill.status-暂缓{color:var(--amber);background:var(--amber-soft)}.detail-column{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden}.detail-column-body{display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:14px;min-height:0;padding:14px}.detail-history{display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px}.detail-info-stack{display:grid;gap:10px;margin:0}.detail-info-stack div{display:grid;gap:3px}.detail-info-stack dt{color:var(--muted);font-size:12px}.detail-info-stack dd{margin:0;font-size:13px;overflow-wrap:anywhere}.inline-detail{display:grid;gap:12px;padding:14px}.detail-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start}.detail-heading{display:grid;gap:4px;min-width:0}.detail-heading strong{overflow:hidden;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.detail-heading span{overflow:hidden;color:var(--muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.inline-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.detail-compact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,auto);gap:12px;align-items:start}.detail-info-left{display:flex;flex-wrap:wrap;gap:7px}.detail-info-right{display:grid;grid-template-columns:repeat(4,auto);gap:12px;justify-content:end;margin:0}.detail-info-right div{display:grid;gap:3px}.detail-info-right dt{color:var(--muted);font-size:12px}.detail-info-right dd{margin:0;font-size:12px;white-space:nowrap}.detail-next-line{color:var(--accent);font-size:13px}.next-step{display:grid;gap:4px;padding:12px;border:1px solid rgba(37,99,235,.18);border-radius:var(--radius);background:var(--accent-soft)}.next-step span{color:var(--accent);font-size:12px}.next-step strong{font-size:15px}.detail-section{display:grid;gap:10px;padding-top:14px;border-top:1px solid var(--line)}.action-panel{padding-top:0;border-top:0}.idle-panel{min-height:120px;align-content:center;justify-items:center;color:var(--muted);border:1px dashed var(--line-strong);border-radius:var(--radius)}.detail-section:first-of-type{padding-top:0;border-top:0}.detail-section h2,.detail-section h3{margin:0}.detail-section h2{font-size:20px}.detail-section h3{font-size:14px}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.info-grid div{display:grid;gap:3px;min-width:0}.info-grid dt{color:var(--muted);font-size:12px}.info-grid dd{overflow-wrap:anywhere;margin:0;font-size:13px}.form-grid{display:grid;gap:10px}.history-list,.record-list{display:grid;gap:8px;padding:0;margin:0;list-style:none}.history-section{min-height:0}.history-list{max-height:100%;overflow:auto;padding-right:4px}.history-list li,.record-list li{display:grid;gap:3px;padding:9px 0;border-bottom:1px solid var(--line)}.history-list time,.record-list time{color:var(--muted);font-size:12px}.history-list span,.record-list span{overflow-wrap:anywhere;font-size:13px}.empty-state,.empty-small{color:var(--muted)}.empty-state{padding:20px}.empty-small{padding:8px 0;font-size:13px}.day-results-panel{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;overflow:hidden}.result-scroll{display:grid;align-content:start;gap:12px;min-height:0;overflow:auto;padding:14px}.result-group{display:grid;gap:8px}.result-group h3{margin:0;font-size:14px}.heatmap-panel{display:grid;grid-template-rows:auto auto;align-self:end;overflow:hidden}.center-title{text-align:center}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-content:start;gap:6px;overflow:visible;padding:14px}.heat-cell{aspect-ratio:1;border-radius:4px;border:1px solid var(--line);color:#364152;background:#eef2f7;font-size:12px}.heat-cell.level-1{background:#d8e7ff}.heat-cell.level-2{background:#a9c9ff}.heat-cell.level-3{background:#6da0f5}.heat-cell.level-4{background:#2563eb;color:#fff}.heat-cell.selected{outline:2px solid var(--ink);outline-offset:1px}.compact-empty{padding:14px}.modal-backdrop{position:fixed;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px;background:#20242c47}.modal{display:grid;gap:14px;width:min(460px,100%);padding:14px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.context-menu{position:fixed;z-index:40;display:grid;gap:4px;min-width:150px;padding:6px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.context-menu button{min-height:32px;padding:0 10px;border:0;border-radius:6px;color:#364152;background:transparent;text-align:left}.context-menu button:hover{background:var(--panel-soft)}.context-menu button:disabled{color:var(--muted);background:transparent}.context-menu .danger-text{color:var(--red)}@media(max-width:980px){.topbar,.focus-layout{grid-template-columns:1fr}.filters{justify-content:flex-start}.focus-layout{height:100%;min-height:0;overflow:auto}.work-zone,.work-zone.has-detail{grid-template-columns:1fr}.tree-list{height:auto;max-height:60dvh}.activity-zone{grid-template-rows:auto auto}.detail-column{min-height:360px}.detail-compact-grid,.detail-title-row{grid-template-columns:1fr}.detail-info-right{justify-content:start;grid-template-columns:repeat(2,minmax(0,auto))}.month-grid{max-height:none}}@media(max-width:640px){.app{padding:12px}.filter-group,.choice-row,.action-row,.inline-actions{align-items:stretch}.filter-popover{right:auto;left:0;width:min(320px,calc(100vw - 24px))}.tree-row{grid-template-columns:30px minmax(0,1fr);gap:6px 8px;min-width:0;padding-top:8px;padding-bottom:8px}.tree-row.depth-0,.tree-row.depth-1,.tree-row.depth-2{grid-template-columns:30px minmax(0,1fr)}.row-meta{grid-column:2;justify-content:flex-start;text-align:left}.info-grid,.detail-info-right{grid-template-columns:1fr}}