.status-display{display:flex;flex-direction:column;border:1px solid #3a3a3a;background-color:#1a1a1a;border-radius:4px;overflow:hidden;font-family:Monaco,Courier New,monospace;font-size:12px}.status-display.compact{max-height:40px}.status-display.expanded{margin-bottom:20px}.status-display.loading{align-items:center;justify-content:center;padding:20px}.status-bar{display:grid;grid-template-columns:1fr 2fr 1fr;gap:20px;padding:12px 16px;border-bottom:1px solid #3a3a3a;align-items:center;background-color:#0f0f0f}.status-bar.status-healthy{border-left:4px solid #00aa00;background-color:#0a1f0a}.status-bar.status-degraded{border-left:4px solid #ff8800;background-color:#1f1a0a}.status-bar.status-critical,.status-bar.status-offline{border-left:4px solid #ff0000;background-color:#1f0a0a}.status-left,.status-center,.status-right{display:flex;align-items:center;gap:8px}.status-left{justify-content:flex-start}.status-center{justify-content:center}.status-right{justify-content:flex-end;gap:12px}.status-title{font-weight:700;color:#0f0}.service-count{color:#ccc;font-size:11px}.refresh-time{color:#999;font-size:10px}.refresh-btn{padding:2px 8px;background-color:#3a3a3a;border:1px solid #555555;color:#0f0;font-family:Monaco,monospace;cursor:pointer;border-radius:2px;font-size:11px}.refresh-btn:hover:not(:disabled){background-color:#555;border-color:#0f0}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.health-meter{display:flex;align-items:center;gap:12px;min-width:200px}.health-bar{flex:1;height:16px;background-color:#333;border:1px solid #555555;border-radius:2px;overflow:hidden}.health-fill{height:100%;background:linear-gradient(90deg,#0a0,#ff0,#f80);transition:width .3s ease}.health-text{min-width:40px;text-align:right;color:#ccc}.services-list{padding:0;background-color:#1a1a1a;max-height:400px;overflow-y:auto}.services-section{border-bottom:1px solid #3a3a3a;padding:0}.services-section:last-child{border-bottom:none}.services-section.alert{background-color:#1f0a0a;border-left:2px solid #ff0000}.section-title{padding:8px 12px;background-color:#2a2a2a;color:#f80;font-weight:700;font-size:11px}.service-item{display:grid;grid-template-columns:25px 1fr 80px 70px 100px;gap:8px;padding:6px 12px;border-bottom:1px solid #2a2a2a;align-items:center;font-size:11px}.service-item.healthy{color:#0f0}.service-item.degraded{color:#f80}.service-item.failed{color:red;background-color:#1f0a0a}.service-icon{font-weight:700;text-align:center}.service-name{color:#ccc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-status{text-align:center;font-weight:700;min-width:60px}.service-port{color:#999;font-size:10px}.service-time{text-align:right;color:#999;font-size:10px}.service-error{grid-column:span 5;color:#f66;font-size:10px;padding-left:33px}.compact-footer{padding:4px 12px;background-color:#1f0a0a;border-top:1px solid #3a3a3a;color:red;font-size:10px}.warning-text{display:block}.spinner{display:inline-block;animation:spin .6s linear infinite}@keyframes spin{0%{content:"[|]"}25%{content:"[/]"}50%{content:"[-]"}75%{content:"[\\]"}to{content:"[|]"}}.services-list::-webkit-scrollbar{width:8px}.services-list::-webkit-scrollbar-track{background:#1a1a1a}.services-list::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}.services-list::-webkit-scrollbar-thumb:hover{background:#555}.service-health-grid{width:100%}.grid-empty{text-align:center;padding:40px 20px;color:#94a3b8}.grid-container{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:15px}.grid-cell{padding:12px;background-color:#0f172a;border:1px solid #334155;border-left:4px solid #cbd5e1;border-radius:6px;cursor:pointer;transition:all .2s ease}.grid-cell:hover{background-color:#1e293b;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.grid-cell.status-healthy{background-color:#064e3b;border-color:#334155;border-left-color:#10b981}.grid-cell.status-healthy:hover{background-color:#0f766e;box-shadow:0 4px 12px #10b98133}.grid-cell.status-degraded{background-color:#78350f;border-color:#334155;border-left-color:#f59e0b}.grid-cell.status-degraded:hover{background-color:#92400e;box-shadow:0 4px 12px #f59e0b33}.grid-cell.status-unhealthy{background-color:#7f1d1d;border-color:#334155;border-left-color:#ef4444}.grid-cell.status-unhealthy:hover{background-color:#991b1b;box-shadow:0 4px 12px #ef444433}.grid-cell.status-unknown{background-color:#374151;border-color:#334155;border-left-color:#6b7280}.grid-cell.status-unknown:hover{background-color:#4b5563;box-shadow:0 4px 12px #6b728033}.cell-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:600}.status-icon{font-weight:700;min-width:20px}.service-name{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cell-info{font-size:12px;color:#cbd5e1;line-height:1.5}.info-row{display:flex;justify-content:space-between;padding:2px 0}.label{color:#94a3b8;flex-shrink:0;margin-right:4px}.value{text-align:right}.timestamp{font-family:Monaco,Courier New,monospace;font-size:11px}.cell-details{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1);font-size:11px}.details-section{line-height:1.6}.details-section strong{display:block;margin-bottom:4px;color:#e2e8f0}.details-section p{margin:0;color:#cbd5e1;word-break:break-word}.grid-legend{display:flex;gap:20px;flex-wrap:wrap;padding:10px;background-color:#0f172a;border-radius:4px;margin-top:10px}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#cbd5e1}.legend-color{width:12px;height:12px;border-radius:2px}@media (max-width: 1200px){.grid-container{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.grid-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.grid-container{grid-template-columns:1fr}.grid-legend{gap:10px}}.system-metrics-panel{display:flex;flex-direction:column;gap:15px}.metric-section{width:100%}.metric-bar-container{padding:10px;border-radius:6px;background-color:#0f172a;border:1px solid #334155}.metric-bar-container.status-good{border-left:3px solid #10b981}.metric-bar-container.status-warning{border-left:3px solid #f59e0b;background-color:#78350f}.metric-bar-container.status-critical{border-left:3px solid #ef4444;background-color:#7f1d1d}.metric-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px}.label-text{color:#cbd5e1;font-weight:500}.label-value{color:#f1f5f9;font-weight:600;font-family:Monaco,Courier New,monospace;font-size:12px}.metric-progress{width:100%;height:24px;background-color:#1e293b;border-radius:4px;overflow:hidden;position:relative}.progress-fill{height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;font-weight:600;font-family:Monaco,Courier New,monospace;transition:width .3s ease;position:relative}.progress-fill.good{background:linear-gradient(90deg,#10b981,#059669)}.progress-fill.warning{background:linear-gradient(90deg,#f59e0b,#d97706)}.progress-fill.critical{background:linear-gradient(90deg,#ef4444,#dc2626)}.progress-text{text-shadow:0 1px 2px rgba(0,0,0,.5);min-width:25px;text-align:center}.metric-warning{margin-top:6px;background-color:#ffffff0d;border-radius:3px;font-size:11px;color:#fecaca;border-left:2px solid currentColor;padding:4px 6px 4px 8px}.metrics-footer{padding:10px;background-color:#0f172a;border:1px solid #334155;border-radius:6px;display:flex;justify-content:space-between;gap:10px;font-size:12px}.uptime-info,.timestamp-info{display:flex;align-items:center;gap:6px}.label{color:#94a3b8;font-weight:500}.value{color:#cbd5e1;font-family:Monaco,Courier New,monospace;font-size:11px}.metrics-health-summary{padding:10px;background-color:#064e3b;border:1px solid #10b981;border-radius:6px;display:flex;align-items:center;gap:8px}.health-indicator{display:flex;align-items:center;gap:6px;font-size:12px;color:#10b981;flex:1}.health-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.health-dot.healthy{background-color:#10b981}@media (max-width: 768px){.metrics-footer{flex-direction:column;gap:8px}.metric-progress{height:20px}.progress-text{font-size:10px}}.oracle-db-latencies{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.db-latency-badge{font-size:.72em;padding:2px 6px;border-radius:4px;background:#ffffff14;font-family:monospace}.db-latency-badge.ok{color:#4caf50;border:1px solid rgba(76,175,80,.4)}.db-latency-badge.down{color:#f44336;border:1px solid rgba(244,67,54,.4)}.oracle-state-badge{font-family:monospace}.real-time-alerts-tab{display:flex;flex-direction:column;gap:16px;height:100%;overflow:hidden}.alerts-statistics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;padding:12px;background-color:#0f172a;border:1px solid #334155;border-radius:6px}.stat-badge{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;border-radius:6px;background-color:#1e293b;border:1px solid #334155;transition:all .2s ease}.stat-badge:hover{background-color:#334155;border-color:#475569}.stat-badge.critical{background-color:#ef44441a;border-color:#ef44444d}.stat-badge.critical:hover{background-color:#ef444426;border-color:#ef444480}.stat-badge.high{background-color:#f59e0b1a;border-color:#f59e0b4d}.stat-badge.high:hover{background-color:#f59e0b26;border-color:#f59e0b80}.stat-badge.medium{background-color:#f973161a;border-color:#f973164d}.stat-badge.medium:hover{background-color:#f9731626;border-color:#f9731680}.stat-badge.low{background-color:#22c55e1a;border-color:#22c55e4d}.stat-badge.low:hover{background-color:#22c55e26;border-color:#22c55e80}.stat-badge.info{background-color:#3b82f61a;border-color:#3b82f64d}.stat-badge.info:hover{background-color:#3b82f626;border-color:#3b82f680}.stat-count{font-size:24px;font-weight:700;color:#f1f5f9;margin-bottom:4px}.stat-badge.critical .stat-count{color:#fecaca}.stat-badge.high .stat-count{color:#fcd34d}.stat-badge.medium .stat-count{color:#fed7aa}.stat-badge.low .stat-count{color:#86efac}.stat-badge.info .stat-count{color:#93c5fd}.stat-label{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.alerts-filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:12px;background-color:#0f172a;border:1px solid #334155;border-radius:6px}.filter-group{display:flex;align-items:center;gap:8px}.filter-group label{font-size:12px;color:#cbd5e1;font-weight:500}.filter-group select{padding:6px 10px;background-color:#1e293b;color:#cbd5e1;border:1px solid #334155;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease}.filter-group select:hover{background-color:#334155;border-color:#475569}.filter-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.refresh-button{padding:6px 12px;background-color:#3b82f6;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-left:auto}.no-alerts{display:flex;align-items:center;justify-content:center;height:100%;min-height:200px;color:#94a3b8;font-size:13px;background-color:#0f172a;border:1px dashed #334155;border-radius:6px}.alerts-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:4px}.alert-item{padding:12px;background-color:#1e293b;border:1px solid #334155;border-left:4px solid #cbd5e1;border-radius:6px;transition:all .2s ease}.alert-item:hover{background-color:#334155;box-shadow:0 2px 8px #0000004d}.alert-item.severity-high{background-color:#78350f;border-left-color:#f59e0b}.alert-item.severity-high:hover{background-color:#92400e;box-shadow:0 2px 8px #f59e0b33}.alert-item.severity-medium{background-color:#7c2d12;border-left-color:#fb923c}.alert-item.severity-medium:hover{background-color:#9a3412;box-shadow:0 2px 8px #fb923c33}.alert-item.severity-low{background-color:#164e63;border-left-color:#22c55e}.alert-item.severity-low:hover{background-color:#0e5a47;box-shadow:0 2px 8px #22c55e33}.alert-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.alert-title{flex:1;font-size:13px;font-weight:600;color:#f1f5f9}.severity-badge{font-size:10px;padding:3px 8px;border-radius:3px;font-weight:600;letter-spacing:.5px;white-space:nowrap;text-transform:uppercase}.alert-item.severity-critical .severity-badge{background-color:#ef444433;color:#fecaca}.alert-item.severity-high .severity-badge{background-color:#f59e0b33;color:#fcd34d}.alert-item.severity-medium .severity-badge{background-color:#fb923c33;color:#fed7aa}.alert-item.severity-low .severity-badge{background-color:#22c55e33;color:#86efac}.alert-item.severity-info .severity-badge{background-color:#3b82f633;color:#93c5fd}.status-badge{font-size:10px;padding:3px 8px;border-radius:3px;font-weight:600;letter-spacing:.5px;white-space:nowrap;text-transform:uppercase}.status-badge.firing{background-color:#ef444433;color:#fecaca}.status-badge.acknowledged{background-color:#f59e0b33;color:#fcd34d}.status-badge.resolved{background-color:#22c55e33;color:#86efac}.alert-description{font-size:12px;color:#cbd5e1;margin-bottom:8px;line-height:1.5}.alert-metadata{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-top:1px solid rgba(255,255,255,.05);margin-bottom:8px;font-size:11px}.alert-source{color:#94a3b8;font-family:Monaco,Courier New,monospace}.alert-timestamp{color:#94a3b8;font-family:Monaco,Courier New,monospace;white-space:nowrap}.alert-actions{display:flex;gap:8px}.btn-acknowledge,.btn-resolve{flex:1;padding:6px 10px;font-size:11px;font-weight:500;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.btn-acknowledge{background-color:#f59e0b33;color:#fcd34d;border:1px solid rgba(245,158,11,.3)}.btn-acknowledge:hover{background-color:#f59e0b4d;border-color:#f59e0b80}.btn-resolve{background-color:#22c55e33;color:#86efac;border:1px solid rgba(34,197,94,.3)}.btn-resolve:hover{background-color:#22c55e4d;border-color:#22c55e80}@media (max-width: 768px){.real-time-alerts-tab{gap:12px}.alerts-statistics{grid-template-columns:repeat(2,1fr)}.alerts-filters{flex-direction:column}.filter-group{width:100%}.filter-group select{flex:1}.refresh-button{width:100%;margin-left:0}.alert-metadata{flex-direction:column;align-items:flex-start}.alert-actions{flex-direction:column}}.rate-limiting-metrics-tab{display:flex;flex-direction:column;gap:16px;height:100%;overflow:hidden}.metrics-tabs{display:flex;gap:12px;padding:12px;background-color:#0f172a;border:1px solid #334155;border-radius:6px;flex-wrap:wrap;align-items:center}.tab-button{padding:8px 14px;background-color:#1e293b;color:#cbd5e1;border:1px solid #334155;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab-button:hover{background-color:#334155;border-color:#475569}.tab-button.active{background-color:#3b82f6;color:#fff;border-color:#2563eb}.refresh-button{padding:8px 14px;background-color:#3b82f6;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-left:auto;white-space:nowrap}.refresh-button:hover:not(:disabled){background-color:#2563eb;box-shadow:0 2px 8px #3b82f64d}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.error-message{padding:12px!important;background-color:#7f1d1d!important;color:#fecaca!important;border:1px solid #ef4444!important;border-left:4px solid #ef4444!important;border-radius:4px!important}.metrics-content{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.no-data{display:flex;align-items:center;justify-content:center;height:100%;min-height:200px;color:#94a3b8;font-size:13px;background-color:#0f172a;border:1px dashed #334155;border-radius:6px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.metric-card{padding:16px;background-color:#1e293b;border:1px solid #334155;border-left:4px solid #3b82f6;border-radius:6px;transition:all .2s ease}.metric-card:hover{background-color:#334155;box-shadow:0 2px 8px #0000004d}.metric-card.success{border-left-color:#22c55e}.metric-card.success:hover{box-shadow:0 2px 8px #22c55e33}.metric-card.error{border-left-color:#ef4444}.metric-card.error:hover{box-shadow:0 2px 8px #ef444433}.metric-card.warning{border-left-color:#f59e0b}.metric-card.warning:hover{box-shadow:0 2px 8px #f59e0b33}.metric-label{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-weight:600}.metric-value{font-size:22px;font-weight:700;color:#f1f5f9}.metric-value-small{font-size:13px;font-weight:600;color:#cbd5e1}.endpoints-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto}.endpoint-card{padding:14px;background-color:#1e293b;border:1px solid #334155;border-radius:6px;transition:all .2s ease}.endpoint-card:hover{background-color:#334155;box-shadow:0 2px 8px #0000004d}.endpoint-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05)}.endpoint-name{flex:1;font-size:12px;font-weight:600;color:#f1f5f9;font-family:Monaco,Courier New,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.success-rate{font-size:11px;font-weight:600;padding:3px 8px;border-radius:3px;white-space:nowrap}.success-rate.good{background-color:#22c55e33;color:#86efac}.success-rate.fair{background-color:#f59e0b33;color:#fcd34d}.success-rate.poor{background-color:#ef444433;color:#fecaca}.endpoint-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.endpoint-metric{display:flex;justify-content:space-between;align-items:center;font-size:11px}.endpoint-metric .label{color:#94a3b8;font-weight:500}.endpoint-metric .value{color:#cbd5e1;font-weight:600;font-family:Monaco,Courier New,monospace}.endpoint-metric .value.success{color:#86efac}.endpoint-metric .value.error{color:#fecaca}.endpoint-metric .value.warning{color:#fcd34d}.violations-list{display:flex;flex-direction:column;gap:12px;overflow-y:auto}.violation-card{padding:14px;background-color:#7f1d1d;border:1px solid #ef4444;border-left:4px solid #ef4444;border-radius:6px;transition:all .2s ease}.violation-card:hover{background-color:#991b1b;box-shadow:0 2px 8px #ef444433}.violation-header{display:flex;gap:12px;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.05);flex-wrap:wrap}.violation-header .client-id{font-size:11px;font-weight:600;color:#fecaca;font-family:Monaco,Courier New,monospace;padding:3px 8px;background-color:#ef444433;border-radius:3px}.violation-header .endpoint{font-size:11px;color:#cbd5e1;font-family:Monaco,Courier New,monospace;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.violation-header .reason{font-size:10px;font-weight:600;padding:3px 8px;border-radius:3px;text-transform:uppercase;white-space:nowrap}.violation-header .reason.quota{background-color:#f9731633;color:#fed7aa}.violation-header .reason.burst{background-color:#f59e0b33;color:#fcd34d}.violation-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.violation-details .detail{display:flex;justify-content:space-between;align-items:center;font-size:11px}.violation-details .label{color:#fecacab3;font-weight:500}.violation-details .value{color:#fecaca;font-weight:600;font-family:Monaco,Courier New,monospace;text-align:right}.metrics-content::-webkit-scrollbar{width:6px}.metrics-content::-webkit-scrollbar-track{background-color:transparent}.metrics-content::-webkit-scrollbar-thumb{background-color:#334155;border-radius:3px}.metrics-content::-webkit-scrollbar-thumb:hover{background-color:#475569}.endpoints-list::-webkit-scrollbar,.violations-list::-webkit-scrollbar{width:6px}.endpoints-list::-webkit-scrollbar-track,.violations-list::-webkit-scrollbar-track{background-color:transparent}.endpoints-list::-webkit-scrollbar-thumb,.violations-list::-webkit-scrollbar-thumb{background-color:#334155;border-radius:3px}.endpoints-list::-webkit-scrollbar-thumb:hover,.violations-list::-webkit-scrollbar-thumb:hover{background-color:#475569}@media (max-width: 768px){.rate-limiting-metrics-tab{gap:12px}.metrics-tabs{flex-direction:column}.refresh-button{margin-left:0;width:100%}.metrics-grid{grid-template-columns:repeat(2,1fr)}.endpoint-metrics{grid-template-columns:1fr}.violation-header{flex-direction:column;align-items:flex-start}.violation-header .endpoint{width:100%}.violation-details{grid-template-columns:1fr}}@media (max-width: 480px){.metrics-grid{grid-template-columns:1fr}.tab-button{flex:1}}.prometheus-metrics-tab{display:flex;flex-direction:column;gap:24px;padding:24px;background:linear-gradient(135deg,#0f0f0f,#1a1a1a);border-radius:12px;min-height:600px}.metrics-header{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;padding:20px;background:#0000004d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.metrics-title h2{font-size:24px;font-weight:700;color:#fff;margin:0 0 8px}.metrics-title .subtitle{font-size:13px;color:#888;margin:0}.metrics-controls{display:flex;gap:16px;align-items:center;flex-shrink:0}.refresh-button{padding:8px 16px;background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease}.refresh-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #4f46e54d}.auto-refresh-control{display:flex;gap:12px;align-items:center}.auto-refresh-control label{display:flex;align-items:center;gap:8px;color:#d0d0d0;font-size:13px;cursor:pointer}.auto-refresh-control input[type=checkbox]{cursor:pointer;width:16px;height:16px}.interval-select{padding:6px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#d0d0d0;font-size:13px;cursor:pointer}.interval-select:disabled{opacity:.5;cursor:not-allowed}.last-refresh{font-size:12px;color:#888;white-space:nowrap}.error-banner{padding:16px;background:#ef44441a;border-left:4px solid #ef4444;border-radius:6px;color:#fca5a5;font-size:13px}.metrics-subtabs{display:flex;gap:8px;border-bottom:1px solid rgba(255,255,255,.1)}.subtab-button{padding:12px 16px;background:transparent;border:none;border-bottom:3px solid transparent;color:#888;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease}.subtab-button:hover{color:#d0d0d0}.subtab-button.active{color:#4f46e5;border-bottom-color:#4f46e5}.metrics-content{flex:1;display:flex;flex-direction:column;gap:24px}.metrics-section{padding:24px;background:#0003;border-radius:8px;border:1px solid rgba(255,255,255,.05)}.metrics-section h3{font-size:18px;font-weight:600;color:#fff;margin:0 0 20px}.metrics-section.critical-section{background:#ef44440d;border-color:#ef444433}.metrics-section.critical-section h3{color:#fca5a5}.service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.service-card{padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .3s ease}.service-card.healthy{border-color:#4ade804d;background:#4ade8008}.service-card.unhealthy{border-color:#ef44444d;background:#ef444408}.service-card:hover{border-color:#fff3;background:#ffffff0d;transform:translateY(-2px)}.service-name{font-size:14px;font-weight:600;color:#fff;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.service-status{font-size:24px;font-weight:700;margin-bottom:12px}.service-card.healthy .service-status{color:#4ade80}.service-card.unhealthy .service-status{color:#ef4444}.service-details{display:flex;flex-direction:column;gap:8px}.detail-row{display:flex;justify-content:space-between;font-size:12px}.detail-row .label{color:#888;font-weight:500}.detail-row .value{color:#d0d0d0;font-family:Monaco,Menlo,monospace}.detail-row .value.green{color:#4ade80}.detail-row .value.red{color:#ef4444}.pipeline-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.metric-card{padding:20px;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px;text-align:center}.metric-label{font-size:12px;color:#888;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:28px;font-weight:700;font-family:Monaco,Menlo,monospace;color:#4ade80;word-break:break-all}.metric-value.healthy{color:#4ade80}.metric-value.warning{color:#fbbf24}.metric-value.critical{color:#ef4444;animation:pulse-critical 1.5s ease-in-out infinite}@keyframes pulse-critical{0%,to{opacity:1}50%{opacity:.7}}.models-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.model-card{padding:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .3s ease}.model-card:hover{border-color:#fff3;background:#ffffff0d;transform:translateY(-2px)}.model-name{font-size:14px;font-weight:600;color:#fff;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.model-metrics{display:flex;flex-direction:column;gap:8px}.metric-row{display:flex;justify-content:space-between;font-size:12px;padding:6px 0}.metric-row .label{color:#888;font-weight:500}.metric-row .value{font-family:Monaco,Menlo,monospace;color:#d0d0d0;font-weight:600}.metric-row .value.ok{color:#4ade80}.metric-row .value.warning{color:#fbbf24}.oracle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.oracle-card{padding:18px;background:#ffffff05;border:2px solid rgba(255,255,255,.1);border-radius:8px;transition:all .3s ease}.oracle-card.healthy{border-color:#4ade804d;background:#4ade8008}.oracle-card.warning{border-color:#fbbf244d;background:#fbbf2408}.oracle-card.critical{border-color:#ef444480;background:#ef444414;box-shadow:0 0 20px #ef444433}.oracle-card:hover{transform:translateY(-2px)}.tier-name{font-size:16px;font-weight:700;color:#fff;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px;font-family:Monaco,Menlo,monospace}.tier-metrics{display:flex;flex-direction:column;gap:10px}.alert-banner{padding:12px;border-radius:6px;font-size:12px;font-weight:600;margin-top:8px;text-align:center}.alert-banner.warning{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.alert-banner.critical{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3);animation:pulse-critical 1.5s ease-in-out infinite}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;color:#888}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#4f46e5;border-radius:50%;animation:spin 1s linear infinite}.loading-state p{font-size:14px;margin:0}.no-data{padding:40px;text-align:center;color:#888;font-size:14px;background:#ffffff05;border-radius:8px;border:1px dashed rgba(255,255,255,.1)}@media (max-width: 1200px){.metrics-header{flex-direction:column;gap:16px}.metrics-controls{flex-wrap:wrap;width:100%}}@media (max-width: 768px){.prometheus-metrics-tab{padding:16px;gap:16px}.metrics-subtabs{flex-wrap:wrap}.service-grid,.models-grid,.oracle-grid{grid-template-columns:1fr}.pipeline-metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.metric-card{padding:16px}.metric-value{font-size:20px}}.monitoring-dashboard{padding:20px;background-color:#0f172a;min-height:100vh;color:#e2e8f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.monitoring-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #334155}.monitoring-title h1{margin:0 0 5px;font-size:32px;font-weight:700;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.monitoring-subtitle{margin:0;font-size:14px;color:#94a3b8}.monitoring-controls{display:flex;gap:15px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.refresh-button{padding:8px 16px;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.refresh-button:hover:not(:disabled){background-color:#2563eb;box-shadow:0 0 12px #3b82f680}.auto-refresh-control{display:flex;gap:10px;align-items:center;padding:8px;background-color:#1e293b;border-radius:6px}.auto-refresh-control label{display:flex;align-items:center;gap:6px;cursor:pointer}.auto-refresh-control input[type=checkbox]{cursor:pointer}.interval-select{padding:4px 8px;background-color:#334155;color:#e2e8f0;border:1px solid #475569;border-radius:4px;cursor:pointer}.interval-select:disabled{opacity:.5}.status-indicator{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:#1e293b;border-radius:6px;font-size:13px}.indicator{width:10px;height:10px;border-radius:50%;animation:pulse 2s infinite}.indicator.connected{background-color:#10b981}.indicator.disconnected{background-color:#ef4444;animation:none}.last-refresh{font-size:13px;color:#94a3b8;white-space:nowrap}.error-banner{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:#7f1d1d;color:#fecaca;border-radius:6px;margin-bottom:20px;font-size:14px}.close-button{background:none;border:none;color:#fecaca;font-size:20px;cursor:pointer;padding:0}.monitoring-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:30px}.summary-stat{padding:15px;border-radius:8px;text-align:center;border-left:4px solid}.summary-stat.healthy{background-color:#064e3b;border-left-color:#10b981}.summary-stat.degraded{background-color:#78350f;border-left-color:#f59e0b}.summary-stat.unhealthy{background-color:#7f1d1d;border-left-color:#ef4444}.summary-stat.total{background-color:#1e3a8a;border-left-color:#3b82f6}.stat-value{font-size:28px;font-weight:700;margin-bottom:5px}.stat-label{font-size:12px;color:#cbd5e1;text-transform:uppercase;letter-spacing:.5px}.monitoring-tabs-container{display:flex;flex-direction:column;gap:0;height:100%}.monitoring-tabs-nav{display:flex;gap:8px;padding:12px;background-color:#0f172a;border:1px solid #334155;border-radius:8px 8px 0 0;border-bottom:none;flex-wrap:wrap;align-items:center}.tab-nav-button{padding:8px 16px;background-color:#1e293b;color:#cbd5e1;border:1px solid #334155;border-radius:6px 6px 0 0;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;border-bottom:2px solid #334155}.tab-nav-button:hover{background-color:#334155;border-color:#475569}.tab-nav-button.active{background-color:#3b82f6;color:#fff;border-color:#2563eb;border-bottom-color:#3b82f6}.monitoring-tabs-content{flex:1;overflow:hidden;background-color:#1e293b;border:1px solid #334155;border-radius:0 8px 8px;padding:20px}.monitoring-content{display:grid;grid-template-columns:1fr 350px;gap:20px}.monitoring-section{background-color:#1e293b;border:1px solid #334155;border-radius:8px;padding:20px}.alerts-tab-section,.rate-limiting-tab-section,.service-section,.metrics-section{height:100%;display:flex;flex-direction:column}.monitoring-section h2{margin:0 0 15px;font-size:18px;font-weight:600;color:#f1f5f9;border-bottom:1px solid #334155;padding-bottom:10px}.service-section{grid-column:1}.monitoring-sidebar{display:flex;flex-direction:column;gap:20px}.metrics-section{flex:1}.alerts-section{flex:1;overflow-y:auto;max-height:600px}.loading-placeholder{text-align:center;padding:40px 20px;color:#94a3b8;font-size:14px}@media (max-width: 1400px){.monitoring-content{grid-template-columns:1fr}.service-section{grid-column:1}.monitoring-sidebar{flex-direction:row}}@media (max-width: 768px){.monitoring-dashboard{padding:10px}.monitoring-header{flex-direction:column;gap:15px}.monitoring-controls{width:100%;flex-direction:column}.monitoring-controls>*{width:100%}.monitoring-summary{grid-template-columns:repeat(2,1fr)}.monitoring-sidebar{flex-direction:column}.alerts-section{max-height:none}}.alerts-panel{display:flex;flex-direction:column;gap:15px;height:100%}.alerts-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.filter-buttons{display:flex;gap:5px;flex-wrap:wrap}.filter-btn{padding:6px 10px;background-color:#1e293b;color:#cbd5e1;border:1px solid #334155;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-btn:hover{background-color:#334155;border-color:#475569}.filter-btn.active{background-color:#3b82f6;color:#fff;border-color:#2563eb}.filter-btn.critical{color:#fecaca}.filter-btn.critical.active{background-color:#ef4444;border-color:#dc2626}.filter-btn.warning{color:#fcd34d}.filter-btn.warning.active{background-color:#f59e0b;border-color:#d97706}.filter-btn.info{color:#93c5fd}.filter-btn.info.active{background-color:#3b82f6;border-color:#2563eb}.dismiss-all-btn{padding:6px 10px;background-color:#334155;color:#cbd5e1;border:1px solid #475569;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.dismiss-all-btn:hover{background-color:#475569;color:#f1f5f9}.alerts-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.alerts-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#94a3b8;font-size:13px;min-height:150px}.alert-item{padding:10px;background-color:#0f172a;border:1px solid #334155;border-left:4px solid #cbd5e1;border-radius:4px;font-size:12px;transition:all .2s ease}.alert-item:hover{background-color:#1e293b;box-shadow:0 2px 8px #0000004d}.alert-item.severity-critical{background-color:#7f1d1d;border-left-color:#ef4444}.alert-item.severity-critical:hover{background-color:#991b1b;box-shadow:0 2px 8px #ef444433}.alert-item.severity-warning{background-color:#78350f;border-left-color:#f59e0b}.alert-item.severity-warning:hover{background-color:#92400e;box-shadow:0 2px 8px #f59e0b33}.alert-item.severity-info{background-color:#0c2d4e;border-left-color:#3b82f6}.alert-item.severity-info:hover{background-color:#1e3a8a;box-shadow:0 2px 8px #3b82f633}.alert-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-weight:500}.alert-icon{min-width:16px;text-align:center}.alert-service{flex:1;font-weight:600;color:#f1f5f9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.alert-severity{font-size:10px;padding:2px 6px;border-radius:3px;background-color:#ffffff1a;font-weight:600;letter-spacing:.5px;white-space:nowrap}.alert-item.severity-critical .alert-severity{background-color:#ef444433;color:#fecaca}.alert-item.severity-warning .alert-severity{background-color:#f59e0b33;color:#fcd34d}.alert-item.severity-info .alert-severity{background-color:#3b82f633;color:#93c5fd}.alert-message{padding:6px 0;color:#cbd5e1;line-height:1.4;word-break:break-word}.alert-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:6px;border-top:1px solid rgba(255,255,255,.05);margin-top:6px}.alert-time{font-size:11px;color:#94a3b8;font-family:Monaco,Courier New,monospace;white-space:nowrap}.dismiss-btn{padding:2px 6px;background-color:#ffffff1a;color:#94a3b8;border:none;border-radius:3px;font-size:11px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.dismiss-btn:hover{background-color:#ffffff26;color:#cbd5e1}.alerts-summary{display:flex;gap:10px;padding:8px;background-color:#0f172a;border:1px solid #334155;border-radius:4px;font-size:11px}.summary-item{display:flex;align-items:center;gap:4px;flex:1;color:#cbd5e1}.dot{width:8px;height:8px;border-radius:50%}.summary-item.critical .dot{background-color:#ef4444}.summary-item.warning .dot{background-color:#f59e0b}.summary-item.info .dot{background-color:#3b82f6}.alerts-list::-webkit-scrollbar{width:6px}.alerts-list::-webkit-scrollbar-track{background-color:transparent}.alerts-list::-webkit-scrollbar-thumb{background-color:#334155;border-radius:3px}.alerts-list::-webkit-scrollbar-thumb:hover{background-color:#475569}@media (max-width: 768px){.alerts-controls{flex-direction:column}.filter-buttons,.dismiss-all-btn{width:100%}.alert-header{flex-wrap:wrap}.alert-footer{flex-direction:column;align-items:flex-start}}.header-status{display:flex;gap:1rem;align-items:center}.ws-status{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-family:monospace}.ws-status.connected{background:#22c55e33;color:#22c55e}.ws-status.disconnected{background:#ef444433;color:#ef4444}.case-count{font-size:.875rem;color:#94a3b8}.panel-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.panel-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#f1f5f9}.search-bar{display:flex;gap:.5rem;align-items:center}.search-input{flex:1;max-width:500px;padding:.75rem 1rem;background:#1e293b;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:.875rem}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.search-btn,.filter-toggle-btn,.shepardize-btn{padding:.75rem 1.25rem;background:#3b82f6;border:none;border-radius:6px;color:#fff;font-size:.875rem;cursor:pointer;transition:background .2s}.search-btn:hover,.filter-toggle-btn:hover,.shepardize-btn:hover{background:#2563eb}.filter-toggle-btn{background:#475569}.filter-toggle-btn:hover{background:#64748b}.filter-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1rem;background:#1e293b;border-radius:8px;margin-bottom:1rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.75rem;font-weight:500;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.filter-group select{padding:.5rem;background:#0f172a;border:1px solid #334155;border-radius:4px;color:#e2e8f0;font-size:.875rem;min-height:80px}.date-range{display:flex;gap:.5rem;align-items:center}.date-range input{flex:1;padding:.5rem;background:#0f172a;border:1px solid #334155;border-radius:4px;color:#e2e8f0}.case-results{display:flex;flex-direction:column;gap:1rem}.results-header{display:flex;justify-content:space-between;align-items:center}.results-count{font-size:.875rem;color:#94a3b8}.sort-select{padding:.5rem;background:#1e293b;border:1px solid #334155;border-radius:4px;color:#e2e8f0;font-size:.875rem}.case-list{display:grid;gap:1rem}.case-card{padding:1rem;background:#1e293b;border:1px solid #334155;border-radius:8px;cursor:pointer;transition:all .2s}.case-card:hover{border-color:#3b82f6;transform:translateY(-1px)}.case-card.selected{border-color:#3b82f6;background:#3b82f61a}.case-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.case-number{font-family:monospace;font-size:.75rem;color:#94a3b8}.case-status{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase}.status-pending{background:#eab30833;color:#eab308}.status-active{background:#22c55e33;color:#22c55e}.status-closed{background:#6b728033;color:#9ca3af}.status-appealed{background:#a855f733;color:#a855f7}.case-title{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#f1f5f9}.case-meta{display:flex;gap:1rem;font-size:.75rem;color:#94a3b8;margin-bottom:.5rem}.case-judge{font-size:.875rem;color:#64748b;margin-bottom:.5rem}.case-strength{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.strength-label{font-size:.75rem;color:#94a3b8}.strength-bar{flex:1;height:8px;background:#334155;border-radius:4px;overflow:hidden}.strength-fill{height:100%;transition:width .3s}.strength-value{font-size:.75rem;font-weight:600;min-width:40px;text-align:right}.practice-area-badge{display:inline-block;padding:.25rem .5rem;background:#3b82f633;color:#3b82f6;border-radius:4px;font-size:.75rem;margin-top:.5rem}.cases-view{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.case-detail-view{background:#1e293b;border:1px solid #334155;border-radius:8px;overflow:hidden}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem;background:linear-gradient(135deg,#1e3a5f,#1e293b);border-bottom:1px solid #334155}.header-content h2{margin:0 0 .25rem;font-size:1.125rem;color:#f1f5f9}.case-number-large{font-family:monospace;font-size:.875rem;color:#94a3b8}.close-btn{padding:.5rem 1rem;background:#ef444433;border:1px solid #ef4444;border-radius:4px;color:#ef4444;cursor:pointer;font-size:.75rem}.close-btn:hover{background:#ef44444d}.detail-tabs{display:flex;gap:0;background:#0f172a;border-bottom:1px solid #334155}.tab-btn{padding:.75rem 1rem;background:transparent;border:none;color:#94a3b8;font-size:.875rem;cursor:pointer;border-bottom:2px solid transparent}.tab-btn:hover{color:#e2e8f0}.tab-btn.active{color:#3b82f6;border-bottom-color:#3b82f6}.detail-content{padding:1rem;max-height:600px;overflow-y:auto}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.info-item span{font-size:.875rem;color:#e2e8f0}.status-badge,.outcome-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;text-transform:capitalize}.outcome-plaintiff{background:#22c55e33;color:#22c55e}.outcome-defendant{background:#ef444433;color:#ef4444}.outcome-settled{background:#eab30833;color:#eab308}.outcome-dismissed{background:#6b728033;color:#9ca3af}.strength-score-item{grid-column:span 2}.strength-display{display:flex;align-items:center;gap:1rem}.strength-circle{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center}.strength-circle span{font-size:.875rem;font-weight:600;background:#1e293b;padding:.5rem;border-radius:50%}.case-summary{margin-bottom:1.5rem}.case-summary h3{margin:0 0 .5rem;font-size:.875rem;color:#94a3b8}.case-summary p{margin:0;font-size:.875rem;color:#e2e8f0;line-height:1.6}.judge-preview{margin-bottom:1.5rem}.judge-preview h3{margin:0 0 .5rem;font-size:.875rem;color:#94a3b8}.judge-card{padding:1rem;background:#0f172a;border-radius:6px}.judge-name{font-weight:600;color:#f1f5f9;margin-bottom:.25rem}.judge-court{font-size:.875rem;color:#64748b;margin-bottom:.5rem}.judge-stats{display:flex;gap:1rem;font-size:.75rem;color:#94a3b8}.documents-list{display:flex;flex-direction:column;gap:.75rem}.document-item{display:flex;gap:1rem;padding:.75rem;background:#0f172a;border-radius:6px;align-items:center}.doc-icon{font-family:monospace;font-size:1.25rem;color:#64748b;min-width:30px}.doc-info{flex:1}.doc-info h4{margin:0 0 .25rem;font-size:.875rem;color:#f1f5f9}.doc-meta{display:flex;gap:1rem;font-size:.75rem;color:#64748b}.ocr-badge{padding:.125rem .375rem;background:#22c55e33;color:#22c55e;border-radius:3px}.doc-actions{display:flex;gap:.5rem}.view-btn,.analyze-btn{padding:.375rem .75rem;border:none;border-radius:4px;font-size:.75rem;cursor:pointer}.view-btn{background:#475569;color:#e2e8f0}.analyze-btn{background:#3b82f6;color:#fff}.party-card{padding:1rem;background:#0f172a;border-radius:6px;margin-bottom:.75rem}.party-header{display:flex;gap:.5rem;margin-bottom:.5rem}.party-role{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;text-transform:capitalize}.role-plaintiff{background:#3b82f633;color:#3b82f6}.role-defendant{background:#a855f733;color:#a855f7}.role-intervenor{background:#eab30833;color:#eab308}.role-amicus{background:#6b728033;color:#9ca3af}.party-type{font-size:.75rem;color:#64748b;text-transform:capitalize}.party-name{margin:0 0 .75rem;font-size:1rem;color:#f1f5f9}.attorneys-list h5{margin:0 0 .5rem;font-size:.75rem;color:#64748b}.attorney-item{display:flex;gap:1rem;font-size:.75rem;padding:.25rem 0}.attorney-name{color:#e2e8f0}.attorney-firm{color:#94a3b8}.attorney-bar{color:#64748b;font-family:monospace}.precedents-section{text-align:center;padding:2rem}.no-data{color:#64748b;margin-bottom:1rem}.analyze-precedents-btn{padding:.75rem 1.5rem;background:#3b82f6;border:none;border-radius:6px;color:#fff;font-size:.875rem;cursor:pointer}.judge-analytics-panel{display:flex;flex-direction:column;height:100%}.judge-content{display:grid;grid-template-columns:300px 1fr auto;gap:1.5rem;flex:1}.judge-list{background:#1e293b;border-radius:8px;padding:1rem;overflow-y:auto;max-height:calc(100vh - 250px)}.judge-list h3{margin:0 0 1rem;font-size:.875rem;color:#94a3b8}.judge-list-item{padding:.75rem;background:#0f172a;border-radius:6px;margin-bottom:.5rem;cursor:pointer;transition:all .2s}.judge-list-item:hover{background:#3b82f61a}.judge-list-item.selected{background:#3b82f633;border-left:3px solid #3b82f6}.judge-list-name{font-weight:500;color:#f1f5f9;margin-bottom:.25rem}.judge-list-meta{display:flex;gap:1rem;font-size:.75rem;color:#64748b}.judge-profile{background:#1e293b;border-radius:8px;padding:1.5rem;overflow-y:auto;max-height:calc(100vh - 250px)}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.profile-header h3{margin:0;font-size:1.25rem;color:#f1f5f9}.compare-btn{padding:.5rem 1rem;background:#475569;border:none;border-radius:4px;color:#e2e8f0;font-size:.875rem;cursor:pointer}.compare-btn:hover{background:#64748b}.profile-info{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #334155}.info-row{display:flex;flex-direction:column;gap:.25rem}.info-row label{font-size:.75rem;color:#64748b}.info-row span{font-size:.875rem;color:#e2e8f0}.affiliation-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem}.affiliation-conservative{background:#ef444433;color:#ef4444}.affiliation-moderate{background:#a855f733;color:#a855f7}.affiliation-liberal{background:#3b82f633;color:#3b82f6}.ruling-history{margin-bottom:1.5rem}.ruling-history h4{margin:0 0 1rem;font-size:.875rem;color:#94a3b8}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat-item{background:#0f172a;padding:1rem;border-radius:6px;text-align:center}.stat-value{display:block;font-size:1.25rem;font-weight:600;color:#f1f5f9}.stat-label{font-size:.75rem;color:#64748b}.bias-analysis{margin-bottom:1.5rem}.bias-analysis h4{margin:0 0 1rem;font-size:.875rem;color:#94a3b8}.bias-scores{display:flex;flex-direction:column;gap:.75rem}.bias-item{display:grid;grid-template-columns:150px 1fr 150px;gap:1rem;align-items:center}.bias-item label{font-size:.75rem;color:#64748b}.bias-bar{height:8px;background:linear-gradient(to right,#3b82f6,#6b7280,#ef4444);border-radius:4px;position:relative}.bias-indicator{position:absolute;width:12px;height:12px;border-radius:50%;top:50%;transform:translate(-50%,-50%);border:2px solid #f1f5f9}.specializations{margin-bottom:1.5rem}.specializations h4{margin:0 0 .75rem;font-size:.875rem;color:#94a3b8}.spec-tags{display:flex;flex-wrap:wrap;gap:.5rem}.spec-tag{padding:.375rem .75rem;background:#3b82f633;color:#3b82f6;border-radius:999px;font-size:.75rem}.recent-decisions h4{margin:0 0 .75rem;font-size:.875rem;color:#94a3b8}.decisions-list{display:flex;flex-direction:column;gap:.5rem}.decision-item{padding:.75rem;background:#0f172a;border-radius:6px}.decision-title{font-weight:500;color:#f1f5f9;margin-bottom:.25rem}.decision-meta{display:flex;gap:1rem;font-size:.75rem;color:#64748b}.significance-high{color:#ef4444}.significance-medium{color:#f59e0b}.significance-low{color:#22c55e}.sentencing-patterns{margin-top:1.5rem}.sentencing-patterns h4{margin:0 0 .75rem;font-size:.875rem;color:#94a3b8}.sentencing-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.category-heatmap{margin-top:1.5rem}.category-heatmap h4{margin:0 0 .75rem;font-size:.875rem;color:#94a3b8}.heatmap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem}.heatmap-cell{padding:1rem;border-radius:6px;text-align:center}.category-name{display:block;font-weight:500;color:#f1f5f9;margin-bottom:.25rem}.category-rate{display:block;font-size:1.25rem;font-weight:600;color:#f1f5f9}.category-count{display:block;font-size:.75rem;color:#ffffffb3}.comparison-panel{background:#1e293b;border-radius:8px;padding:1.5rem;min-width:400px;max-height:calc(100vh - 250px);overflow-y:auto}.comparison-panel h3{margin:0 0 1rem;font-size:.875rem;color:#94a3b8}.compare-select{width:100%;padding:.75rem;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-size:.875rem;margin-bottom:1rem}.comparison-matrix{overflow-x:auto}.comparison-matrix table{width:100%;border-collapse:collapse}.comparison-matrix th,.comparison-matrix td{padding:.75rem;text-align:left;border-bottom:1px solid #334155}.comparison-matrix th{font-size:.75rem;font-weight:500;color:#94a3b8;text-transform:uppercase}.comparison-matrix td{font-size:.875rem;color:#e2e8f0}.comparison-matrix td.positive{color:#22c55e}.comparison-matrix td.negative{color:#ef4444}.precedent-research-panel{height:100%}.precedent-content{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.precedent-list{background:#1e293b;border-radius:8px;padding:1rem;max-height:calc(100vh - 300px);overflow-y:auto}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.875rem;color:#94a3b8}.precedent-card{padding:1rem;background:#0f172a;border-radius:6px;margin-bottom:.75rem;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.precedent-card:hover{background:#3b82f61a}.precedent-card.selected{border-left-color:#3b82f6;background:#3b82f626}.precedent-card.not-good-law{border-left-color:#ef4444;opacity:.8}.precedent-header{display:flex;gap:.5rem;margin-bottom:.5rem}.citation-type-badge{padding:.25rem .5rem;border-radius:4px;font-size:.625rem;font-weight:600;text-transform:uppercase;color:#fff}.warning-badge{padding:.25rem .5rem;background:#ef444433;color:#ef4444;border-radius:4px;font-size:.625rem;font-weight:600}.precedent-title{margin:0 0 .25rem;font-size:.875rem;font-weight:600;color:#f1f5f9}.precedent-citation{font-family:monospace;font-size:.75rem;color:#94a3b8;margin-bottom:.5rem}.precedent-meta{display:flex;gap:1rem;font-size:.75rem;color:#64748b;margin-bottom:.5rem}.citation-stats{display:flex;gap:1rem;font-size:.75rem;color:#64748b}.precedent-detail{background:#1e293b;border-radius:8px;padding:1.5rem;max-height:calc(100vh - 300px);overflow-y:auto}.precedent-detail .detail-header{padding:0;background:transparent;border:none;margin-bottom:1rem}.precedent-detail .detail-header h3{margin:0 0 .25rem;font-size:1.125rem;color:#f1f5f9}.detail-citation{font-family:monospace;font-size:.875rem;color:#94a3b8}.detail-status{display:flex;gap:.5rem;margin-bottom:1.5rem}.status-badge{padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;color:#fff}.good-law-badge{padding:.25rem .75rem;background:#22c55e33;color:#22c55e;border-radius:4px;font-size:.75rem;font-weight:600}.bad-law-badge{padding:.25rem .75rem;background:#ef444433;color:#ef4444;border-radius:4px;font-size:.75rem;font-weight:600}.holding-section,.headnotes-section{margin-bottom:1.5rem}.holding-section h4,.headnotes-section h4{margin:0 0 .75rem;font-size:.875rem;color:#94a3b8}.holding-section p{margin:0;font-size:.875rem;color:#e2e8f0;line-height:1.6}.headnotes-section ul{margin:0;padding-left:1.5rem}.headnotes-section li{font-size:.875rem;color:#e2e8f0;margin-bottom:.5rem}.citation-tree{margin-bottom:1.5rem}.citation-tree h4{margin:0 0 1rem;font-size:.875rem;color:#94a3b8}.tree-visualization{display:flex;flex-direction:column;align-items:center;gap:1rem}.tree-node{padding:.5rem 1rem;background:#0f172a;border-radius:6px;font-size:.75rem;color:#e2e8f0}.tree-node.root{background:#3b82f6;color:#fff;font-weight:500}.tree-level{display:flex;flex-direction:column;align-items:center;gap:.5rem}.tree-label{font-size:.75rem;color:#64748b}.tree-nodes{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.tree-more{padding:.5rem 1rem;background:#334155;border-radius:6px;font-size:.75rem;color:#94a3b8}.detail-actions{display:flex;flex-wrap:wrap;gap:.5rem}.action-btn{padding:.5rem 1rem;background:#475569;border:none;border-radius:4px;color:#e2e8f0;font-size:.75rem;cursor:pointer}.action-btn:hover{background:#64748b}.action-btn.primary{background:#3b82f6;color:#fff}.action-btn.primary:hover{background:#2563eb}.case-analytics-dashboard{height:100%}.view-tabs{display:flex;gap:.5rem}.view-tab{padding:.5rem 1rem;background:#334155;border:none;border-radius:4px;color:#94a3b8;font-size:.75rem;cursor:pointer}.view-tab:hover{background:#475569;color:#e2e8f0}.view-tab.active{background:#3b82f6;color:#fff}.analytics-content{margin-top:1.5rem}.overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.metric-card{background:#1e293b;padding:1.5rem;border-radius:8px;text-align:center}.metric-card.large .metric-value{font-size:2rem;font-weight:700;color:#f1f5f9}.metric-card .metric-label{font-size:.875rem;color:#64748b;margin-top:.5rem}.benchmark-card{grid-column:span 2;background:#1e293b;padding:1.5rem;border-radius:8px}.benchmark-card h3{margin:0 0 1rem;font-size:.875rem;color:#94a3b8}.benchmark-bar{display:flex;align-items:center;gap:1rem}.benchmark-range{text-align:center}.range-label{display:block;font-size:.625rem;color:#64748b;text-transform:uppercase}.range-value{font-size:.875rem;color:#e2e8f0}.benchmark-track{flex:1;height:8px;background:linear-gradient(to right,#ef4444,#f59e0b,#22c55e);border-radius:4px;position:relative}.benchmark-marker{position:absolute;width:16px;height:16px;border-radius:50%;top:50%;transform:translate(-50%,-50%);border:2px solid #f1f5f9}.benchmark-marker.industry{background:#3b82f6}.benchmark-marker.yours{background:#22c55e}.benchmark-legend{display:flex;justify-content:center;gap:2rem;margin-top:1rem}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#94a3b8}.legend-item .marker{width:12px;height:12px;border-radius:50%}.legend-item .marker.industry{background:#3b82f6}.legend-item .marker.yours{background:#22c55e}.seasonal-chart{grid-column:span 3;background:#1e293b;padding:1.5rem;border-radius:8px}.seasonal-chart h3{margin:0 0 1rem;font-size:.875rem;color:#94a3b8}.chart-bars{display:flex;justify-content:space-between;align-items:flex-end;height:150px;padding:0 1rem}.bar-group{display:flex;flex-direction:column;align-items:center;gap:.25rem}.bar{width:20px;border-radius:2px 2px 0 0}.bar.filing{background:#3b82f6}.bar.resolution{background:#22c55e}.bar-label{font-size:.625rem;color:#64748b}.chart-legend{display:flex;justify-content:center;gap:2rem;margin-top:1rem}.chart-legend .color{display:inline-block;width:12px;height:12px;border-radius:2px;margin-right:.25rem}.chart-legend .color.filing{background:#3b82f6}.chart-legend .color.resolution{background:#22c55e}.jurisdiction-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.jurisdiction-card{background:#1e293b;padding:1.5rem;border-radius:8px}.jurisdiction-card h3{margin:0 0 1rem;font-size:1rem;color:#f1f5f9}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem}.stats-row .stat{text-align:center}.stats-row .stat-value{font-size:1rem;font-weight:600;color:#f1f5f9}.stats-row .stat-label{font-size:.625rem;color:#64748b}.success-bar{height:6px;background:#334155;border-radius:3px;overflow:hidden}.success-fill{height:100%;background:#22c55e}.practice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.practice-card{background:#1e293b;padding:1.5rem;border-radius:8px}.practice-card h3{margin:0 0 1rem;font-size:1rem;color:#f1f5f9}.trends-view{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.trends-chart{background:#1e293b;padding:1.5rem;border-radius:8px}.trends-chart h3{margin:0 0 1rem;font-size:.875rem;color:#94a3b8}.line-chart{display:flex;height:200px}.chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;padding-right:1rem;font-size:.625rem;color:#64748b}.chart-area{flex:1;border-left:1px solid #334155;border-bottom:1px solid #334155}.chart-area svg{width:100%;height:100%}.chart-x-axis{display:flex;justify-content:space-between;margin-left:2.5rem;margin-top:.5rem;font-size:.625rem;color:#64748b}.trends-table{background:#1e293b;padding:1.5rem;border-radius:8px;overflow-y:auto;max-height:300px}.trends-table h3{margin:0 0 1rem;font-size:.875rem;color:#94a3b8}.trends-table table{width:100%;border-collapse:collapse}.trends-table th,.trends-table td{padding:.5rem;text-align:left;border-bottom:1px solid #334155}.trends-table th{font-size:.75rem;font-weight:500;color:#64748b}.trends-table td{font-size:.875rem;color:#e2e8f0}.document-viewer-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.document-viewer{width:90%;max-width:1200px;height:90%;background:#1e293b;border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.viewer-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#0f172a;border-bottom:1px solid #334155}.viewer-header h3{margin:0;font-size:1rem;color:#f1f5f9}.viewer-meta{display:flex;gap:1rem;font-size:.75rem;color:#64748b}.viewer-toolbar{display:flex;gap:.5rem;align-items:center;padding:.75rem 1rem;background:#0f172a;border-bottom:1px solid #334155}.tool-btn{padding:.375rem .75rem;background:#334155;border:none;border-radius:4px;color:#e2e8f0;font-size:.75rem;cursor:pointer}.tool-btn:hover{background:#475569}.page-nav{margin-left:auto;display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#94a3b8}.page-nav input{width:50px;padding:.25rem;background:#0f172a;border:1px solid #334155;border-radius:4px;color:#e2e8f0;text-align:center}.viewer-content{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;overflow:auto}.document-placeholder{text-align:center;color:#64748b}.ocr-status{margin-top:1rem}.ocr-btn{padding:.5rem 1rem;background:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:.5rem}.ocr-panel{padding:1rem;background:#0f172a;border-top:1px solid #334155;max-height:200px;overflow-y:auto}.ocr-panel h4{margin:0 0 .5rem;font-size:.875rem;color:#94a3b8}.ocr-text{font-family:monospace;font-size:.75rem;color:#e2e8f0;white-space:pre-wrap}.dashboard-footer{display:flex;justify-content:space-between;padding:.75rem 2rem;background:#0f172a;border-top:1px solid #334155;font-size:.75rem;color:#64748b}@media (max-width: 1200px){.cases-view,.judge-content,.precedent-content,.trends-view{grid-template-columns:1fr}}@media (max-width: 768px){.overview-grid{grid-template-columns:1fr}.benchmark-card,.seasonal-chart{grid-column:span 1}.stats-grid{grid-template-columns:repeat(2,1fr)}}.metric-explainer{display:inline-flex;align-items:center;justify-content:center;cursor:help;font-size:11px;color:#64748b;border-bottom:1px dotted #475569;margin-left:4px;vertical-align:middle;user-select:none;transition:color .15s}.metric-explainer:hover{color:#94a3b8}.entity-name-link{background:none;border:none;padding:0;color:#e2e8f0;cursor:pointer;font-size:inherit;font-family:inherit;text-decoration:underline dotted #475569;text-underline-offset:2px;transition:color .15s}.entity-name-link:hover{color:#7dd3fc;text-decoration-color:#7dd3fc}.methodology-backdrop{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center}.methodology-modal{background:#0f172a;border:1px solid #334155;border-radius:12px;width:min(640px,92vw);max-height:85vh;overflow-y:auto;padding:0;box-shadow:0 24px 64px #0009}.methodology-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #1e293b}.methodology-title{font-size:16px;font-weight:700;color:#f1f5f9}.methodology-subtitle{font-size:12px;color:#64748b;margin-top:2px}.methodology-close{background:none;border:none;color:#64748b;cursor:pointer;font-size:16px;padding:2px 6px;border-radius:4px;transition:color .15s,background .15s}.methodology-close:hover{color:#e2e8f0;background:#ffffff12}.methodology-one-liner{margin:0;padding:14px 24px;font-size:13px;color:#94a3b8;border-bottom:1px solid #1e293b;line-height:1.5}.methodology-section{padding:14px 24px;border-bottom:1px solid #1e293b}.methodology-section:last-child{border-bottom:none}.methodology-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#475569;margin-bottom:8px}.methodology-formula{font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;color:#7dd3fc;background:#0d1724;border:1px solid #1e3a5f;border-radius:6px;padding:10px 14px;white-space:pre-wrap;margin:0}.methodology-vars-table{width:100%;border-collapse:collapse;font-size:12px}.methodology-var-name{font-family:monospace;color:#7dd3fc;padding:4px 12px 4px 0;white-space:nowrap;vertical-align:top;font-weight:600}.methodology-var-desc{color:#94a3b8;padding:4px 0;line-height:1.4}.methodology-values-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.methodology-value-cell{display:flex;flex-direction:column;background:#ffffff08;border-radius:6px;padding:8px 12px}.methodology-value-label{font-size:10px;color:#64748b;margin-bottom:2px}.methodology-value-num{font-size:16px;font-weight:700;color:#e2e8f0}.methodology-significance{font-size:12px;color:#94a3b8;white-space:pre-line;line-height:1.6;margin:0}.methodology-caveats{margin:0;padding-left:18px;font-size:12px;color:#64748b;line-height:1.6}.methodology-caveats li{margin-bottom:4px}.methodology-footer{padding:14px 24px}.methodology-drilldown-btn{background:#6366f126;border:1px solid rgba(99,102,241,.4);color:#a5b4fc;border-radius:6px;padding:8px 16px;font-size:12px;cursor:pointer;transition:background .15s,color .15s}.methodology-drilldown-btn:hover{background:#6366f14d;color:#c7d2fe}.entity-drilldown-backdrop{position:fixed;inset:0;background:#0009;z-index:900;display:flex;justify-content:flex-end}.entity-drilldown-panel{background:#0f172a;border-left:1px solid #334155;width:min(640px,96vw);height:100%;overflow-y:auto;display:flex;flex-direction:column;box-shadow:-16px 0 48px #00000080}.entity-drilldown-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 20px 12px;border-bottom:1px solid #1e293b;position:sticky;top:0;background:#0f172a;z-index:1}.entity-drilldown-title{font-size:15px;font-weight:700;color:#f1f5f9}.entity-drilldown-subtitle{font-size:11px;color:#64748b;margin-top:2px}.entity-drilldown-close{background:none;border:none;color:#64748b;cursor:pointer;font-size:18px;padding:0 4px;transition:color .15s}.entity-drilldown-close:hover{color:#e2e8f0}.entity-drilldown-summary{display:flex;gap:16px;padding:12px 20px;border-bottom:1px solid #1e293b;flex-wrap:wrap}.entity-drilldown-stat{display:flex;flex-direction:column}.entity-drilldown-stat-label{font-size:10px;color:#64748b}.entity-drilldown-stat-value{font-size:18px;font-weight:700;color:#e2e8f0}.entity-drilldown-body{flex:1;padding:16px 20px;overflow-y:auto}.entity-drilldown-loading,.entity-drilldown-error,.entity-drilldown-empty{font-size:13px;color:#64748b;text-align:center;padding:32px 0}.entity-drilldown-error{color:#ef4444}.entity-drilldown-section{margin-bottom:24px}.entity-drilldown-section-title{font-size:12px;font-weight:700;color:#e2e8f0;margin-bottom:10px;display:flex;align-items:baseline;gap:8px}.entity-drilldown-section-hint{font-size:11px;font-weight:400;color:#64748b}.entity-drilldown-legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;font-size:11px;color:#94a3b8}.entity-drilldown-legend-item{display:flex;align-items:center;gap:4px}.entity-drilldown-breakdown{display:flex;flex-direction:column;gap:6px}.entity-drilldown-breakdown-row{display:grid;grid-template-columns:120px 1fr 70px;align-items:center;gap:8px;font-size:12px}.entity-drilldown-breakdown-label{color:#94a3b8}.entity-drilldown-breakdown-track{background:#ffffff0d;border-radius:3px;height:8px;overflow:hidden}.entity-drilldown-breakdown-fill{height:100%;border-radius:3px;transition:width .4s ease}.entity-drilldown-breakdown-pct{color:#64748b;text-align:right}.entity-drilldown-table{width:100%;border-collapse:collapse;font-size:11px}.entity-drilldown-table th{padding:6px 8px;text-align:left;color:#64748b;border-bottom:1px solid #1e293b;font-weight:600;white-space:nowrap}.entity-drilldown-table td{padding:5px 8px;border-bottom:1px solid rgba(255,255,255,.03);color:#e2e8f0}.entity-drilldown-table-row:hover{background:#ffffff0a}.entity-drilldown-case-name{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unified-intelligence-dashboard{display:flex;flex-direction:column;height:100%;min-height:100vh;background:#0a1628;color:#e2e8f0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.unified-intelligence-dashboard .dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:linear-gradient(135deg,#0d2137,#0a1628);border-bottom:1px solid #1e3a5f}.unified-intelligence-dashboard .dashboard-header h1{margin:0;font-size:1.5rem;font-weight:600;color:#f1f5f9}.unified-intelligence-dashboard .header-status{display:flex;gap:1rem;align-items:center}.unified-intelligence-dashboard .ws-status{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-family:monospace}.unified-intelligence-dashboard .ws-status.connected{background:#22c55e33;color:#22c55e}.unified-intelligence-dashboard .ws-status.disconnected{background:#ef444433;color:#ef4444}.domain-filter{display:flex;gap:.25rem}.domain-btn{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:#1e3a5f;border:none;border-radius:4px;color:#94a3b8;font-size:.75rem;cursor:pointer;transition:all .2s}.domain-btn:hover{background:#2d4a6f}.domain-btn.active{color:#0a1628}.domain-btn.legal.active{background:#a855f7}.domain-btn.medical.active{background:#22d3ee}.domain-btn.economic.active{background:#22c55e}.domain-icon{font-weight:600}.time-range-select{padding:.5rem 1rem;background:#1e3a5f;border:1px solid #1e3a5f;border-radius:4px;color:#e2e8f0;font-size:.875rem}.unified-intelligence-dashboard .dashboard-nav{display:flex;gap:0;padding:0 2rem;background:#0d2137;border-bottom:1px solid #1e3a5f}.unified-intelligence-dashboard .nav-tab{padding:1rem 1.5rem;background:transparent;border:none;color:#94a3b8;font-size:.875rem;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.unified-intelligence-dashboard .nav-tab:hover{color:#e2e8f0;background:#ffffff0d}.unified-intelligence-dashboard .nav-tab.active{color:#22d3ee;border-bottom-color:#22d3ee;background:#22d3ee1a}.filter-bar{display:flex;gap:1rem;padding:1rem 2rem;background:#0d2137;border-bottom:1px solid #1e3a5f;align-items:center}.search-input{flex:1;max-width:400px;padding:.75rem 1rem;background:#0a1628;border:1px solid #1e3a5f;border-radius:6px;color:#e2e8f0;font-size:.875rem}.search-input:focus{outline:none;border-color:#22d3ee;box-shadow:0 0 0 3px #22d3ee33}.filter-controls{display:flex;gap:1.5rem;align-items:center}.filter-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#94a3b8}.filter-label input[type=range]{width:100px}.filter-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#94a3b8;cursor:pointer}.filter-checkbox input[type=checkbox]{accent-color:#22d3ee}.unified-intelligence-dashboard .dashboard-content{flex:1;padding:1.5rem;overflow:auto}.overview-view{display:flex;flex-direction:column;gap:1.5rem}.overview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat-card{padding:1.5rem;background:#0d2137;border-radius:8px;text-align:center}.stat-card.alert{border-top:3px solid #ef4444}.stat-value{display:block;font-size:2.5rem;font-weight:700;color:#f1f5f9}.stat-label{font-size:.875rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.overview-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.insights-panel{background:#0d2137;border-radius:8px;padding:1.5rem}.insights-panel h3{margin:0 0 1rem;font-size:1.125rem;color:#f1f5f9}.insights-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.insight-card{padding:1rem;background:#0a1628;border-radius:8px;border-left:3px solid #3b82f6;cursor:pointer;transition:all .2s}.insight-card:hover{background:#3b82f61a}.insight-card.selected{outline:2px solid #22d3ee;outline-offset:2px}.insight-card.legal{border-left-color:#a855f7}.insight-card.medical{border-left-color:#22d3ee}.insight-card.economic{border-left-color:#22c55e}.insight-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.domain-tag{padding:.125rem .375rem;border-radius:3px;font-size:.625rem;font-weight:600;text-transform:uppercase}.domain-tag.legal{background:#a855f733;color:#a855f7}.domain-tag.medical{background:#22d3ee33;color:#22d3ee}.domain-tag.economic{background:#22c55e33;color:#22c55e}.impact-badge{padding:.125rem .375rem;border-radius:3px;font-size:.625rem;font-weight:600}.impact-badge.high{background:#ef444433;color:#ef4444}.impact-badge.medium{background:#f59e0b33;color:#f59e0b}.impact-badge.low{background:#22c55e33;color:#22c55e}.insight-title{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:#f1f5f9}.insight-summary{margin:0 0 .75rem;font-size:.75rem;color:#94a3b8;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.insight-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.confidence{font-size:.75rem;color:#64748b}.sentiment{padding:.125rem .375rem;border-radius:3px;font-size:.625rem;font-weight:600}.sentiment.positive{background:#22c55e33;color:#22c55e}.sentiment.negative{background:#ef444433;color:#ef4444}.sentiment.neutral{background:#94a3b833;color:#94a3b8}.insight-footer{display:flex;justify-content:space-between;font-size:.75rem;color:#64748b}.alert-cluster-panel{background:#0d2137;border-radius:8px;padding:1.5rem}.alert-cluster-panel h3{margin:0 0 1rem;font-size:1.125rem;color:#f1f5f9}.clusters-list{display:flex;flex-direction:column;gap:1rem}.cluster-card{padding:1rem;background:#0a1628;border-radius:8px;border-top:3px solid #3b82f6}.cluster-card.critical{border-top-color:#ef4444}.cluster-card.high{border-top-color:#f59e0b}.cluster-card.medium{border-top-color:#eab308}.cluster-card.low{border-top-color:#22c55e}.cluster-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.severity-badge{padding:.25rem .5rem;border-radius:4px;font-size:.625rem;font-weight:600;text-transform:uppercase}.severity-badge.critical{background:#ef444433;color:#ef4444}.severity-badge.high{background:#f59e0b33;color:#f59e0b}.severity-badge.medium{background:#eab30833;color:#eab308}.severity-badge.low{background:#22c55e33;color:#22c55e}.cluster-theme{font-weight:600;color:#f1f5f9}.cluster-domains{display:flex;gap:.25rem;margin-bottom:.75rem}.affected-domain{padding:.125rem .375rem;border-radius:3px;font-size:.625rem;font-weight:600}.affected-domain.legal{background:#a855f733;color:#a855f7}.affected-domain.medical{background:#22d3ee33;color:#22d3ee}.affected-domain.economic{background:#22c55e33;color:#22c55e}.cluster-alerts{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.alert-item{display:flex;gap:.5rem;padding:.5rem;background:#0d2137;border-radius:4px;font-size:.75rem}.alert-item.legal{border-left:2px solid #a855f7}.alert-item.medical{border-left:2px solid #22d3ee}.alert-item.economic{border-left:2px solid #22c55e}.alert-type{font-weight:600;color:#94a3b8;min-width:80px}.alert-message{color:#e2e8f0}.cluster-action{padding:.75rem;background:#3b82f61a;border-radius:4px;font-size:.75rem;color:#94a3b8}.cluster-action strong{color:#3b82f6}.relationship-graph{display:grid;grid-template-columns:1fr 350px;gap:1.5rem}.graph-header{grid-column:1 / 3;display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.graph-header h3{margin:0;font-size:1.25rem;color:#f1f5f9}.graph-legend{display:flex;gap:1rem}.legend-item{padding:.25rem .5rem;border-radius:4px;font-size:.75rem}.legend-item.causal{background:#ef444433;color:#ef4444}.legend-item.correlative{background:#3b82f633;color:#3b82f6}.legend-item.temporal{background:#22d3ee33;color:#22d3ee}.legend-item.thematic{background:#a855f733;color:#a855f7}.graph-container{grid-column:1 / 2;background:#0d2137;border-radius:8px;padding:1.5rem;min-height:500px}.graph-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#64748b;text-align:center}.placeholder-icon{font-size:3rem;margin-bottom:1rem;font-family:monospace}.node-count{margin-top:.5rem;font-size:.875rem;color:#22d3ee}.relationship-list{grid-column:2 / 3;background:#0d2137;border-radius:8px;padding:1.5rem;max-height:calc(100vh - 300px);overflow-y:auto}.relationship-list h4{margin:0 0 1rem;font-size:1rem;color:#f1f5f9}.relationship-item{padding:.75rem;background:#0a1628;border-radius:6px;margin-bottom:.5rem;cursor:pointer;transition:all .2s;border-left:3px solid #3b82f6}.relationship-item:hover{background:#3b82f61a}.relationship-item.causal{border-left-color:#ef4444}.relationship-item.correlative{border-left-color:#3b82f6}.relationship-item.temporal{border-left-color:#22d3ee}.relationship-item.thematic{border-left-color:#a855f7}.rel-domains{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.domain-dot{width:12px;height:12px;border-radius:50%}.domain-dot.legal{background:#a855f7}.domain-dot.medical{background:#22d3ee}.domain-dot.economic{background:#22c55e}.rel-arrow{color:#64748b;font-family:monospace}.rel-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.rel-title{font-size:.75rem;color:#e2e8f0;flex:1}.rel-type{padding:.125rem .375rem;border-radius:3px;font-size:.625rem;font-weight:600}.rel-type.causal{background:#ef444433;color:#ef4444}.rel-type.correlative{background:#3b82f633;color:#3b82f6}.rel-type.temporal{background:#22d3ee33;color:#22d3ee}.rel-type.thematic{background:#a855f733;color:#a855f7}.rel-strength{display:flex;align-items:center;gap:.5rem}.strength-bar{width:60px;height:6px;background:#1e3a5f;border-radius:3px;overflow:hidden}.strength-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#22d3ee)}.strength-value{font-size:.75rem;font-family:monospace;color:#94a3b8;min-width:35px}.impact-chain-view{display:grid;grid-template-columns:350px 1fr;gap:1.5rem}.chain-selector{background:#0d2137;border-radius:8px;padding:1.5rem;max-height:calc(100vh - 250px);overflow-y:auto}.chain-selector h3{margin:0 0 1rem;font-size:1.125rem;color:#f1f5f9}.chain-item{padding:1rem;background:#0a1628;border-radius:8px;margin-bottom:.75rem;cursor:pointer;transition:all .2s;border-left:3px solid transparent}.chain-item:hover{background:#22d3ee1a}.chain-item.selected{border-left-color:#22d3ee;background:#22d3ee26}.chain-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.chain-name{font-weight:600;color:#f1f5f9}.chain-impact{padding:.125rem .375rem;border-radius:3px;font-size:.625rem;font-weight:600}.chain-impact.high{background:#ef444433;color:#ef4444}.chain-impact.medium{background:#f59e0b33;color:#f59e0b}.chain-impact.low{background:#22c55e33;color:#22c55e}.chain-desc{margin:0 0 .5rem;font-size:.75rem;color:#94a3b8}.chain-stats{display:flex;gap:.75rem;font-size:.625rem;color:#64748b}.chain-detail{background:#0d2137;border-radius:8px;padding:1.5rem}.chain-visualization h4{margin:0 0 1.5rem;font-size:1.25rem;color:#f1f5f9}.chain-flow{display:flex;align-items:center;gap:0;flex-wrap:wrap;justify-content:center}.chain-node{padding:1rem;background:#0a1628;border-radius:8px;text-align:center;min-width:150px;border-top:3px solid #3b82f6}.chain-node.legal{border-top-color:#a855f7}.chain-node.medical{border-top-color:#22d3ee}.chain-node.economic{border-top-color:#22c55e}.chain-node.event{background:#3b82f61a}.chain-node.outcome{background:#22c55e1a}.chain-node.risk{background:#ef44441a}.chain-node.opportunity{background:#f59e0b1a}.node-label{display:block;font-weight:600;color:#f1f5f9;margin-bottom:.25rem}.node-type{display:block;font-size:.625rem;color:#64748b;text-transform:uppercase;margin-bottom:.5rem}.node-magnitude{display:block;font-size:.75rem;color:#94a3b8}.chain-edge{display:flex;flex-direction:column;align-items:center;padding:0 .5rem}.edge-arrow{font-size:1.25rem;color:#64748b;font-family:monospace}.edge-timelag{font-size:.625rem;color:#64748b;white-space:nowrap}.chain-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #1e3a5f}.metric{text-align:center;padding:1rem;background:#0a1628;border-radius:6px}.metric-label{display:block;font-size:.75rem;color:#64748b;margin-bottom:.5rem}.metric-value{font-size:1.25rem;font-weight:600;color:#f1f5f9}.metric-value.high{color:#ef4444}.metric-value.medium{color:#f59e0b}.metric-value.low{color:#22c55e}.correlation-matrix{background:#0d2137;border-radius:8px;padding:1.5rem}.matrix-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.matrix-header h3{margin:0;font-size:1.25rem;color:#f1f5f9}.matrix-legend{display:flex;gap:1rem}.legend-strong{color:#22c55e;font-size:.75rem}.legend-moderate{color:#f59e0b;font-size:.75rem}.legend-weak{color:#ef4444;font-size:.75rem}.correlation-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem}.correlation-card{padding:1rem;background:#0a1628;border-radius:8px;border-left:3px solid #3b82f6}.correlation-card.high{border-left-color:#22c55e}.correlation-card.medium{border-left-color:#f59e0b}.correlation-card.low{border-left-color:#ef4444}.corr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.corr-domains{display:flex;gap:.25rem}.domain-badge{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:.75rem;font-weight:600}.domain-badge.L{background:#a855f733;color:#a855f7}.domain-badge.M{background:#22d3ee33;color:#22d3ee}.domain-badge.E{background:#22c55e33;color:#22c55e}.corr-value{font-family:monospace;font-weight:600;font-size:1rem}.corr-value.strong{color:#22c55e}.corr-value.moderate{color:#f59e0b}.corr-value.weak{color:#ef4444}.corr-indicators{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.indicator{font-size:.875rem;color:#f1f5f9}.indicator-arrow{color:#64748b;font-family:monospace}.corr-details{display:flex;gap:1rem;margin-bottom:.5rem}.timeframe{font-size:.75rem;color:#94a3b8}.significance{font-size:.75rem}.significance.high{color:#22c55e}.significance.medium{color:#f59e0b}.significance.low{color:#ef4444}.corr-interpretation{margin:0;font-size:.75rem;color:#64748b;line-height:1.5}.unified-timeline{background:#0d2137;border-radius:8px;padding:1.5rem}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.timeline-header h3{margin:0;font-size:1.25rem;color:#f1f5f9}.timeline-controls{display:flex;gap:.25rem}.timeline-btn{padding:.5rem 1rem;background:#1e3a5f;border:none;border-radius:4px;color:#94a3b8;font-size:.75rem;cursor:pointer}.timeline-btn:hover{background:#2d4a6f}.timeline-btn.active{background:#22d3ee;color:#0a1628}.timeline-track{display:flex;flex-direction:column;gap:0}.timeline-event{display:flex;gap:1rem}.event-connector{display:flex;flex-direction:column;align-items:center;width:40px}.connector-dot{width:16px;height:16px;border-radius:50%;z-index:1}.connector-dot.legal{background:#a855f7}.connector-dot.medical{background:#22d3ee}.connector-dot.economic{background:#22c55e}.connector-line{flex:1;width:2px;background:#1e3a5f;min-height:20px}.event-card{flex:1;padding:1rem;background:#0a1628;border-radius:8px;margin-bottom:1rem}.timeline-event.legal .event-card{border-left:3px solid #a855f7}.timeline-event.medical .event-card{border-left:3px solid #22d3ee}.timeline-event.economic .event-card{border-left:3px solid #22c55e}.event-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.domain-indicator{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:.75rem;font-weight:600}.domain-indicator.legal{background:#a855f733;color:#a855f7}.domain-indicator.medical{background:#22d3ee33;color:#22d3ee}.domain-indicator.economic{background:#22c55e33;color:#22c55e}.event-date{font-family:monospace;font-size:.75rem;color:#64748b}.significance-badge{padding:.125rem .375rem;border-radius:3px;font-size:.625rem;font-weight:600;margin-left:auto}.significance-badge.major{background:#ef444433;color:#ef4444}.significance-badge.moderate{background:#f59e0b33;color:#f59e0b}.significance-badge.minor{background:#22c55e33;color:#22c55e}.event-title{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:#f1f5f9}.event-description{margin:0 0 .5rem;font-size:.875rem;color:#94a3b8}.linked-events{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#64748b}.link-icon{font-family:monospace;color:#22d3ee}.unified-intelligence-dashboard .dashboard-footer{display:flex;justify-content:space-between;padding:.75rem 2rem;background:#0a1628;border-top:1px solid #1e3a5f;font-size:.75rem;color:#64748b}@media (max-width: 1200px){.overview-grid,.relationship-graph,.impact-chain-view{grid-template-columns:1fr}.chain-selector{max-height:300px}}@media (max-width: 1024px){.overview-stats{grid-template-columns:repeat(2,1fr)}.insights-grid,.correlation-list,.chain-metrics{grid-template-columns:1fr}}@media (max-width: 768px){.unified-intelligence-dashboard .dashboard-header{flex-direction:column;gap:1rem;padding:1rem}.unified-intelligence-dashboard .header-status{flex-wrap:wrap;justify-content:center}.unified-intelligence-dashboard .dashboard-nav{overflow-x:auto;padding:0 1rem}.unified-intelligence-dashboard .nav-tab{padding:.75rem 1rem;white-space:nowrap}.filter-bar{flex-direction:column;align-items:stretch}.search-input{max-width:none}.filter-controls{flex-direction:column;align-items:flex-start}.overview-stats{grid-template-columns:1fr}.chain-flow{flex-direction:column}.chain-edge{transform:rotate(90deg);padding:.5rem 0}}.infrastructure-management{display:flex;flex-direction:column;height:100%;background-color:#0a0a14f2;color:#e0e0e0;padding:20px;overflow:hidden}.infrastructure-management.theme-light{background-color:#f5f5f5;color:#333}.infrastructure-management.theme-dark{background-color:#0a0a14f2;color:#e0e0e0}.infra-header{margin-bottom:20px}.infra-header h2{margin:0 0 8px;font-size:28px;color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.5);font-weight:700;letter-spacing:1px}.infra-header p{margin:0;font-size:14px;color:#888}.error-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background-color:#f443;border:1px solid #ff4444;border-radius:6px;margin-bottom:16px;color:#f66;font-size:14px}.error-banner .error-icon{font-size:20px}.error-banner button{margin-left:auto;background:none;border:none;color:#f66;font-size:20px;cursor:pointer;padding:0 8px}.error-banner button:hover{color:red}.infra-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:2px solid rgba(0,255,136,.3)}.infra-tab{display:flex;align-items:center;gap:8px;padding:12px 20px;background-color:#0000004d;border:1px solid rgba(0,255,136,.3);border-bottom:none;border-top-left-radius:6px;border-top-right-radius:6px;color:#888;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s;position:relative;bottom:-2px}.infra-tab:hover{background-color:#00ff881a;color:#0f8}.infra-tab.active{background-color:#00ff8826;border-color:#0f8;color:#0f8;border-bottom:2px solid rgba(10,10,20,.95)}.infra-tab .tab-icon{font-weight:700;font-family:Courier New,monospace}.infra-tab .tab-badge{background-color:#00aaff4d;color:#0af;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.infra-tab.active .tab-badge{background-color:#00ff884d;color:#0f8}.infra-toolbar{display:flex;align-items:center;gap:16px;padding:12px 16px;background-color:#0006;border:1px solid rgba(0,255,136,.3);border-radius:6px;margin-bottom:20px;flex-wrap:wrap}.toolbar-search{flex:1;min-width:200px}.search-input{width:100%;padding:8px 12px;background-color:#00000080;border:1px solid rgba(0,255,136,.4);border-radius:4px;color:#fff;font-size:14px}.search-input:focus{outline:none;border-color:#0f8;box-shadow:0 0 8px #00ff884d}.toolbar-sort{display:flex;align-items:center;gap:8px;font-size:14px;color:#888}.sort-select{padding:6px 12px;background-color:#00000080;border:1px solid rgba(0,255,136,.4);border-radius:4px;color:#fff;font-size:14px;cursor:pointer}.sort-select:focus{outline:none;border-color:#0f8}.toolbar-actions{display:flex;gap:8px;margin-left:auto}.infra-content{flex:1;overflow-y:auto;padding-right:8px}.infra-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(450px,1fr));gap:20px;padding:4px}@media (max-width: 1400px){.infra-grid{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}@media (max-width: 900px){.infra-grid{grid-template-columns:1fr}}.server-status-card,.daemon-status-card{background-color:#00000080;border:1px solid rgba(0,255,136,.3);border-radius:8px;padding:16px;transition:all .3s;display:flex;flex-direction:column;gap:12px}.server-status-card:hover,.daemon-status-card:hover{border-color:#0f8;box-shadow:0 4px 16px #0f83;transform:translateY(-2px)}.server-status-card.loading,.daemon-status-card.loading{opacity:.6;pointer-events:none}.card-header{display:flex;flex-direction:column;gap:8px}.card-title-row{display:flex;align-items:center;gap:10px}.card-title{margin:0;font-size:18px;color:#fff;flex:1}.card-version,.card-pid{background-color:#0af3;color:#0af;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}.card-description{margin:0;font-size:13px;color:#888;font-style:italic}.card-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:12px;background-color:#0000004d;border-radius:4px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:11px;color:#666;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:13px;color:#ccc;font-weight:500}.card-capabilities{display:flex;flex-direction:column;gap:8px}.capabilities-label{font-size:12px;color:#888;font-weight:500}.capabilities-list{display:flex;flex-wrap:wrap;gap:6px}.capability-badge{padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.capability-tool{background-color:#0f83;color:#0f8;border:1px solid rgba(0,255,136,.4)}.capability-resource{background-color:#0af3;color:#0af;border:1px solid rgba(0,170,255,.4)}.capability-prompt{background-color:#fa03;color:#fa0;border:1px solid rgba(255,170,0,.4)}.card-resources{display:flex;flex-direction:column;gap:8px;padding:12px;background-color:#0000004d;border-radius:4px}.resources-label{font-size:12px;color:#888;font-weight:500}.card-error{display:flex;align-items:center;gap:8px;padding:10px 12px;background-color:#ff444426;border:1px solid rgba(255,68,68,.4);border-radius:4px;font-size:12px;color:#f88}.card-error .error-icon{font-size:16px;color:#f44}.card-error .error-message{flex:1}.card-error .error-count{font-size:11px;opacity:.8}.card-controls{display:flex;flex-direction:column;gap:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.control-buttons{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.confirm-text{color:#fa0;font-size:13px;font-weight:500;margin-right:8px}.control-options{display:flex;gap:12px;align-items:center}.auto-restart-toggle{display:flex;align-items:center;gap:6px;font-size:13px;color:#888;cursor:pointer;user-select:none}.auto-restart-toggle input[type=checkbox]{cursor:pointer}.btn{padding:8px 16px;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:none;outline:none}.btn-sm{padding:6px 12px;font-size:12px}.btn-primary{background-color:#0f83;color:#0f8;border:1px solid rgba(0,255,136,.5)}.btn-primary:hover:not(:disabled){background-color:#00ff884d;border-color:#0f8;box-shadow:0 0 12px #0f86}.btn-success{background-color:#00ff8826;color:#0f8;border:1px solid rgba(0,255,136,.4)}.btn-success:hover:not(:disabled){background-color:#00ff8840;border-color:#0f8}.btn-warning{background-color:#ffaa0026;color:#fa0;border:1px solid rgba(255,170,0,.4)}.btn-warning:hover:not(:disabled){background-color:#ffaa0040;border-color:#fa0}.btn-danger{background-color:#ff444426;color:#f66;border:1px solid rgba(255,68,68,.4)}.btn-danger:hover:not(:disabled){background-color:#ff444440;border-color:#f44}.btn-critical{background-color:#f003;color:red;border:1px solid rgba(255,0,0,.5)}.btn-critical:hover:not(:disabled){background-color:#ff00004d;border-color:red;box-shadow:0 0 12px #f006}.btn-info{background-color:#00aaff26;color:#0af;border:1px solid rgba(0,170,255,.4)}.btn-info:hover:not(:disabled){background-color:#00aaff40;border-color:#0af}.btn-secondary{background-color:#6464644d;color:#aaa;border:1px solid rgba(150,150,150,.4)}.btn-secondary:hover:not(:disabled){background-color:#64646466;border-color:#bbb}.btn:disabled{opacity:.5;cursor:not-allowed}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#666}.empty-state p{margin:0 0 20px;font-size:16px}.log-viewer-modal{position:fixed;inset:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease}.log-viewer-modal .log-viewer-container{background-color:#141428fa;border:2px solid rgba(0,255,136,.5);border-radius:8px;width:90%;max-width:900px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #00ff884d}.log-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(0,255,136,.3)}.log-viewer-header h3{margin:0;color:#0f8;font-size:18px}.close-button{background:none;border:none;color:#f66;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.close-button:hover{color:red}.infra-content::-webkit-scrollbar{width:10px}.infra-content::-webkit-scrollbar-track{background:#0000004d;border-radius:5px}.infra-content::-webkit-scrollbar-thumb{background:#0f86;border-radius:5px}.infra-content::-webkit-scrollbar-thumb:hover{background:#0f89}@media (max-width: 768px){.infrastructure-management{padding:12px}.infra-header h2{font-size:22px}.infra-toolbar{flex-direction:column;align-items:stretch}.toolbar-search{width:100%}.toolbar-sort{width:100%;justify-content:space-between}.toolbar-actions{width:100%;margin-left:0}.infra-tabs{overflow-x:auto}.card-info-grid{grid-template-columns:1fr}.control-buttons{flex-direction:column;align-items:stretch}.control-buttons .btn{width:100%}}@media print{.infra-toolbar,.card-controls,.error-banner button{display:none}}.rollback-panel{display:flex;flex-direction:column;gap:16px;padding:16px;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:8px;color:#e0e0e0;max-height:600px;overflow-y:auto}.rollback-panel.empty-state{align-items:center;justify-content:center;min-height:150px;color:#888;text-align:center}.rollback-panel.empty-state p{margin:0 0 8px;font-size:14px}.rollback-panel.empty-state small{color:#666;font-size:12px}.rollback-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2a2a2a;padding-bottom:12px}.header-left{display:flex;align-items:center;gap:12px}.severity-badge{display:inline-block;padding:4px 12px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.header-right{display:flex;align-items:center;gap:8px}.confidence-score{font-size:12px;color:#aaa}.confidence-score .score{color:#4ade80;font-weight:700}.analysis-summary{padding:12px;background:#1a1a1a;border-radius:6px;border-left:3px solid #3b82f6}.summary-title{margin:0 0 8px;font-size:13px;font-weight:600;color:#fff}.summary-text{margin:0;font-size:12px;color:#ccc;line-height:1.4}.breaking-changes-section,.affected-files-section{display:flex;flex-direction:column;gap:8px}.section-header{margin:0;font-size:12px;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:.5px}.changes-list{display:flex;flex-direction:column;gap:6px}.change-item{display:flex;align-items:flex-start;gap:8px;padding:8px;background:#1a1a1a;border-radius:4px;border-left:2px solid #ef4444}.change-icon{flex-shrink:0;font-size:12px}.change-text{font-size:12px;color:#e0e0e0;word-break:break-word}.files-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.file-item{display:flex;align-items:center;gap:8px;padding:8px;background:#1a1a1a;border-radius:4px;border-left:2px solid #f59e0b}.file-icon{flex-shrink:0;font-size:12px}.file-path{font-size:11px;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.more-files{padding:8px;text-align:center;font-size:11px;color:#666}.rollback-options{display:flex;flex-direction:column;gap:12px}.options-group{display:flex;flex-direction:column;gap:8px}.group-label{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.rollback-option{padding:12px;background:#1a1a1a;border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease}.rollback-option:hover{background:#252525;border-color:#3b82f6}.rollback-option.selected{background:#1e3a5f;border-color:#3b82f6;box-shadow:0 0 8px #3b82f633}.rollback-option.recommended{border-color:#4ade80;background:#0f2f1f}.rollback-option.recommended:hover{border-color:#4ade80;background:#153a26}.rollback-option.recommended.selected{background:#1a4d2e;box-shadow:0 0 8px #4ade8033}.option-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.option-emoji{font-size:14px}.option-title{font-size:10px;color:#4ade80;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.option-action{font-size:12px;font-weight:600;color:#fff;flex:1}.option-description{font-size:11px;color:#aaa;margin-bottom:8px}.option-selected-badge{display:inline-block;padding:4px 8px;background:#4ade80;color:#0f0f0f;border-radius:3px;font-size:10px;font-weight:700}.confirmation-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#1a1a1a;border:2px solid #ef4444;border-radius:8px;padding:20px;max-width:500px;color:#e0e0e0}.modal-content h5{margin:0 0 12px;font-size:14px;font-weight:600;color:#ef4444}.modal-content p{margin:0 0 8px;font-size:12px;line-height:1.5}.modal-content p:last-of-type{margin-bottom:12px}.modal-content code{display:block;padding:12px;background:#0f0f0f;border-radius:4px;border:1px solid #2a2a2a;font-family:Courier New,monospace;font-size:11px;color:#4ade80;margin-bottom:12px;word-break:break-word}.confirmation-input{width:100%;padding:10px;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:4px;color:#e0e0e0;font-family:Courier New,monospace;font-size:12px;box-sizing:border-box;margin-bottom:16px}.confirmation-input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 4px #ef44444d}.confirmation-input:disabled{opacity:.5;cursor:not-allowed}.modal-buttons{display:flex;gap:8px;justify-content:flex-end}.btn-cancel,.btn-rollback,.btn-confirm{padding:10px 16px;border-radius:4px;border:1px solid transparent;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.btn-cancel{background:transparent;border:1px solid #666666;color:#aaa;flex:1}.btn-cancel:hover:not(:disabled){border-color:#888;color:#ccc}.btn-rollback,.btn-confirm{background:#ef4444;color:#fff;flex:1}.btn-rollback:hover:not(:disabled),.btn-confirm:hover:not(:disabled){background:#dc2626;box-shadow:0 0 8px #ef44444d}.btn-rollback:disabled,.btn-confirm:disabled{opacity:.5;cursor:not-allowed}.btn-spinner,.status-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.executing-status{display:flex;align-items:center;gap:8px;padding:12px;background:#1a3a2f;border:1px solid #4ade80;border-radius:4px;color:#4ade80;font-size:12px;font-weight:600}.rollback-panel::-webkit-scrollbar{width:6px}.rollback-panel::-webkit-scrollbar-track{background:transparent}.rollback-panel::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px}.rollback-panel::-webkit-scrollbar-thumb:hover{background:#3a3a3a}.files-list::-webkit-scrollbar{width:6px}.files-list::-webkit-scrollbar-track{background:transparent}.files-list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px}.files-list::-webkit-scrollbar-thumb:hover{background:#3a3a3a}.rollback-execution-panel{display:flex;flex-direction:column;gap:16px;padding:16px;background:#0f0f0f;border:1px solid #2a2a2a;border-radius:8px;color:#e0e0e0}.execution-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2a2a2a;padding-bottom:12px}.header-left,.header-right{display:flex;align-items:center;gap:12px}.panel-title{margin:0;font-size:16px;font-weight:600;color:#fff}.status-badge{display:inline-block;padding:4px 12px;border-radius:4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#fff}.action-name{font-size:12px;font-weight:600;color:#aaa}.elapsed-time{font-size:12px;color:#4ade80;font-weight:600;font-family:Courier New,monospace}.progress-section{display:flex;flex-direction:column;gap:8px}.progress-bar{width:100%;height:24px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#4ade80);transition:width .3s ease;display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;font-weight:700;padding:0 8px}.progress-text{text-align:center;font-size:11px;color:#888;font-weight:600}.section-header{margin:0 0 8px;font-size:12px;font-weight:600;color:#aaa;text-transform:uppercase;letter-spacing:.5px}.repos-section,.repos-list{display:flex;flex-direction:column;gap:8px}.repo-item{padding:12px;background:#1a1a1a;border-radius:6px;border-left:3px solid #2a2a2a}.repo-item.success{border-left-color:#4ade80}.repo-item.in_progress{border-left-color:#f59e0b}.repo-item.failed{border-left-color:#ef4444}.repo-item.pending{border-left-color:#6b7280}.repo-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.repo-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.repo-name{font-size:12px;font-weight:600;color:#fff;flex:1}.repo-status{font-size:10px;color:#888;text-transform:uppercase;letter-spacing:.5px}.repo-message{font-size:11px;color:#aaa;margin-bottom:4px}.repo-commit{font-size:10px;color:#666}.repo-commit code{background:#0f0f0f;padding:2px 4px;border-radius:2px;font-family:Courier New,monospace;color:#4ade80}.timemachine-section{display:flex;flex-direction:column;gap:8px}.restore-info{padding:12px;background:#1a3a2f;border:1px solid #4ade80;border-radius:6px}.restore-item{display:flex;flex-direction:column;gap:4px}.restore-label{font-size:11px;color:#aaa;text-transform:uppercase;letter-spacing:.5px}.restore-value{font-family:Courier New,monospace;font-size:11px;color:#4ade80;background:#0f0f0f;padding:6px;border-radius:3px;word-break:break-all}.messages-section{display:flex;flex-direction:column;gap:8px}.messages-list{display:flex;flex-direction:column;gap:6px;max-height:200px;overflow-y:auto}.message-item{display:flex;align-items:flex-start;gap:8px;padding:8px;background:#1a1a1a;border-radius:4px;font-size:11px}.message-icon{flex-shrink:0;font-size:12px;font-weight:700}.message-text{color:#ccc;word-break:break-word;flex:1;line-height:1.4}.success-message{border-left:2px solid #4ade80}.success-message .message-icon{color:#4ade80}.error-message{border-left:2px solid #ef4444}.error-message .message-icon{color:#ef4444}.error-section{background:#ef44440d;padding:8px;border-radius:6px;border:1px solid rgba(239,68,68,.2)}.success-section{background:#4ade800d;padding:8px;border-radius:6px;border:1px solid rgba(74,222,128,.2)}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;padding:12px;background:#1a1a1a;border-radius:6px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-item.success{color:#4ade80}.stat-item.error{color:#ef4444}.stat-label{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:14px;font-weight:700;color:#fff}.stat-item.success .stat-value{color:#4ade80}.stat-item.error .stat-value{color:#ef4444}.action-buttons{display:flex;gap:8px;margin-top:8px}.btn-cancel{padding:10px 16px;background:#ef4444;color:#fff;border:1px solid #ef4444;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;flex:1}.btn-cancel:hover:not(:disabled){background:#dc2626;box-shadow:0 0 8px #ef44444d}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.completion-message,.failure-message{display:flex;align-items:center;gap:8px;padding:12px;border-radius:4px;font-size:12px;font-weight:600}.completion-message{background:#1a4d2e;border:1px solid #4ade80;color:#4ade80}.completion-icon{font-size:16px}.failure-message{background:#3a1a1a;border:1px solid #ef4444;color:#ef4444}.failure-icon{font-size:16px}.messages-list::-webkit-scrollbar{width:6px}.messages-list::-webkit-scrollbar-track{background:transparent}.messages-list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:3px}.messages-list::-webkit-scrollbar-thumb:hover{background:#3a3a3a}.orchestrator-dashboard{display:flex;flex-direction:column;height:100%;background-color:#1a1a1a;color:#e0e0e0;font-family:JetBrains Mono,Fira Code,SF Mono,monospace;padding:16px;gap:16px}.orchestrator-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid #333}.orchestrator-title{font-size:18px;font-weight:600;margin:0;color:#f59e0b}.connection-status{display:flex;align-items:center;gap:8px}.status-dot{width:10px;height:10px;border-radius:50%;transition:background-color .3s ease}.status-dot.connected{background-color:#10b981;box-shadow:0 0 8px #10b98180}.status-dot.connecting{background-color:#f59e0b;animation:pulse 1.5s infinite}.status-dot.disconnected{background-color:#6b7280}.status-dot.error{background-color:#ef4444;box-shadow:0 0 8px #ef444480}.status-label{font-size:12px;color:#9ca3af}.reconnect-btn{background:none;border:1px solid #4B5563;color:#9ca3af;padding:4px 8px;font-size:11px;cursor:pointer;font-family:inherit;transition:all .2s ease}.reconnect-btn:hover{background-color:#374151;color:#e0e0e0}.error-banner{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background-color:#ef444426;border:1px solid #EF4444;border-radius:4px}.error-icon{font-size:18px}.error-text{font-size:13px;color:#fca5a5;line-height:1.5}.error-text small{color:#9ca3af}.orchestrator-grid{display:grid;grid-template-columns:1fr 350px;gap:16px;flex:1;min-height:0;overflow:hidden}.left-panel{display:flex;flex-direction:column;gap:16px;min-height:0;overflow:hidden}.chat-section{display:flex;flex-direction:column;background-color:#242424;border:1px solid #333;border-radius:6px;flex:1;min-height:200px;max-height:300px}.chat-section-inverted{flex-direction:column;min-height:400px;max-height:none;flex:2}.chat-section-inverted .chat-messages-scrollable{flex:1;overflow-y:auto;min-height:200px}.chat-section-inverted .chat-input-bottom{border-top:1px solid #333;background-color:#1f1f1f;flex-shrink:0}.chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:8px}.chat-placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#6b7280;font-size:13px}.chat-message{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;padding:8px 12px;border-radius:4px;font-size:13px;line-height:1.4}.chat-message.user{background-color:#1e3a5f;margin-left:40px}.chat-message.orchestrator{background-color:#2d2d2d;margin-right:40px}.chat-message.system{background-color:transparent;color:#6b7280;font-style:italic;font-size:12px;justify-content:center}.agent-badge{padding:2px 6px;border-radius:3px;font-size:10px;font-weight:600;color:#fff;text-transform:uppercase}.message-content{flex:1;word-break:break-word}.message-time{font-size:10px;color:#6b7280;align-self:flex-end}.chat-input-container{display:flex;gap:8px;padding:12px;border-top:1px solid #333}.chat-input{flex:1;background-color:#1a1a1a;border:1px solid #333;border-radius:4px;padding:8px 12px;color:#e0e0e0;font-family:inherit;font-size:13px}.chat-input:focus{outline:none;border-color:#f59e0b}.chat-input:disabled{background-color:#2d2d2d;color:#6b7280}.send-btn{background-color:#f59e0b;border:none;color:#1a1a1a;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.send-btn:hover:not(:disabled){background-color:#d97706}.send-btn:disabled{background-color:#4b5563;color:#9ca3af;cursor:not-allowed}.decision-flow-section{flex:1;display:flex;flex-direction:column;background-color:#242424;border:1px solid #333;border-radius:6px;min-height:0;overflow:hidden}.section-title{font-size:14px;font-weight:600;margin:0;padding:12px 16px;border-bottom:1px solid #333;color:#9ca3af}.decision-steps{flex:1;overflow-y:auto;padding:12px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#6b7280;text-align:center;padding:20px}.empty-state p{margin:0;font-size:13px}.empty-state small{font-size:11px;margin-top:4px}.decision-step{margin-bottom:8px}.step-header{display:flex;align-items:center;gap:8px;padding:10px 12px;background-color:#2d2d2d;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.step-header:hover{background-color:#333}.decision-step.running .step-header{border-left:3px solid #F59E0B;animation:step-pulse 1.5s infinite}.decision-step.completed .step-header{border-left:3px solid #10B981}.decision-step.failed .step-header{border-left:3px solid #EF4444}@keyframes step-pulse{0%,to{background-color:#2d2d2d}50%{background-color:#f59e0b1a}}.step-number{font-size:12px;color:#6b7280;min-width:20px}.step-icon{font-size:14px}.step-type{font-size:11px;font-weight:600;color:#f59e0b;text-transform:uppercase}.step-summary{flex:1;font-size:12px;color:#e0e0e0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-confidence{font-size:11px;color:#10b981}.step-status{font-size:10px;font-weight:600}.expand-icon{font-size:10px;color:#6b7280;transition:transform .2s ease}.step-details{margin-top:8px;padding:12px;background-color:#1a1a1a;border-radius:4px;border-left:2px solid #4B5563}.step-details pre{margin:0;font-size:11px;color:#9ca3af;white-space:pre-wrap;word-break:break-word}.step-metadata{margin-top:8px;padding-top:8px;border-top:1px solid #333}.metadata-item{display:flex;gap:8px;font-size:11px;margin-bottom:4px}.metadata-key{color:#6b7280}.metadata-value{color:#9ca3af}.step-connector{text-align:center;color:#4b5563;font-size:12px;padding:4px 0}.right-panel{display:flex;flex-direction:column;gap:16px;min-height:0;overflow:hidden}.agent-activity-section{background-color:#242424;border:1px solid #333;border-radius:6px;display:flex;flex-direction:column;max-height:280px}.agent-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px;overflow-y:auto}.agent-card{background-color:#2d2d2d;border-radius:4px;padding:10px;border-left:3px solid #4B5563;transition:all .2s ease}.agent-card.running{animation:agent-running 1.5s infinite}@keyframes agent-running{0%,to{box-shadow:0 0 #f59e0b66}50%{box-shadow:0 0 0 4px #f59e0b00}}.agent-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.agent-color-dot{width:8px;height:8px;border-radius:50%}.agent-name{font-size:11px;font-weight:600;color:#e0e0e0;text-transform:capitalize}.agent-status{font-size:10px;font-weight:600}.agent-task{font-size:10px;color:#9ca3af;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agent-metrics{display:flex;gap:8px;margin-top:6px;font-size:9px;color:#6b7280}.files-accessed-section{flex:1;background-color:#242424;border:1px solid #333;border-radius:6px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.files-list{flex:1;overflow-y:auto;padding:8px}.file-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:3px;margin-bottom:4px;background-color:#2d2d2d;font-size:11px}.file-item.success{border-left:2px solid #10B981}.file-item.failed{border-left:2px solid #EF4444}.file-agent-badge{width:18px;height:18px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#fff;flex-shrink:0}.file-path{flex:1;color:#e0e0e0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-operation{color:#6b7280;font-size:10px}.file-time{color:#4b5563;font-size:10px}.agent-legend{background-color:#242424;border:1px solid #333;border-radius:6px;padding:12px}.legend-title{font-size:11px;font-weight:600;color:#6b7280;margin:0 0 8px;text-transform:uppercase}.legend-items{display:flex;flex-wrap:wrap;gap:8px}.legend-item{display:flex;align-items:center;gap:4px}.legend-dot{width:8px;height:8px;border-radius:50%}.legend-label{font-size:10px;color:#9ca3af}.orchestrator-dashboard ::-webkit-scrollbar{width:6px;height:6px}.orchestrator-dashboard ::-webkit-scrollbar-track{background:#1a1a1a;border-radius:3px}.orchestrator-dashboard ::-webkit-scrollbar-thumb{background:#4b5563;border-radius:3px}.orchestrator-dashboard ::-webkit-scrollbar-thumb:hover{background:#6b7280}.chat-textarea{flex:1;background-color:#1a1a1a;border:1px solid #333;border-radius:4px;padding:10px 12px;color:#e0e0e0;font-family:inherit;font-size:13px;line-height:1.5;resize:none;min-height:60px;max-height:200px;overflow-y:auto}.chat-textarea:focus{outline:none;border-color:#f59e0b}.chat-textarea:disabled{background-color:#2d2d2d;color:#6b7280}.chat-input-container{display:flex;flex-direction:column;gap:8px;padding:12px;border-top:1px solid #333}.input-actions{display:flex;justify-content:flex-end;gap:8px}.chat-message.user.clickable{cursor:pointer;transition:all .2s ease;position:relative}.chat-message.user.clickable:hover{background-color:#244a6f;border:1px solid #3B82F6;margin-left:39px}.chat-message.user.clickable:hover .edit-hint{opacity:1}.chat-message.user.editing{background-color:#1e3a5f;border:2px solid #F59E0B;margin-left:38px}.edit-hint{font-size:9px;color:#6b7280;opacity:0;transition:opacity .2s ease;margin-left:auto}.processing-indicator{display:flex;align-items:center;gap:12px;padding:12px 16px;background:linear-gradient(90deg,#f59e0b1a,#f59e0b0d);border:1px solid rgba(245,158,11,.3);border-radius:4px;margin:8px 12px}.processing-spinner{width:20px;height:20px;border:2px solid rgba(245,158,11,.3);border-top-color:#f59e0b;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.processing-info{display:flex;flex-direction:column;gap:2px}.processing-label{font-size:12px;font-weight:600;color:#f59e0b}.processing-timer{font-size:18px;font-weight:700;color:#e0e0e0;font-variant-numeric:tabular-nums}.processing-metrics{display:flex;flex-direction:column;gap:4px;margin-left:auto;padding-left:16px;border-left:1px solid rgba(245,158,11,.2)}.processing-metrics .metric{display:flex;align-items:center;gap:4px;font-size:11px;color:#9ca3af}.processing-metrics .metric-icon{color:#f59e0b;font-weight:700}.editing-banner{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background-color:#3b82f626;border:1px solid #3B82F6;border-radius:4px;margin:0 12px;font-size:12px;color:#93c5fd}.cancel-edit-btn{background:none;border:1px solid #3B82F6;color:#93c5fd;padding:2px 8px;font-size:11px;cursor:pointer;font-family:inherit;transition:all .2s ease}.cancel-edit-btn:hover{background-color:#3b82f633}.btn-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(26,26,26,.3);border-top-color:#1a1a1a;border-radius:50%;animation:spin 1s linear infinite;margin-right:6px;vertical-align:middle}.send-btn{display:flex;align-items:center;justify-content:center;background-color:#f59e0b;border:none;color:#1a1a1a;padding:10px 20px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background-color .2s ease;min-width:100px}.chat-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#6b7280;font-size:13px;gap:4px}.chat-placeholder small{font-size:11px;color:#4b5563}@media (max-width: 1024px){.orchestrator-grid{grid-template-columns:1fr}.right-panel{flex-direction:row;flex-wrap:wrap}.agent-activity-section,.files-accessed-section{flex:1;min-width:280px}.agent-legend{width:100%}}.mcp-server-manager{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:#1e1e1e;color:#e0e0e0;font-family:Monaco,Courier New,monospace;font-size:13px;line-height:1.6}.mcp-server-manager.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:#888}.mcp-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:2px solid #333}.mcp-header h2{margin:0;font-size:18px;font-weight:600;color:#00bcd4}.mcp-controls{display:flex;gap:8px}.refresh-button{padding:6px 12px;background-color:#2a2a2a;border:1px solid #444;color:#00bcd4;cursor:pointer;font-family:Monaco,monospace;font-size:12px;border-radius:3px;transition:all .2s ease}.refresh-button:hover:not(:disabled){background-color:#333;border-color:#00bcd4}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.refresh-button.enabled{color:#4caf50}.mcp-error-banner{padding:12px;background-color:#f44336;color:#fff;border-radius:4px;font-size:12px}.mcp-servers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.mcp-server-card{display:flex;flex-direction:column;gap:8px;padding:12px;background-color:#2a2a2a;border:2px solid #444;border-radius:4px;cursor:pointer;transition:all .2s ease}.mcp-server-card:hover{border-color:#666;background-color:#333}.mcp-server-card.selected{border-color:#00bcd4;background-color:#1a3a3a;box-shadow:0 0 10px #00bcd44d}.mcp-server-card.running{border-left:4px solid #4CAF50}.mcp-server-card.stopped{border-left:4px solid #757575}.mcp-server-card.error{border-left:4px solid #F44336}.server-header{display:flex;align-items:center;gap:8px}.status-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.server-name{font-weight:600;color:#00bcd4;flex:1}.status-badge{padding:2px 6px;background-color:#1a1a1a;border:1px solid #555;border-radius:2px;font-size:11px;color:#888}.server-info{display:flex;flex-direction:column;gap:4px;font-size:12px}.info-row{display:flex;justify-content:space-between;align-items:center}.info-row .label{color:#999}.info-row .value{color:#e0e0e0;font-family:Monaco,monospace;font-weight:500}.health-info{display:flex;flex-direction:column;gap:4px;padding-top:8px;border-top:1px solid #444}.health-status{font-weight:600;font-size:12px}.health-detail{color:#999;font-size:11px}.server-actions{display:flex;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid #444}.action-button{flex:1;padding:6px 8px;border:1px solid #555;border-radius:2px;background-color:#1a1a1a;color:#00bcd4;cursor:pointer;font-family:Monaco,monospace;font-size:11px;font-weight:600;transition:all .2s ease}.action-button:hover:not(:disabled){border-color:#00bcd4;background-color:#2a2a2a}.action-button.start{color:#4caf50;border-color:#4caf50}.action-button.start:hover:not(:disabled){background-color:#4caf501a}.action-button.stop{color:#f44336;border-color:#f44336}.action-button.stop:hover:not(:disabled){background-color:#f443361a}.action-button.health{color:#2196f3;border-color:#2196f3}.action-button.health:hover:not(:disabled){background-color:#2196f31a}.mcp-empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#888}.mcp-empty-state p{margin:0 0 8px}.mcp-empty-state .hint{font-size:12px;color:#666}.mcp-legend{display:flex;gap:24px;padding:12px;background-color:#2a2a2a;border-radius:4px;font-size:12px}.legend-item{display:flex;align-items:center;gap:8px}.mcp-editor-launcher{display:flex;flex-direction:column;gap:16px;padding:16px;background-color:#1e1e1e;color:#e0e0e0;font-family:Monaco,Courier New,monospace;font-size:13px;line-height:1.6}.launcher-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:2px solid #333}.launcher-header h2{margin:0;font-size:18px;font-weight:600;color:#2196f3}.mode-selector{display:flex;align-items:center;gap:8px}.mode-selector label{color:#999;font-size:12px}.mode-selector select{padding:6px 8px;background-color:#2a2a2a;border:1px solid #444;color:#2196f3;font-family:Monaco,monospace;font-size:12px;border-radius:3px;cursor:pointer}.mode-selector select:hover{border-color:#2196f3}.launcher-error{padding:12px;background-color:#f44336;color:#fff;border-radius:4px;font-size:12px}.launcher-success{padding:12px;background-color:#4caf50;color:#fff;border-radius:4px;font-size:12px}.editors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.editor-card{display:flex;flex-direction:column;gap:8px;padding:12px;background-color:#2a2a2a;border:2px solid #444;border-radius:4px;cursor:pointer;transition:all .2s ease}.editor-card:hover{border-color:#666;background-color:#333}.editor-card.selected{border-color:#2196f3;background-color:#1a2a3a;box-shadow:0 0 10px #2196f34d}.editor-card.web{border-left:4px solid #FF9800}.editor-card.desktop{border-left:4px solid #2196F3}.editor-icon{font-size:16px;font-weight:600;color:#2196f3}.editor-details{display:flex;flex-direction:column;gap:4px}.editor-name{font-weight:600;color:#00bcd4}.editor-type{font-size:11px;color:#999;padding:2px 4px;background-color:#1a1a1a;width:fit-content;border-radius:2px}.editor-port{font-size:12px;color:#999}.editor-description{font-size:11px;color:#888;line-height:1.4}.editor-actions{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding-top:8px;border-top:1px solid #444}.launch-button{padding:8px;background-color:#2196f3;border:1px solid #2196F3;border-radius:3px;color:#fff;cursor:pointer;font-family:Monaco,monospace;font-size:12px;font-weight:600;transition:all .2s ease}.launch-button:hover:not(:disabled){background-color:#1976d2}.launch-button:disabled{opacity:.6;cursor:not-allowed}.launch-info{display:flex;flex-direction:column;gap:4px;font-size:11px}.launch-info .info-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid #333}.launch-info .info-row span:first-child{color:#999}.launch-info .info-row span:last-child{color:#e0e0e0;font-weight:500}.launch-history{padding:12px;background-color:#2a2a2a;border:1px solid #444;border-radius:4px}.launch-history h3{margin:0 0 8px;font-size:13px;color:#2196f3}.history-list{display:flex;flex-direction:column;gap:4px}.history-item{display:flex;align-items:center;gap:8px;padding:6px;background-color:#1a1a1a;border-radius:2px;font-size:11px}.history-editor{color:#00bcd4;font-weight:500;min-width:80px}.history-mode{color:#999;padding:2px 4px;background-color:#333;border-radius:2px}.history-port{color:#888;font-family:Monaco,monospace}.history-time{color:#666;margin-left:auto;font-size:10px}.launcher-info-box{padding:12px;background-color:#2a2a2a;border:1px solid #444;border-radius:4px}.launcher-info-box h3{margin:0 0 8px;font-size:13px;color:#2196f3}.config-list{display:flex;flex-direction:column;gap:6px}.config-item{display:flex;justify-content:space-between;align-items:center;font-size:12px}.config-item .label{color:#999;min-width:100px}.config-item .value{color:#e0e0e0;font-weight:500}.config-item .value.monospace{font-family:Monaco,monospace;font-size:11px;max-width:300px;overflow:hidden;text-overflow:ellipsis}:root{--color-primary: #00d4ff;--color-primary-dim: #26BFF2;--color-success: #4ade80;--color-warning: #eab308;--color-danger: #ef4444;--color-info: #3b82f6;--color-bg-darker: #020617;--color-bg-dark: #0f172a;--color-bg-mid: #1e293b;--color-border: #1e293b;--color-border-subtle: #334155;--color-text-primary: #f1f5f9;--color-text-secondary: #cbd5e1;--color-text-tertiary: #94a3b8;--color-nebula-purple: #5A1EA6;--color-nebula-pink: #A6268C;--color-nebula-violet: #7326BF;--color-glass-fill: rgba(255, 255, 255, .06);--color-glass-border: rgba(255, 255, 255, .12);--color-glass-highlight: rgba(255, 255, 255, .2);--color-tier-free: #6b7280;--color-tier-basic: #3b82f6;--color-tier-premium: #8b5cf6;--color-tier-enterprise: #f59e0b;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--radius-full: 9999px;--text-xs: 10px;--text-sm: 12px;--text-base: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--transition-speed: .3s}.unified-app{display:flex;flex-direction:column;height:100vh;background:linear-gradient(135deg,var(--color-bg-darker) 0%,var(--color-bg-dark) 100%);color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.app-header{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);background:linear-gradient(180deg,rgba(0,212,255,.05) 0%,transparent 100%);box-shadow:0 2px 12px #00d4ff1a}.app-header .status-display{border-color:var(--color-border);background-color:transparent}.app-title{margin:0 0 var(--spacing-xs) 0;font-size:var(--text-2xl);font-weight:700;color:var(--color-primary);text-shadow:0 0 20px rgba(0,212,255,.3);letter-spacing:1px}.app-subtitle{margin:0;font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:400}.app-navigation{border-bottom:1px solid var(--color-border);background:linear-gradient(180deg,#0f172acc,#020617cc);backdrop-filter:blur(10px)}.nav-tabs{display:flex;gap:0;padding:0;margin:0;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab{flex:0 0 auto;padding:var(--spacing-xs) var(--spacing-sm);border:none;border-bottom:2px solid transparent;background:transparent;color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all var(--transition-speed) ease;display:flex;align-items:center;gap:var(--spacing-xs);justify-content:center;position:relative;outline:none;white-space:nowrap;min-height:36px}.nav-tab:hover{color:var(--color-primary);background:#00d4ff0d}.nav-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:#00d4ff1a;text-shadow:0 0 10px rgba(0,212,255,.4)}.nav-tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.tab-icon{font-size:var(--text-xl);font-weight:700}.tab-label{font-size:var(--text-sm);font-weight:600}.nav-info{padding:var(--spacing-xs) var(--spacing-sm);border-top:1px solid var(--color-border);background:#00d4ff08;font-size:var(--text-xs);color:var(--color-text-secondary);min-height:var(--text-base);display:flex;align-items:center}.tab-description{display:block}.app-content{flex:1;overflow:hidden;display:flex;flex-direction:column;outline:none}.content-section{flex:1;overflow:auto;padding:var(--spacing-sm);display:flex;flex-direction:column}.content-section::-webkit-scrollbar{width:8px}.content-section::-webkit-scrollbar-track{background:#00d4ff0d}.content-section::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}.content-section::-webkit-scrollbar-thumb:hover{background:#00e6ff}.launcher-section,.monitoring-section{background:transparent}.monitoring-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,350px);gap:var(--spacing-lg);height:100%}.monitoring-main{min-width:0;min-height:0;overflow:auto}.monitoring-sidebar{border:1px solid var(--color-border);border-radius:8px;background:#00d4ff0d;padding:var(--spacing-md);overflow:auto}.monitoring-sidebar::-webkit-scrollbar{width:6px}.monitoring-sidebar::-webkit-scrollbar-track{background:transparent}.monitoring-sidebar::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:3px}.tests-section{background:transparent}.app-footer{padding:var(--spacing-xs) var(--spacing-sm);border-top:1px solid var(--color-border);background:linear-gradient(180deg,transparent 0%,rgba(0,212,255,.05) 100%);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;min-height:32px}.footer-info{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);color:var(--color-text-secondary)}.version{color:var(--color-primary);font-weight:600;text-shadow:0 0 10px rgba(0,212,255,.3)}.health-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:#00d4ff1a;border:1px solid var(--color-primary);border-radius:2px;font-size:var(--text-xs);color:var(--color-primary);font-weight:600;min-height:24px}.health-badge strong{font-weight:700}.footer-shortcuts{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-xs);color:var(--color-text-secondary);flex-wrap:wrap;justify-content:flex-end}.shortcut{padding:var(--spacing-xs) var(--spacing-sm);background:#00d4ff0d;border:1px solid var(--color-border);border-radius:2px;font-family:Monaco,Menlo,Courier New,monospace;font-size:var(--text-xs);color:var(--color-primary);min-height:24px}@media (max-width: 767px){.monitoring-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.monitoring-sidebar{min-height:150px}.app-footer{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.footer-info{flex-direction:column;gap:var(--spacing-xs)}.footer-shortcuts{width:100%;justify-content:flex-start}.nav-tab{min-height:44px;min-width:44px;padding:var(--spacing-xs) var(--spacing-sm)}.nav-info{display:none}button,[role=button],.orchestration-button,.agent-card{min-height:44px;min-width:44px;padding:var(--spacing-sm) var(--spacing-md)}.app-footer{min-height:44px}.health-badge,.shortcut{min-height:44px;padding:var(--spacing-sm) var(--spacing-md)}}@media (min-width: 768px){.monitoring-grid{grid-template-columns:minmax(0,1fr) minmax(300px,350px)}}@media (min-width: 1440px){.monitoring-grid{grid-template-columns:minmax(0,1fr) minmax(350px,400px);gap:var(--spacing-lg)}.monitoring-sidebar{padding:var(--spacing-lg)}}@media (min-width: 2560px){.monitoring-grid{max-width:2400px;margin:0 auto;gap:var(--spacing-xl)}}.content-section{animation:fadeIn .3s ease-out}.app-header,.app-navigation,.app-footer{animation:slideInRight .3s ease-out}dialog,.modal,.dialog,.popup,[role=dialog],.ant-modal,.MuiDialog-root{font-size:var(--text-sm)!important}dialog *,.modal *,.dialog *,.popup *,[role=dialog] *,.ant-modal *,.MuiDialog-root *{font-size:var(--text-sm)!important}dialog h1,dialog h2,dialog h3,.modal h1,.modal h2,.modal h3,.dialog h1,.dialog h2,.dialog h3,.ant-modal-header,.MuiDialogTitle-root{font-size:var(--text-lg)!important;font-weight:600}dialog button,.modal button,.dialog button,.ant-modal button,.MuiButton-root{font-size:var(--text-sm)!important;padding:var(--spacing-xs) var(--spacing-md)!important;min-height:36px}dialog input,dialog textarea,.modal input,.modal textarea,.dialog input,.dialog textarea,.ant-modal input,.ant-modal textarea{font-size:var(--text-sm)!important;padding:var(--spacing-sm) var(--spacing-md)!important;min-height:36px}.settings-modal,.settings-dialog,.modal[class*=settings],dialog[class*=settings],.ant-modal.settings-modal{font-size:var(--text-base)!important}.settings-modal *,.settings-dialog *,.modal[class*=settings] *,dialog[class*=settings] *,.ant-modal.settings-modal *{font-size:var(--text-base)!important}.settings-modal h1,.settings-modal h2,.settings-modal h3,.settings-dialog h1,.settings-dialog h2,.settings-dialog h3{font-size:var(--text-xl)!important;font-weight:600}.settings-modal button,.settings-dialog button{font-size:var(--text-sm)!important;padding:var(--spacing-sm) var(--spacing-md)!important;min-height:40px}@media print{.app-header,.app-navigation,.app-footer{display:none}.app-content{flex:1;overflow:visible}.content-section{padding:0}}:root{--bg-primary: #1e1e1e;--bg-secondary: #252526;--bg-tertiary: #2d2d30;--bg-hover: #2a2d2e;--border-color: #3e3e42;--text-primary: #cccccc;--text-secondary: #858585;--text-muted: #6a6a6a;--color-success: #4CAF50;--color-warning: #FF9800;--color-error: #F44336;--color-info: #2196F3;--color-neutral: #808080;--color-mode-normal: #808080;--color-mode-mcp: #4CAF50;--color-mode-mlx: #FF9800;--color-mode-leingraph: #2196F3;--color-mode-mas: #9C27B0;--color-mode-ultra: #00BCD4;--color-mode-max: #E91E63;--color-excellent: #4CAF50;--color-good: #8BC34A;--color-fair: #FF9800;--color-poor: #F44336}.monitoring-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.monitoring-grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}@media (max-width: 1200px){.monitoring-grid-2col{grid-template-columns:1fr}.monitoring-grid-3col{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.monitoring-grid-3col{grid-template-columns:1fr}}.component-header,.panel-header,.dashboard-header,.report-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.component-header h2,.component-header h3,.panel-header h3,.dashboard-header h2,.report-header h2{margin:0;color:var(--text-primary);font-size:var(--text-xl);font-weight:600}.launcher-mode-selector{padding:var(--spacing-lg);background:var(--bg-primary);color:var(--text-primary)}.launcher-header{margin-bottom:1.5rem}.launcher-header h2{margin:0 0 .5rem;font-size:var(--text-2xl)}.launcher-subtitle{color:var(--text-secondary);font-size:var(--text-sm)}.launch-error-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:.75rem 1rem;background:#f443361a;border:1px solid var(--color-error);border-radius:4px;margin-bottom:var(--spacing-md)}.error-icon{color:var(--color-error);font-weight:700}.error-message{flex:1;color:var(--color-error)}.error-dismiss{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem .5rem}.launcher-section{margin-bottom:2rem}.section-title{margin:0 0 1rem;color:var(--text-primary);font-size:var(--text-lg);font-weight:500}.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.mode-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:var(--spacing-md);background:var(--bg-secondary);border:2px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s}.mode-card:hover{background:var(--bg-hover);transform:translateY(-2px)}.mode-card.selected{background:var(--bg-tertiary)}.mode-icon{font-size:var(--text-2xl);font-weight:700}.mode-name{font-size:var(--text-base);font-weight:500}.mode-badge{padding:.25rem .75rem;border-radius:12px;font-size:var(--text-xs);color:#fff;font-weight:600}.mode-tools{font-size:var(--text-sm);color:var(--text-secondary)}.mode-details{padding:var(--spacing-md);background:var(--bg-secondary);border-radius:6px}.mode-description{margin-bottom:.75rem;color:var(--text-primary)}.mode-ports{margin-bottom:.75rem;color:var(--text-secondary);font-size:var(--text-sm)}.ports-label{font-weight:500;margin-right:.5rem}.mode-stats{display:flex;gap:var(--spacing-lg);margin-top:.75rem}.stat-item{display:flex;gap:.5rem}.stat-label{color:var(--text-secondary)}.stat-value{color:var(--text-primary);font-weight:500}.editor-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.editor-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;transition:all .2s}.editor-button:hover{background:var(--bg-hover);border-color:var(--text-secondary)}.editor-button.selected{background:var(--bg-tertiary);border-color:var(--color-info)}.path-selector{display:flex;gap:var(--spacing-sm)}.path-input{flex:1;padding:var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);font-family:Consolas,Monaco,monospace}.path-browse-button{padding:.75rem 1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;transition:all .2s}.path-browse-button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-secondary)}.path-browse-button:disabled{opacity:.5;cursor:not-allowed}.launch-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-md);border:none;border-radius:6px;color:#fff;font-size:var(--text-lg);font-weight:600;cursor:pointer;transition:all .2s}.launch-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.launch-button:disabled{opacity:.5;cursor:not-allowed}.history-list{display:flex;flex-direction:column;gap:.5rem}.history-item{display:grid;grid-template-columns:auto auto 2fr auto auto auto;gap:var(--spacing-md);padding:.75rem 1rem;background:var(--bg-secondary);border-radius:4px;font-size:var(--text-sm);align-items:center}.history-path{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:Consolas,Monaco,monospace;font-size:var(--text-sm)}.history-status.success{color:var(--color-success)}.history-status.failed{color:var(--color-error)}.test-execution-dashboard{padding:var(--spacing-lg);background:var(--bg-primary);color:var(--text-primary)}.dashboard-controls{display:flex;gap:var(--spacing-sm)}.control-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;transition:all .2s}.control-button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-secondary)}.control-button.start-button:hover{border-color:var(--color-success)}.control-button.stop-button:hover{border-color:var(--color-error)}.dashboard-error{padding:.75rem 1rem;background:#f443361a;border:1px solid var(--color-error);border-radius:4px;margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm)}.execution-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-md);margin:1.5rem 0}.metric-card{padding:var(--spacing-md);background:var(--bg-secondary);border-radius:6px;text-align:center}.metric-value{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.metric-label{font-size:var(--text-sm);color:var(--text-secondary)}.pass-metric .metric-value{color:var(--color-success)}.fail-metric .metric-value{color:var(--color-error)}.skip-metric .metric-value{color:var(--color-warning)}.execution-progress{margin:1.5rem 0}.progress-bar{height:12px;background:var(--bg-secondary);border-radius:6px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;transition:width .3s ease}.progress-label{font-size:var(--text-sm);color:var(--text-secondary);text-align:center}.coverage-display{padding:var(--spacing-md);background:var(--bg-secondary);border-radius:6px;margin:1.5rem 0}.coverage-display h3{margin:0 0 1rem;font-size:var(--text-base)}.coverage-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.coverage-item{display:flex;justify-content:space-between}.coverage-value{font-weight:600;color:var(--text-primary)}.test-results-section{margin:1.5rem 0}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.results-filter{display:flex;gap:.5rem}.filter-button{padding:.4rem .8rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);transition:all .2s}.filter-button:hover{border-color:var(--text-secondary);color:var(--text-primary)}.filter-button.active{background:var(--bg-tertiary);border-color:var(--color-info);color:var(--text-primary)}.results-list{max-height:400px;overflow-y:auto;background:var(--bg-secondary);border-radius:6px;padding:.5rem}.test-result-item{display:grid;grid-template-columns:auto 1fr auto;gap:var(--spacing-md);padding:.75rem 1rem;border-radius:4px;margin-bottom:.5rem;align-items:center}.test-result-item.passed{background:#4caf501a}.test-result-item.failed{background:#f443361a}.test-result-item.skipped{background:#ff98001a}.status-icon.pass{color:var(--color-success)}.status-icon.fail{color:var(--color-error)}.status-icon.skip{color:var(--color-warning)}.status-icon.running{color:var(--color-info)}.result-error{grid-column:1 / -1;padding:.5rem;background:#f4433633;border-radius:4px;font-size:var(--text-sm);color:var(--color-error);font-family:Consolas,Monaco,monospace}.output-section{margin-top:1.5rem}.output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.output-console{background:#1e1e1e;border:1px solid var(--border-color);border-radius:4px;padding:var(--spacing-md);max-height:300px;overflow-y:auto;font-family:Consolas,Monaco,monospace;font-size:var(--text-sm)}.output-line{margin-bottom:.25rem;white-space:pre-wrap;word-break:break-all}.no-output,.no-results{padding:2rem;text-align:center;color:var(--text-secondary)}.regression-report{padding:var(--spacing-lg);background:var(--bg-primary);color:var(--text-primary)}.header-actions{display:flex;gap:var(--spacing-sm)}.action-button{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);transition:all .2s}.action-button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-secondary)}.action-button:disabled{opacity:.5;cursor:not-allowed}.regression-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md);margin:1.5rem 0}.summary-card{padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:6px;text-align:center;border:2px solid transparent}.summary-card.critical{border-color:var(--color-error)}.summary-card.warning{border-color:var(--color-warning)}.summary-card.info{border-color:var(--color-info)}.card-value{font-size:var(--text-3xl);font-weight:700;margin-bottom:.5rem}.summary-card.critical .card-value{color:var(--color-error)}.summary-card.warning .card-value{color:var(--color-warning)}.summary-card.info .card-value{color:var(--color-info)}.baseline-comparison{padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:6px;margin:1.5rem 0}.baseline-comparison h3{margin:0 0 1rem}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.comparison-column h4{margin:0 0 1rem;color:var(--text-primary);font-size:var(--text-sm)}.metric-list{display:flex;flex-direction:column;gap:.5rem}.metric-item{padding:.5rem;background:var(--bg-tertiary);border-radius:4px;font-size:var(--text-sm)}.regression-list-section{margin-top:1.5rem}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.list-filter{display:flex;gap:.5rem;flex-wrap:wrap}.regression-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.regression-item{display:grid;grid-template-columns:auto auto 1fr;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:6px;border-left:4px solid transparent;align-items:center}.regression-item.severity-critical{border-left-color:var(--color-error);background:#f443360d}.regression-item.severity-warning{border-left-color:var(--color-warning);background:#ff98000d}.regression-item.severity-info{border-left-color:var(--color-info);background:#2196f30d}.regression-severity{font-weight:700}.regression-type{font-size:var(--text-sm);color:var(--text-secondary)}.regression-message{color:var(--text-primary)}.regression-details{grid-column:1 / -1;display:flex;gap:2rem;margin-top:.5rem;font-size:var(--text-sm);color:var(--text-secondary);font-family:Consolas,Monaco,monospace}.no-regressions{padding:2rem;text-align:center;color:var(--text-secondary);background:var(--bg-secondary);border-radius:6px}.health-score-dashboard{padding:var(--spacing-lg);background:var(--bg-primary);color:var(--text-primary)}.header-trend{display:flex;align-items:center;gap:.5rem;font-size:var(--text-sm);color:var(--text-secondary)}.dashboard-content{display:flex;flex-direction:column;gap:2rem}.score-main-display{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:2rem;background:var(--bg-secondary);border-radius:8px}.score-circle{width:180px;height:180px;border-radius:50%;border:8px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-tertiary)}.score-value{font-size:var(--text-4xl);font-weight:700}.score-label{font-size:var(--text-sm);color:var(--text-secondary)}.score-category{font-size:var(--text-xl);font-weight:600}.component-breakdown{display:flex;flex-direction:column;gap:var(--spacing-lg)}.component-breakdown h3{margin:0;font-size:var(--text-lg)}.component-card{padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:6px}.component-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.component-name{font-weight:600;font-size:var(--text-lg)}.component-weight{font-size:var(--text-sm);color:var(--text-secondary)}.component-score-bar{height:24px;background:var(--bg-tertiary);border-radius:12px;overflow:hidden;margin-bottom:var(--spacing-md)}.component-score-fill{height:100%;transition:width .5s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:.5rem;color:#fff;font-weight:600;font-size:var(--text-sm)}.component-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-sm);margin-bottom:.75rem}.detail-item{display:flex;justify-content:space-between;padding:.5rem;background:var(--bg-tertiary);border-radius:4px}.detail-label{color:var(--text-secondary);font-size:var(--text-sm)}.detail-value{color:var(--text-primary);font-weight:600;font-size:var(--text-sm)}.component-contribution{font-size:var(--text-sm);color:var(--text-secondary);text-align:right}.recommendations-section{padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:6px}.recommendations-section h3{margin:0 0 1rem;font-size:var(--text-lg)}.recommendations-list{list-style:none;padding:0;margin:0}.recommendation-item{padding:.75rem 1rem;margin-bottom:.5rem;background:var(--bg-tertiary);border-left:3px solid var(--color-warning);border-radius:4px}.health-trend-section{padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:6px}.health-trend-section h3{margin:0 0 1rem;font-size:var(--text-lg)}.trend-chart{background:var(--bg-tertiary);border-radius:4px;padding:var(--spacing-md)}.trend-svg{display:block}.database-health-panel,.resource-monitor,.alert-center,.mlx-metrics-viewer,.lmstudio-monitor,.service-health-summary{padding:var(--spacing-lg);background:var(--bg-secondary);border-radius:6px;color:var(--text-primary)}.panel-header,.viewer-header,.monitor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.panel-header h3,.viewer-header h3,.monitor-header h3{margin:0;font-size:var(--text-lg)}.connection-status{font-size:var(--text-sm);padding:.25rem .75rem;border-radius:12px;font-weight:600}.connection-status.connected{color:var(--color-success);background:#4caf501a}.connection-status.disconnected{color:var(--color-error);background:#f443361a}.database-list,.service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.database-card,.service-card{padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:4px;border-left:3px solid transparent}.database-card{border-left-color:var(--color-success)}.db-name,.service-name{font-weight:600;margin-bottom:.5rem}.db-status,.service-status{font-size:var(--text-sm);margin-bottom:.75rem}.db-status.status-connected,.service-status.connected{color:var(--color-success)}.db-status.status-disconnected,.service-status.disconnected{color:var(--color-error)}.db-status.status-degraded{color:var(--color-warning)}.db-metrics,.metrics-grid{display:flex;flex-direction:column;gap:.5rem}.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.metric-item{display:flex;justify-content:space-between;font-size:var(--text-sm)}.metric-item span:first-child{color:var(--text-secondary)}.metric-item span:last-child{color:var(--text-primary);font-weight:500}.resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-lg)}.resource-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.resource-label{font-weight:600;font-size:var(--text-base)}.resource-gauge{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.gauge-value{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);z-index:1}.resource-detail{font-size:var(--text-sm);color:var(--text-secondary)}.alert-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.alert-filter{display:flex;gap:.5rem}.filter-btn{padding:.4rem .8rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);transition:all .2s}.filter-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.filter-btn.active{background:var(--bg-primary);border-color:var(--color-info);color:var(--text-primary)}.alert-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:400px;overflow-y:auto}.alert-item{display:grid;grid-template-columns:auto 1fr auto;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--bg-tertiary);border-radius:4px;border-left:3px solid;align-items:center}.alert-item.severity-critical{border-left-color:var(--color-error);background:#f443360d}.alert-item.severity-warning{border-left-color:var(--color-warning);background:#ff98000d}.alert-item.severity-info{border-left-color:var(--color-info);background:#2196f30d}.alert-content{display:flex;flex-direction:column;gap:.25rem}.alert-type{font-weight:600;font-size:var(--text-sm)}.alert-message{font-size:var(--text-sm);color:var(--text-secondary)}.alert-time{font-size:var(--text-xs);color:var(--text-muted)}.alert-ack-btn{padding:.4rem .8rem;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer;font-size:var(--text-sm);transition:all .2s}.alert-ack-btn:hover{background:var(--bg-secondary);border-color:var(--color-success)}.service-port{font-family:Consolas,Monaco,monospace;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:.5rem}.service-response-time{font-size:var(--text-sm);color:var(--text-secondary);margin-top:.5rem}.service-last-check{font-size:var(--text-xs);color:var(--text-muted);margin-top:.25rem}.no-metrics{padding:2rem;text-align:center;color:var(--text-secondary)}.monitoring-hub{padding:var(--spacing-lg);background:var(--bg-primary);color:var(--text-primary)}.hub-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.hub-header h2{margin:0;font-size:var(--text-2xl)}.view-toggle{display:flex;gap:.5rem}.toggle-button{padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.toggle-button:hover{border-color:var(--text-secondary);color:var(--text-primary)}.toggle-button.active{background:var(--bg-tertiary);border-color:var(--color-info);color:var(--text-primary)}.hub-overview,.hub-detailed{display:flex;flex-direction:column;gap:var(--spacing-lg)}.loading-state,.error-state,.no-data-state{padding:3rem 2rem;text-align:center;color:var(--text-secondary);background:var(--bg-secondary);border-radius:6px}.error-state{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);color:var(--color-error)}.results-list::-webkit-scrollbar,.output-console::-webkit-scrollbar,.alert-list::-webkit-scrollbar{width:8px;height:8px}.results-list::-webkit-scrollbar-track,.output-console::-webkit-scrollbar-track,.alert-list::-webkit-scrollbar-track{background:var(--bg-tertiary)}.results-list::-webkit-scrollbar-thumb,.output-console::-webkit-scrollbar-thumb,.alert-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.results-list::-webkit-scrollbar-thumb:hover,.output-console::-webkit-scrollbar-thumb:hover,.alert-list::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.spinner{display:inline-block;animation:spin 1s linear infinite}.status-icon.running{animation:pulse 1.5s ease-in-out infinite}@media (max-width: 768px){.launcher-mode-selector,.test-execution-dashboard,.regression-report,.health-score-dashboard,.monitoring-hub{padding:var(--spacing-md)}.mode-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.execution-metrics{grid-template-columns:repeat(2,1fr)}.comparison-grid{grid-template-columns:1fr}.history-item{grid-template-columns:1fr;gap:.5rem}.resource-grid,.alert-item{grid-template-columns:1fr}}:root{--ink: #f3eedd;--ink-dim: rgba(243,238,221,.62);--ink-faint: rgba(243,238,221,.34);--gold-1: #f7e7a5;--gold-2: #fff6d2;--gold-3: #d6b96a}html,body{margin:0;padding:0;height:100%;background:#04060f;color:var(--ink);font-family:Inter,system-ui,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}.lg23-host{position:relative;width:100%;height:100vh;height:100dvh;overflow:hidden;isolation:isolate;background:#04060f}.lg23-graph-zone{position:absolute;inset:0;z-index:0}.lg23-vignette{position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(ellipse 80% 60% at 50% 50%,transparent 50%,rgba(0,0,0,.55) 100%)}.lg23-text-veil-top{position:absolute;left:0;right:0;top:0;height:220px;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(4,6,15,.78) 0%,rgba(4,6,15,.4) 60%,transparent 100%)}.lg23-text-veil-bot{position:absolute;left:0;right:0;bottom:0;height:110px;z-index:2;pointer-events:none;background:linear-gradient(0deg,rgba(4,6,15,.7) 0%,rgba(4,6,15,.3) 65%,transparent 100%)}.lg23-tip{position:absolute;pointer-events:none;z-index:7;width:240px;background:#080b16f0;backdrop-filter:blur(18px);border:1px solid rgba(247,231,165,.32);border-radius:10px;padding:12px 14px;color:var(--ink);font-family:Inter,sans-serif;font-size:12px;line-height:1.5;box-shadow:0 16px 48px #0000008c;opacity:0;transform:translate(-50%,calc(-100% - 14px));transition:opacity .16s ease}.lg23-tip.on{opacity:1}.lg23-tip .glyph{display:inline-block;width:22px;height:22px;border-radius:6px;color:#0a0d10;text-align:center;line-height:22px;font-family:IBM Plex Mono,monospace;font-size:12px;margin-right:8px;vertical-align:-5px}.lg23-tip .name{font-family:Cormorant Garamond,serif;font-size:16px;letter-spacing:.01em}.lg23-tip .role{font-family:IBM Plex Mono,monospace;font-size:9.5px;color:var(--ink-faint);letter-spacing:.14em;text-transform:uppercase;margin:2px 0 8px}.lg23-top{position:absolute;top:0;left:0;right:0;padding:26px 28px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:3;pointer-events:none}.lg23-eyebrow{font-family:Inter,sans-serif;font-weight:300;font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:var(--gold-1);opacity:.92}.lg23-logo{position:relative;display:inline-block;font-family:Cormorant Garamond,serif;font-weight:500;font-size:clamp(44px,5.6vw,86px);line-height:.95;letter-spacing:.14em;color:transparent;background:linear-gradient(180deg,#fff,#fff6d2 10%,#f7e7a5 24%,#d6b96a,#a8842c,#d6b96a 72%,#f7e7a5 84%,#fff6d2,#fff);-webkit-background-clip:text;background-clip:text;text-shadow:0 1px 0 rgba(0,0,0,.5),0 0 26px rgba(247,231,165,.18);filter:drop-shadow(0 6px 22px rgba(247,231,165,.22)) drop-shadow(0 1px 0 rgba(0,0,0,.4))}.lg23-logo .shine{position:absolute;inset:0;pointer-events:none;display:inline-block;font:inherit;letter-spacing:inherit;background:linear-gradient(100deg,transparent 0%,rgba(255,250,225,0) 28%,rgba(255,250,225,.6) 42%,rgba(255,255,255,1) 50%,rgba(255,250,225,.6) 58%,rgba(255,250,225,0) 72%,transparent 100%);background-size:300% 100%;background-position:-180% 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:lg23-shine 12s ease-in-out infinite;mix-blend-mode:screen}@keyframes lg23-shine{0%{background-position:-180% 0}55%{background-position:280% 0}to{background-position:280% 0}}.lg23-logo .etch{position:absolute;inset:0;pointer-events:none;color:transparent;-webkit-text-stroke:.6px rgba(255,247,210,.22)}.lg23-underline{height:1px;width:0;margin:4px auto 0;background:linear-gradient(90deg,transparent,rgba(247,231,165,.7),transparent);animation:lg23-grow 2.4s .6s cubic-bezier(.2,.7,.2,1) forwards}@keyframes lg23-grow{to{width:220px}}.lg23-sub{margin-top:6px;font-family:Inter,sans-serif;font-weight:300;font-size:clamp(11.5px,.95vw,13.5px);line-height:1.55;color:var(--ink-dim);max-width:620px;text-align:center}.lg23-pillbar{position:absolute;top:18px;left:28px;right:28px;z-index:4;display:flex;align-items:center;justify-content:space-between;font-family:Inter,sans-serif;font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--ink-faint)}.lg23-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(243,238,221,.16);padding:6px 12px;border-radius:999px;color:var(--ink-dim);background:#ffffff05;backdrop-filter:blur(6px)}.lg23-pulse{width:6px;height:6px;border-radius:50%;background:#7fffa0;box-shadow:0 0 10px #7fffa0;animation:lg23-blip 1.6s ease-in-out infinite}@keyframes lg23-blip{0%,to{opacity:.55}50%{opacity:1}}.lg23-card{position:absolute;right:48px;top:50%;transform:translateY(-50%);width:360px;background:#080b16a8;border:1px solid rgba(247,231,165,.2);border-radius:14px;padding:22px 22px 18px;backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%);box-shadow:0 30px 80px #0009,inset 0 1px #f7e7a51a;z-index:6;display:flex;flex-direction:column;gap:10px;font-family:Inter,sans-serif;color:var(--ink)}.lg23-card-head{display:flex;align-items:center;gap:8px}.lg23-mark{position:relative;width:26px;height:26px;border-radius:8px;background:radial-gradient(circle at 30% 30%,var(--gold-2),#b58b32);box-shadow:0 0 22px #f7e7a54d}.lg23-mark:after{content:"L";position:absolute;inset:4px;border-radius:4px;background:#f5f3eeeb;color:#0a0d10;display:grid;place-items:center;font-family:Cormorant Garamond,serif;font-weight:600;font-size:14px}.lg23-name{font-family:Cormorant Garamond,serif;font-size:15px;letter-spacing:.08em}.lg23-sublabel{font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.28em;color:var(--ink-faint);text-transform:uppercase}.lg23-tabs{display:flex;gap:2px;padding:2px;background:#f3eedd0a;border:1px solid rgba(243,238,221,.1);border-radius:999px}.lg23-tab{flex:1;padding:5px 9px;border-radius:999px;background:transparent;border:1px solid transparent;color:var(--ink-dim);font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:lowercase;cursor:pointer}.lg23-tab.on{background:#f7e7a51a;border-color:#f7e7a573;color:var(--gold-2)}.lg23-field{padding:8px 10px;border-radius:10px;background:#f3eedd0a;border:1px solid rgba(243,238,221,.1)}.lg23-field input{width:100%;background:transparent;border:0;outline:0;color:var(--ink);font-family:Inter,sans-serif;font-size:13px;padding:2px 0}.lg23-fl{font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.14em;color:var(--ink-faint);text-transform:uppercase;margin-bottom:2px;display:flex;justify-content:space-between}.lg23-fl button{background:transparent;border:0;color:var(--ink-faint);font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.14em;cursor:pointer}.lg23-fl button:hover{color:var(--ink-dim)}.lg23-magic-note{padding:10px 14px;background:#f3eedd0a;border-radius:10px;border:1px solid rgba(243,238,221,.1);font-family:Inter,sans-serif;font-size:12px;color:var(--ink-dim);line-height:1.55}.lg23-primary{padding:9px 14px;border-radius:10px;border:0;cursor:pointer;background:linear-gradient(135deg,var(--gold-2),var(--gold-1) 55%,var(--gold-3));color:#1a1410;font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 8px 24px #f7e7a538,inset 0 1px #ffffff4d}.lg23-primary:disabled{opacity:.6;cursor:not-allowed}.lg23-divider{display:flex;align-items:center;gap:10px;font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.14em;color:var(--ink-faint);text-transform:uppercase}.lg23-divider .line{flex:1;height:1px;background:#f3eedd1a}.lg23-sso{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.lg23-sso button{padding:7px 5px;border-radius:10px;background:#f3eedd0a;border:1px solid rgba(243,238,221,.1);color:var(--ink);font-family:Inter,sans-serif;font-size:11.5px;cursor:pointer}.lg23-sso button:disabled{opacity:.55;cursor:not-allowed}.lg23-google-wrap{grid-column:span 1}.lg23-cardfoot{display:flex;justify-content:space-between;font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.12em;color:var(--ink-faint);text-transform:uppercase}.lg23-cardfoot button{background:transparent;border:0;color:var(--ink-faint);font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.12em;cursor:pointer}.lg23-cardfoot button:hover{color:var(--ink-dim)}.lg23-error{background:#3c1111cc;color:#ff6b6b;padding:10px 14px;border-radius:8px;font-size:13px;border:1px solid #5c2020}.lg23-success{background:#22c55e26;border-color:#22c55e66;color:#86efac;padding:10px 14px;border-radius:8px;font-size:13px;border:1px solid rgba(34,197,94,.4)}.lg23-settings{margin-top:12px;padding:16px;background:#0009;backdrop-filter:blur(8px);border-radius:6px;display:flex;flex-direction:column;gap:12px;border:1px solid rgba(255,215,0,.2)}.lg23-footer{position:absolute;bottom:0;left:0;right:0;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;font-family:Inter,sans-serif;font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:#f3eedd7a;z-index:3}.lg23-sep{color:#f3eedd29;margin:0 8px}@media (max-width: 1023px) and (min-width: 700px){.lg23-card{position:absolute;inset:auto 36px 96px;width:auto;transform:none}}@media (max-width: 699px){.lg23-card{position:static;transform:none;width:100%;padding:14px 14px 12px;border-radius:12px;margin:0 16px}.lg23-tab{font-size:9px;padding:6px 8px}.lg23-field input{font-size:13px}.lg23-primary{font-size:10px;padding:10px 12px}.lg23-sso button{font-size:10px;padding:8px 4px}.lg23-logo{font-size:26px!important;letter-spacing:.1em!important}.lg23-sub{font-size:11px;max-width:320px}.lg23-eyebrow{font-size:9px;letter-spacing:.32em}.lg23-top{padding:12px 16px 4px}.lg23-pillbar{top:12px;left:14px;right:14px;font-size:8.5px;letter-spacing:.22em}.lg23-footer{padding:10px 14px 14px;font-size:8px;letter-spacing:.22em}}:root{--th-bg-0: oklch(.155 .012 220);--th-bg-1: oklch(.195 .013 220);--th-bg-2: oklch(.235 .014 220);--th-bg-3: oklch(.285 .015 220);--th-line: oklch(.34 .013 220);--th-line-soft: oklch(.28 .012 220);--th-fg: oklch(.945 .006 200);--th-fg-2: oklch(.84 .008 200);--th-fg-3: oklch(.66 .012 200);--th-fg-4: oklch(.5 .012 200);--th-accent: oklch(.83 .15 145);--th-accent-2: oklch(.78 .145 60);--th-pos: oklch(.8 .145 150);--th-neg: oklch(.72 .18 25);--th-glow: 0 0 12px oklch(.83 .15 145 / .35);--th-pattern-intensity: .2;--th-pattern-color: rgba(180,200,180,.2);--th-pattern-color-2: rgba(120,140,120,.1)}:root{--p-bg: #04060f;--p-bg-1: #080b16;--p-bg-2: #0e1322;--p-ink: #f3eedd;--p-ink-dim: rgba(243,238,221,.62);--p-ink-faint: rgba(243,238,221,.34);--p-line: rgba(243,238,221,.1);--p-line-soft: rgba(243,238,221,.06);--p-gold-1: #f7e7a5;--p-gold-2: #fff6d2;--p-gold-3: #d6b96a;--p-accent: #88b8e0;--p-accent-warm: #ffd07a}[data-theme=light]{--p-bg: #f6f2e7;--p-bg-1: #ffffff;--p-bg-2: #ece7d5;--p-ink: #1a1817;--p-ink-dim: rgba(26,24,23,.62);--p-ink-faint: rgba(26,24,23,.34);--p-line: rgba(26,24,23,.1);--p-line-soft: rgba(26,24,23,.06);--p-gold-1: #a87a1e;--p-gold-2: #8a6314;--p-gold-3: #6e4f0c;--p-accent: #2a6fae;--p-accent-warm: #b97a14}.pc-host *{box-sizing:border-box}.pc-host{width:100%;min-height:100vh;background:var(--p-bg);color:var(--p-ink);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.pc-shell{position:relative;width:100%;min-height:100vh;display:grid;grid-template-rows:56px 1fr 36px;grid-template-columns:220px 1fr;grid-template-areas:"header header" "rail main" "footer footer";isolation:isolate}.pc-stars{position:absolute;inset:0;z-index:0;opacity:.55;background-image:radial-gradient(circle at 18% 22%,rgba(243,238,221,.12) 0 1px,transparent 1.2px),radial-gradient(circle at 72% 42%,rgba(243,238,221,.1) 0 1px,transparent 1.2px),radial-gradient(circle at 32% 78%,rgba(243,238,221,.1) 0 1px,transparent 1.2px),radial-gradient(circle at 88% 85%,rgba(243,238,221,.1) 0 1px,transparent 1.2px),radial-gradient(circle at 55% 11%,rgba(243,238,221,.08) 0 1px,transparent 1.2px),radial-gradient(circle at 8% 55%,rgba(243,238,221,.08) 0 1px,transparent 1.2px);background-size:420px 420px,380px 380px,440px 440px,460px 460px,360px 360px,400px 400px;background-repeat:repeat;animation:pc-stardrift 240s linear infinite;pointer-events:none}[data-theme=light] .pc-stars{opacity:.12}@keyframes pc-stardrift{0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0}to{background-position:-420px -200px,-380px -180px,-440px -160px,-460px -220px,-360px -190px,-400px -210px}}.pc-header{grid-area:header;position:relative;z-index:2;display:flex;align-items:center;gap:16px;padding:0 22px;border-bottom:1px solid var(--p-line);background:linear-gradient(180deg,var(--p-bg-1),var(--p-bg) 80%)}.pc-logo{position:relative;display:inline-block;font-family:Cormorant Garamond,serif;font-weight:500;font-size:22px;line-height:1;letter-spacing:.14em;color:transparent;background:linear-gradient(180deg,#fff,#fff6d2 10%,#f7e7a5 24%,#d6b96a,#a8842c,#d6b96a 72%,#f7e7a5 84%,#fff6d2,#fff);-webkit-background-clip:text;background-clip:text;text-shadow:0 1px 0 rgba(0,0,0,.5),0 0 18px rgba(247,231,165,.18);filter:drop-shadow(0 3px 12px rgba(247,231,165,.2))}[data-theme=light] .pc-logo{background:linear-gradient(180deg,#6e4f0c,#8a6314,#4a3408 60%,#8a6314,#a87a1e);-webkit-background-clip:text;background-clip:text;text-shadow:none;filter:none}.pc-logo .pc-shine{position:absolute;inset:0;pointer-events:none;display:inline-block;font:inherit;letter-spacing:inherit;background:linear-gradient(100deg,transparent 0%,rgba(255,250,225,0) 28%,rgba(255,250,225,.6) 42%,rgba(255,255,255,1) 50%,rgba(255,250,225,.6) 58%,rgba(255,250,225,0) 72%,transparent 100%);background-size:300% 100%;background-position:-180% 0;-webkit-background-clip:text;background-clip:text;color:transparent;animation:pc-shine 12s ease-in-out infinite;mix-blend-mode:screen}@keyframes pc-shine{0%{background-position:-180% 0}55%{background-position:280% 0}to{background-position:280% 0}}[data-theme=light] .pc-logo .pc-shine{display:none}.pc-tag{font-family:Inter,sans-serif;font-weight:300;font-size:11px;letter-spacing:.22em;color:var(--p-ink-faint);text-transform:uppercase}.pc-spacer{flex:1}.pc-statusbar{display:flex;align-items:center;gap:14px;font-family:IBM Plex Mono,monospace;font-size:10.5px;color:var(--p-ink-faint);letter-spacing:.12em;text-transform:uppercase}.pc-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--p-line);padding:5px 10px;border-radius:999px;color:var(--p-ink-dim);background:#ffffff05;backdrop-filter:blur(6px)}.pc-pulse{width:6px;height:6px;border-radius:50%;background:#7fffa0;box-shadow:0 0 10px #7fffa0;animation:pc-blip 1.6s ease-in-out infinite}@keyframes pc-blip{0%,to{opacity:.55}50%{opacity:1}}.pc-theme-toggle{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--p-line);border-radius:999px;padding:2px;background:#ffffff05}.pc-theme-toggle button{background:transparent;border:0;padding:4px 9px;color:var(--p-ink-faint);font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.12em;border-radius:999px;cursor:pointer}.pc-theme-toggle button.on{background:#f7e7a51a;color:var(--p-gold-2)}[data-theme=light] .pc-theme-toggle button.on{background:#a87a1e29;color:var(--p-gold-2)}.pc-rail{grid-area:rail;position:relative;z-index:2;padding:14px 12px;overflow-y:auto;border-right:1px solid var(--p-line);background:linear-gradient(180deg,#080b1680,#04060f4d);backdrop-filter:blur(4px)}[data-theme=light] .pc-rail{background:linear-gradient(180deg,#ffffffa6,#f6f2e766)}.pc-rail h4{font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.18em;color:var(--p-ink-faint);text-transform:uppercase;margin:6px 8px 8px}.pc-wf{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:8px;background:transparent;border:1px solid transparent;color:var(--p-ink);font-family:Inter,sans-serif;text-align:left;font-size:13px;cursor:pointer;margin-bottom:2px;text-decoration:none}.pc-wf:hover{background:#ffffff08;border-color:var(--p-line-soft)}.pc-wf.on{background:#f7e7a50f;border-color:#f7e7a547}[data-theme=light] .pc-wf:hover{background:#00000008}[data-theme=light] .pc-wf.on{background:#a87a1e1f;border-color:#a87a1e61}.pc-wf-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;box-shadow:0 0 8px currentColor}.pc-wf-glyph{font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--p-ink-faint);width:14px;text-align:center}.pc-wf-name{flex:1}.pc-wf-meta{font-family:IBM Plex Mono,monospace;font-size:9.5px;color:var(--p-ink-faint);letter-spacing:.04em}.pc-main{grid-area:main;position:relative;z-index:2;overflow:auto;padding:24px 32px}.pc-main-head{display:flex;align-items:baseline;gap:14px;margin-bottom:22px}.pc-main-title{font-family:Cormorant Garamond,serif;font-size:30px;letter-spacing:-.005em;line-height:1.05}.pc-main-sub{font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.12em;color:var(--p-ink-faint);text-transform:uppercase}.pc-panel{background:linear-gradient(180deg,var(--p-bg-1),var(--p-bg-2));border:1px solid var(--p-line);border-radius:14px;padding:18px}[data-theme=light] .pc-panel{background:linear-gradient(180deg,#fff,#f4efe2)}.pc-panel-head{display:flex;align-items:baseline;gap:14px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--p-line)}.pc-panel-title{font-family:IBM Plex Sans,sans-serif;font-weight:500;font-size:14px}.pc-panel-meta{font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--p-ink-faint);letter-spacing:.12em;text-transform:uppercase}.pc-panel-body{font-size:13px;line-height:1.6;color:var(--p-ink-dim)}.pc-panel-grid{display:grid;gap:14px}.pc-panel-grid.cols-2{grid-template-columns:1fr 1fr}.pc-panel-grid.cols-3{grid-template-columns:1fr 1fr 1fr}.pc-footer{grid-area:footer;position:relative;z-index:2;border-top:1px solid var(--p-line);padding:0 22px;display:flex;align-items:center;justify-content:space-between;font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.14em;color:var(--p-ink-faint);text-transform:uppercase;background:linear-gradient(0deg,var(--p-bg-1),var(--p-bg) 80%)}.pc-tablet .pc-shell{grid-template-rows:56px auto 1fr 36px;grid-template-columns:1fr;grid-template-areas:"header" "rail" "main" "footer"}.pc-tablet .pc-rail{border-right:0;border-bottom:1px solid var(--p-line);padding:10px 14px;overflow-x:auto;overflow-y:hidden;display:flex;gap:6px;align-items:center;white-space:nowrap}.pc-tablet .pc-rail h4{display:none}.pc-tablet .pc-wf{display:inline-flex;width:auto;padding:6px 10px;flex-shrink:0}.pc-tablet .pc-wf-meta{display:none}.pc-tablet .pc-panel-grid.cols-2{grid-template-columns:1fr}.pc-tablet .pc-panel-grid.cols-3{grid-template-columns:1fr 1fr}.pc-phone .pc-shell{grid-template-rows:50px auto 1fr 32px;grid-template-columns:1fr;grid-template-areas:"header" "rail" "main" "footer"}.pc-phone .pc-header{padding:0 14px;gap:10px}.pc-phone .pc-logo{font-size:17px;letter-spacing:.1em}.pc-phone .pc-tag{display:none}.pc-phone .pc-statusbar{gap:6px;font-size:9px}.pc-phone .pc-rail{border-right:0;border-bottom:1px solid var(--p-line);padding:8px 12px;overflow-x:auto;overflow-y:hidden;display:flex;gap:4px;align-items:center;white-space:nowrap}.pc-phone .pc-rail h4{display:none}.pc-phone .pc-wf{display:inline-flex;width:auto;padding:5px 9px;flex-shrink:0;font-size:12px}.pc-phone .pc-wf-meta{display:none}.pc-phone .pc-main{padding:14px}.pc-phone .pc-main-title{font-size:22px}.pc-phone .pc-panel{padding:14px}.pc-phone .pc-panel-grid.cols-2,.pc-phone .pc-panel-grid.cols-3{grid-template-columns:1fr}.pc-phone .pc-footer{padding:0 14px;font-size:8.5px}.pc-page{display:flex;flex-direction:column;gap:16px}.pc-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:4px}.pc-tab{padding:6px 14px;border-radius:8px;cursor:pointer;background:transparent;border:1px solid var(--p-line);color:var(--p-ink-dim);font-family:IBM Plex Sans,sans-serif;font-size:12px}.pc-tab:hover{color:var(--p-ink);border-color:var(--p-line);background:#ffffff08}.pc-tab.on{color:var(--p-gold-2);border-color:#f7e7a547;background:#f7e7a514}[data-theme=light] .pc-tab.on{background:#a87a1e1f;border-color:#a87a1e61}.pc-row{padding:10px;border-radius:8px;border:1px solid var(--p-line);background:#ffffff08}[data-theme=light] .pc-row{background:#00000005}.pc-kv{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.pc-kv .k{color:var(--p-ink);font-weight:500;font-size:13px}.pc-kv .v{color:var(--p-ink-dim);font-family:IBM Plex Mono,monospace;font-size:12px}.pc-home{display:flex;flex-direction:column;gap:0}.pc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.pc-tile{position:relative;background:linear-gradient(180deg,var(--p-bg-1),var(--p-bg-2));border:1px solid var(--p-line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px;min-height:144px;overflow:hidden}[data-theme=light] .pc-tile{background:linear-gradient(180deg,#fff,#f4efe2)}.pc-tile:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 0%,var(--tile-tint, transparent) 0%,transparent 50%);opacity:.25;pointer-events:none}.pc-tile-head{display:flex;align-items:center;gap:10px}.pc-tile-dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 10px currentColor;flex-shrink:0}.pc-tile-name{font-family:IBM Plex Sans,sans-serif;font-weight:500;font-size:13px;letter-spacing:.02em;flex:1}.pc-tile-glyph{font-family:IBM Plex Mono,monospace;font-size:14px;color:var(--p-ink-dim)}.pc-tile-desc{font-size:11.5px;line-height:1.5;color:var(--p-ink-dim)}.pc-tile-bottom{display:flex;align-items:center;gap:8px;margin-top:auto;padding-top:8px;border-top:1px dashed var(--p-line-soft);font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.06em;color:var(--p-ink-faint);text-transform:uppercase}.pc-tile-cta{margin-left:auto;padding:4px 9px;border-radius:999px;border:1px solid var(--p-line);background:transparent;color:var(--p-ink-dim);cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.1em}.pc-tile-cta:hover{color:var(--p-ink);border-color:var(--p-gold-1)}.pc-recent{margin-top:26px;background:linear-gradient(180deg,var(--p-bg-1),var(--p-bg-2));border:1px solid var(--p-line);border-radius:14px;padding:16px 20px}[data-theme=light] .pc-recent{background:linear-gradient(180deg,#fff,#f4efe2)}.pc-recent h4{display:flex;align-items:center;gap:8px;font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.16em;color:var(--p-ink-faint);text-transform:uppercase;margin:0 0 10px}.pc-recent-sample-badge{display:inline-block;padding:2px 6px;border-radius:4px;border:1px solid var(--p-line);background:#f7e7a512;color:var(--p-gold-3);font-size:8.5px;letter-spacing:.12em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-weight:400}.pc-activity{display:flex;flex-direction:column;gap:6px}.pc-activity-row{display:grid;grid-template-columns:14px 100px 1fr auto;gap:12px;align-items:center;padding:7px 0;border-bottom:1px dashed var(--p-line-soft);font-size:12px}.pc-activity-row:last-child{border-bottom:0}.pc-activity-row b{font-weight:500;color:var(--p-ink)}.pc-activity-row .src{font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--p-ink-faint);letter-spacing:.06em;text-transform:uppercase}.pc-activity-row .body{color:var(--p-ink-dim)}.pc-activity-row .when{font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--p-ink-faint);letter-spacing:.04em}.pc-phone .pc-grid{grid-template-columns:1fr;gap:10px}.pc-phone .pc-tile{min-height:130px;padding:14px}.pc-phone .pc-recent{padding:12px 14px}.pc-phone .pc-activity-row{grid-template-columns:12px 1fr auto}.pc-phone .pc-activity-row .src{display:none}.ps-shell{display:grid;grid-template-columns:220px 1fr;gap:0;min-height:0;align-items:start}@media (max-width: 760px){.ps-shell{grid-template-columns:1fr}.ps-rail{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;padding:10px 16px;border-right:0;border-bottom:1px solid var(--th-line-soft);position:static}}.ps-rail{position:sticky;top:0;max-height:100vh;overflow-y:auto;padding:18px 12px;border-right:1px solid var(--th-line-soft)}.ps-rail-link{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:6px;color:var(--th-fg-3);text-decoration:none;font-size:12.5px;border-left:2px solid transparent;margin-bottom:2px}.ps-rail-link:hover{color:var(--th-fg);background:var(--th-bg-2)}.ps-rail-link.on{color:var(--th-fg);background:var(--th-bg-2);border-left-color:var(--th-accent)}.ps-rail-num{font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--th-fg-4);min-width:18px}.ps-rail-label{font-size:12.5px}@media (max-width: 760px){.ps-rail-link{border-left:0;border:1px solid var(--th-line-soft);border-radius:999px;padding:5px 10px;white-space:nowrap}.ps-rail-link.on{border-color:var(--th-accent)}.ps-rail-num{display:none}}.ps-main{padding:20px 28px 48px;min-width:0;max-width:760px}.ps-saved-indicator{font-family:IBM Plex Mono,monospace;font-size:10.5px;color:var(--th-pos);letter-spacing:.06em;margin-bottom:12px}.ps-error-banner{font-size:12px;color:var(--th-neg);margin-bottom:12px;padding:8px 12px;border:1px solid var(--th-neg);border-radius:6px}.ps-section{margin-bottom:28px;scroll-margin-top:80px}.ps-sec-head{display:flex;align-items:baseline;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--th-line-soft);margin-bottom:14px}.ps-sec-num{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.14em;color:var(--th-accent)}.ps-sec-title{margin:0;font-family:"IBM Plex Serif",Georgia,serif;font-weight:500;font-size:16px;color:var(--th-fg)}.ps-sec-desc{margin-left:auto;font-size:11px;color:var(--th-fg-4);text-align:right;max-width:320px}@media (max-width: 760px){.ps-sec-desc{display:none}}.as-row{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;padding:14px 4px;border-bottom:1px dashed var(--th-line-soft)}.as-row:last-child{border-bottom:0}.as-row-title{font-size:13px;color:var(--th-fg);margin-bottom:2px}.as-row-sub{font-size:11.5px;color:var(--th-fg-3);line-height:1.4;max-width:440px}.as-row-control{display:flex;align-items:center;gap:8px}@media (max-width: 540px){.as-row{grid-template-columns:1fr}.as-row-control{justify-self:start}}.as-toggle{position:relative;width:36px;height:20px;background:var(--th-bg-3);border-radius:999px;cursor:pointer;border:1px solid var(--th-line-soft);flex-shrink:0;padding:0}.as-toggle:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:var(--th-fg-3);border-radius:50%;transition:transform .12s,background .12s}.as-toggle.on{background:color-mix(in oklch,var(--th-accent) 25%,var(--th-bg-0));border-color:var(--th-accent)}.as-toggle.on:after{transform:translate(16px);background:var(--th-accent);box-shadow:0 0 6px var(--th-accent)}.as-slider-wrap{display:flex;align-items:center;gap:10px}.as-slider{-webkit-appearance:none;appearance:none;background:var(--th-bg-3);height:4px;border-radius:4px;width:160px;outline:none;cursor:pointer}.as-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--th-accent);cursor:pointer}.as-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--th-accent);cursor:pointer;border:0}.as-slider-val{font-family:IBM Plex Mono,monospace;font-size:11.5px;color:var(--th-accent);min-width:38px;text-align:right}.as-seg{display:inline-flex;background:var(--th-bg-2);border:1px solid var(--th-line-soft);border-radius:6px;padding:2px}.as-seg button{background:transparent;border:0;padding:5px 11px;color:var(--th-fg-3);font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.06em;border-radius:4px;cursor:pointer}.as-seg button.on{background:var(--th-bg-3);color:var(--th-fg);box-shadow:inset 0 -2px 0 var(--th-accent)}.as-select{background:var(--th-bg-2);color:var(--th-fg);border:1px solid var(--th-line-soft);border-radius:6px;padding:6px 10px;font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.04em;cursor:pointer}.as-step{display:inline-flex;align-items:center;background:var(--th-bg-2);border:1px solid var(--th-line-soft);border-radius:6px;overflow:hidden}.as-step button{background:transparent;border:0;width:28px;height:28px;color:var(--th-fg-2);cursor:pointer;font-size:14px}.as-step button:hover{color:var(--th-accent)}.as-step .val{padding:0 10px;font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--th-accent);min-width:40px;text-align:center}.ps-theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.ps-theme-card{border:1px solid var(--th-line-soft);border-radius:8px;overflow:hidden;background:var(--th-bg-1);cursor:pointer;text-align:left;padding:0;color:inherit;font-family:inherit;display:flex;flex-direction:column;transition:border-color .12s}.ps-theme-card:hover{border-color:var(--th-accent)}.ps-theme-card.on{border-color:var(--th-accent);box-shadow:0 0 0 1px var(--th-accent)}.ps-theme-prev{height:52px;position:relative}.ps-theme-prev:after{content:"";position:absolute;inset:8px 10px auto;background:var(--prev-fg, #1a1a1a);height:4px;box-shadow:0 10px 0 -1px var(--prev-fg2, #6a6660),0 18px 0 -1px var(--prev-fg2, #6a6660);width:38%;border-radius:2px}.ps-theme-dot{position:absolute;right:10px;bottom:8px;width:14px;height:14px;border-radius:50%}.ps-theme-meta{padding:7px 8px;font-size:11px;border-top:1px solid var(--th-line-soft);background:var(--th-bg-2)}.ps-theme-meta b{font-weight:500;color:var(--th-fg);display:block;margin-bottom:1px;font-size:11px}.ps-theme-meta span{color:var(--th-fg-3);font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.06em}.ps-pat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px;margin-bottom:4px}.ps-pat-card{aspect-ratio:1 / 1;border:1px solid var(--th-line-soft);border-radius:6px;overflow:hidden;background:var(--th-bg-2);position:relative;cursor:pointer;padding:0 0 6px;color:var(--th-fg-3);font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.08em;display:flex;align-items:flex-end;justify-content:center}.ps-pat-card:hover{border-color:var(--th-accent);color:var(--th-fg)}.ps-pat-card.on{border-color:var(--th-accent);box-shadow:inset 0 0 0 1px var(--th-accent);color:var(--th-fg)}.ps-pat-fill{position:absolute;inset:0;opacity:.55}.ps-pat-card[data-p=dots] .ps-pat-fill{background-image:radial-gradient(rgba(255,255,255,.6) 1.2px,transparent 1.4px);background-size:10px 10px}.ps-pat-card[data-p=grid] .ps-pat-fill{background-image:linear-gradient(rgba(255,255,255,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.3) 1px,transparent 1px);background-size:14px 14px}.ps-pat-card[data-p=topo] .ps-pat-fill{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.45) 0 1px,transparent 1px 14px),repeating-linear-gradient(-45deg,rgba(255,255,255,.2) 0 1px,transparent 1px 11px)}.ps-pat-card[data-p=blueprint] .ps-pat-fill{background-image:linear-gradient(rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.18) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.6) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.6) 1px,transparent 1px);background-size:8px 8px,8px 8px,40px 40px,40px 40px}.ps-pat-card[data-p=halftone] .ps-pat-fill{background-image:radial-gradient(rgba(255,255,255,.6) 1.5px,transparent 1.8px),radial-gradient(rgba(255,255,255,.35) 2.5px,transparent 3px);background-size:12px 12px,24px 24px;background-position:0 0,6px 6px}.ps-pat-card[data-p=noise] .ps-pat-fill{background-image:repeating-linear-gradient(127deg,rgba(255,255,255,.5) 0 .5px,transparent .5px 2px),repeating-linear-gradient(217deg,rgba(255,255,255,.3) 0 .5px,transparent .5px 3px)}.ps-pat-card[data-p=none] .ps-pat-fill{opacity:0}.ps-pat-card span{position:relative;z-index:2;background:#0000008c;padding:2px 5px;border-radius:3px}[data-theme=paper] .ps-pat-card span,[data-theme=solarized-warm] .ps-pat-card span,[data-theme=high-contrast] .ps-pat-card span,[data-theme=subtle-pattern] .ps-pat-card span{background:#ffffffb3;color:var(--th-fg)}.ps-exports{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:12px}.ps-export-card{display:flex;flex-direction:column;gap:5px;padding:12px 14px;background:var(--th-bg-2);border:1px solid var(--th-line-soft);border-radius:8px;cursor:pointer;text-align:left;color:inherit;font-family:inherit}.ps-export-card:hover{border-color:var(--th-accent)}.ps-export-ext{font-family:IBM Plex Mono,monospace;font-size:10px;letter-spacing:.1em;color:var(--th-accent)}.ps-export-title{font-size:12.5px;color:var(--th-fg)}.ps-deferred-note{font-size:10.5px;color:var(--th-fg-4);font-family:IBM Plex Mono,monospace;letter-spacing:.04em;line-height:1.5;margin:0}@media print{.ps-rail{display:none!important}.ps-shell{grid-template-columns:1fr!important}.ps-main{padding:0!important;max-width:none!important}.ps-section{page-break-inside:avoid}.ps-export-card,.as-toggle,.as-slider,.as-seg,.as-step,.as-select{border:1px solid #ccc!important}}:root{--th-bg-0: #f4f1ea;--th-bg-1: #faf7f0;--th-bg-2: #ece7da;--th-bg-3: #ddd5c2;--th-line: #c9c0a9;--th-line-soft: #d9d2bf;--th-fg: #1a1a1a;--th-fg-2: #3a3a3a;--th-fg-3: #6a6660;--th-fg-4: #9a958a;--th-accent: #8a3a36;--th-accent-2: #b35f3c;--th-pos: #2e6b43;--th-neg: #a6312a;--th-glow: 0 0 0 transparent;--th-pattern-intensity: .2;--th-pattern-color: rgba(0,0,0,.4);--th-pattern-color-2: rgba(0,0,0,.15)}[data-theme=paper]{--th-bg-0: #f4f1ea;--th-bg-1: #faf7f0;--th-bg-2: #ece7da;--th-bg-3: #ddd5c2;--th-line: #c9c0a9;--th-line-soft: #d9d2bf;--th-fg: #1a1a1a;--th-fg-2: #3a3a3a;--th-fg-3: #6a6660;--th-fg-4: #9a958a;--th-accent: #8a3a36;--th-accent-2: #b35f3c;--th-pos: #2e6b43;--th-neg: #a6312a;--th-glow: 0 0 0 transparent;--th-pattern-color: rgba(40,30,15,.35);--th-pattern-color-2: rgba(40,30,15,.12)}[data-theme=ink]{--th-bg-0: oklch(.155 .012 220);--th-bg-1: oklch(.195 .013 220);--th-bg-2: oklch(.235 .014 220);--th-bg-3: oklch(.285 .015 220);--th-line: oklch(.34 .013 220);--th-line-soft: oklch(.28 .012 220);--th-fg: oklch(.945 .006 200);--th-fg-2: oklch(.84 .008 200);--th-fg-3: oklch(.66 .012 200);--th-fg-4: oklch(.5 .012 200);--th-accent: oklch(.83 .15 145);--th-accent-2: oklch(.78 .145 60);--th-pos: oklch(.8 .145 150);--th-neg: oklch(.72 .18 25);--th-glow: 0 0 12px oklch(.83 .15 145 / .35);--th-pattern-color: rgba(180,200,180,.2);--th-pattern-color-2: rgba(120,140,120,.1)}[data-theme=midnight]{--th-bg-0: #000000;--th-bg-1: #07090c;--th-bg-2: #0d1117;--th-bg-3: #161b22;--th-line: #2d333b;--th-line-soft: #1a1f26;--th-fg: #f0f6fc;--th-fg-2: #c9d1d9;--th-fg-3: #8b949e;--th-fg-4: #4d5560;--th-accent: #7ee787;--th-accent-2: #ffa657;--th-pos: #7ee787;--th-neg: #ff7b72;--th-glow: 0 0 18px #7ee78766, 0 0 4px #7ee787aa;--th-pattern-color: rgba(126,231,135,.18);--th-pattern-color-2: rgba(126,231,135,.06)}[data-theme=subtle-pattern]{--th-bg-0: #f0ede5;--th-bg-1: #f7f3e9;--th-bg-2: #e8e2d1;--th-bg-3: #d6cdb7;--th-line: #c5b99c;--th-line-soft: #d4cab2;--th-fg: #1a1814;--th-fg-2: #3a352c;--th-fg-3: #6a6256;--th-fg-4: #968d7e;--th-accent: #5c4a2f;--th-accent-2: #8f6a3c;--th-pos: #2e6b43;--th-neg: #a6312a;--th-glow: 0 0 0 transparent;--th-pattern-color: rgba(50,40,20,.22);--th-pattern-color-2: rgba(50,40,20,.08)}[data-theme=bold-pattern]{--th-bg-0: #0f2a3a;--th-bg-1: #143345;--th-bg-2: #1d4258;--th-bg-3: #295670;--th-line: #3d6f8a;--th-line-soft: #2b5773;--th-fg: #e8f1f5;--th-fg-2: #c5d6df;--th-fg-3: #93acbb;--th-fg-4: #5d7a8b;--th-accent: #f5d76e;--th-accent-2: #f08a5d;--th-pos: #a8e6b6;--th-neg: #ff8b7d;--th-glow: 0 0 12px rgba(245,215,110,.35);--th-pattern-color: rgba(245,215,110,.3);--th-pattern-color-2: rgba(245,215,110,.1)}[data-theme=high-contrast]{--th-bg-0: #ffffff;--th-bg-1: #ffffff;--th-bg-2: #f0f0f0;--th-bg-3: #d0d0d0;--th-line: #000000;--th-line-soft: #555555;--th-fg: #000000;--th-fg-2: #000000;--th-fg-3: #222222;--th-fg-4: #555555;--th-accent: #0033cc;--th-accent-2: #cc3300;--th-pos: #006622;--th-neg: #cc0000;--th-glow: 0 0 0 transparent;--th-pattern-color: rgba(0,0,0,.5);--th-pattern-color-2: rgba(0,0,0,.2)}[data-theme=solarized-warm]{--th-bg-0: #fdf6e3;--th-bg-1: #faf3df;--th-bg-2: #eee8d5;--th-bg-3: #ddd5b8;--th-line: #a8a085;--th-line-soft: #c7be9e;--th-fg: #073642;--th-fg-2: #586e75;--th-fg-3: #93a1a1;--th-fg-4: #b5ad94;--th-accent: #cb4b16;--th-accent-2: #b58900;--th-pos: #859900;--th-neg: #dc322f;--th-glow: 0 0 6px rgba(203,75,22,.25);--th-pattern-color: rgba(101,123,131,.3);--th-pattern-color-2: rgba(101,123,131,.1)}[data-pattern]:not([data-pattern=none]){position:relative}[data-pattern]:not([data-pattern=none]):before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:var(--th-pattern-intensity);mix-blend-mode:multiply}[data-theme=ink][data-pattern]:not([data-pattern=none]):before,[data-theme=midnight][data-pattern]:not([data-pattern=none]):before,[data-theme=bold-pattern][data-pattern]:not([data-pattern=none]):before{mix-blend-mode:screen}[data-pattern=dots]:before{background-image:radial-gradient(var(--th-pattern-color) 1px,transparent 1px);background-size:14px 14px}[data-pattern=grid]:before{background-image:linear-gradient(var(--th-pattern-color-2) 1px,transparent 1px),linear-gradient(90deg,var(--th-pattern-color-2) 1px,transparent 1px);background-size:28px 28px}[data-pattern=topo]:before{background-image:repeating-linear-gradient(45deg,var(--th-pattern-color) 0 1px,transparent 1px 26px),repeating-linear-gradient(-45deg,var(--th-pattern-color-2) 0 1px,transparent 1px 22px)}[data-pattern=blueprint]:before{background-image:linear-gradient(var(--th-pattern-color-2) 1px,transparent 1px),linear-gradient(90deg,var(--th-pattern-color-2) 1px,transparent 1px),linear-gradient(var(--th-pattern-color) 1px,transparent 1px),linear-gradient(90deg,var(--th-pattern-color) 1px,transparent 1px);background-size:14px 14px,14px 14px,70px 70px,70px 70px}[data-pattern=halftone]:before{background-image:radial-gradient(var(--th-pattern-color) 1.5px,transparent 1.8px),radial-gradient(var(--th-pattern-color-2) 2.5px,transparent 3px);background-size:18px 18px,36px 36px;background-position:0 0,9px 9px}[data-pattern=noise]:before{background-image:repeating-linear-gradient(127deg,var(--th-pattern-color) 0 .5px,transparent .5px 3px),repeating-linear-gradient(217deg,var(--th-pattern-color-2) 0 .5px,transparent .5px 5px)}[data-theme] .ag-app,[data-theme].ag-app{--ag-bg-0: var(--th-bg-0);--ag-bg-1: var(--th-bg-1);--ag-bg-2: var(--th-bg-2);--ag-bg-3: var(--th-bg-3);--ag-line: var(--th-line);--ag-line-soft: var(--th-line-soft);--ag-fg: var(--th-fg);--ag-fg-2: var(--th-fg-2);--ag-fg-3: var(--th-fg-3);--ag-fg-4: var(--th-fg-4);--ag-acc: var(--th-accent);--ag-acc-2: var(--th-accent-2);--ag-pos: var(--th-pos);--ag-neg: var(--th-neg);--ag-warn: var(--th-accent-2)}[data-theme] .plm-app,[data-theme].plm-app{--plm-bg: var(--th-bg-0);--plm-surface: var(--th-bg-1);--plm-raised: var(--th-bg-2);--plm-line: var(--th-line);--plm-line-soft: var(--th-line-soft);--plm-fg: var(--th-fg);--plm-fg-2: var(--th-fg-2);--plm-fg-3: var(--th-fg-3);--plm-accent: var(--th-accent)}:root{--bg: oklch(.155 .008 80);--surface: oklch(.195 .008 80);--surface-2: oklch(.235 .008 80);--line: oklch(.3 .006 80);--line-soft: oklch(.255 .006 80);--ink: oklch(.965 .005 80);--ink-2: oklch(.82 .006 80);--dim: oklch(.62 .008 80);--dim-2: oklch(.48 .008 80);--accent: oklch(.8 .15 150);--accent-ink: oklch(.2 .05 150);--warn: oklch(.78 .14 70);--bad: oklch(.68 .18 25);--info: oklch(.78 .12 230);--sans: "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono: "IBM Plex Mono", "JetBrains Mono", ui-monospace, Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--sans);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,select{font:inherit;color:inherit}.mono{font-family:var(--mono);font-feature-settings:"zero","ss01"}.dim{color:var(--dim)}.dim2{color:var(--dim-2)}.topbar{display:grid;grid-template-columns:240px 1fr 360px;align-items:center;border-bottom:1px solid var(--line-soft);background:var(--surface);padding:0 16px}.brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.01em}.brand-mark{width:22px;height:22px;border-radius:6px;position:relative;background:radial-gradient(circle at 30% 30%,var(--accent),oklch(.4 .1 150));box-shadow:inset 0 0 0 1px #ffffff26}.brand-mark:after{content:"";position:absolute;inset:5px;border-radius:3px;background:var(--bg);box-shadow:inset 0 0 0 1px #ffffff2e}.brand small{color:var(--dim);font-weight:400;margin-left:6px;font-size:11px;letter-spacing:.04em;text-transform:uppercase}.game-tabs{display:flex;gap:4px;justify-self:center;background:var(--bg);padding:4px;border-radius:10px;border:1px solid var(--line-soft)}.game-tab{padding:6px 14px;border-radius:7px;color:var(--dim);font-size:13px;display:flex;align-items:center;gap:8px}.game-tab .gtico{width:14px;height:14px;display:inline-block}.game-tab[aria-pressed=true]{background:var(--surface-2);color:var(--ink);box-shadow:0 1px #ffffff0a inset}.game-tab:hover:not([aria-pressed=true]){color:var(--ink-2)}.top-right{display:flex;align-items:center;gap:10px;justify-content:flex-end}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:5px 10px;border-radius:999px;border:1px solid var(--line-soft);color:var(--dim)}.pill.live{color:var(--accent);border-color:#33734480}.dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.dot.pulse{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.35}}.main{display:grid;grid-template-columns:minmax(0,1fr) 440px;min-height:0}.left{display:grid;grid-template-rows:1fr 168px;min-height:0;border-right:1px solid var(--line-soft)}.right{display:grid;grid-template-rows:auto 1fr;min-height:0;background:var(--surface)}.stage{position:relative;background:#000;overflow:hidden}.stage video,.stage .stage-fake{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.stage-fake{background:radial-gradient(circle at 30% 20%,oklch(.35 .08 150 / .6),transparent 50%),radial-gradient(circle at 75% 80%,oklch(.28 .05 220 / .5),transparent 50%),repeating-linear-gradient(45deg,#14110d 0 16px,#100d09 16px 32px)}.stage-overlay{position:absolute;inset:0;pointer-events:none}.stage-overlay svg{width:100%;height:100%}.stage-chrome{position:absolute;inset:0;pointer-events:none}.crosshair-corner{position:absolute;width:22px;height:22px;border:1.5px solid oklch(1 0 0 / .55);border-radius:2px}.crosshair-corner.tl{top:14px;left:14px;border-right:0;border-bottom:0}.crosshair-corner.tr{top:14px;right:14px;border-left:0;border-bottom:0}.crosshair-corner.bl{bottom:14px;left:14px;border-right:0;border-top:0}.crosshair-corner.br{bottom:14px;right:14px;border-left:0;border-top:0}.stage-hud{position:absolute;left:14px;top:14px;display:flex;gap:6px;flex-direction:column;pointer-events:none}.hud-chip{background:#0000008c;border:1px solid oklch(1 0 0 / .12);border-radius:6px;padding:5px 9px;font-size:11px;font-family:var(--mono);color:var(--ink);display:inline-flex;gap:8px;align-items:center;backdrop-filter:blur(8px)}.hud-chip .k{color:var(--dim)}.hud-chip .v{color:var(--accent)}.stage-controls{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;pointer-events:auto;background:#00000080;padding:6px;border-radius:14px;border:1px solid oklch(1 0 0 / .1);backdrop-filter:blur(10px)}.ctrl-btn{width:36px;height:36px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);background:#ffffff0d;border:1px solid oklch(1 0 0 / .08)}.ctrl-btn:hover{background:#ffffff1a}.ctrl-btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.ctrl-btn.primary:hover{filter:brightness(1.08)}.ctrl-label{font-size:12px;color:var(--dim);padding:0 8px;font-family:var(--mono)}.stage-source{position:absolute;right:14px;top:14px;display:flex;gap:4px;pointer-events:auto}.source-btn{font-size:11px;padding:5px 9px;background:#0000008c;border:1px solid oklch(1 0 0 / .12);border-radius:6px;color:var(--dim);font-family:var(--mono)}.source-btn[aria-pressed=true]{color:var(--ink);background:#ffffff1f}.history{background:var(--surface);border-top:1px solid var(--line-soft);display:grid;grid-template-rows:auto 1fr;min-height:0}.section-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line-soft)}.section-head h3{margin:0;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}.section-head .head-actions{display:flex;gap:6px}.mini-btn{font-size:11px;color:var(--dim);padding:3px 8px;border-radius:5px;border:1px solid var(--line-soft)}.mini-btn:hover{color:var(--ink);border-color:var(--line)}.mini-btn[aria-pressed=true]{color:var(--ink);background:var(--surface-2)}.history-strip{display:flex;gap:8px;padding:10px 14px;overflow-x:auto;align-items:center}.history-card{flex:0 0 auto;width:140px;height:86px;border-radius:8px;border:1px solid var(--line-soft);background:var(--bg);display:grid;grid-template-rows:1fr auto;padding:0;overflow:hidden;cursor:pointer;position:relative}.history-card:hover{border-color:var(--line)}.history-card[aria-current=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.history-card .hc-thumb{background:#1d1a15;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:10px;color:var(--dim)}.history-card .hc-meta{padding:4px 8px;font-size:10px;color:var(--dim-2);font-family:var(--mono);display:flex;justify-content:space-between;border-top:1px solid var(--line-soft)}.history-card .hc-meta .a{color:var(--ink-2)}.tabs{display:flex;border-bottom:1px solid var(--line-soft);padding:0 12px;gap:2px;background:var(--surface)}.tab{padding:12px 12px 10px;font-size:12px;color:var(--dim);border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;align-items:center;gap:8px}.tab[aria-pressed=true]{color:var(--ink);border-bottom-color:var(--accent)}.tab:hover:not([aria-pressed=true]){color:var(--ink-2)}.tab .badge{font-family:var(--mono);font-size:10px;padding:1px 6px;border-radius:4px;background:var(--surface-2);color:var(--dim)}.panel{overflow-y:auto;min-height:0}.panel-section{padding:16px;border-bottom:1px solid var(--line-soft)}.panel-section:last-child{border-bottom:0}.panel-section h4{font-size:11px;margin:0 0 10px;color:var(--dim);text-transform:uppercase;letter-spacing:.06em;font-weight:600;display:flex;justify-content:space-between;align-items:center}.panel-section h4 .h-aux{color:var(--dim-2);font-family:var(--mono);text-transform:none;letter-spacing:0}.verdict{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:14px;border-radius:10px;background:linear-gradient(180deg,#172c1c66,#181611);border:1px solid oklch(.5 .1 150 / .4)}.verdict.warn{background:linear-gradient(180deg,#402f1c66,#181611);border-color:#96662666}.verdict.bad{background:linear-gradient(180deg,#44232166,#181611);border-color:#a4595366}.verdict .v-icon{width:44px;height:44px;border-radius:10px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-weight:700;font-size:18px}.verdict.warn .v-icon{background:var(--warn);color:oklch(.2 .05 70)}.verdict.bad .v-icon{background:var(--bad);color:#f8f8f8}.verdict .v-title{font-size:22px;font-weight:600;letter-spacing:-.02em}.verdict .v-sub{font-size:12px;color:var(--dim);margin-top:2px;font-family:var(--mono)}.verdict .v-conf{text-align:right;font-family:var(--mono)}.verdict .v-conf b{font-size:16px;display:block;color:var(--ink)}.verdict .v-conf small{color:var(--dim);font-size:10px}.reason-list{display:grid;gap:10px}.reason-row{display:grid;grid-template-columns:18px 1fr;gap:10px}.reason-row .ix{font-family:var(--mono);font-size:10px;color:var(--dim-2);padding-top:2px}.reason-row p{margin:0;font-size:13px;line-height:1.5;color:var(--ink-2)}.reason-row .tag{font-family:var(--mono);font-size:10px;color:var(--accent);margin-right:6px}.math-grid{display:grid;gap:10px}.math-row{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:8px;padding:8px 10px;background:var(--bg);border:1px solid var(--line-soft);border-radius:7px}.math-row .label{font-size:12px;color:var(--dim)}.math-row .val{font-family:var(--mono);font-size:14px;color:var(--ink)}.math-row .formula{grid-column:1 / -1;font-family:var(--mono);font-size:11px;color:var(--dim-2);padding-top:4px;border-top:1px dashed var(--line-soft);margin-top:4px}.bar-row{display:grid;gap:6px;margin-bottom:10px}.bar-row:last-child{margin-bottom:0}.bar-row .bar-head{display:flex;justify-content:space-between;font-size:11px}.bar-row .bar-head .bk{color:var(--dim)}.bar-row .bar-head .bv{font-family:var(--mono);color:var(--ink)}.bar{height:6px;background:var(--bg);border-radius:3px;overflow:hidden;border:1px solid var(--line-soft)}.bar>i{display:block;height:100%;background:var(--accent);border-radius:3px}.bar.split>i{background:var(--info)}.bar.warn>i{background:var(--warn)}.bar.bad>i{background:var(--bad)}.eval-bar{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.eval-track{height:18px;background:#13110f;border-radius:4px;overflow:hidden;border:1px solid var(--line-soft);position:relative;display:flex}.eval-track .ew{background:#f0eeeb;transition:flex .5s}.eval-track .eb{background:#1c1a18;transition:flex .5s}.eval-track .eline{position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--accent)}.eval-num{font-family:var(--mono);font-weight:600;font-size:14px;min-width:50px;text-align:right}.strat-grid{display:grid;gap:8px}.strat-card{border:1px solid var(--line-soft);border-radius:8px;padding:10px 12px;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:4px;background:var(--bg)}.strat-card:hover{border-color:var(--line)}.strat-card[aria-pressed=true]{border-color:var(--accent);background:linear-gradient(180deg,oklch(.27 .04 150 / .18),var(--bg))}.strat-card .sn{font-size:13px;font-weight:500}.strat-card .sd{font-size:11px;color:var(--dim);grid-column:1 / -1}.strat-card .sa{font-family:var(--mono);font-size:10px;color:var(--dim-2)}.strat-card[aria-pressed=true] .sa{color:var(--accent)}.range-row{display:grid;grid-template-columns:110px 1fr 48px;align-items:center;gap:10px;padding:6px 0}.range-row label{font-size:12px;color:var(--dim)}.range-row input[type=range]{width:100%;accent-color:var(--accent)}.range-row .rv{font-family:var(--mono);font-size:12px;text-align:right;color:var(--ink)}.lesson-card{border-left:2px solid var(--accent);padding:4px 0 4px 14px;margin-bottom:14px}.lesson-card .lh{font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:4px}.lesson-card .lt{font-size:14px;font-weight:500;margin-bottom:6px}.lesson-card .lp{font-size:13px;line-height:1.55;color:var(--ink-2);margin:0}.lesson-card .lp+.lp{margin-top:8px}.chip-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.kbd-chip{font-family:var(--mono);font-size:11px;padding:3px 8px;background:var(--surface-2);border:1px solid var(--line-soft);border-radius:5px;color:var(--ink-2)}.kv-grid{display:grid;grid-template-columns:120px 1fr;gap:6px 14px;font-size:13px}.kv-grid dt{color:var(--dim);font-size:12px}.kv-grid dd{margin:0;font-family:var(--mono)}.players-table{width:100%;border-collapse:collapse;font-size:12px}.players-table th{text-align:left;font-weight:500;color:var(--dim);padding:4px 6px;border-bottom:1px solid var(--line-soft);font-size:10px;text-transform:uppercase;letter-spacing:.05em}.players-table td{padding:6px;border-bottom:1px solid var(--line-soft);font-family:var(--mono)}.players-table td.name{font-family:var(--sans)}.players-table tr.hero td{background:#172c1c26;color:var(--accent)}.players-table .tag-pos{font-size:10px;padding:1px 5px;border-radius:3px;background:var(--surface-2);color:var(--dim);margin-left:6px}.card-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pc{width:44px;height:62px;border-radius:6px;background:#fff;color:#111;display:grid;grid-template-rows:1fr auto;padding:4px 6px;font-family:Georgia,serif;font-weight:700;box-shadow:0 2px 8px #0006;position:relative}.pc.red{color:#bb061e}.pc .pr{font-size:18px;line-height:1}.pc .ps{font-size:18px;line-height:1;align-self:end;justify-self:end}.pc.back{background:repeating-linear-gradient(45deg,oklch(.4 .1 240) 0 4px,oklch(.3 .1 240) 4px 8px);color:transparent}.pc.unknown{background:#23211f;color:var(--dim);border:1px dashed var(--line)}.pc.unknown .pr,.pc.unknown .ps{font-family:var(--mono);font-size:10px;font-weight:400}.pc.placeholder{background:transparent;border:1px dashed var(--line-soft);color:var(--dim-2)}.pc.placeholder .pr{font-size:11px;font-family:var(--mono);font-weight:400}.pc.placeholder .ps{display:none}.pc.small{width:32px;height:46px}.pc.small .pr,.pc.small .ps{font-size:14px}.chessboard{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;max-width:260px;border-radius:4px;overflow:hidden;border:1px solid var(--line)}.csq{position:relative;display:grid;place-items:center;font-family:Georgia,serif;font-size:22px}.csq.l{background:#beb6a9;color:#111}.csq.d{background:#564c3b;color:#111}.csq.lastfrom,.csq.lastto{box-shadow:inset 0 0 0 2px #f7a224b3}.csq.bestfrom,.csq.bestto{box-shadow:inset 0 0 0 2px var(--accent)}.csq.bestto:after{content:"";position:absolute;inset:22%;border-radius:50%;background:var(--accent);opacity:.4}.csq .lab{position:absolute;bottom:1px;right:2px;font-family:var(--mono);font-size:8px;opacity:.4}.csq .lab.f{left:2px;right:auto;bottom:1px}.goboard{position:relative;aspect-ratio:1;max-width:280px;background:#b19b7c;border-radius:4px;padding:12px}.go-grid{position:relative;width:100%;height:100%}.go-grid svg{width:100%;height:100%}.go-stone{position:absolute;width:9.5%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%)}.go-stone.b{background:radial-gradient(circle at 30% 30%,#555,#111 70%)}.go-stone.w{background:radial-gradient(circle at 30% 30%,#fff,#bbb 70%)}.go-stone.suggest{box-shadow:0 0 0 2px var(--accent)}.go-stone.last:after{content:"";position:absolute;inset:25%;border-radius:50%;border:1.5px solid oklch(.78 .16 70)}.checkerboard{display:grid;grid-template-columns:repeat(8,1fr);aspect-ratio:1;max-width:240px;border-radius:4px;overflow:hidden;border:1px solid var(--line)}.csq2{position:relative;display:grid;place-items:center}.csq2.l{background:#d8bfab}.csq2.d{background:#452b27}.cpiece{width:70%;aspect-ratio:1;border-radius:50%}.cpiece.r{background:radial-gradient(circle at 30% 30%,oklch(.7 .2 25),#861118)}.cpiece.b{background:radial-gradient(circle at 30% 30%,#555,#111)}.cpiece.king:after{content:"♔";color:#f4c947;font-size:12px;display:grid;place-items:center;height:100%}.csq2.suggest{box-shadow:inset 0 0 0 2px var(--accent)}.waveform{display:flex;gap:2px;align-items:center;height:22px}.waveform i{display:block;width:2px;background:var(--dim);border-radius:1px}.waveform.active i{background:var(--accent)}.audio-log{font-family:var(--mono);font-size:11px;color:var(--ink-2);display:grid;gap:4px}.audio-log .ts{color:var(--dim-2)}.audio-log .who{color:var(--info)}.empty-note{font-size:12px;color:var(--dim);font-style:italic;padding:10px 0}.divider{height:1px;background:var(--line-soft);margin:10px 0}.row-flex{display:flex;gap:8px;align-items:center;flex-wrap:wrap}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:5px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--line)}@media (max-width: 1100px){.main{grid-template-columns:1fr;grid-template-rows:minmax(520px,60vh) auto}.left{grid-template-rows:minmax(360px,1fr) 168px}.stage{min-height:360px}.right{border-top:1px solid var(--line-soft);border-right:0;min-height:480px}.topbar{grid-template-columns:1fr auto 1fr}.game-tabs{overflow-x:auto}}*{margin:0;padding:0;box-sizing:border-box}html{font-size:clamp(14px,2vw,18px);-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:var(--p-bg);color:var(--p-ink);line-height:1.5;letter-spacing:.3px}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;letter-spacing:.5px}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-normal)}a:hover{color:var(--color-primary-light);text-shadow:0 0 8px rgba(0,212,255,.4)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:2px}button{font-family:inherit;font-size:inherit;cursor:pointer;transition:all var(--transition-normal);outline:none}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background-color:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-sm);transition:all var(--transition-normal)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00d4ff1a}textarea{resize:vertical;min-height:100px}ul,ol{list-style:none}code,pre{font-family:Monaco,Menlo,Courier New,Courier,monospace;background-color:#00d4ff0d;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 6px}pre{padding:var(--spacing-md);overflow-x:auto;line-height:1.4}pre code{padding:0;border:none;background:transparent}table{width:100%;border-collapse:collapse;margin:var(--spacing-lg) 0}th,td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}th{background-color:#00d4ff0d;font-weight:700;color:var(--color-primary)}tr:hover{background-color:#00d4ff05}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#00d4ff0d}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-light)}::selection{background-color:var(--color-primary);color:var(--color-bg-darker)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 10px #00d4ff4d}50%{box-shadow:0 0 20px #00d4ff80}}.hidden{display:none!important}.invisible{visibility:hidden!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.no-scroll{overflow:hidden}.fade-in{animation:fadeIn var(--transition-normal)}.slide-up{animation:slideInUp var(--transition-normal)}.spin{animation:spin 1s linear infinite}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.glow{animation:glow 2s ease-in-out infinite}@media print{body{background:#fff;color:#000}a{color:#00f}button,input,textarea,select{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}html,body{background-color:var(--p-bg)!important;color:var(--p-ink)!important}
