:root{--brand-red:#d50025;--brand-navy:#14171a;--brand-blue:#669bbc;--bg:#f8f9fa;--surface:#fff;--surface2:#eef2f6;--text:#14171a;--text2:#3d5a6e;--text3:#7a9ab0;--border:#d0d8e2;--border2:#b0bec8;--accent:#d50025;--accent-bg:#fef0f2;--accent-text:#a8001d;--accent-bdr:#f2a8b2;--success:#15803d;--success-bg:#f0fdf4;--success-txt:#15803d;--success-bdr:#bbf7d0;--danger:#b91c1c;--danger-bg:#fef2f2;--danger-txt:#b91c1c;--danger-bdr:#fecaca;--warn:#92400e;--warn-bg:#fffbeb;--warn-txt:#92400e;--warn-bdr:#fde68a;--mono:"JetBrains Mono", "Fira Code", ui-monospace, monospace;--r:8px;--r-lg:8px}@media (prefers-color-scheme:dark){:root{--bg:#071620;--surface:#0f2434;--surface2:#16324a;--text:#e4eef5;--text2:#9fc0d6;--text3:#5e86a0;--border:#1e3a52;--border2:#2c4e6c;--accent:#d50025;--accent-bg:#2a0410;--accent-text:#ff6b85;--accent-bdr:#6e0a20;--success:#4ade80;--success-bg:#07271a;--success-txt:#86efac;--success-bdr:#14532d;--danger:#f87171;--danger-bg:#2a0808;--danger-txt:#fca5a5;--danger-bdr:#7f1d1d;--warn:#fcd34d;--warn-bg:#241a02;--warn-txt:#fcd34d;--warn-bdr:#78350f}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.card{background:var(--surface);border-radius:var(--r-lg);box-shadow:0 4px 16px #0000000d}.badge{letter-spacing:.03em;font-size:11px;font-weight:600;font-family:var(--mono);white-space:nowrap;border-radius:20px;align-items:center;padding:2px 8px;display:inline-flex}.badge-critical{background:var(--danger-bg);color:var(--danger-txt);border:1px solid var(--danger-bdr)}.badge-warning{background:var(--warn-bg);color:var(--warn-txt);border:1px solid var(--warn-bdr)}.badge-repair{background:var(--success-bg);color:var(--success-txt);border:1px solid var(--success-bdr)}.badge-neutral{background:var(--surface2);color:var(--text2);border:1px solid var(--border)}button{cursor:pointer;font-family:inherit}.btn{border-radius:var(--r);background:var(--surface);color:var(--text);border:none;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:background .12s,box-shadow .12s;display:inline-flex;box-shadow:inset 0 0 0 1px #14171a21}.btn:hover{background:var(--surface2);box-shadow:inset 0 0 0 1px var(--border2)}.btn-active{background:var(--accent);color:#fff;box-shadow:none}.btn-active:hover{opacity:.9;background:var(--accent)}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:8px 12px;font-size:13px}th{color:var(--text3);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:11px;font-weight:600}th:hover{color:var(--text2)}tr:hover td{background:var(--surface2)}.app-header{z-index:100;background:var(--brand-red);border-bottom:2px solid var(--brand-navy);background-image:radial-gradient(#ffffff17 1px,#0000 1px);background-size:16px 16px;transition:background-color .3s,border-color .3s,box-shadow .3s;position:sticky;top:0}.app-header-scrolled{background:var(--surface);border-bottom:1px solid var(--border);background-image:none;box-shadow:0 3px 12px #14171a1a}.app-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:16px;padding-bottom:16px;transition:padding .3s;display:flex}.app-header-scrolled .app-header-inner{padding-top:10px;padding-bottom:10px}.app-header-title{flex-direction:column;gap:2px;display:flex}.app-header-company{letter-spacing:-.01em;color:#fff;font-size:22px;font-weight:800;transition:color .3s,font-size .3s}.app-header-scrolled .app-header-company{color:var(--brand-red);font-size:19px}.app-header-product{color:#ffffffd9;font-size:12px;font-weight:500;transition:color .3s}.app-header-scrolled .app-header-product{color:var(--text2)}.app-header .btn-active{color:var(--brand-red);box-shadow:none;background:#fff}.app-header-scrolled .btn-active{background:var(--accent);color:#fff;box-shadow:none}.app-header-scrolled .btn:not(.btn-active){background:var(--surface2);color:var(--text);box-shadow:inset 0 0 0 1px var(--border2)}.tab-nav{flex-wrap:wrap;gap:8px;display:flex}.selector-bar{background:var(--surface);border-bottom:1px solid var(--border)}.selector-bar-inner{padding:16px 24px}.compressor-selector{flex-wrap:wrap;gap:24px;display:flex}.compressor-selector-field{flex-direction:column;gap:5px;display:flex}.compressor-selector-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text3);font-size:11px;font-weight:700}.compressor-selector select{background:var(--surface2);color:var(--text);box-shadow:inset 0 0 0 1px var(--border2);border-radius:var(--r);border:none;min-width:240px;padding:10px 14px;font-family:inherit;font-size:15px;font-weight:500}.dashboard-view{flex-direction:column;gap:20px;display:flex}.kpi-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.kpi-tile{padding:16px 18px}.kpi-tile-label{color:var(--text3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:12px}.kpi-tile-value{color:var(--text);font-size:26px;font-weight:700}.kpi-tile-sublabel{color:var(--text2);margin-top:6px;font-size:12px}.dashboard-timeline-card{padding:20px 24px 12px}.dashboard-section-title{color:var(--text2);margin-bottom:8px;font-size:14px;font-weight:600}.event-timeline-svg{width:100%;height:150px}.event-marker{cursor:pointer}.event-timeline-legend{color:var(--text2);gap:20px;padding:4px 0 12px;font-size:12px;display:flex}.legend-item{align-items:center;gap:6px;display:inline-flex}.legend-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.legend-diamond{border-radius:2px;transform:rotate(45deg)}.timeseries-view{padding:20px 24px}.timeseries-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.series-toggles{flex-wrap:wrap;gap:8px;display:flex}.series-toggle{border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--border);background:var(--surface);color:var(--text3);opacity:.5;border:none;align-items:center;gap:6px;padding:5px 10px;font-size:12px;transition:opacity .12s,box-shadow .12s;display:inline-flex}.series-toggle.active{opacity:1;color:var(--text);box-shadow:inset 0 0 0 1px var(--border2)}.series-dot{background:var(--series-color);border-radius:50%;width:8px;height:8px;display:inline-block}.timeseries-hint{color:var(--text3);margin-top:8px;font-size:12px}.events-view{flex-direction:column;gap:16px;display:flex}.events-filters{flex-wrap:wrap;align-items:center;gap:12px;padding:14px 18px;display:flex}.events-filters select,.events-filters input[type=date]{background:var(--surface2);color:var(--text);box-shadow:inset 0 0 0 1px var(--border);border-radius:var(--r);border:none;padding:6px 10px;font-family:inherit;font-size:13px}.events-date-label{color:var(--text3);align-items:center;gap:6px;font-size:12px;display:inline-flex}.events-count{color:var(--text3);margin-left:auto;font-size:12px}.events-table-card{padding:8px 18px 4px;overflow-x:auto}.events-row{cursor:pointer}.events-id{font-family:var(--mono);color:var(--text3);font-size:12px}.events-dash{color:var(--text3)}.events-empty{text-align:center;color:var(--text3);padding:24px!important}.compare-view{flex-direction:column;gap:16px;display:flex}.compare-table-card{padding:20px 24px;overflow-x:auto}.compare-serial{font-family:var(--mono);font-size:13px}.compare-row-alert td{background:var(--danger-bg)}.compare-row-alert .compare-serial{color:var(--danger-txt)}.arch-view{flex-direction:column;gap:20px;display:flex}.arch-intro-card{padding:20px 24px}.arch-intro-text{color:var(--text2);font-size:15px;line-height:1.6}.arch-diagram-card{padding:20px 24px 12px;overflow-x:auto}.arch-diagram-svg{width:100%;min-width:720px;height:auto}.arch-legend{color:var(--text2);flex-wrap:wrap;gap:20px;padding:12px 0 8px;font-size:12.5px;display:flex}.arch-legend-item{align-items:center;gap:6px;display:inline-flex}.arch-legend-dot{border-radius:2px;width:10px;height:10px;display:inline-block}.arch-section-card{padding:20px 24px}.arch-section-card h3{color:var(--text);margin-bottom:10px;font-size:15px}.arch-section-card p{color:var(--text2);margin-bottom:10px;font-size:14px;line-height:1.65}code.inline{font-family:var(--mono);background:var(--surface2);color:var(--text);border-radius:4px;padding:1px 5px;font-size:.92em}.arch-callout{background:var(--surface2);border-left:3px solid var(--accent);border-radius:var(--r);color:var(--text2);padding:14px 16px;font-size:13.5px;line-height:1.6}.arch-callout strong{color:var(--text)}.doc-view{flex-direction:column;gap:20px;display:flex}.doc-intro-card{padding:20px 24px}.doc-intro-text{color:var(--text2);margin-bottom:14px;font-size:15px;line-height:1.6}.doc-toc{flex-wrap:wrap;gap:8px;display:flex}.doc-toc-link{border-radius:var(--r);box-shadow:inset 0 0 0 1px var(--border2);background:var(--surface2);color:var(--text);border:none;align-items:center;padding:7px 14px;font-size:13.5px;font-weight:600;text-decoration:none;transition:background .12s,box-shadow .12s;display:inline-flex}.doc-toc-link:hover{background:var(--accent-bg);box-shadow:inset 0 0 0 1px var(--accent-bdr);color:var(--accent-text)}.doc-section{flex-direction:column;gap:20px;scroll-margin-top:100px;display:flex}.doc-section-intro-card,.doc-section-card{padding:20px 24px}.doc-legend{color:var(--text2);flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 20px;font-size:12.5px;display:flex}.doc-tag{font-family:var(--mono);letter-spacing:.02em;white-space:nowrap;border:1px solid;border-radius:20px;align-items:center;padding:2px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.doc-tag-config{background:var(--surface2);color:var(--brand-navy);border-color:var(--border2)}.doc-tag-code{color:#1f6b3a;background:#eaf3ec;border-color:#bfdcc7}.doc-tag-data{background:var(--accent-bg);color:var(--accent-text);border-color:var(--accent-bdr)}.doc-tag-doc{color:#92590b;background:#fcefdc;border-color:#f0ce9c}.doc-tag-style{color:#5b3aa8;background:#efeafb;border-color:#cfc0ef}@media (prefers-color-scheme:dark){.doc-tag-code{color:#6fcb8e;background:#10281b;border-color:#1f4a2e}.doc-tag-doc{color:#f0b655;background:#3a2506;border-color:#6e4a0e}.doc-tag-style{color:#b79cf0;background:#241a3e;border-color:#40316e}}.doc-folder{margin-bottom:28px}.doc-folder:last-of-type{margin-bottom:0}.doc-folder-title{color:var(--text);margin-bottom:4px;font-size:16px;font-weight:700}.doc-folder-intro{color:var(--text2);margin-bottom:14px;font-size:13.5px;line-height:1.6}.doc-group{margin-bottom:16px}.doc-group:last-child{margin-bottom:0}.doc-group-path{font-family:var(--mono);color:var(--accent);margin-bottom:8px;font-size:12.5px}.doc-table-wrap{border:1px solid var(--border);border-radius:var(--r-lg);overflow-x:auto}.doc-table-wrap table{border-collapse:collapse;width:100%;font-size:13px}.doc-table-wrap th,.doc-table-wrap td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:10px 12px}.doc-table-wrap tr:last-child td{border-bottom:none}.doc-table-wrap th{text-transform:uppercase;letter-spacing:.04em;color:var(--text3);cursor:default;font-size:10.5px;font-weight:600}.doc-path{font-family:var(--mono);color:var(--text);white-space:nowrap;font-size:12px}.doc-what{color:var(--text);width:26%}.doc-why{color:var(--text2)}.doc-steps{counter-reset:step;flex-direction:column;gap:4px;margin:8px 0 20px;padding:0;list-style:none;display:flex}.doc-steps li{counter-increment:step;border-bottom:1px solid var(--border);grid-template-columns:34px 1fr;gap:14px;padding:14px 0;display:grid}.doc-steps li:last-child{border-bottom:none}.doc-steps li:before{content:counter(step);font-family:var(--mono);color:var(--brand-navy);background:var(--surface2);border:1px solid var(--border2);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:700;display:flex}.doc-steps strong{color:var(--text);font-size:14.5px}.doc-steps p{color:var(--text2);margin:4px 0 0;font-size:14px}.drilldown-backdrop{z-index:100;background:#02080eb8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.drilldown-panel{width:100%;max-width:820px;max-height:90vh;padding:20px 24px 24px;overflow-y:auto}.drilldown-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.drilldown-header h2{color:var(--text);font-size:16px}.drilldown-meta{color:var(--text2);border-bottom:1px solid var(--border);grid-template-columns:repeat(2,1fr);gap:8px 24px;margin-bottom:16px;padding-bottom:16px;font-size:13px;display:grid}.drilldown-meta strong{color:var(--text3);font-weight:600}