.live-chart-container{width:100%;padding:20px;background:var(--surface-0);border-radius:6px}.live-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.live-chart-header h2{margin:0;font-size:13px;font-weight:500;color:var(--text-primary);flex-shrink:0}.live-chart-tabs{display:flex;gap:8px;flex-wrap:wrap}.live-chart-tab{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease-out}.live-chart-tab:hover:not(:disabled){border-color:var(--border);color:var(--text-primary)}.live-chart-tab.active{background:var(--surface-2);border-color:var(--accent);color:var(--text-primary)}.live-chart-tab:disabled{opacity:.6;cursor:not-allowed}.tab-model-name{font-weight:500}.tab-last-run-label{font-size:10px;color:var(--text-tertiary);text-transform:uppercase;padding:2px 4px;background:var(--border-subtle);border-radius:2px}.tab-live-indicator{color:var(--green);font-size:10px}.live-chart-error{padding:16px;background:var(--surface-1);border:1px solid var(--red);border-radius:4px;color:var(--red);font-size:12px;margin-bottom:16px}.live-chart-wrapper{background:var(--surface-1);border:1px solid var(--border);border-radius:4px;padding:16px;width:100%}.live-chart-wrapper svg{width:100%;height:auto}.live-chart-tooltip{background:var(--surface-2);border:1px solid var(--border-hover);border-radius:4px;padding:8px 12px}.tooltip-value{color:var(--text-primary);font-weight:600;font-size:13px;font-family:ui-monospace,monospace;line-height:1.4}.tooltip-time{color:var(--text-secondary);font-size:11px;font-family:ui-monospace,monospace;line-height:1.4;margin-top:2px}.live-chart-empty{padding:60px 20px;text-align:center;color:var(--text-secondary);font-size:14px}.live-chart-empty p{margin:0}.live-chart-note{margin-top:12px;padding:8px 12px;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-secondary);font-size:11px;text-align:center}.recharts-cartesian-axis-tick text{fill:var(--text-secondary)}.recharts-cartesian-axis-label text{fill:var(--text-secondary);font-size:11px}.recharts-tooltip-wrapper{outline:none}.run-history{display:flex;flex-direction:column;gap:16px;padding:16px;background:var(--surface-1);border:1px solid var(--border);border-radius:6px;margin-bottom:24px}.run-history-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:16px}.run-history-title{font-size:16px;font-weight:600;margin:0;color:var(--text-primary);text-transform:uppercase}.run-history-controls{display:flex;gap:20px;flex-wrap:wrap}.control-group{display:flex;flex-direction:column;gap:6px}.control-label{font-size:10px;font-weight:600;text-transform:uppercase;color:var(--text-secondary)}.button-group{display:flex;gap:4px}.range-btn{padding:6px 12px;font-size:11px;font-weight:500;text-transform:uppercase;background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:all .15s ease}.range-btn:hover{background:var(--surface-3);border-color:var(--border-hover)}.range-btn.active{background:var(--green);border-color:var(--green);color:var(--surface-0)}.model-select{padding:6px 8px;font-size:11px;background:var(--surface-2);color:var(--text-primary);border:1px solid var(--border);border-radius:4px;cursor:pointer;font-family:system-ui,-apple-system,Segoe UI,sans-serif;min-width:140px}.model-select:hover{border-color:var(--border-hover)}.run-history-error{padding:12px;background:#d4574a1a;border:1px solid var(--red);border-radius:4px;color:var(--red);font-size:12px}.run-history-loading{display:flex;flex-direction:column;gap:16px}.skeleton{background:linear-gradient(90deg,var(--surface-2) 0%,var(--surface-3) 50%,var(--surface-2) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.skeleton-chart{height:300px}.skeleton-table{height:200px}.run-history-empty{text-align:center;padding:40px 20px;color:var(--text-secondary);font-size:13px}.run-history-chart{width:100%;height:300px;margin:16px 0}.run-history-chart :global(.recharts-wrapper){font-family:system-ui,-apple-system,Segoe UI,sans-serif}.run-history-chart :global(.recharts-text){fill:var(--text-secondary);font-size:11px}.run-history-chart :global(.recharts-cartesian-axis-tick){fill:var(--text-secondary)}.run-history-chart :global(.recharts-grid-horizontal line),.run-history-chart :global(.recharts-grid-vertical line){stroke:var(--border-subtle)}.run-history-chart :global(.recharts-legend-wrapper){color:var(--text-secondary)}.run-history-table{border-top:1px solid var(--border-subtle);padding-top:16px}.table-title{font-size:12px;font-weight:600;text-transform:uppercase;margin:0 0 12px;color:var(--text-secondary)}.table-empty{text-align:center;padding:24px;color:var(--text-secondary);font-size:12px}.table-wrapper{overflow-x:auto}.sessions-table{width:100%;border-collapse:collapse;font-size:11px;font-family:ui-monospace,monospace}.sessions-table thead{background:var(--surface-2);border-bottom:1px solid var(--border-subtle)}.sessions-table th{padding:8px 12px;text-align:left;font-weight:600;text-transform:uppercase;color:var(--text-secondary);font-weight:500;font-size:10px;letter-spacing:.5px}.sessions-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background .15s ease}.sessions-table tbody tr:hover{background:var(--surface-2)}.sessions-table td{padding:10px 12px;color:var(--text-primary);white-space:nowrap}.sessions-table td.emphasis{font-weight:600;font-size:12px;font-family:Courier New,monospace;font-variant-numeric:tabular-nums}.sessions-table td.cell-model{color:var(--text-secondary);font-weight:500}.sessions-table td.cell-started{font-size:10px;color:var(--text-tertiary, var(--text-secondary))}.sessions-table td.cell-duration{text-align:right}.sessions-table td.cell-output{text-align:right;color:var(--green)}.sessions-table td.cell-input{text-align:right;color:var(--text-secondary)}.sessions-table td.cell-avg{text-align:right}:root{--surface-0: #0b0d10;--surface-1: #14171b;--surface-2: #1c2026;--border: #2a2f36;--border-subtle: #20242a;--border-hover: #3a4048;--text-primary: #e6e9ec;--text-secondary: #9aa2ab;--text-tertiary: #6b7280;--green: #3fb97e;--red: #d4574a;--amber: #d4a44a;--accent: var(--green);--chart-series-1: #4d8ac9;--chart-series-2: var(--amber);--chart-series-3: #6ba38a;--chart-series-4: #9a9ea6;--chart-series-5: #b0784a}*{box-sizing:border-box}body{margin:0;background:var(--surface-0);color:var(--text-primary);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:12px;line-height:18px}.app{max-width:640px;margin:0 auto;padding:24px 16px}.app-title{font-size:22px;line-height:26px;font-weight:700;margin:0 0 24px}.app-error{color:var(--red);font-size:12px;margin:0 0 12px}.app-section{margin-bottom:32px}.section-title{font-size:16px;font-weight:600;line-height:20px;margin:0 0 16px;color:var(--text-primary)}.model-list{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:6px;background:var(--surface-1);overflow:hidden}.model-row{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-subtle)}.model-row:last-child{border-bottom:none}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot--up{background:var(--green)}.status-dot--down{background:var(--red)}.model-name{flex:1;font-size:13px;font-weight:500}.model-state{font-family:ui-monospace,monospace;font-size:11px;color:var(--text-secondary);text-transform:uppercase}.hero-stats{display:grid;grid-template-columns:1fr auto auto;gap:24px;margin-bottom:24px;align-items:flex-end}.hero-stat{display:flex;flex-direction:column;gap:4px}.hero-stat--primary{grid-column:1 / 2}.hero-stat--secondary{grid-column:2 / 3}.hero-stat--tertiary{grid-column:auto}.hero-label{font-size:10px;line-height:14px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px}.hero-value{font-variant-numeric:tabular-nums;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.hero-value--primary{font-size:22px;line-height:26px;font-weight:700;color:var(--text-primary);min-width:12ch}.hero-value--secondary{font-size:13px;line-height:18px;font-weight:500;color:var(--text-primary);min-width:10ch}.hero-value--small{font-size:13px;line-height:18px;font-weight:500;color:var(--text-primary);min-width:8ch}.hero-value--tertiary{color:var(--text-secondary)}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-1) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:4px}.skeleton--large{height:26px;width:100%}.skeleton--small,.skeleton--tiny{height:18px;width:100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}