:root{--primary: #C8102E;--primary-hover: #A00D24;--baseline-bg: #f4f4f4;--dynamic-bg: #fff0f2;--border: #d0d0d0;--text: #333}body{font-family:PingFang SC,Microsoft YaHei,Segoe UI,Tahoma,sans-serif;margin:0;padding:0;background:#f4f7f6;color:var(--text);display:flex;flex-direction:column;height:100vh}header{background:var(--primary);color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0003;z-index:100}.save-status{display:block;font-size:12px;margin-top:4px;opacity:.85}.save-status[data-tone=saved]{opacity:.75}.save-status[data-tone=pending]{opacity:1}.save-status[data-tone=error]{color:#ffcdd2;font-weight:700;opacity:1}.header-main{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:0 8px}.header-main h2{min-width:0;flex:1 1 100%}.project-health{display:none;align-items:center;gap:8px;background:#fff;color:#444;padding:6px 12px;border-radius:6px;font-size:13px;white-space:nowrap;width:fit-content;margin-top:8px;box-shadow:0 1px 3px #0000001f}.project-health.is-visible{display:inline-flex}.project-health-bar{width:32px;height:10px;border-radius:4px;flex-shrink:0}.project-health.on-time .project-health-bar{background:#8d6e63}.project-health.delayed .project-health-bar{background:var(--primary)}.project-health.early .project-health-bar{background:#188038}.project-health.on-time .project-health-value{color:#8d6e63}.project-health.delayed .project-health-value{color:var(--primary)}.project-health.early .project-health-value{color:#188038}.project-health-value{font-size:16px}.project-completion{display:none;align-items:center;gap:8px;background:#fff;color:#444;padding:6px 12px;border-radius:6px;font-size:13px;white-space:nowrap;width:fit-content;margin-top:8px;box-shadow:0 1px 3px #0000001f}.project-completion.is-visible{display:inline-flex}.project-completion-bar{width:48px;height:10px;border-radius:4px;flex-shrink:0;background:#e8e8e8;overflow:hidden}.project-completion-fill{display:block;height:100%;background:#188038;border-radius:4px;transition:width .2s ease}.project-completion-value{font-size:16px;color:#188038}.project-completion-detail{color:#666;font-size:12px}.header-main .project-completion+.project-health,.header-main .project-health+.project-completion{margin-left:8px}.project-card-badges{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}.project-completion-card{display:inline-flex;align-items:center;gap:8px;background:#f5f5f5;color:#444;padding:4px 10px;border-radius:6px;font-size:13px}.project-completion-card-bar{width:40px;height:8px;border-radius:4px;background:#e0e0e0;overflow:hidden;flex-shrink:0}.project-completion-card-fill{display:block;height:100%;background:#188038;border-radius:4px}.project-completion-card strong{color:#188038}.project-completion-card .project-completion-detail{color:#666;font-size:12px}.header-buttons{display:flex;gap:10px}.btn{background:#fff;color:var(--primary);border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:700;font-family:inherit}.btn:hover{background:#ffebee}.btn-outline{background:transparent;border:1px solid white;color:#fff}.btn-outline:hover{background:#ffffff1a}.btn-back,.btn-with-icon{display:inline-flex;align-items:center;gap:6px}.btn-icon{flex-shrink:0}.btn-back-icon{font-size:1.1em;line-height:1;font-weight:700}.view-section{display:none;padding:2rem;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box;overflow-y:auto;flex:1}.view-section.active{display:block}.project-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 6px #0000000d;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;border:1px solid var(--border);border-left:6px solid var(--primary)}.project-card-body{flex:1;min-width:0}.project-card h3{margin:0 0 .5rem;font-size:1.2rem}.project-card p{margin:0;color:#666;font-size:14px}.project-card-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}.project-card-buttons{display:flex;align-items:center}.project-settings-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--border);border-radius:6px;background:#fafafa;color:#666;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.project-settings-btn:hover{background:#fff;color:var(--primary);border-color:#ccc}.project-settings-btn:focus{outline:2px solid var(--primary);outline-offset:1px}.project-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.overall-delay{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;background:#fff;border:1px solid var(--border);border-radius:6px;font-size:13px;color:#444}.overall-delay-bar{width:28px;height:8px;border-radius:4px;flex-shrink:0}.overall-delay.on-time .overall-delay-bar{background:#8d6e63}.overall-delay.delayed .overall-delay-bar{background:var(--primary)}.overall-delay.early .overall-delay-bar{background:#188038}.overall-delay.on-time strong{color:#8d6e63}.overall-delay.delayed strong{color:var(--primary)}.overall-delay.early strong{color:#188038}.person-group{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000d;margin-bottom:1.5rem;border:1px solid var(--border);overflow:hidden}.person-header{background:#fdfdfd;padding:12px 20px;border-bottom:1px solid var(--border);font-size:1.1rem;font-weight:700;color:var(--primary);display:flex;justify-content:space-between}.person-task{padding:12px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.person-task:last-child{border-bottom:none}.person-task:hover{background:#fafafa;cursor:pointer}.task-meta{font-size:12px;color:#666;background:#eee;padding:2px 6px;border-radius:4px;margin-right:10px}.overview-empty{text-align:center;padding:3rem;color:#666;font-size:1.1rem}.ipd-overview-group{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000d;margin-bottom:1.5rem;border:1px solid var(--border);overflow:hidden}.ipd-overview-header{background:#fdfdfd;padding:12px 20px;border-bottom:1px solid var(--border);font-size:1.05rem;font-weight:700;color:var(--primary);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.ipd-overview-summary{font-size:13px;font-weight:400;color:#666}.ipd-overview-table-wrap{overflow-x:auto}.ipd-overview-table{width:100%;border-collapse:collapse;font-size:14px}.ipd-overview-table th,.ipd-overview-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #eee}.ipd-overview-table th{background:#fafafa;color:#555;font-weight:600;white-space:nowrap}.ipd-overview-row{cursor:pointer;transition:background .15s ease}.ipd-overview-row:hover{background:#fafafa}.ipd-overview-row:last-child td{border-bottom:none}.ipd-overview-project{font-weight:500;color:#333;min-width:200px}.delay-days.delayed{color:var(--primary);font-weight:700}.delay-days.early{color:#188038;font-weight:700}.delay-days.on-time{color:#8d6e63;font-weight:700}.delay-status-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}.delay-status-badge.delayed{background:#ffebee;color:var(--primary)}.delay-status-badge.on-time{background:#efebe9;color:#8d6e63}.delay-status-badge.early{background:#e8f5e9;color:#188038}.delay-status-badge.neutral{background:#f5f5f5;color:#888}.main-container{display:none;flex:1;overflow:hidden;background:#fff}.main-container.active{display:flex}.sheet-pane{flex:0 0 auto;width:var(--sheet-pane-width, 55%);min-width:240px;overflow-y:scroll;overflow-x:auto;border-right:none;background:#fff}.pane-resizer{flex:0 0 6px;cursor:col-resize;background:var(--border);position:relative;z-index:20;transition:background .15s}.pane-resizer:hover,.pane-resizer.dragging{background:var(--primary)}table{border-collapse:collapse;table-layout:fixed;width:max-content;min-width:100%;white-space:nowrap}th.col-resizable{position:relative}.col-resize-handle{position:absolute;right:0;top:0;bottom:0;width:6px;cursor:col-resize;z-index:15}.col-resize-handle:hover,.col-resize-handle.dragging{background:#c8102e59}th,td{border:1px solid var(--border);padding:0;text-align:left;height:40px;box-sizing:border-box}th{background:#eaeaea;padding:8px;font-size:13px;position:sticky;top:0;z-index:10;color:#444}thead tr:nth-child(1) th{top:0;border-bottom:0}thead tr:nth-child(2) th{top:30px}thead tr th{height:30px}.col-group-baseline{background:var(--baseline-bg)}.col-group-dynamic{background:var(--dynamic-bg)}input,select{border:none;padding:0 8px;width:100%;height:100%;box-sizing:border-box;font-family:inherit;background:transparent}input:focus,select:focus{outline:2px solid var(--primary);outline-offset:-2px;background:#fff}input[readonly]{color:#666;background:#00000008;cursor:not-allowed}.delayed{color:#8b0000;font-weight:700}.early{color:#188038;font-weight:700}.delay-flag{text-align:center;font-size:13px;background:#ffebee;color:#8b0000;font-weight:700}.variance-cell{text-align:center;font-size:13px;font-weight:700;padding:0 4px}.variance-cell.delayed{color:#8b0000}.variance-cell.early{color:#188038}@keyframes highlightFlash{0%{background-color:#ffcdd2}to{background-color:transparent}}.highlight-row td{animation:highlightFlash 2.5s ease-out}.gantt-pane{flex:1;overflow-y:scroll;overflow-x:auto;background:#fafafa;position:relative}.gantt-header{background:#eaeaea;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10;box-sizing:border-box}.gantt-body-container{position:relative}.gantt-row{border-bottom:1px solid var(--border);position:relative;box-sizing:border-box}.gantt-bar-base{position:absolute;height:8px;background:#1a1a1a;border-radius:4px;opacity:1;z-index:1}.gantt-bar-dyn{position:absolute;height:14px;background:#8d6e63;border-radius:4px;box-shadow:0 1px 3px #0000004d;z-index:2;display:flex}.gantt-bar-dyn.delayed-bar{background:var(--primary)}.gantt-bar-dyn.early-bar{background:#188038}.gantt-status-icon{position:absolute;width:14px;height:14px;line-height:14px;text-align:center;font-size:11px;font-weight:700;border-radius:50%;pointer-events:none;z-index:4;box-shadow:0 0 0 1px #fffc}.gantt-status-icon.status-not-started{color:#888;background:#fff}.gantt-status-icon.status-in-progress{color:#fff;background:#1976d2;font-size:9px}.gantt-status-icon.status-done{color:#fff;background:#188038;font-size:10px}.gantt-status-icon.status-delayed{color:#fff;background:var(--primary)}.drag-handle{width:8px;height:100%;cursor:ew-resize;flex-shrink:0;z-index:3}.drag-handle:hover{background:#fff6}.drag-center{flex:1;cursor:grab}.drag-center:active{cursor:grabbing}.gantt-svg-overlay{position:absolute;top:0;left:0;pointer-events:none;z-index:1}.dependency-path{fill:none;stroke:#ff9800;stroke-width:1.5px}.today-line{position:absolute;width:2px;background:#8b0000;top:0;bottom:0;z-index:5;pointer-events:none}.today-label{position:absolute;background:#8b0000;color:#fff;font-size:11px;font-weight:700;padding:2px 6px;border-radius:2px;bottom:5px;transform:translate(-50%);z-index:6}.delete-btn{background:#ffebee;color:var(--primary);border:none;cursor:pointer;width:100%;height:100%;font-weight:700}.delete-btn:hover{background:#ffcdd2}.name-dialog{border:none;border-radius:8px;padding:0;box-shadow:0 8px 24px #0003;max-width:420px;width:calc(100% - 2rem)}.name-dialog::backdrop{background:#0006}.name-dialog form{padding:1.5rem}.name-dialog h3{margin:0 0 1rem;color:var(--primary)}.name-dialog-subtitle{margin:-.5rem 0 1rem;font-size:13px;color:#666;line-height:1.4}.name-dialog-label{display:block;font-size:14px;color:#444}.name-dialog-label[hidden]{display:none!important}.name-dialog-label input,.name-dialog-label select{display:block;width:100%;margin-top:8px;padding:10px 12px;border:1px solid var(--border);border-radius:4px;box-sizing:border-box;font-family:inherit;font-size:14px;background:#fff}.name-dialog-label+.name-dialog-label{margin-top:1rem}.name-dialog-label input:focus,.name-dialog-label select:focus{outline:2px solid var(--primary);outline-offset:-1px}.name-dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:1.25rem}.btn-cancel{background:#f5f5f5;color:#666}.btn-cancel:hover{background:#eee}.info-page{background:#fff;border-radius:12px;border:1px solid var(--border);padding:0;box-shadow:0 4px 16px #0000000f;overflow:hidden}.info-page-hero{background:linear-gradient(135deg,#fff5f5,#fff 45%,#fafafa);border-bottom:1px solid var(--border);padding:1.75rem 2rem}.info-brand{display:flex;align-items:center;gap:1.25rem}.info-logo{flex-shrink:0;width:72px;height:72px;border-radius:50%;box-shadow:0 4px 12px #c8102e40}.info-brand-org{margin:0 0 4px;font-size:13px;font-weight:600;color:#888;letter-spacing:.02em}.info-brand-title{margin:0 0 10px;font-size:1.45rem;font-weight:700;color:var(--primary);line-height:1.3}.info-brand-pills{display:flex;flex-wrap:wrap;gap:8px;margin:0}.info-pill{display:inline-block;padding:4px 12px;border-radius:999px;background:var(--primary);color:#fff;font-size:12px;font-weight:600;letter-spacing:.04em}.info-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:1.25rem 2rem 1rem;border-bottom:1px solid var(--border);background:#fafafa}.info-tab{padding:8px 14px;border:1px solid var(--border);border-radius:6px;background:#fafafa;color:#555;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.info-tab:hover{background:#fff;border-color:#ccc;color:var(--primary)}.info-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.info-tab-panel{display:none;padding:1.5rem 2rem 2rem}.info-tab-panel.active{display:block}.info-tab-panel h3{margin:0 0 1rem;color:var(--primary);font-size:1.2rem}.info-card-head{display:flex;align-items:center;gap:10px;margin-bottom:.75rem}.info-card-head h4{margin:0}.info-feature-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;flex-shrink:0}.info-card-feature{border-left-width:4px;border-left-style:solid}.info-card-see{border-left-color:#8d6e63}.info-card-see .info-feature-icon{background:#efebe9;color:#8d6e63}.info-card-simulate{border-left-color:var(--primary)}.info-card-simulate .info-feature-icon{background:#ffebee;color:var(--primary)}.info-card-analyze{border-left-color:#188038}.info-card-analyze .info-feature-icon{background:#e8f5e9;color:#188038}.info-card-plm{border-left-color:#5c6bc0}.info-card-plm .info-feature-icon{background:#e8eaf6;color:#5c6bc0}.info-lead{margin:0 0 1.25rem;padding:1rem 1.15rem;font-size:15px;color:#444;line-height:1.65;background:linear-gradient(90deg,#fff5f5,#fff);border-left:4px solid var(--primary);border-radius:0 8px 8px 0}.info-intro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.info-group-goal{margin:0 0 .75rem;font-size:14px;color:#555;font-weight:600}.info-list{margin:0;padding-left:1.2rem;font-size:13px;color:#666;line-height:1.6}.info-list li{margin-bottom:.5rem}.info-list li:last-child{margin-bottom:0}.info-list strong{color:#444}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.info-card{background:#fafafa;border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem}.info-card h4{margin:0 0 .75rem;color:#444;font-size:1rem}.info-note{margin:0 0 .75rem;font-size:13px;color:#666}.info-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:.85rem}.info-item:last-child{margin-bottom:0}.info-item strong{display:block;font-size:14px;margin-bottom:2px}.info-item p{margin:0;font-size:13px;color:#666;line-height:1.5}.legend-sample{flex-shrink:0;display:inline-block;margin-top:4px}.legend-baseline{width:48px;height:8px;background:#1a1a1a;border-radius:4px}.legend-dynamic{width:48px;height:14px;background:#8d6e63;border-radius:4px}.legend-dynamic.delayed-bar{background:var(--primary)}.legend-dynamic.early-bar{background:#188038}.legend-today{width:4px;height:28px;background:#8b0000;border-radius:1px}.legend-dependency{width:48px;height:14px;background:linear-gradient(#ff9800,#ff9800) center/100% 2px no-repeat,linear-gradient(135deg,transparent 50%,#ff9800 50%) right center/8px 8px no-repeat}.legend-icon{flex-shrink:0;width:14px;height:14px;line-height:14px;text-align:center;font-size:11px;font-weight:700;border-radius:50%;margin-top:2px;box-shadow:0 0 0 1px #fffc}.legend-icon.status-not-started{color:#888;background:#fff}.legend-icon.status-in-progress{color:#fff;background:#1976d2;font-size:9px}.legend-icon.status-done{color:#fff;background:#188038;font-size:10px}.legend-icon.status-delayed{color:#fff;background:var(--primary);font-size:9px}