@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg: #06080c;--bgSubtle: #090c12;--bgCard: #0d1018;--bgCardHover: #121620;--bgElevated: #161b28;--border: rgba(255, 255, 255, .06);--borderLight: rgba(255, 255, 255, .1);--borderAccent: rgba(34, 211, 238, .2);--text: #a0aec0;--textDim: #4a5568;--textBright: #edf2f7;--textMuted: #2d3748;--accent: #22d3ee;--accentDim: #0e7490;--accentGlow: rgba(34, 211, 238, .15);--accentGlowStrong: rgba(34, 211, 238, .25);--critical: #f56565;--high: #ed8936;--medium: #ecc94b;--low: #48bb78;--info: #718096;--green: #48bb78;--red: #f56565;--purple: #9f7aea;--blue: #4299e1;--fontMono: "JetBrains Mono", "Fira Code", "SF Mono", monospace;--fontSans: "Outfit", system-ui, -apple-system, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px var(--accentGlow);--fadeIn: .3s var(--ease-out);--slideIn: .25s var(--ease-out);--color-bg-app: var(--bg);--color-bg-surface: var(--bgCard);--color-bg-elevated: var(--bgCardHover);--color-bg-input: var(--bgSubtle);--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: var(--accentGlow);--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(245, 101, 101, .12);--color-high-bg: rgba(237, 137, 54, .12);--color-medium-bg: rgba(236, 201, 75, .12);--color-low-bg: rgba(72, 187, 120, .12);--color-info-bg: rgba(66, 153, 225, .12);--color-success-bg: rgba(72, 187, 120, .12);--color-warning-bg: rgba(236, 201, 75, .12);--color-error-bg: rgba(245, 101, 101, .12);--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--radius-full: 100px;--space-10: 40px;--space-12: 48px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--fontSans);font-size:13px;line-height:1.6;font-weight:400;letter-spacing:.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}::selection{background:var(--accentGlow);color:var(--textBright)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--accent)}a{color:var(--accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--textBright)}h1,h2,h3,h4,h5,h6{font-family:var(--fontSans);font-weight:600;color:var(--textBright);margin:0;letter-spacing:-.02em}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes breathe{0%,to{box-shadow:0 0 4px var(--accent)}50%{box-shadow:0 0 16px var(--accent),0 0 32px var(--accentGlow)}}@keyframes glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}.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:fadeIn .4s var(--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:-.03em}.page-subtitle{font-size:.8125rem;color:var(--textDim);margin:var(--space-1) 0 0;font-weight:400}.panel{background:var(--bgCard);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--duration-normal) var(--ease-out)}.panel:hover{border-color:var(--borderLight)}.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(--textDim);text-transform:uppercase;letter-spacing:.08em}.panel-action{font-size:.75rem;font-weight:500;color:var(--accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.panel-action:hover{color:var(--textBright)}.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 .35s var(--ease-out) both}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:50ms}.stagger>*:nth-child(3){animation-delay:.1s}.stagger>*:nth-child(4){animation-delay:.15s}.stagger>*:nth-child(5){animation-delay:.2s}.stagger>*:nth-child(6){animation-delay:.25s}.stagger>*:nth-child(7){animation-delay:.3s}.stagger>*:nth-child(8){animation-delay:.35s}.stagger>*:nth-child(9){animation-delay:.4s}.stagger>*:nth-child(10){animation-delay:.45s}.data-table-container{border:1px solid var(--border);border-radius:var(--radius-lg);overflow-x:auto;-webkit-overflow-scrolling:touch}.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:.06em;color:var(--textDim);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{transition:background var(--duration-fast) var(--ease-out)}.data-table tr:hover td{background:var(--bgCardHover)}input[type=text],input[type=search],input[type=email],input[type=password],select,textarea{padding:var(--space-2) var(--space-3);font-size:.8125rem;color:var(--textBright);background:var(--bgSubtle);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--fontSans);transition:all var(--duration-fast) var(--ease-out)}input[type=text]:focus,input[type=search]:focus,input[type=email]:focus,input[type=password]:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accentGlow),0 0 16px var(--accentGlow)}input::placeholder,textarea::placeholder{color:var(--textMuted)}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='%234a5568' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);font-size:.8125rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);border:none;font-family:var(--fontSans);letter-spacing:.01em}.btn-primary{background:var(--accent);color:var(--bg);box-shadow:0 0 12px var(--accentGlow)}.btn-primary:hover{background:var(--textBright);color:var(--bg);box-shadow:0 0 24px var(--accentGlowStrong);transform:translateY(-1px)}.btn-secondary{background:var(--bgCard);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bgCardHover);border-color:var(--borderLight);color:var(--textBright)}.filter-bar{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:0;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:.6875rem;font-weight:600;color:var(--textDim);text-transform:uppercase;letter-spacing:.08em;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:3px 10px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;border-radius:100px;font-family:var(--fontMono)}.severity-badge.critical{background:#f565651f;color:var(--critical);box-shadow:inset 0 0 0 1px #f5656533}.severity-badge.high{background:#ed89361f;color:var(--high);box-shadow:inset 0 0 0 1px #ed893633}.severity-badge.medium{background:#ecc94b1f;color:var(--medium);box-shadow:inset 0 0 0 1px #ecc94b33}.severity-badge.low{background:#48bb781f;color:var(--low);box-shadow:inset 0 0 0 1px #48bb7833}.severity-badge.info{background:#7180961f;color:var(--info);box-shadow:inset 0 0 0 1px #71809633}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;font-size:.6875rem;font-weight:500;border-radius:100px}.status-badge .dot{width:6px;height:6px;border-radius:50%}.status-badge.running{background:#4299e11f;color:var(--blue)}.status-badge.running .dot{background:var(--blue);animation:pulse 2s infinite;box-shadow:0 0 6px #4299e199}.status-badge.completed{background:#48bb781f;color:var(--green)}.status-badge.completed .dot{background:var(--green)}.status-badge.failed{background:#f565651f;color:var(--red)}.status-badge.failed .dot{background:var(--red)}.status-badge.queued{background:#ecc94b1f;color:var(--medium)}.status-badge.queued .dot{background:var(--medium)}@media(max-width:640px){html,body{font-size:14px}.page-header{flex-direction:column;gap:var(--space-3)}.filter-bar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.cards-grid{grid-template-columns:1fr}}