:root{--bg-base:#030610;--bg-surface:#050814;--glass-bg:#0c0e26ad;--glass-bg-heavy:#0a0c20d1;--glass-border:#ffffff17;--glass-highlight:#ffffff1f;--glass-blur:blur(32px)saturate(140%);--s-danger:#f87171;--s-warning:#fbbf24;--s-success:#34d399;--s-info:#7dd3fc;--accent:#4f8ef7;--accent-soft:#4f8ef71a;--accent-glow:#4f8ef738;--text-primary:#eef0f8;--text-secondary:#8792aa;--text-muted:#3a4462;--border-subtle:#ffffff0f;--border-default:#ffffff17;--border-strong:#ffffff26;--font-ui:"Plus Jakarta Sans",system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--shadow-glass:inset 0 1px 0 #ffffff1c,inset 0 0 0 1px #ffffff0a,0 2px 4px #0003,0 16px 48px #00000073,0 48px 80px #00000040}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 50% 0,#1e32641f 0%,#0000 60%);position:fixed;inset:0}main{z-index:1;position:relative}#cockpit{scroll-margin-top:68px}::-webkit-scrollbar{width:3px;height:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#fff3}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--shadow-glass);border-radius:var(--radius-lg);position:relative;overflow:hidden}.glass-panel:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff2e 30%,#ffffff38 50%,#ffffff2e 70%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.panel-header{border-bottom:1px solid var(--border-subtle);z-index:1;background:#ffffff08;flex-shrink:0;justify-content:space-between;align-items:center;padding:11px 16px;display:flex;position:relative}.panel-header-left{align-items:center;gap:8px;display:flex}.panel-title{color:var(--text-primary);letter-spacing:.015em;font-size:12px;font-weight:600}.panel-body{background:#06081666;flex:1;overflow:hidden}.panel-body.scrollable{padding:10px;overflow-y:auto}.gradient-text-accent{background:linear-gradient(135deg,#60a5fa 0%,#818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline}.gradient-text-cyan{background:linear-gradient(135deg,#38bdf8 0%,#60a5fa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline}.gradient-text-emerald{background:linear-gradient(135deg,#34d399 0%,#38bdf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline}.gradient-text-purple{background:linear-gradient(135deg,#60a5fa 0%,#818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;display:inline}.metric-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-glass);align-items:center;gap:13px;padding:14px 16px;transition:border-color .3s,transform .2s;display:flex;position:relative;overflow:hidden}.metric-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff24,#0000);height:1px;position:absolute;top:0;left:0;right:0}.metric-card:hover{border-color:#ffffff24;transform:translateY(-1px)}.metric-icon-wrap{border:1px solid #ffffff12;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.metric-value{font-size:22px;font-weight:700;font-family:var(--font-mono);letter-spacing:-.02em;line-height:1.1}.metric-unit{opacity:.6;font-size:12px;font-weight:500}.metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-top:3px;font-size:10px;font-weight:500}.badge-count{font-size:10px;font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--border-subtle);background:#ffffff0a;border-radius:100px;padding:2px 8px}.badge-live{letter-spacing:.09em;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-glow);border-radius:100px;padding:2px 9px;font-size:9px;font-weight:700}.log-entry{border-radius:var(--radius-sm);background:#ffffff04;border:1px solid #0000;margin-bottom:4px;padding:6px 8px;animation:.16s ease-out log-appear}@keyframes log-appear{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.log-header{align-items:center;gap:5px;margin-bottom:3px;display:flex}.log-lvl{letter-spacing:.07em;font-size:8px;font-weight:700;font-family:var(--font-mono);border-radius:3px;flex-shrink:0;padding:1px 5px}.log-svc{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;background:#ffffff0d;border-radius:4px;flex-shrink:0;max-width:120px;padding:1px 6px;font-size:9px;font-weight:600;overflow:hidden}.log-ts{color:var(--text-muted);font-size:9px;font-family:var(--font-mono);flex-shrink:0;margin-left:auto}.log-msg{word-break:break-word;font-size:10.5px;line-height:1.5}.log-entry.critical{background:#f871710f;border-color:#f8717126}.log-entry.critical .log-lvl{color:#fca5a5;background:#f871712e}.log-entry.critical .log-msg{color:#fca5a5}.log-entry.error{background:#fb923c0f;border-color:#fb923c26}.log-entry.error .log-lvl{color:#fdba74;background:#fb923c2e}.log-entry.error .log-msg{color:#fdba74}.log-entry.warn{background:#fbbf240a;border-color:#fbbf241f}.log-entry.warn .log-lvl{color:#fde68a;background:#fbbf242e}.log-entry.warn .log-msg{color:#fde68a}.log-entry.info{background:#ffffff05}.log-entry.info .log-lvl{color:var(--text-secondary);background:#ffffff14}.log-entry.info .log-msg{color:var(--text-secondary)}.log-entry.storm{background:#fb923c14;border-color:#fb923c40;border-left-width:2px}.log-entry.storm .log-lvl{color:#fb923c;background:#fb923c38}.log-entry.storm .log-msg{color:#fb923c;font-weight:600}.timeline{flex-direction:column;display:flex}.timeline-item{gap:10px;animation:.2s ease-out slide-in-left;display:flex}.timeline-track{flex-direction:column;flex-shrink:0;align-items:center;width:26px;display:flex}.timeline-dot{background:#060816cc;border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.timeline-line{background:linear-gradient(#ffffff1f,#0000);flex:1;width:1px;min-height:10px;margin:3px 0}.timeline-content{flex:1;padding-top:3px;padding-bottom:14px}.timeline-node-tag{letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:700;font-family:var(--font-mono);margin-bottom:3px}.timeline-text{color:var(--text-secondary);font-size:11.5px;line-height:1.55}.timeline-code{border-radius:var(--radius-sm);color:var(--text-muted);border:1px solid var(--border-subtle);white-space:pre-wrap;word-break:break-word;font-size:10px;font-family:var(--font-mono);background:#0006;margin-top:6px;padding:7px 9px}.rca-card{border-radius:var(--radius-lg);background:#f871710a;border:1px solid #f8717124;margin-bottom:14px;animation:.35s cubic-bezier(.34,1.2,.64,1) rca-enter;position:relative;overflow:hidden}.rca-card:last-child{margin-bottom:0}@keyframes rca-enter{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.rca-card-header{background:#f871710f;border-bottom:1px solid #f871711a;padding:12px 16px}.rca-header-row{align-items:center;gap:8px;margin-bottom:5px;display:flex}.rca-sev-badge{letter-spacing:.08em;font-size:9px;font-weight:700;font-family:var(--font-mono);color:#fca5a5;background:#f8717126;border:1px solid #f8717147;border-radius:4px;padding:2px 7px}.rca-service-name{color:var(--text-primary);font-size:13px;font-weight:700;font-family:var(--font-mono)}.rca-mode-badge{color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:100px;margin-left:auto;padding:1px 7px;font-size:9px}.rca-stats-row{align-items:center;gap:14px;display:flex}.rca-mttr{font-size:11px;font-family:var(--font-mono);color:var(--s-success);font-weight:600}.rca-timestamp{color:var(--text-muted);font-size:10px;font-family:var(--font-mono)}.rca-error-block{color:#fca5a5;font-size:10.5px;font-family:var(--font-mono);background:#0003;border-bottom:1px solid #ffffff0a;padding:9px 16px;line-height:1.5}.rca-sections{flex-direction:column;gap:12px;padding:12px 16px;display:flex}.rca-section{padding:0}.rca-section+.rca-section{border-top:1px solid #ffffff0d;padding-top:12px}.rca-sec-hdr{align-items:center;gap:7px;margin-bottom:6px;display:flex}.rca-sec-tag{letter-spacing:.1em;text-transform:uppercase;font-size:8.5px;font-weight:700;font-family:var(--font-mono);border-radius:3px;padding:2px 7px}.rca-sec-tag.red{color:#fca5a5;background:#f871711f}.rca-sec-tag.cyan{color:#67e8f9;background:#67e8f91a}.rca-sec-tag.emerald{color:#6ee7b7;background:#6ee7b71a}.rca-sec-body{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;font-size:11.5px;line-height:1.65}.rca-history{background:#00000026;border-top:1px solid #ffffff0a;padding:10px 16px}.rca-hist-hdr{letter-spacing:.1em;text-transform:uppercase;color:var(--s-warning);font-size:9px;font-weight:700;font-family:var(--font-mono);align-items:center;gap:5px;margin-bottom:8px;display:flex}.rca-hist-item{border-radius:var(--radius-sm);background:#ffffff05;border:1px solid #ffffff0f;margin-bottom:5px;padding:7px 9px}.rca-hist-item:last-child{margin-bottom:0}.rca-hist-meta{justify-content:space-between;margin-bottom:3px;display:flex}.rca-hist-match{color:var(--s-warning);font-size:9px;font-family:var(--font-mono);font-weight:700}.rca-hist-svc{color:var(--text-muted);font-size:9px;font-family:var(--font-mono)}.rca-hist-doc{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:2px;font-size:10.5px;display:-webkit-box;overflow:hidden}.rca-hist-fix{color:var(--s-success);-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:10px;display:-webkit-box;overflow:hidden}.empty-state{flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;min-height:120px;padding:32px 20px;display:flex}.empty-icon-wrap{width:44px;height:44px;color:var(--text-muted);opacity:.55;background:#ffffff08;border:1px dashed #ffffff1a;border-radius:12px;justify-content:center;align-items:center;display:flex}.empty-title{color:var(--text-muted);font-size:12px;font-weight:600}.empty-sub{color:var(--text-muted);opacity:.5;text-align:center;font-size:11px}.metrics-row{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px;display:grid}.cockpit-grid{grid-template-columns:1fr 1fr 1fr;gap:16px;height:730px;display:grid}.cockpit-col{flex-direction:column;gap:14px;min-height:0;display:flex}@media (max-width:1200px){.cockpit-grid{grid-template-columns:1fr 1fr;height:auto}.cockpit-col,.cockpit-grid>div{height:540px}.metrics-row{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.cockpit-grid{grid-template-columns:1fr}.metrics-row{grid-template-columns:repeat(2,1fr)}}@keyframes radiate{0%{opacity:.75;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}@keyframes flow-dash{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}@keyframes node-breathe{0%,to{opacity:.35}50%{opacity:.85}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%{opacity:.65;transform:scale(1)}to{opacity:0;transform:scale(2.6)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes glow-pulse{0%,to{box-shadow:0 0 12px #818cf826}50%{box-shadow:0 0 32px #818cf866}}.animate-spin-slow{animation:3s linear infinite spin-slow}.animate-slide-in{animation:.22s ease-out slide-in-left}.animate-slide-up{animation:.3s ease-out slide-in-up}.animate-fade-in{animation:.4s ease-out fade-in}.status-dot{border-radius:50%;justify-content:center;align-items:center;width:7px;height:7px;display:inline-flex;position:relative}.status-dot:before{content:"";border-radius:50%;width:100%;height:100%;animation:1.8s ease-out infinite pulse-ring;position:absolute}.status-dot.online,.status-dot.online:before{background:var(--s-success)}.status-dot.offline{background:var(--text-muted)}.status-dot.error,.status-dot.error:before{background:var(--s-danger)}.btn-primary{border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-ui);color:#fff;background:linear-gradient(135deg,#0e7490 0%,#1d4ed8 100%);border:none;align-items:center;gap:8px;padding:12px 24px;transition:all .2s;display:inline-flex;box-shadow:0 4px 20px #0e74904d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0e749080}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-demo{background:linear-gradient(135deg,#991b1b 0%,#6d28d9 100%);box-shadow:0 4px 20px #991b1b4d}.btn-demo:hover{box-shadow:0 8px 28px #991b1b80}.arch-node{border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-width:132px;padding:14px 20px;transition:all .25s;display:flex;position:relative;overflow:hidden}.arch-node:before{content:"";background:linear-gradient(90deg,#0000,#ffffff24,#0000);height:1px;position:absolute;top:0;left:0;right:0}.arch-node:hover{border-color:#818cf84d;transform:translateY(-2px);box-shadow:0 0 24px #818cf81f}.agent-step{border-radius:var(--radius-sm);font-family:var(--font-mono);border-left:2px solid;margin-bottom:8px;padding:8px 12px;font-size:12px;animation:.2s ease-out slide-in-left}.agent-step.investigator{border-color:var(--accent);background:var(--accent-soft)}.agent-step.tool{border-color:var(--s-success);background:#34d39914}.agent-step.critic{background:#c084fc14;border-color:#c084fc}.agent-step.cache{border-color:var(--s-warning);background:#fbbf2412}.agent-step.fallback{border-color:var(--s-info);background:#7dd3fc14}.agent-step.start{border-color:var(--s-warning);background:#fbbf2412}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes dotPulse{0%,80%,to{opacity:.2;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.agent-step.done{border-color:var(--s-success);background:#34d39914}