:root{--bg:#f4f6fb;--panel:#ffffff;--ink:#0f172a;--ink-soft:#475569;--ink-faint:#94a3b8;--line:#e2e8f0;--line-strong:#cbd5e1;--accent:#4f46e5;--danger:#e11d48;--label-w:208px;--header-h:74px;--bar-h:34px;--row-gap:9px;--lane-pad:11px;--q-tint:#f8fafc;--shadow:0 1px 2px rgba(15,23,42,.06),0 8px 24px rgba(15,23,42,.06);font-synthesis:none}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{display:flex;align-items:center;gap:14px;padding:10px 18px;background:var(--panel);border-bottom:1px solid var(--line);box-shadow:var(--shadow);z-index:40;flex-wrap:wrap}.brand{display:flex;flex-direction:column;line-height:1.15;margin-right:6px}.brand b{font-size:15px;letter-spacing:.2px}.brand small{color:var(--ink-faint);font-size:11px}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.seg{display:inline-flex;background:#eef2f7;border:1px solid var(--line);border-radius:9px;padding:2px}.seg button{border:0;background:transparent;padding:5px 11px;border-radius:7px;font-size:12.5px;color:var(--ink-soft);cursor:pointer;font-weight:600}.seg button.on{box-shadow:0 1px 2px rgba(15,23,42,.12)}.btn,.seg button.on{background:#fff;color:var(--ink)}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-strong);padding:6px 11px;border-radius:9px;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;text-decoration:none}.btn:hover{color:var(--accent)}.btn.primary,.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{filter:brightness(1.06);color:#fff}.btn.ghost{border-color:transparent;background:transparent}.zoomwrap{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--ink-faint)}input[type=range]{accent-color:var(--accent)}.spacer{flex:1 1}.stat{font-size:11px;color:var(--ink-faint)}.stat b{color:var(--ink);font-size:13px}.legend{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:7px 18px;background:var(--panel);border-bottom:1px solid var(--line);z-index:30}.legend .lbl{font-size:11px;color:var(--ink-faint);margin-right:2px}.chip{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--ink-soft);border:1px solid var(--line);border-radius:20px;padding:3px 10px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chip .sw{width:22px;height:12px;border-radius:3px}.chip.off{opacity:.34;text-decoration:line-through}.sw.done,.sw.in-progress{background:#64748b}.sw.in-progress{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,0) 0 4px,rgba(255,255,255,.5) 4px 8px)}.sw.planned{background:#cbd5e1}.sw.idea{background:#fff;border:1.5px dashed #94a3b8}.legend .div{width:1px;height:18px;background:var(--line);margin:0 4px}.board{flex:1 1;display:flex;flex-direction:column;min-height:0}.board-header{height:var(--header-h);border-bottom:1px solid var(--line-strong);z-index:20}.board-header,.corner{display:flex;background:var(--panel)}.corner{width:var(--label-w);flex:0 0 var(--label-w);border-right:1px solid var(--line-strong);flex-direction:column;justify-content:flex-end;padding:6px 12px;gap:2px}.corner b{font-size:12px}.corner small{font-size:10.5px;color:var(--ink-faint)}.header-scroll{flex:1 1;overflow:hidden;position:relative}.timeline-header{position:relative;height:var(--header-h)}.yearband{top:0;font-weight:800;font-size:12px;border-left:1px solid var(--line-strong);background:var(--q-tint)}.monthcell,.yearband{position:absolute;height:24px;display:flex;align-items:center;justify-content:center;color:var(--ink-soft)}.monthcell{top:24px;font-size:11px;border-left:1px solid var(--line);font-weight:600}.monthcell.qstart{border-left:1px solid var(--line-strong)}.weekcell{position:absolute;top:48px;height:26px;display:flex;align-items:flex-start;justify-content:center;font-size:9px;color:var(--ink-faint);border-left:1px solid #eef2f7;padding-top:2px}.ms-flag{position:absolute;top:49px;transform:translateX(-50%);font-size:9.5px;font-weight:700;white-space:nowrap;background:#fff;border:1px solid var(--line-strong);border-radius:5px;padding:1px 5px;cursor:default;z-index:5}.ms-flag.risk{color:#b91c1c;border-color:#fecaca;background:#fff1f2}.ms-flag.now{color:var(--accent);border-color:#c7d2fe;background:#eef2ff}.ms-flag.done{color:#0f766e;border-color:#99f6e4;background:#f0fdfa}.board-body{flex:1 1;display:flex;min-height:0}.labels{width:var(--label-w);flex:0 0 var(--label-w);overflow:hidden;border-right:1px solid var(--line-strong);background:var(--panel)}.labels-inner,.lane-label{position:relative}.lane-label{display:flex;align-items:center;gap:9px;padding:0 12px;border-bottom:1px solid var(--line)}.lane-label .bar{width:5px;border-radius:3px;height:60%;position:absolute;left:0;top:20%}.lane-label .nm{font-size:13px;font-weight:700;line-height:1.15}.lane-label .ct{font-size:10.5px;color:var(--ink-faint)}.tracks-scroll{flex:1 1;overflow:auto}.tracks,.tracks-scroll{position:relative}.lane-track{position:absolute;left:0;right:0;border-bottom:1px solid var(--line)}.lane-track.alt{background:rgba(148,163,184,.045)}.lane-track.dragover{background:rgba(79,70,229,.07);box-shadow:inset 0 0 0 2px rgba(79,70,229,.35)}.gridline{position:absolute;top:0;bottom:0;width:1px;background:var(--line)}.gridline.q{background:var(--line-strong)}.gridline.week{background:#f1f5f9}.qshade{background:var(--q-tint)}.qshade,.todayline{position:absolute;top:0;bottom:0}.todayline{width:0;border-left:2px dashed var(--danger);z-index:6;pointer-events:none}.todayline:after{content:"Today";position:absolute;top:2px;left:4px;font-size:9px;font-weight:800;color:var(--danger);background:#fff;padding:0 3px;border-radius:3px;white-space:nowrap}.msline{position:absolute;top:0;bottom:0;width:0;border-left:1.5px dotted var(--ink-faint);z-index:5;pointer-events:none}.msline.risk{border-color:#f43f5e}.msline.now{border-color:var(--accent)}.dep-layer{position:absolute;left:0;top:0;pointer-events:none;z-index:7;overflow:visible}.dep-path{fill:none;stroke:#94a3b8;stroke-width:1.6;opacity:.72}.dep-path.hot{stroke:var(--accent);opacity:1;stroke-width:2.2}.bar-item{position:absolute;height:var(--bar-h);border-radius:8px;display:flex;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:650;cursor:-webkit-grab;cursor:grab;z-index:8;overflow:hidden;white-space:nowrap;box-shadow:0 1px 2px rgba(15,23,42,.18);-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:box-shadow .12s}.bar-item:hover{box-shadow:0 2px 10px rgba(15,23,42,.28);z-index:12}.bar-item.dragging{cursor:-webkit-grabbing;cursor:grabbing;opacity:.92;z-index:20;box-shadow:0 8px 24px rgba(15,23,42,.3)}.bar-item .nm{overflow:hidden;text-overflow:ellipsis}.bar-item .pd{font-size:9.5px;opacity:.85;font-weight:700;flex:0 0 auto}.bar-item .handle{position:absolute;top:0;bottom:0;width:8px;cursor:ew-resize;z-index:3}.bar-item .handle.l{left:0}.bar-item .handle.r{right:0}.bar-item .dot{width:7px;height:7px;border-radius:50%;flex:0 0 auto}.bar-item.flash{animation:flash .6s ease}@keyframes flash{0%{box-shadow:0 0 0 3px rgba(79,70,229,.5)}to{box-shadow:0 1px 2px rgba(15,23,42,.18)}}.overlay{position:fixed;inset:0;background:rgba(15,23,42,.42);display:none;align-items:center;justify-content:center;z-index:100}.overlay.show{display:flex}.modal{width:440px;max-width:94vw;background:#fff;border-radius:16px;box-shadow:0 24px 64px rgba(15,23,42,.3);overflow:hidden}.modal header{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line)}.modal header b{font-size:15px}.modal .body{padding:16px 18px;display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.modal .body .full{grid-column:1/-1}.field{display:flex;flex-direction:column;gap:4px}.field label{font-size:11px;font-weight:700;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.3px}.field input,.field select,.field textarea{border:1px solid var(--line-strong);border-radius:9px;padding:8px 10px;font-size:13px;font-family:inherit;color:var(--ink);background:#fff}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid rgba(79,70,229,.3);border-color:var(--accent)}.field textarea{resize:vertical;min-height:54px}.depbox{border:1px solid var(--line-strong);border-radius:9px;padding:6px;max-height:108px;overflow:auto;display:flex;flex-direction:column;gap:3px}.depbox label{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:500;text-transform:none;letter-spacing:0;color:var(--ink);cursor:pointer;padding:2px 4px;border-radius:6px}.depbox label:hover{background:#f1f5f9}.modal footer{display:flex;align-items:center;gap:9px;padding:13px 18px;border-top:1px solid var(--line);background:#fafbfd}.x{cursor:pointer;border:0;background:#f1f5f9;width:30px;height:30px;border-radius:8px;font-size:16px;color:var(--ink-soft)}.hint{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);background:rgba(15,23,42,.9);color:#fff;font-size:12px;padding:7px 14px;border-radius:20px;z-index:90;opacity:0;transition:opacity .2s;pointer-events:none}.hint.show{opacity:1}.helpbar{font-size:11px;color:var(--ink-faint);padding:5px 18px;background:var(--panel);border-bottom:1px solid var(--line)}.helpbar kbd{background:#eef2f7;border:solid var(--line-strong);border-width:1px 1px 2px;border-radius:4px;padding:0 5px;font-size:10px;font-weight:700;color:var(--ink-soft)}