:root{--bg-main: #f8fafc;--bg-card: #ffffff;--bg-card-subtle: #f1f5f9;--bg-header: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--border: #e2e8f0;--border-subtle: #f1f5f9;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-subtle: rgba(37, 99, 235, .08);--danger: #ef4444;--danger-subtle: rgba(239, 68, 68, .1);--warning: #f59e0b;--warning-subtle: rgba(245, 158, 11, .12);--success: #10b981;--success-subtle: rgba(16, 185, 129, .12);--info: #0284c7;--row-hover: #f8fafc;--row-alt: #fcfdfe;--input-bg: #ffffff;--timeline-track: #e2e8f0;--timeline-today: #ef4444;--ghost-node-bg: rgba(203, 213, 225, .4);--ghost-node-border: #94a3b8;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .05)}[data-theme=dark]{--bg-main: #090d16;--bg-card: #131b2e;--bg-card-subtle: #1a243c;--bg-header: #0f172a;--text-main: #f8fafc;--text-muted: #94a3b8;--border: #1e293b;--border-subtle: #172033;--primary: #3b82f6;--primary-hover: #60a5fa;--primary-subtle: rgba(59, 130, 246, .15);--danger: #f87171;--danger-subtle: rgba(248, 113, 113, .15);--warning: #fbbf24;--warning-subtle: rgba(251, 191, 36, .15);--success: #34d399;--success-subtle: rgba(52, 211, 153, .15);--info: #38bdf8;--row-hover: #172138;--row-alt: #10182b;--input-bg: #1e293b;--timeline-track: #26334d;--timeline-today: #f87171;--ghost-node-bg: rgba(71, 85, 105, .35);--ghost-node-border: #64748b;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .35);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .45)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-main);color:var(--text-main);overflow-x:hidden;line-height:1.5}.app-header{height:56px;background-color:var(--bg-header);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-left,.header-right{display:flex;align-items:center;gap:12px}.logo-text{font-weight:700;font-size:17px;letter-spacing:-.02em;color:var(--primary);display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none;cursor:pointer}.input-control,.search-input{padding:6px 10px;border-radius:6px;border:1px solid var(--border);background-color:var(--input-bg);color:var(--text-main);font-size:13px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input-control:focus,.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-subtle)}.search-input{width:210px;transition:width .2s ease,border-color .15s ease}.search-input:focus{width:270px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:1px solid var(--border);background:var(--bg-card);color:var(--text-main);transition:all .15s ease;white-space:nowrap}.btn:hover{background-color:var(--row-hover);border-color:var(--primary)}.btn-sm{padding:4px 9px;font-size:12px}.btn-primary{background-color:var(--primary);border-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover);color:#fff}.btn-success{background-color:var(--success);border-color:var(--success);color:#fff}.btn-success:hover{filter:brightness(.95);color:#fff}.btn-danger{background-color:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover{filter:brightness(.95);color:#fff}.btn-outline{background:transparent}.btn-group{display:inline-flex;border-radius:6px;overflow:hidden;border:1px solid var(--border)}.btn-group .btn{border:none;border-radius:0;border-right:1px solid var(--border)}.btn-group .btn:last-child{border-right:none}.btn-group .btn.active{background-color:var(--primary);color:#fff}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:4px;font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap}.badge-primary{background:var(--primary-subtle);color:var(--primary)}.badge-success{background:var(--success-subtle);color:var(--success)}.badge-warning{background:var(--warning-subtle);color:var(--warning)}.badge-danger{background:var(--danger-subtle);color:var(--danger)}.badge-muted{background:var(--border);color:var(--text-muted)}.app-container{min-height:calc(100vh - 56px);padding:16px 20px 40px;max-width:1600px;margin:0 auto}.upcoming-widget{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:16px 20px;margin-bottom:20px;box-shadow:var(--shadow-sm)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:16px}.kpi-card{padding:12px 14px;background:var(--bg-card-subtle);border-radius:8px;border:1px solid var(--border-subtle);display:flex;flex-direction:column}.kpi-label{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-muted);letter-spacing:.04em;margin-bottom:4px}.kpi-value{font-size:24px;font-weight:700;color:var(--text-main);display:flex;align-items:baseline;gap:6px}.kpi-sub{font-size:12px;font-weight:500;color:var(--text-muted)}.upcoming-strip{display:flex;align-items:center;gap:10px;overflow-x:auto;padding-bottom:4px}.upcoming-pill{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:20px;background:var(--bg-main);border:1px solid var(--border);font-size:12px;cursor:pointer;transition:all .15s ease}.upcoming-pill:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.timeline-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:24px}.timeline-toolbar{padding:12px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--bg-card)}.timeline-scroll-wrapper{overflow-x:auto;overflow-y:hidden;position:relative;-webkit-user-select:none;user-select:none}.timeline-grid{position:relative;min-width:1000px}.timeline-header-axis{position:sticky;top:0;z-index:20;background:var(--bg-header);border-bottom:1px solid var(--border)}.month-row{display:flex;border-bottom:1px solid var(--border-subtle);height:26px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.month-cell{padding-left:8px;display:flex;align-items:center;border-right:1px solid var(--border-subtle)}.day-row{display:flex;height:26px;font-size:10px;color:var(--text-muted)}.day-cell{display:flex;align-items:center;justify-content:center;border-right:1px solid var(--border-subtle)}.today-line{position:absolute;top:0;bottom:0;width:2px;background:var(--timeline-today);z-index:15;pointer-events:none}.today-label{position:absolute;top:2px;transform:translate(-50%);background:var(--timeline-today);color:#fff;font-size:9px;font-weight:700;padding:1px 4px;border-radius:3px;text-transform:uppercase}.swimlane-row{display:flex;border-bottom:1px solid var(--border);min-height:86px;position:relative}.swimlane-row:hover{background-color:var(--row-hover)}.swimlane-ln-info{width:210px;flex-shrink:0;padding:12px 14px;border-right:1px solid var(--border);background:var(--bg-card);position:sticky;left:0;z-index:10;display:flex;flex-direction:column;justify-content:center;box-shadow:2px 0 5px -2px #0000000d}.swimlane-ln-id{font-size:15px;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:6px}.swimlane-ln-meta{font-size:11px;color:var(--text-muted);margin-top:2px}.swimlane-track-area{flex-grow:1;position:relative;min-height:86px}.track-line{position:absolute;top:32px;left:0;right:0;height:3px;background:var(--timeline-track);border-radius:2px}.track-anchor{position:absolute;width:6px;height:6px;border-radius:50%;transform:translate(-50%);z-index:3}.milestone-stem{position:absolute;width:2px;transform:translate(-50%);pointer-events:none;border-radius:1px}.ghost-connector{position:absolute;height:2px;border-top:2px dashed var(--warning);opacity:.7;pointer-events:none}.ghost-node{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--ghost-node-bg);border:2px dashed var(--ghost-node-border);transform:translate(-50%);cursor:pointer;z-index:4;opacity:.45;transition:opacity .2s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:var(--text-muted)}.ghost-node:hover{opacity:.95;transform:translate(-50%) scale(1.15);border-color:var(--warning)}.milestone-node{position:absolute;transform:translate(-50%);z-index:6;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.milestone-node:hover{transform:translate(-50%) translateY(-2px);z-index:12}.milestone-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:16px;font-size:11px;font-weight:600;box-shadow:var(--shadow-sm);background:var(--bg-card);border:1px solid var(--border);color:var(--text-main);white-space:nowrap}.milestone-node.achieved .milestone-pill{background:#ecfdf5;border-color:#10b981;color:#047857}[data-theme=dark] .milestone-node.achieved .milestone-pill{background:#064e3b;border-color:#059669;color:#a7f3d0}.milestone-node.delayed .milestone-pill{background:#fffbeb;border-color:#f59e0b;color:#b45309}[data-theme=dark] .milestone-node.delayed .milestone-pill{background:#451a03;border-color:#d97706;color:#fde68a}.milestone-node.planned .milestone-pill{background:var(--bg-card);border-color:var(--primary);color:var(--primary)}.table-container{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm)}.app-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.app-table th{background:var(--bg-card-subtle);color:var(--text-muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:10px 14px;border-bottom:1px solid var(--border)}.app-table td{padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.app-table tbody tr:hover{background-color:var(--row-hover)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;width:100%;max-width:640px;max-height:90vh;overflow-y:auto;padding:24px;box-shadow:var(--shadow-lg);position:relative}.form-group{margin-bottom:14px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:5px}.form-input,.form-select,.form-textarea{width:100%;padding:8px 12px;border-radius:6px;border:1px solid var(--border);background:var(--input-bg);color:var(--text-main);font-size:13px;outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-subtle)}.form-textarea{min-height:70px;resize:vertical}.revision-item{position:relative;padding-left:20px;margin-bottom:12px;font-size:12px}.revision-item:before{content:"";position:absolute;left:4px;top:6px;width:8px;height:8px;border-radius:50%;background:var(--warning)}.revision-item:after{content:"";position:absolute;left:7px;top:16px;bottom:-10px;width:2px;background:var(--border)}.revision-item:last-child:after{display:none}@keyframes spin{to{transform:rotate(360deg)}}