:root{--topbar-h: 44px}:root,:root[data-theme=dark]{color-scheme:dark;--page-plane: #0d0d0d;--surface-1: #1a1a19;--surface-2: #202020;--text-primary: #ffffff;--text-secondary: #c3c2b7;--text-muted: #898781;--gridline: #2c2c2a;--baseline: #383835;--border: rgba(255, 255, 255, .1);--success: #0ca30c;--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--series-4: #c98500;--series-5: #d55181;--series-6: #008300;--series-7: #9085e9;--series-8: #e66767;--status-good: #0ca30c;--status-warning: #fab219;--status-serious: #ec835a;--status-critical: #d03b3b;--font: system-ui, -apple-system, "Segoe UI", sans-serif}:root[data-theme=light]{color-scheme:light;--page-plane: #f9f9f7;--surface-1: #fcfcfb;--surface-2: #f0efec;--text-primary: #0b0b0b;--text-secondary: #52514e;--text-muted: #898781;--gridline: #e1e0d9;--baseline: #c3c2b7;--border: rgba(11, 11, 11, .1);--success: #006300;--series-1: #2a78d6;--series-2: #eb6834;--series-3: #1baf7a;--series-4: #eda100;--series-5: #e87ba4;--series-6: #008300;--series-7: #4a3aa7;--series-8: #e34948;--status-good: #0ca30c;--status-warning: #fab219;--status-serious: #ec835a;--status-critical: #d03b3b}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--page-plane);color:var(--text-primary);font-family:var(--font);font-size:14px}a{color:var(--series-1)}.app-shell{display:flex;min-height:100vh}.app-body{flex:1;min-width:0;display:flex;flex-direction:column}.content-row{flex:1;min-width:0;display:flex;align-items:stretch}.main{flex:1;min-width:0;padding:20px 24px 48px}.main h2{margin:0 0 4px;font-size:20px}.main .subtitle{color:var(--text-muted);font-size:12px;margin:0 0 16px}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;height:var(--topbar-h);box-sizing:border-box;border-bottom:1px solid var(--border);background:var(--surface-1);position:sticky;top:0;z-index:5}.top-bar-title{font-size:14px;font-weight:600;color:var(--text-primary)}.top-bar-health{font-size:11px;color:var(--text-muted)}.theme-toggle-btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.theme-toggle-btn:hover{color:var(--text-primary);border-color:var(--series-1)}.nav-rail{width:208px;flex-shrink:0;background:var(--surface-1);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;transition:width .2s ease;overflow:visible}.nav-rail.collapsed{width:56px}.nav-rail-brand{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 10px 14px 14px;white-space:nowrap;overflow:hidden}.nav-rail.collapsed .nav-rail-brand{justify-content:center;padding:14px 0}.nav-rail-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;background:var(--series-1);color:#fff;font-weight:700;font-size:11px;flex-shrink:0}.nav-rail-brand-text{font-size:14px;font-weight:600;color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-rail-links{flex:1;overflow-y:auto;padding:4px 8px;display:flex;flex-direction:column;gap:2px}.nav-rail-link{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:8px;color:var(--text-secondary);text-decoration:none;font-size:13px;white-space:nowrap;position:relative;flex-shrink:0}.nav-rail-link svg{flex-shrink:0}.nav-rail-link:hover{background:var(--surface-2);color:var(--text-primary)}.nav-rail-link.active{background:var(--surface-2);color:var(--text-primary);font-weight:600;box-shadow:inset 3px 0 0 var(--series-1)}.nav-rail-label{overflow:hidden;text-overflow:ellipsis}.nav-rail-link[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border);padding:5px 9px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:20;box-shadow:0 2px 10px #00000059;pointer-events:none}.nav-rail-toggle{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:3px;border-radius:4px;flex-shrink:0}.nav-rail-toggle:hover{color:var(--text-primary);background:var(--surface-2)}.filter-sidebar{width:270px;flex-shrink:0;background:var(--surface-1);border-right:1px solid var(--border);transition:width .2s ease;overflow:hidden;display:flex;flex-direction:column}.filter-sidebar.collapsed{width:40px;align-items:center}.filter-sidebar-strip-btn{margin-top:16px;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:6px}.filter-sidebar-strip-btn:hover{color:var(--text-primary);background:var(--surface-2)}.filter-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 10px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.filter-sidebar-header span{display:inline-flex;align-items:center;gap:6px}.filter-sidebar-collapse-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:3px;border-radius:4px}.filter-sidebar-collapse-btn:hover{color:var(--text-primary);background:var(--surface-2)}.filter-sidebar-body{padding:0 14px 20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:16px}.filter-sidebar-body .filter-bar{flex-direction:column;align-items:stretch}.filter-sidebar-body .filter-bar select,.filter-sidebar-body .filter-bar input{width:100%}.sidebar-section-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-weight:600}.sidebar-select-list{display:flex;flex-direction:column;gap:2px}.sidebar-scroll-fill{flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:transparent transparent}.sidebar-scroll-fill:hover,.sidebar-scroll-fill.is-scrolling{scrollbar-color:var(--baseline) transparent}.sidebar-scroll-fill::-webkit-scrollbar{width:6px}.sidebar-scroll-fill::-webkit-scrollbar-track{background:transparent}.sidebar-scroll-fill::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}.sidebar-scroll-fill:hover::-webkit-scrollbar-thumb,.sidebar-scroll-fill.is-scrolling::-webkit-scrollbar-thumb{background:var(--baseline)}.sidebar-select-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;background:none;border:none;color:var(--text-secondary);padding:7px 9px;border-radius:6px;font-size:12.5px;cursor:pointer}.sidebar-select-item:hover{background:var(--surface-2);color:var(--text-primary)}.sidebar-select-item.active{background:var(--surface-2);color:var(--text-primary);font-weight:600;box-shadow:inset 3px 0 0 var(--series-1)}.sidebar-select-item.disabled{opacity:.45}.sidebar-select-item.disabled:hover{opacity:.7}.sidebar-select-item.disabled.active{opacity:.8}.sidebar-select-item-hint{flex-shrink:0;font-size:9.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.sidebar-select-divider{height:1px;background:var(--border);margin:6px 2px;flex-shrink:0}.sidebar-native-select{width:100%;background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:12px;font-family:var(--font)}.panel{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;padding:16px;margin-bottom:20px}.panel h3{margin:0 0 12px;font-size:14px;color:var(--text-secondary);font-weight:600;display:flex;justify-content:space-between;align-items:center}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:1100px){.grid-2{grid-template-columns:1fr}}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}.filter-bar select,.filter-bar input[type=text],.filter-bar input[type=search]{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:12px;font-family:var(--font)}.chip{display:inline-flex;align-items:center;gap:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:12px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.chip input{accent-color:var(--series-1)}.chip.active{color:var(--text-primary);border-color:var(--series-1)}.btn{background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);border-radius:6px;padding:5px 10px;font-size:12px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:4px}.btn:hover{color:var(--text-primary);border-color:var(--text-secondary)}.btn:disabled{opacity:.45;cursor:not-allowed}table.data-table{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}table.data-table th{text-align:left;color:var(--text-muted);font-weight:600;padding:6px 8px;border-bottom:1px solid var(--gridline);white-space:nowrap;cursor:pointer;position:sticky;top:0;background:var(--surface-1);z-index:1}table.data-table td{padding:5px 8px;border-bottom:1px solid var(--gridline);color:var(--text-secondary);white-space:nowrap}table.data-table tr:hover td{background:var(--surface-2);color:var(--text-primary)}.table-scroll{overflow-x:auto;max-height:70vh;overflow-y:auto;border-radius:8px}.legend-note{font-size:11px;color:var(--text-muted)}.loading,.empty-state{color:var(--text-muted);font-size:12px;padding:24px;text-align:center;display:flex;align-items:center;justify-content:center}.model-picker{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.model-tag{background:var(--surface-2);border:1px solid var(--series-1);color:var(--text-primary);border-radius:999px;padding:3px 8px 3px 10px;font-size:12px;display:inline-flex;align-items:center;gap:6px}.model-tag button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:13px;line-height:1;padding:0;display:inline-flex;align-items:center}.stat-tile{display:flex;flex-direction:column;gap:4px}.stat-tile .value{font-size:24px;font-weight:600}.stat-tile .label{color:var(--text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;padding:1px 6px;border-radius:4px;background:var(--surface-2);color:var(--text-muted)}.badge.reasoning{color:var(--series-7);border:1px solid var(--series-7)}.badge.open{color:var(--status-good);border:1px solid var(--status-good)}.badge.deprecated{color:var(--status-warning);border:1px solid var(--status-warning)}.notice{font-size:11.5px;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);border-radius:6px;padding:6px 10px;margin-bottom:12px;display:inline-block}.multiselect{display:flex;flex-direction:column;gap:6px}.multiselect-head{display:flex;align-items:center;justify-content:space-between}.multiselect-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.multiselect-clear{background:none;border:none;color:var(--series-1);font-size:11px;cursor:pointer;padding:0}.multiselect-search{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;padding:5px 8px;font-size:12px;width:100%}.multiselect-list{overflow-y:auto;display:flex;flex-direction:column;gap:1px;border:1px solid var(--border);border-radius:6px;padding:4px}.multiselect-item{display:flex;align-items:center;gap:7px;padding:4px 5px;border-radius:4px;font-size:12px;color:var(--text-secondary);cursor:pointer}.multiselect-item:hover{background:var(--surface-2);color:var(--text-primary)}.multiselect-item input{accent-color:var(--series-1)}.multiselect-empty{font-size:11px;color:var(--text-muted);padding:6px}.model-picker-chips{display:flex;flex-direction:column;gap:10px}.model-picker-presets{display:flex;flex-wrap:wrap;gap:6px}.model-picker-search-wrap{position:relative}.model-picker-search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.model-picker-search{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border);border-radius:6px;padding:6px 8px 6px 28px;font-size:12px;width:100%}.model-picker-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:30;background:var(--surface-1);border:1px solid var(--border);border-radius:8px;max-height:260px;overflow-y:auto;list-style:none;margin:0;padding:4px;box-shadow:0 8px 24px #00000059}.model-picker-option{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer;font-size:12.5px}.model-picker-option-name{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-picker-option-creator{color:var(--text-muted);font-size:11px;flex-shrink:0}.model-picker-option.highlighted,.model-picker-option:hover{background:var(--surface-2)}.datatable-wrap{display:flex;flex-direction:column;gap:10px}.datatable-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.datatable-scroll{margin-bottom:0;padding:0}.datatable-scroll table.data-table{margin:0}.datatable-scroll .table-scroll{padding:8px}.datatable-filter-btn{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:2px;margin:-2px 0;border-radius:3px;color:var(--text-muted);cursor:pointer;position:relative;flex-shrink:0}.datatable-filter-btn:hover{color:var(--text-primary);background:var(--surface-1)}.datatable-filter-btn.active{color:var(--series-1)}.datatable-filter-btn.active:after{content:"";position:absolute;top:-1px;right:-1px;width:5px;height:5px;border-radius:50%;background:var(--series-1)}.datatable-filter-popover{position:fixed;z-index:50;display:flex;gap:6px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px;box-shadow:0 6px 18px #00000059;min-width:190px}.datatable-filter-popover-input{flex:1;background:var(--surface-1);color:var(--text-primary);border:1px solid var(--border);border-radius:4px;padding:4px 7px;font-size:12px;font-weight:400}.chart-menu-count{display:inline-flex;align-items:center;justify-content:center;min-width:14px;height:14px;padding:0 4px;border-radius:7px;background:var(--surface-1);border:1px solid var(--border);color:var(--text-primary);font-size:10px;font-weight:600;line-height:1}.chart-menu-panel{position:fixed;z-index:50;font-size:12px;font-weight:400;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:8px;box-shadow:0 6px 18px #00000059}.chart-menu-title{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:0 4px 6px}.chart-menu-list{display:flex;flex-direction:column;gap:1px;max-height:300px;overflow-y:auto}.chart-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:5px 6px;border:none;border-radius:5px;background:none;color:var(--text-secondary);font-family:inherit;font-size:12px;text-align:left;cursor:pointer}.chart-menu-item:hover{background:var(--surface-1);color:var(--text-primary)}.chart-menu-item input[type=checkbox]{flex-shrink:0;margin:0;cursor:pointer;accent-color:var(--text-primary)}.chart-menu-swatch{flex-shrink:0;width:10px;height:10px;border-radius:2px}.chart-menu-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-menu-actions{display:flex;gap:6px;margin-top:6px;padding-top:6px;border-top:1px solid var(--border)}.vertical-bar-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px;font-size:11px;color:var(--text-secondary)}.vertical-bar-legend-item{display:inline-flex;align-items:center;gap:5px}.vertical-bar-legend-swatch{width:10px;height:10px;border-radius:2px;display:inline-block}.datatable-scroll-window{overflow:visible;padding:8px;border-radius:8px}.datatable-scroll-window table.data-table{width:max-content;min-width:100%}.datatable-scroll-window table.data-table th{top:var(--topbar-h);z-index:2}.chart-anchor-flash{animation:chart-anchor-pulse 2.4s ease-out}@keyframes chart-anchor-pulse{0%,60%{box-shadow:0 0 0 2px var(--accent, #3987e5)}to{box-shadow:0 0 0 2px transparent}}.btn-confirm{color:var(--success, #199e70);border-color:var(--success, #199e70)}.highlight-pill{color:var(--text-primary);border-color:var(--text-primary);margin:-8px 0 16px}