@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg: #0a0c10;--bgCard: #11141b;--bgCardHover: #161a24;--border: #1e2330;--borderLight: #2a3040;--text: #c8cdd8;--textDim: #6b7280;--textBright: #e8ecf4;--accent: #22d3ee;--accentDim: #0e7490;--critical: #ef4444;--high: #f97316;--medium: #eab308;--low: #22c55e;--info: #6b7280;--green: #10b981;--red: #ef4444;--purple: #a78bfa;--blue: #3b82f6;--fontMono: "JetBrains Mono", "Fira Code", "SF Mono", monospace;--fontSans: "DM Sans", "Segoe UI", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--fadeIn: .3s ease;--slideIn: .25s ease;--color-bg-app: var(--bg);--color-bg-surface: var(--bgCard);--color-bg-elevated: var(--bgCardHover);--color-bg-input: var(--bg);--color-border: var(--border);--color-text-primary: var(--textBright);--color-text-secondary: var(--text);--color-text-tertiary: var(--textDim);--color-primary: var(--accent);--color-primary-muted: rgba(34, 211, 238, .15);--color-error: var(--red);--color-warning: var(--medium);--color-success: var(--green);--color-info: var(--blue);--color-critical: var(--critical);--color-high: var(--high);--color-medium: var(--medium);--color-low: var(--low);--color-critical-bg: rgba(239, 68, 68, .15);--color-high-bg: rgba(249, 115, 22, .15);--color-medium-bg: rgba(234, 179, 8, .15);--color-low-bg: rgba(34, 197, 94, .15);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-12: 48px;--space-10: 40px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--fontSans);font-size:12px;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--borderLight)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accentDim)}h1,h2,h3,h4,h5,h6{font-family:var(--fontSans);font-weight:600;color:var(--textBright);margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 4px var(--accent)}50%{box-shadow:0 0 12px var(--accent)}}.font-mono{font-family:var(--fontMono)}.text-dim{color:var(--textDim)}.text-bright{color:var(--textBright)}.war-room{display:flex;flex-direction:column;gap:var(--space-5);animation:slideIn var(--slideIn) ease-out}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.page-title{font-size:1.5rem;font-weight:600;color:var(--textBright);margin:0;letter-spacing:-.02em}.page-subtitle{font-size:.8125rem;color:var(--textDim);margin:var(--space-1) 0 0}.panel{background:var(--bgCard);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border)}.panel-title{display:flex;align-items:center;gap:var(--space-2);font-size:.6875rem;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.05em}.panel-action{font-size:.75rem;color:var(--accent);text-decoration:none}.panel-action:hover{color:var(--accentDim)}.panel-content{padding:var(--space-4)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.stagger>*{animation:slideIn var(--slideIn) ease-out both}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:40ms}.stagger>*:nth-child(3){animation-delay:80ms}.stagger>*:nth-child(4){animation-delay:.12s}.stagger>*:nth-child(5){animation-delay:.16s}.stagger>*:nth-child(6){animation-delay:.2s}.stagger>*:nth-child(7){animation-delay:.24s}.stagger>*:nth-child(8){animation-delay:.28s}.stagger>*:nth-child(9){animation-delay:.32s}.stagger>*:nth-child(10){animation-delay:.36s}.data-table-container{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.data-table{width:100%;border-collapse:collapse;font-size:.8125rem}.data-table th{text-align:left;padding:var(--space-3) var(--space-4);font-weight:600;font-size:.6875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text);background:var(--bgCard);border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);vertical-align:middle}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bgCardHover)}input[type=text],input[type=search],select{padding:var(--space-2) var(--space-3);font-size:.8125rem;color:var(--textBright);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--fontSans)}input[type=text]:focus,input[type=search]:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #22d3ee26}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;padding-right:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:.8125rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;border:none;font-family:var(--fontSans)}.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover{background:var(--accentDim);color:var(--textBright)}.btn-secondary{background:var(--bgCard);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bgCardHover);border-color:var(--borderLight)}.filter-bar{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:200px;max-width:400px}.search-box input{width:100%;padding-left:36px}.search-box :global(.search-icon){position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--textDim);pointer-events:none}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.section-title{display:flex;align-items:center;gap:var(--space-2);font-size:.75rem;font-weight:600;color:var(--text);text-transform:uppercase;letter-spacing:.05em;margin:0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);color:var(--textDim);text-align:center;gap:var(--space-4)}.empty-state h3{font-size:1rem;color:var(--text);margin:0}.empty-state p{font-size:.8125rem;margin:0}.mono{font-family:var(--fontMono)}.severity-badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm)}.severity-badge.critical{background:#ef444426;color:var(--critical)}.severity-badge.high{background:#f9731626;color:var(--high)}.severity-badge.medium{background:#eab30826;color:var(--medium)}.severity-badge.low{background:#22c55e26;color:var(--low)}.severity-badge.info{background:#6b728026;color:var(--info)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;font-size:.6875rem;font-weight:500;border-radius:var(--radius-sm)}.status-badge .dot{width:6px;height:6px;border-radius:50%}.status-badge.running{background:#3b82f626;color:var(--blue)}.status-badge.running .dot{background:var(--blue);animation:pulse 2s infinite}.status-badge.completed{background:#10b98126;color:var(--green)}.status-badge.completed .dot{background:var(--green)}.status-badge.failed{background:#ef444426;color:var(--red)}.status-badge.failed .dot{background:var(--red)}.status-badge.queued{background:#eab30826;color:var(--medium)}.status-badge.queued .dot{background:var(--medium)}
