:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#26364c;background:#f5f7fb;font-synthesis:none;font-size:13px;--cyan:#07899b;--purple:#7b5ad8;--amber:#b78216;--green:#338260;--border:#e3e8ef}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}button{border:1px solid #dce3ed;border-radius:6px;padding:7px 12px;color:#40516a;background:#fff;font-weight:550}button:hover{background:#f1f5fa;border-color:#c4cfdf}button:focus-visible,a:focus-visible,.node:focus-visible{outline:3px solid #7370ec;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #7672ee;outline-offset:1px}.primary{color:white;background:#7162dc;border-color:#7162dc}.primary:hover{background:#6151c9;border-color:#6151c9}.topbar{height:65px;background:#142238;color:#ecf1fa;display:flex;align-items:center;padding:0 22px;gap:25px;box-shadow:0 2px 10px #15223818;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:800;letter-spacing:2px;color:inherit;text-decoration:none;white-space:nowrap}.brand-mark{font-size:31px;line-height:1;color:#b6a4ff;transform:rotate(-10deg)}.brand-tag{font-size:8px;letter-spacing:1.4px;font-weight:500;color:#9eacc1;display:block;max-width:55px;line-height:1.5}.project-heading{border-left:1px solid #344057;padding-left:23px;display:flex;align-items:center;gap:10px;min-width:0;flex:1;font-size:13px}.project-heading #project-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:340px}.workspace-dot{width:6px;height:6px;background:#a6a1f6;border-radius:50%}.local-badge{font-size:8px;letter-spacing:1px;color:#a8b6cd;border:1px solid #43516a;padding:3px 5px;border-radius:3px}.toolbar{display:flex;gap:7px}.toolbar button{color:#cbd5e6;background:transparent;border-color:#3b4960;font-size:11px}.toolbar button:hover{background:#2a3a52}.toolbar .primary{color:#fff;background:#7767dc;border-color:#7767dc}.workspace{height:calc(100dvh - 94px);min-height:600px;display:grid;grid-template-columns:218px minmax(440px,1fr) 292px}.sidebar{background:#f8f9fc;border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.sidebar-section{padding:27px 19px 13px}.section-caption{font-size:9px;font-weight:750;letter-spacing:1.35px;color:#8691a4}.sidebar h1{font-size:21px;line-height:1.35;margin:13px 0 9px;letter-spacing:-.6px;color:#25354f;font-weight:650}.sidebar-section p{font-size:11px;line-height:1.7;color:#8590a2;margin:0}.palette{padding:7px 14px 20px}.palette-task{width:100%;display:flex;align-items:center;text-align:left;gap:10px;padding:12px 10px;margin:7px 0;border:1px solid #e0e5ee;box-shadow:0 2px 3px #25364c04;background:white}.palette-task:active{cursor:grabbing}.palette-task strong{display:block;font-size:11px;color:#42516a}.palette-task small{display:block;font-size:9px;color:#8993a5;margin-top:4px}.task-icon{font-size:18px;display:grid;place-items:center;flex-shrink:0;width:29px;height:32px;border-radius:5px;background:var(--tint);color:var(--accent)}.cyan{--accent:var(--cyan);--tint:#e6f5f7}.purple{--accent:var(--purple);--tint:#f0ecfc}.amber{--accent:var(--amber);--tint:#fff6e3}.green{--accent:var(--green);--tint:#e9f6ef}.add-sign{margin-left:auto;font-size:17px;color:#9aa5b7}.explorer-heading{border-top:1px solid var(--border);padding:18px 19px 11px;display:flex;align-items:center;justify-content:space-between}.count-pill{font-size:9px;background:#e9ecf5;color:#76819a;border-radius:4px;padding:3px 6px}.explorer{padding:0 9px;flex:1}.explorer-item{display:flex;align-items:center;gap:9px;border:none;border-radius:5px;width:100%;font-size:11px;text-align:left;background:transparent;font-weight:450;padding:9px 10px;color:#68768e}.explorer-item .item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explorer-item.project-item{font-weight:650;color:#3e506c}.explorer-item.task-item{padding-left:24px}.explorer-item.active{background:#eae8f9;color:#6252ba}.task-dot{width:6px;height:6px;border-radius:2px;background:var(--accent);flex-shrink:0}.sidebar-help{margin:21px 15px 18px;padding:13px 10px;display:flex;gap:9px;border:1px solid #e2e7f0;border-radius:6px}.help-icon{background:#e9e7f6;color:#7b70b7;border-radius:50%;font-size:10px;height:17px;width:17px;display:grid;place-items:center;flex-shrink:0}.sidebar-help strong{font-size:10px;color:#6c7890}.sidebar-help p{font-size:9px;line-height:1.65;color:#939bae;margin:6px 0 0}.center-panel{display:flex;flex-direction:column;min-width:0;overflow:hidden}.canvas-toolbar{height:52px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--border);flex-shrink:0}.view-title{display:flex;align-items:center;gap:9px}.view-icon{font-size:17px;color:#9d9ab2}.view-title strong,.gantt-heading strong,.inspector-heading strong{font-size:12px;font-weight:650}.view-subtitle{font-size:10px;color:#a0a8b6;margin-left:11px;font-weight:400}.view-tools{display:flex;align-items:center;gap:3px}.view-tools button{font-size:10px;border:0;padding:6px 8px;background:#f5f7fb;color:#7d889d}.view-tools #arrange{margin-right:10px;background:transparent}.view-tools output{font-size:9px;color:#8793a8;min-width:34px;text-align:center}.canvas{flex:1;min-height:200px;overflow:auto;position:relative;background-color:#f5f7fb;background-image:radial-gradient(#cfd8e3 .7px,transparent .7px);background-size:18px 18px}.canvas.drag-over{box-shadow:inset 0 0 0 3px #8879e6}.stage-wrap{position:relative}.stage{width:1450px;height:690px;transform-origin:0 0;position:relative}#connectors{position:absolute;top:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}#nodes{position:relative;width:100%;height:100%}.node{position:absolute;width:220px;border:1px solid #dde5ee;border-left:3px solid var(--accent);border-radius:8px;background:#fff;box-shadow:0 4px 13px #334b6b0b;min-height:112px;cursor:grab;user-select:none;touch-action:none;transition:box-shadow .15s,border-color .15s}.node:hover{box-shadow:0 7px 18px #334b6b18}.node.selected{border-color:#8b7ae7;box-shadow:0 0 0 3px #9e90ec23,0 5px 15px #334b6b12}.node.dragging{cursor:grabbing;z-index:4;box-shadow:0 8px 24px #334b6b25;transition:none}.node.link-source{outline:3px solid #8b7ae780}.node-kicker{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.8px;color:var(--accent);font-weight:700;padding:12px 13px 5px}.node-title{font-size:13px;font-weight:650;color:#35435b;padding:0 13px;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.node-meta{display:flex;align-items:center;gap:8px;font-size:9px;color:#8c96a7;padding:9px 13px 0}.node-meta .duration{color:#61718d;font-weight:600}.node-footer{display:flex;align-items:center;justify-content:space-between;padding:8px 13px 10px;color:#8f9bac;font-size:8px}.dependency-chip{border-radius:3px;padding:2px 4px;background:#f0eef8;color:#8b80ad}.node-resources{max-width:98px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.port{position:absolute;right:-7px;top:47px;width:13px;height:13px;padding:0;border:2px solid #fff;border-radius:50%;background:var(--accent);box-shadow:0 0 0 1px #d5dce8;cursor:crosshair}.port:hover{background:var(--accent);transform:scale(1.25)}.node.project-node{width:294px;min-height:100px;left:530px;top:37px;border-left:0;border-top:3px solid #6d5ad0;background:#fff;cursor:pointer;text-align:center}.project-node .node-kicker{justify-content:center;color:#8373be;gap:7px;padding-top:11px}.project-node .node-title{font-size:17px;letter-spacing:-.3px}.project-node .node-meta{justify-content:center;padding-bottom:14px}.membership-path{stroke:#cbd4e3;stroke-width:1.5;stroke-dasharray:4 5;fill:none}.dependency-path{stroke:#9b8abf;stroke-width:2;fill:none;opacity:.85}.dependency-path.highlight{stroke:#7560cd;stroke-width:2.8;opacity:1}.canvas-legend{height:31px;background:#fafbfe;border-top:1px solid var(--border);display:flex;align-items:center;gap:18px;padding:0 19px;flex-shrink:0;font-size:9px;color:#9aa3b3}.canvas-legend span{display:flex;align-items:center;gap:6px}.legend-line{display:inline-block;width:18px;height:0;border-top:1px solid #9b8abf}.legend-line.membership{border-top:1px dashed #bfc9d9}.legend-tip{margin-left:auto;font-size:8px}.gantt-section{height:276px;flex-shrink:0;border-top:1px solid #dce3ed;background:#fff;display:flex;flex-direction:column}.gantt-heading{height:46px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.gantt-heading>div{display:flex;align-items:center;gap:7px}.live-dot{width:6px;height:6px;background:#66bda0;border-radius:50%}.schedule-summary{font-size:9px;background:#f4f5fa;color:#8992a4;border-radius:4px;padding:4px 7px}.gantt{overflow:auto;flex:1;padding-bottom:8px}.gantt-grid{display:grid;font-size:10px;min-width:100%}.gantt-cell{border-top:1px solid #eff2f7;height:29px;display:flex;align-items:center;position:relative}.gantt-task{position:sticky;left:0;background:#fff;z-index:2;border-right:1px solid #e8ecf3;padding:0 20px;color:#7a879c;gap:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.gantt-task.active{color:#6854bd;background:#f8f6ff;font-weight:600}.gantt-header{height:30px;font-size:8px;color:#9ba5b6;background:#f9fafc;position:sticky;top:0;z-index:3}.gantt-header.gantt-task{z-index:4;font-weight:650;letter-spacing:.5px}.gantt-days{display:flex;background-image:linear-gradient(to right,#edf1f7 1px,transparent 1px);background-size:var(--day-width) 100%;padding:0}.gantt-date{width:var(--day-width);flex-shrink:0;text-align:center;line-height:30px;font-size:8px}.gantt-date.weekend{color:#bac1ce;background:#e8edf530}.gantt-bar{position:absolute;top:6px;height:17px;background:var(--tint);border:1px solid color-mix(in srgb,var(--accent) 22%,white);border-radius:4px;display:flex;align-items:center;color:var(--accent);padding:0 7px;font-size:8px;white-space:nowrap;overflow:hidden;cursor:pointer}.gantt-bar.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 4px #5e528528}.gantt-empty{padding:42px 24px;color:#8792a5;text-align:center}.inspector{border-left:1px solid var(--border);background:#fff;overflow-y:auto;min-width:0}.inspector-heading{height:52px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:9px;padding:0 18px}.selection-type{margin-left:auto;font-size:8px;letter-spacing:.8px;color:#a0a9b9}.properties-content{padding:20px 19px}.property-eyebrow{font-size:9px;letter-spacing:1px;font-weight:700;color:var(--accent,#7c70b6);display:flex;gap:7px;align-items:center;margin-bottom:7px}.properties-content h2{font-size:17px;letter-spacing:-.35px;line-height:1.35;margin:0 0 8px;color:#33435b;overflow-wrap:anywhere}.property-description{color:#9ba4b2;font-size:10px;line-height:1.6;margin:0 0 23px}.field{display:block;margin-bottom:16px}.field>span,.field-title{display:block;font-size:10px;font-weight:600;color:#7b8799;margin-bottom:7px}input[type=text],input[type=number],input[type=date],textarea,select{width:100%;border:1px solid #e0e5ee;border-radius:5px;background:#fcfdff;color:#4b5b73;font-size:11px;padding:9px 10px}textarea{resize:vertical;min-height:60px;line-height:1.5}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}.field-hint{font-size:9px;line-height:1.6;color:#a0a9b8;margin:5px 0 0}.property-divider{height:1px;background:#edf0f5;margin:21px 0}.dependency-state{font-size:10px;border-radius:5px;background:#f5f3fc;color:#8c7bb9;padding:9px 10px;margin-bottom:11px}.radio-row{display:flex;gap:13px;margin-bottom:12px;font-size:10px;color:#7f8a9e}.radio-row label{display:flex;align-items:center;gap:4px}.radio-row input{accent-color:#8270d6;margin:0}.predecessors{max-height:170px;overflow:auto}.predecessor{display:flex;align-items:center;gap:7px;font-size:10px;padding:6px 0;color:#7e8a9e}.predecessor input{accent-color:#8270d6}.predecessor span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.schedule-card{background:#f7f8fc;border:1px solid #edf0f5;padding:11px;border-radius:5px;display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:16px}.schedule-card small{font-size:8px;text-transform:uppercase;letter-spacing:.5px;color:#9aa4b5;display:block;margin-bottom:5px}.schedule-card strong{font-size:10px;color:#6a7b96;font-weight:550}.delete-task{width:100%;color:#bd737b;border-color:#f0dfe3;background:#fff;font-size:10px;margin-top:8px}.delete-task:hover{background:#fff5f6;border-color:#e7bec5}.statusbar{height:29px;background:#f9fafc;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 19px;font-size:9px;color:#99a3b2}.statusbar>span{display:flex;align-items:center;gap:6px}.saved-dot{width:5px;height:5px;border-radius:50%;background:#6cbd9b}.toast{position:fixed;bottom:45px;left:50%;transform:translateX(-50%);background:#26384f;color:#fff;border-radius:7px;padding:13px 20px;box-shadow:0 7px 22px #17233330;font-size:12px;max-width:calc(100vw - 40px);z-index:10}.toast.error{background:#8a4358}.link-banner{background:#f0ecfc;color:#7a64be;min-height:35px;padding:7px 19px;display:flex;align-items:center;justify-content:space-between;font-size:10px;flex-shrink:0}.link-banner[hidden]{display:none}.link-banner button{background:transparent;border:0;color:#7a64be;font-size:10px;padding:3px}.empty-canvas{position:absolute;left:500px;top:230px;width:340px;text-align:center;color:#9aa5b8}.empty-canvas h2{color:#62738f;font-size:20px}.empty-canvas p{font-size:12px;line-height:1.8}.empty-canvas button{margin-top:10px}dialog{border:1px solid #dce2ed;border-radius:12px;max-width:400px;padding:27px;box-shadow:0 20px 60px #14223835;color:#40516d}dialog::backdrop{background:#14223850}dialog h2{font-size:19px}dialog p{font-size:12px;color:#7d8a9f;line-height:1.7}.dialog-icon{font-size:28px;color:#8972dc}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:23px}.export-hint{padding:8px;background:#fff8e5;color:#9d874d;font-size:9px}.empty-predecessors{font-size:10px;color:#a0a9b8;padding:6px 0}.gantt-limit-note{font-size:9px;color:#9ba5b6;margin-right:8px}@media(min-width:1650px){.workspace{grid-template-columns:235px minmax(440px,1fr) 310px}.gantt-section{height:298px}}@media(max-width:1100px){.workspace{grid-template-columns:180px minmax(390px,1fr) 250px}.topbar{padding:0 14px;gap:13px}.brand-tag,.view-subtitle,.legend-tip{display:none}.project-heading{padding-left:13px}.sidebar-section{padding:22px 14px 12px}.sidebar h1{font-size:18px}.palette{padding-left:9px;padding-right:9px}.palette-task{padding:10px 7px;gap:7px}.task-icon{width:23px}.palette-task small{font-size:8px}.properties-content{padding:17px 14px}.canvas-toolbar,.gantt-heading{padding-left:14px;padding-right:14px}.canvas-legend{gap:10px;padding:0 13px}.toolbar button{padding:7px 8px;font-size:10px}.project-heading #project-name{max-width:210px}}@media(max-width:850px){.workspace{height:auto;min-height:calc(100dvh - 94px);grid-template-columns:155px minmax(350px,1fr);overflow:auto}.inspector{grid-column:1 / -1;border-top:1px solid var(--border);max-height:440px}.center-panel{min-height:720px}.sidebar-help{display:none}.topbar{min-width:540px}.project-heading{display:none}.toolbar{margin-left:auto}.statusbar{min-width:540px}.properties-content{max-width:640px;margin:auto}.inspector-heading{position:sticky;top:0;background:white;z-index:2}.gantt-section{height:270px}.canvas{min-height:320px}}