@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;600&display=swap";.mixed-gen-demand-timebar{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px}.mixed-gen-demand-timebar__row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mixed-gen-demand-timebar__presets{flex-wrap:wrap;gap:6px;display:flex}.mixed-gen-demand-timebar__preset{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:5px 14px;font-size:13px;font-weight:500;line-height:1.25;transition:background .15s,color .15s,border-color .15s}.mixed-gen-demand-timebar__preset:hover{color:#111827;border-color:#9ca3af}.mixed-gen-demand-timebar__preset--active{color:#fff;background:#1677ff;border-color:#1677ff}.mixed-gen-demand-timebar__preset--active:hover{color:#fff;background:#4096ff;border-color:#4096ff}.mixed-gen-demand-timebar__range-wrap{flex:1;min-width:220px}.mixed-gen-demand-timebar__range-wrap .ant-picker{background:#fff;border:1px solid #d1d5db;border-radius:999px;width:100%;padding:4px 11px}.mixed-gen-demand-timebar__range-wrap .ant-picker:hover,.mixed-gen-demand-timebar__range-wrap .ant-picker-focused{border-color:#1677ff}.mixed-gen-demand-timebar__range-wrap .ant-picker-input>input::placeholder{color:#9ca3af}.mixed-gen-demand-timebar__actions{align-items:center;gap:6px;margin-left:auto;display:flex}:root{--bg-page:#f5f6f8;--bg-white:#fff;--bg-panel:#fff;--bg-hover:#f0f4ff;--border:#e8ebf0;--border-mid:#dde1e8;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--text-label:#6b7280;--accent:#2563eb;--accent-light:#eff6ff;--accent-mid:#bfdbfe;--emerald:#059669;--emerald-light:#ecfdf5;--amber:#d97706;--amber-light:#fffbeb;--rose:#dc2626;--rose-light:#fef2f2;--violet:#7c3aed;--violet-light:#f5f3ff;--cyan:#0891b2;--cyan-light:#ecfeff;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--shadow-sm:0 1px 3px #00000012, 0 0 0 1px #0000000a;--shadow-md:0 4px 16px #00000014, 0 0 0 1px #0000000a;--shadow-lg:0 8px 32px #0000001a, 0 0 0 1px #0000000d}*{box-sizing:border-box}body{background:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.ant-card{border-radius:var(--radius-md)!important;background:var(--bg-white)!important;border:1px solid var(--border)!important;box-shadow:var(--shadow-sm)!important;color:var(--text-primary)!important}.ant-card-head{border-bottom:1px solid var(--border)!important;min-height:unset!important;background:0 0!important;padding:12px 18px!important}.ant-card-head-title{color:var(--text-primary)!important;font-size:13px!important;font-weight:600!important}.ant-card-body{color:var(--text-primary)!important;background:0 0!important;padding:16px 18px!important}.pf-portal-tabs .ant-tabs-nav{margin-top:0;margin-bottom:0}.pf-portal-tabs .ant-tabs-nav:before{display:none}.pf-portal-tabs .ant-tabs-tab{border-radius:var(--radius-sm)!important;color:var(--text-secondary)!important;background:0 0!important;margin-right:2px!important;padding:6px 18px!important;font-size:13px!important;font-weight:500!important;transition:all .15s!important}.pf-portal-tabs .ant-tabs-tab:hover{color:var(--accent)!important;background:var(--accent-light)!important}.pf-portal-tabs .ant-tabs-tab-active{color:var(--bg-white)!important;background:var(--accent)!important;border-radius:var(--radius-sm)!important}.pf-portal-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--bg-white)!important}.pf-portal-tabs .ant-tabs-ink-bar{display:none!important}.ant-tabs-content-holder{background:0 0!important}.ant-table{background:var(--bg-white)!important;color:var(--text-primary)!important}.ant-table-container{overflow:hidden;border-radius:var(--radius-sm)!important}.ant-table-thead>tr>th{color:var(--text-label)!important;border-bottom:1px solid var(--border-mid)!important;background:#f9fafb!important;font-size:12px!important;font-weight:600!important}.ant-table-tbody>tr>td{color:var(--text-primary)!important;border-bottom:1px solid var(--border)!important;background:var(--bg-white)!important;font-size:13px!important}.ant-table-tbody>tr:hover>td{background:var(--bg-hover)!important}.pf-row-violation-critical td{border-left:3px solid var(--rose)!important;background:#fff5f5!important}.pf-row-violation-marginal td{border-left:3px solid var(--amber)!important;background:#fffbeb!important}.ant-select-selector{background:var(--bg-white)!important;border-color:var(--border-mid)!important;color:var(--text-primary)!important;border-radius:var(--radius-sm)!important}.ant-select-arrow{color:var(--text-muted)!important}.ant-select-dropdown{background:var(--bg-white)!important;border:1px solid var(--border-mid)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-md)!important}.ant-select-item{color:var(--text-primary)!important;font-size:13px!important}.ant-select-item-option-active{background:var(--bg-hover)!important}.ant-select-item-option-selected{background:var(--accent-light)!important;color:var(--accent)!important}.ant-input{background:var(--bg-white)!important;border-color:var(--border-mid)!important;color:var(--text-primary)!important;border-radius:var(--radius-sm)!important}.ant-input::placeholder{color:var(--text-muted)!important}.ant-btn-primary{background:var(--accent)!important;border-color:var(--accent)!important;border-radius:var(--radius-sm)!important;font-size:13px!important;font-weight:600!important;box-shadow:0 1px 4px #2563eb40!important}.ant-btn-primary:hover{background:#1d4ed8!important;border-color:#1d4ed8!important}.ant-btn-default{background:var(--bg-white)!important;border-color:var(--border-mid)!important;color:var(--text-primary)!important;border-radius:var(--radius-sm)!important}.ant-tag{border:none!important;border-radius:999px!important;padding:2px 8px!important;font-size:11px!important;font-weight:600!important}.ant-divider{border-color:var(--border)!important}.ant-slider-rail{background:var(--border-mid)!important}.ant-slider-track{background:var(--accent)!important}.ant-slider-handle{border-color:var(--accent)!important;background:#fff!important}.ant-checkbox-wrapper{color:var(--text-secondary)!important;font-size:13px!important}.ant-checkbox-checked .ant-checkbox-inner{background:var(--accent)!important;border-color:var(--accent)!important}.ant-alert{border-radius:var(--radius-md)!important;background:var(--accent-light)!important;border:1px solid var(--accent-mid)!important;color:var(--text-primary)!important}.ant-layout{background:var(--bg-page)!important}.ant-layout-header{height:56px!important;line-height:56px!important}.ant-layout-sider{background:var(--bg-white)!important;border-right:1px solid var(--border)!important}.ant-layout-sider-trigger{background:var(--bg-white)!important;border-top:1px solid var(--border)!important;color:var(--text-muted)!important}.ant-spin-dot-item{background:var(--accent)!important}.scenario-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);cursor:default;min-width:0;padding:14px 16px;transition:box-shadow .15s;position:relative;overflow:hidden}.scenario-card:hover{box-shadow:var(--shadow-md)}.scenario-card.active{border-color:var(--accent);background:var(--accent-light)}.scenario-card.active:after{content:"";background:var(--accent);border-radius:0 0 var(--radius-md) var(--radius-md);height:3px;position:absolute;bottom:0;left:0;right:0}.left-stat-row{border:1px solid var(--border);border-radius:var(--radius-md);background:#f9fafb;margin-bottom:8px;padding:12px 14px}.gauge-wrap{flex-direction:column;align-items:center;padding:20px 0 8px;display:flex}.pill-ok{background:var(--emerald-light);color:var(--emerald);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.pill-warn{background:var(--amber-light);color:var(--amber);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.pill-crit{background:var(--rose-light);color:var(--rose);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.pill-blue{background:var(--accent-light);color:var(--accent);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}@keyframes pulse-ring{0%{opacity:.8;transform:scale(1)}70%{opacity:0;transform:scale(1.8)}to{opacity:0;transform:scale(1)}}.live-dot{background:var(--emerald);border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block;position:relative}.live-dot:before{content:"";background:var(--emerald);border-radius:50%;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-ring;position:absolute;inset:0}.metric-card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius-md);min-width:0;padding:14px 16px;transition:box-shadow .15s;position:relative;overflow:hidden}.metric-card:hover{box-shadow:var(--shadow-md)}.metric-card:before{content:"";border-radius:var(--radius-md) var(--radius-md) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.metric-card.blue:before{background:var(--accent)}.metric-card.green:before{background:var(--emerald)}.metric-card.amber:before{background:var(--amber)}.metric-card.rose:before{background:var(--rose)}.metric-card.violet:before{background:var(--violet)}.metric-card.cyan:before{background:var(--cyan)}.metric-label{letter-spacing:.8px;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:11px;font-weight:700}.metric-value{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:26px;font-weight:800;line-height:1}.metric-value .metric-unit{color:var(--text-muted);margin-left:4px;font-size:13px;font-weight:500}.metric-sub{color:var(--text-muted);margin-top:8px;font-size:11px}.badge-ok{background:var(--emerald-light);color:var(--emerald);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge-warn{background:var(--amber-light);color:var(--amber);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge-crit{background:var(--rose-light);color:var(--rose);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge-blue{background:var(--accent-light);color:var(--accent);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}