:root{--blue: #2563eb;--blue-light: #93c5fd;--blue-chip: #dbeafe;--blue-chip-text: #1e40af;--bg: #f1f5f9;--surface: #ffffff;--border: #e2e8f0;--text: #0f172a;--muted: #64748b}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;color:var(--text);background:var(--bg);font-size:14px}.viewer-shell{min-height:100vh;display:flex;flex-direction:column;gap:10px;padding:10px 14px 14px}.top-header{background:var(--surface);border-radius:12px;border:1px solid var(--border);overflow:visible}.header-row1{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid var(--border);gap:12px}.logo{flex:1}.logo img{display:block;width:192px;height:auto}.service-toggle{display:flex;background:#e0edff;border-radius:999px;padding:3px;gap:2px;flex-shrink:0}.toggle-btn{padding:5px 18px;border-radius:999px;border:none;font-size:.85rem;font-weight:500;cursor:pointer;background:transparent;color:var(--blue);white-space:nowrap;transition:background .15s,color .15s}.toggle-btn.active{background:var(--blue);color:#fff}.header-actions{flex:1;display:flex;gap:8px;justify-content:flex-end;align-items:center}.header-row2{display:flex;align-items:center;flex-wrap:wrap;padding:8px 16px;gap:12px;min-height:44px}.header-row2.with-part-filter{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:12px}.page-tabs{display:flex;gap:2px;flex:1 1 520px;flex-wrap:wrap;row-gap:6px}.tab-btn{padding:5px 13px;border-radius:999px;border:none;font-size:.84rem;cursor:pointer;background:transparent;color:var(--muted);font-weight:400;white-space:nowrap;transition:background .15s,color .15s}.tab-btn:hover{background:#f0f6ff;color:var(--blue)}.tab-btn.active{background:var(--blue);color:#fff;font-weight:500}.part-select-area{display:flex;align-items:center;gap:8px;white-space:nowrap;margin-left:8px;flex:0 0 auto}.header-row2.with-part-filter .part-select-area{margin-left:0;justify-self:center}.part-select-area label{font-size:.85rem;color:var(--muted);font-weight:500}.part-input{padding:4px 10px;border:1px solid var(--border);border-radius:7px;font-size:.85rem;width:180px}.part-picker-wrap{position:relative;width:260px}.part-picker-wrap .part-input{width:100%}.part-picker-list{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:260px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0f172a24;z-index:30;padding:4px 0}.part-picker-item{display:block;width:100%;text-align:left;border:none;background:transparent;padding:6px 10px;margin:0;line-height:1.2;font-size:.9rem;white-space:nowrap;cursor:pointer}.part-picker-item:hover{background:#eef4ff}.data-info{display:flex;flex-direction:column;align-items:flex-end;gap:4px;margin-left:auto;flex:0 1 auto}.header-row2.with-part-filter .data-info{margin-left:0;justify-self:end}.data-chip{display:inline-block;background:var(--blue-chip);color:#000;border-radius:999px;padding:3px 14px;font-size:.78rem;font-weight:400;white-space:nowrap}.btn{padding:7px 16px;border-radius:8px;border:none;font-size:.84rem;font-weight:500;cursor:pointer;transition:opacity .15s,transform .1s}.btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--blue);color:#fff}.btn-secondary{background:var(--blue-chip);color:var(--blue-chip-text)}.stored-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:100}.stored-dialog{background:var(--surface);border-radius:12px;width:min(92vw,760px);min-width:0;max-width:92vw;max-height:85vh;overflow:auto;box-shadow:0 18px 45px #0f172a4d}.stored-dialog-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border)}.stored-dialog-header h2{margin:0;font-size:20px;color:var(--blue-chip-text)}.stored-close{background:none;border:none;font-size:22px;line-height:1;cursor:pointer;color:var(--muted, #64748b)}.stored-dialog-body{padding:20px 24px;overflow-x:auto}.stored-table{width:100%;min-width:620px;border-collapse:collapse}.stored-table th,.stored-table td{padding:12px 14px;border:1px solid var(--border);text-align:left;white-space:nowrap}.stored-table th{background:#94a3b81f;font-weight:600}.stored-right{text-align:right}.stored-load{background:var(--blue);color:#fff;border:none;border-radius:6px;padding:8px 18px;cursor:pointer;font-weight:500}.stored-load:disabled{opacity:.6;cursor:not-allowed}.stored-load.loading{background:#1e40af}.stored-dialog-footer{display:flex;justify-content:center;padding:16px 24px 22px;border-top:1px solid var(--border)}.stored-older{background:#94a3b824;border:1px solid var(--border);border-radius:8px;padding:10px 20px;cursor:pointer}.stored-empty{color:var(--muted, #64748b);margin:0}.stored-error{color:#b91c1c;margin:0 0 12px}.detail-panel{flex:1}.detail-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;min-height:400px;height:100%}.timeline-page{overflow:auto}.timeline-title-row{display:flex;align-items:baseline;gap:14px;margin-bottom:28px}.timeline-title-row h3,.timeline-title-row p{margin:0}.timeline-title-row p,.timeline-empty-msg{font-size:.9rem}.timeline-content{display:grid;grid-template-columns:minmax(390px,450px) minmax(360px,820px);justify-content:center;gap:20px;padding:18px;border-radius:10px;background:#f8fafc;align-items:start}.timeline-table-wrap{overflow-x:auto}.timeline-table{width:100%;border-collapse:collapse;background:#fff;font-size:.9rem}.timeline-table th,.timeline-table td{border:1px solid #dbe1e9;padding:6px 9px;text-align:left;white-space:nowrap}.timeline-table th{font-weight:700}.timeline-charts{display:flex;flex-direction:column;gap:16px;min-width:0}.timeline-chart-card{border:1px solid #d5dde8;border-radius:8px;background:#fff;padding:10px 10px 0}.timeline-chart-card h4{margin:0;text-align:center;color:#475569;font-size:.9rem;font-weight:600}.timeline-chart{display:block;width:100%;height:auto}.timeline-axis{stroke:#8fa0b8;stroke-width:1.25}.timeline-grid{stroke:#e5ebf3;stroke-width:1}.timeline-axis-label{fill:#52647c;font-size:11px}.timeline-series{stroke-width:4;stroke-linejoin:miter}.timeline-legend{fill:#52647c;font-size:14px}.timeline-legend-line{stroke-width:2}.resources-page{overflow:auto}.resources-title-row{display:flex;align-items:baseline;gap:14px;margin-bottom:38px}.resources-title-row h3,.resources-title-row p{margin:0}.resources-title-row p{font-size:.9rem}.resources-table-wrap{display:inline-block;width:fit-content;max-width:100%;overflow:auto;border:1px solid #dbe1e9;background:#fff}.resources-table{border-collapse:collapse;width:max-content;min-width:310px;font-size:.9rem;line-height:1.15}.resources-table th,.resources-table td{padding:2px 9px;border-right:1px solid #dbe1e9;border-bottom:1px solid #dbe1e9;text-align:left;white-space:nowrap}.resources-table th{background:#f8fafc;font-weight:700}.resources-table th:nth-child(n+2),.resources-table td:nth-child(n+2){text-align:right}.resources-table tr:last-child td{border-bottom:0}.resources-table th:last-child,.resources-table td:last-child{border-right:0}.resources-total-row td{font-weight:700;border-bottom:2px solid #94a3b8}.gantt-page{display:flex;flex-direction:column;overflow:hidden;height:calc(100vh - 160px)}.gantt-title-row{display:flex;align-items:baseline;gap:14px;margin-bottom:26px}.gantt-title-row h3,.gantt-title-row p{margin:0}.gantt-title-row p,.gantt-empty-msg{font-size:.9rem}.gantt-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-bottom:14px;font-size:.85rem}.gantt-controls label{display:inline-flex;align-items:center;gap:7px}.gantt-controls select{min-width:118px;padding:3px 24px 3px 8px;border:1px solid #b8c2cf;border-radius:4px;background:#fff;font:inherit}.gantt-scale{margin-left:auto;color:var(--muted);white-space:nowrap}.gantt-table-wrap{flex:1;min-height:0;overflow:auto;border:1px solid #b8c2cf;border-radius:8px;background:#fff}.gantt-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;white-space:nowrap;font-size:.78rem;line-height:1.15}.gantt-table th,.gantt-table td{height:22px;padding:3px 5px;border-right:1px solid #dbe1e9;border-bottom:1px solid #dbe1e9;text-align:left}.gantt-table thead th{position:sticky;top:0;z-index:3;height:88px;background:#f8fafc;vertical-align:middle;font-weight:600}.gantt-depth{min-width:52px}.gantt-part{min-width:120px}.gantt-description{min-width:215px}.gantt-quantity{min-width:58px}.gantt-type{min-width:40px}.gantt-operation{min-width:80px}.gantt-date{min-width:78px}.gantt-table .gantt-day{width:22px;min-width:22px;max-width:22px;padding:3px 2px;text-align:center;vertical-align:bottom}.gantt-day span{display:inline-block;writing-mode:vertical-rl;transform:rotate(180deg);font-size:.7rem;font-weight:600}.gantt-part-row td{background:#eef2f7}.gantt-operation-row td{background:#fff}.gantt-table td:nth-child(4){text-align:right}.gantt-table td:nth-child(n+9){width:22px;min-width:22px;max-width:22px;padding:0}.gantt-table td.gantt-event-cell{background:#111827}.details-page{display:flex;flex-direction:column;overflow:hidden;height:calc(100vh - 160px)}.details-controls{margin-bottom:10px;font-size:.85rem}.details-controls select{margin-left:6px}.details-table-wrap{overflow:auto;flex:1}.details-table{border-collapse:collapse;font-size:.78rem;white-space:nowrap}.details-table th,.details-table td{border:1px solid var(--border);padding:3px 7px;vertical-align:top;text-align:left}.details-table thead th{background:#f8fafc;position:sticky;top:0;z-index:1}.details-table thead th.details-column-filtered{background:var(--blue-chip);box-shadow:inset 0 -2px 0 var(--blue)}.details-table thead th>div{display:flex;align-items:center;justify-content:flex-start;gap:4px;white-space:nowrap}.details-table tbody tr:nth-child(2n){background:#f8fafc}.details-table tbody tr.row-alert{background:#fff7ed}.details-footer{margin-top:8px;font-size:.78rem;color:var(--muted)}.col-filter-wrap{position:relative;display:inline-block}.col-filter-btn{background:none;border:none;cursor:pointer;color:var(--muted);font-size:.78rem;padding:0 2px;line-height:1}.col-filter-btn.active{color:var(--blue);font-weight:700}.col-filter-popup{position:absolute;top:100%;left:0;z-index:100;background:#fff;border:1px solid var(--border);border-radius:8px;min-width:180px;padding:8px;box-shadow:0 4px 16px #0000001a}.col-filter-lte{display:block;font-size:.8rem;margin-bottom:6px}.col-filter-lte-sel{display:block;width:100%;margin-bottom:6px;font-size:.8rem}.col-filter-actions{display:flex;gap:6px;margin-bottom:6px}.col-filter-actions button{flex:1;font-size:.75rem;padding:3px 6px;border:1px solid var(--border);border-radius:4px;cursor:pointer;background:#f5f5f5}.col-filter-ok{background:var(--blue)!important;color:#fff!important;border-color:var(--blue)!important}.col-filter-list{max-height:200px;overflow-y:auto}.col-filter-row{display:block;font-size:.8rem;padding:2px 0;cursor:pointer}.dashboard-page{overflow:auto}.dashboard-table{border-collapse:collapse;width:100%;font-size:.82rem}.dashboard-table tr{border-bottom:1px solid var(--border)}.dashboard-table th,.dashboard-table td{border:none;padding:6px 14px;text-align:center;vertical-align:middle}.dashboard-table th:first-child,.dashboard-table td:first-child{text-align:left}.dashboard-table th:not(:first-child),.dashboard-table td:not(:first-child){border-left:1px solid var(--border)}.dashboard-table th:last-child,.dashboard-table td:last-child{border-right:1px solid var(--border)}.dashboard-table thead th:not(:first-child){border-top:1px solid var(--border);font-weight:600}.dashboard-table thead th:first-child{border:none;background:transparent;font-weight:600}.dashboard-table tbody{border-left:1px solid var(--border);border-right:1px solid var(--border)}.section-header td{background:#e8f0fb;font-weight:700}.section-header td:first-child{text-align:left}.metric-row td{vertical-align:middle}.metric-label{display:flex;align-items:center;gap:6px;font-size:.82rem}.expand-btn{background:none;border:1px solid var(--blue);color:var(--blue);border-radius:3px;width:18px;height:18px;font-size:.85rem;line-height:1;cursor:pointer;flex-shrink:0;padding:0}.metric-total{font-weight:500}.metric-total.bold{font-weight:700}.metric-bucket{font-size:.8rem}.metric-pct{display:block;font-size:.72rem;color:var(--muted)}.gap-page{overflow:auto}.gap-title-row{display:flex;align-items:baseline;gap:16px;margin-bottom:18px}.gap-title-row h3{margin:0;line-height:1}.gap-subtitle{margin:0;font-size:.9rem}.gap-empty-msg{margin-top:10px;font-size:.9rem;line-height:1.3}.gap-content-grid{display:grid;grid-template-columns:minmax(440px,48%) minmax(520px,52%);gap:20px;align-items:start}.gap-left-pane{display:flex;flex-direction:column;min-width:0}.gap-controls-row{font-size:.9rem;margin-bottom:10px}.gap-controls-row select{margin-left:4px;font-size:inherit;font-weight:inherit;line-height:1;min-width:60px;border:1px solid var(--border);border-radius:4px;background:#fff}.gap-total{font-size:.9rem;margin:6px 0 8px;text-align:left}.gap-total strong{font-weight:700}.gap-table-wrap{border:1px solid #b8c2cf;background:#fff;display:inline-block;width:fit-content;max-width:100%;overflow:auto;max-height:74vh}.gap-table{border-collapse:collapse;width:max-content;white-space:nowrap;font-size:.9rem}.gap-table th,.gap-table td{border-right:1px solid #e5eaf1;border-bottom:1px solid #e5eaf1;padding:2px 10px;text-align:left;background:#fff;width:1%;line-height:1.15}.gap-table th{position:sticky;top:0;background:#d3dbe8;z-index:2;font-weight:400}.timeline-table.gap-table{width:100%;table-layout:fixed}.timeline-table.gap-table th{white-space:normal}.timeline-table.gap-table th:first-child{width:22%}.timeline-table.gap-table th:nth-child(2){width:22%}.timeline-table.gap-table th:nth-child(3){width:26%}.timeline-table.gap-table th:nth-child(4){width:30%}.gap-chart-card{border:1px solid #b8c2cf;border-radius:10px;background:#fff;padding:10px 12px}.gap-chart-card h4{margin:0 0 8px;font-size:.9rem;font-weight:600}.gap-chart{width:100%;height:auto;display:block}.gap-chart .axis{stroke:#8fa0bb;stroke-width:2}.gap-chart .grid{stroke:#e5ebf5;stroke-width:2}.gap-chart .line{stroke:#2b5bd7;stroke-width:5}.gap-chart .pt{fill:#2b5bd7}.gap-chart .xlabel,.gap-chart .ylabel{fill:#385073;font-size:12px}.gap-latest{margin-top:6px;font-size:.9rem;font-weight:600}.matrix-page{overflow:auto;position:relative}.matrix-title-row{display:flex;align-items:baseline;gap:14px;margin:0 0 10px}.matrix-title-row h3{margin:0;flex:0 0 auto}.matrix-subtitle{margin:0;font-size:.9rem}.matrix-summary-inline{display:grid;grid-template-columns:max-content minmax(420px,1fr) minmax(380px,1fr);align-items:start;column-gap:22px;row-gap:0;margin:0 0 10px;font-size:.9rem;line-height:1.3;font-weight:400}.matrix-controls-block{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.matrix-control-line{display:inline-flex;align-items:center;white-space:nowrap;font-size:.9rem;font-weight:400}.matrix-control-line{font-weight:400}.matrix-control-line select{margin-left:4px;min-width:60px;border:1px solid var(--border);border-radius:4px;background:#fff;font-size:.9rem}.matrix-rules{font-size:.9rem;line-height:1.3;font-weight:400}.matrix-rules-block{display:flex;flex-direction:column;gap:2px}.matrix-legend{list-style:none;margin:0;padding:0;font-size:.9rem;line-height:1.3;font-weight:400}.matrix-legend li{display:flex;align-items:center;gap:6px;margin:0 0 2px}.dot{display:inline-block;width:14px;height:9px;border-radius:3px;border:1px solid rgba(0,0,0,.15);flex:0 0 auto}.dot.green{background:#79e2a4}.dot.yellow{background:#ffe88f}.dot.red{background:#f6a4a4}.dot.critical{background:#ef4444}.matrix-empty-msg{margin-top:10px;font-size:.9rem}.matrix-table-wrap{border:1px solid #b8c2cf;background:#d3dbe8;overflow:auto;max-height:72vh}.matrix-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:.9rem}.matrix-table th,.matrix-table td{border-right:1px solid #e5eaf1;border-bottom:1px solid #e5eaf1;padding:8px;background:#d3dbe8;vertical-align:top}.matrix-table thead th{position:sticky;top:0;z-index:5;text-align:center;font-weight:400}.matrix-col-depth{min-width:42px;width:1%;white-space:nowrap}.matrix-col-part{min-width:110px;width:1%;white-space:nowrap}.matrix-col-desc{min-width:265px;max-width:265px;width:265px}.matrix-col-so{min-width:240px;width:240px}@media(min-width:1440px){.matrix-col-so{min-width:300px;width:300px}}@media(min-width:1760px){.matrix-col-so{min-width:360px;width:360px}}.matrix-sticky-left{position:sticky;z-index:6;background:#c3cddd!important;font-weight:400}.matrix-table thead .matrix-col-depth.matrix-sticky-left,.matrix-table thead .matrix-col-part.matrix-sticky-left,.matrix-table thead .matrix-col-desc.matrix-sticky-left{z-index:7}.matrix-col-depth.matrix-sticky-left{left:0}.matrix-col-part.matrix-sticky-left{left:var(--matrix-depth-w, 74px)}.matrix-col-desc.matrix-sticky-left{left:calc(var(--matrix-depth-w, 74px) + var(--matrix-part-w, 195px))}.matrix-so-head{border:1px solid #b8c2cf;border-radius:10px;background:#dfe7f5;padding:6px 4px;text-align:center;line-height:1.35;font-size:.9rem;font-weight:400}.matrix-so-head.late{background:#f6a4a4;border-color:#d98787}.matrix-cell-chip{border:1px solid #cad3e1;border-radius:9px;text-align:center;padding:2px 8px;white-space:pre;line-height:1.15;min-height:22px;font-size:.9rem;font-weight:400}.matrix-cell-chip.clickable{cursor:pointer}.matrix-cell-chip.is-green{background:#79e2a4}.matrix-cell-chip.is-yellow{background:#ffe88f}.matrix-cell-chip.is-red{background:#f6a4a4}.matrix-cell-chip.is-critical{background:#ef4444;color:#fff}.matrix-popup{position:fixed;z-index:30;background:#79e2a4;border:1px solid #5fc18a;border-radius:8px;padding:10px 12px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;line-height:1.35;box-shadow:0 10px 28px #00000026}.matrix-popup:before{content:"";position:absolute;top:-8px;left:var(--popup-pointer-left, 24px);transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #79e2a4}.matrix-popup.is-green{background:#79e2a4;border-color:#5fc18a;color:#0f172a}.matrix-popup.is-yellow{background:#ffe88f;border-color:#d4be5f;color:#0f172a}.matrix-popup.is-yellow:before{border-bottom-color:#ffe88f}.matrix-popup.is-red{background:#f6a4a4;border-color:#d98787;color:#0f172a}.matrix-popup.is-red:before{border-bottom-color:#f6a4a4}.matrix-popup.is-critical{background:#ef4444;border-color:#c53030;color:#fff}.matrix-popup.is-critical:before{border-bottom-color:#ef4444}.detail-expand-row td{background:#f8fafc;padding:6px}.detail-subtable-wrap{display:inline-block;border:1px solid var(--border);max-width:100%}.detail-subtable-scroll{max-height:15.5rem;overflow-y:auto}.detail-subtable{display:table;border-collapse:collapse;font-size:.78rem}.detail-subtable thead th{background:#f8fafc;font-weight:600}.detail-subtable th,.detail-subtable td{border:1px solid var(--border);padding:3px 10px;white-space:nowrap}.detail-subtable th:nth-child(1),.detail-subtable td:nth-child(1),.detail-subtable th:nth-child(2),.detail-subtable td:nth-child(2){text-align:left}@media(max-width:820px){.header-row1{align-items:flex-start;flex-wrap:wrap}.header-actions{justify-content:flex-start;flex-wrap:wrap}.header-row2{align-items:flex-start;gap:8px}.header-row2.with-part-filter{display:flex;flex-wrap:wrap}.data-info{order:-1;width:100%;margin-left:0;align-items:flex-start}.page-tabs{flex:1 1 100%}.part-select-area{margin-left:0}.matrix-table-wrap{max-height:none}.matrix-table thead th,.matrix-sticky-left{position:static}.matrix-col-so{min-width:198px;width:198px}.matrix-cell-chip{white-space:pre-wrap}.gap-title-row{display:block}.gap-title-row h3{font-size:1.17em}.gap-subtitle{margin-top:6px;font-size:.9rem}.gap-empty-msg{margin-top:10px;font-size:.9rem}.gap-content-grid{display:block}.gap-controls-row,.gap-controls-row select{font-size:.9rem}.gap-total{font-size:.9rem;text-align:left}.gap-table{font-size:.9rem}.gap-chart-card{margin-top:14px}.gap-chart-card h4{font-size:.9rem}.timeline-title-row{display:block;margin-bottom:24px}.timeline-title-row p{margin-top:4px}.timeline-content{display:block;padding:16px}.timeline-table-wrap{margin-bottom:16px}.timeline-chart-card+.timeline-chart-card{margin-top:14px}.resources-title-row{display:block;margin-bottom:26px}.resources-title-row p{margin-top:4px}.gantt-page{height:calc(100vh - 200px)}.gantt-title-row{display:block;margin-bottom:20px}.gantt-title-row p{margin-top:4px}.gantt-controls{align-items:flex-start;gap:8px 12px}.gantt-scale{width:100%;margin-left:0}.gap-chart .xlabel,.gap-chart .ylabel{font-size:12px}.matrix-title-row{display:block;margin-bottom:10px}.matrix-subtitle{margin-top:4px}.matrix-summary-inline{display:block}}