:root{--bg: #F3F4F8;--bg-raised: #FFFFFF;--card: #FFFFFF;--card-solid: #FFFFFF;--card-hover: #F5F6FA;--card-selected: rgba(37, 80, 232, .06);--glass: rgba(255, 255, 255, .92);--glass-border: rgba(0, 0, 0, .08);--border: #E2E4EB;--border-subtle: #EEEFF3;--border-active: rgba(37, 80, 232, .4);--accent: #2550E8;--accent-bright: #2550E8;--accent-dim: #1E42C4;--accent-glow: rgba(37, 80, 232, .07);--accent-glow-strong: rgba(37, 80, 232, .14);--success: #059669;--success-dim: rgba(5, 150, 105, .1);--warning: #B45309;--warning-dim: rgba(180, 83, 9, .1);--danger: #DC2626;--danger-dim: rgba(220, 38, 38, .08);--purple: #7C3AED;--purple-dim: rgba(124, 58, 237, .1);--teal: #0D7490;--teal-dim: rgba(13, 116, 144, .1);--text: #111827;--text-secondary: #374151;--text-tertiary: #6B7280;--text-ghost: #9CA3AF;--font: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--mono: "JetBrains Mono", "SF Mono", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--viewport-footer-gap: calc(32px + env(safe-area-inset-bottom, 0px)) ;--shadow-card: 0 1px 3px rgba(0,0,0,.04), 0 2px 8px rgba(0,0,0,.03);--shadow-elevated: 0 2px 8px rgba(0,0,0,.06), 0 12px 32px rgba(0,0,0,.06);--shadow-glow: 0 0 20px rgba(37, 80, 232, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button,a,[role=button],select,label[for],summary{cursor:pointer}html{height:100%}#root{display:flex;flex-direction:column;min-height:100vh}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}@keyframes pulse-live{0%,to{opacity:1;box-shadow:0 0 #05966959}50%{opacity:.5;box-shadow:0 0 0 4px #05966900}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}@keyframes progress-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow-pulse{0%,to{box-shadow:0 0 6px #4a72f533,0 0 14px #4a72f51f;transform:scaleX(1) scaleY(1)}50%{box-shadow:0 0 10px #4a72f559,0 0 22px #4a72f52e,0 0 36px #4a72f514;transform:scaleX(1.04) scaleY(1.08)}}.glow-btn{animation:glow-pulse 2s ease-in-out infinite}.animate-in{animation:fade-in .6s cubic-bezier(.4,0,.2,1) both}.animate-slide{animation:slide-in-right .55s cubic-bezier(.4,0,.2,1) both}.animate-scale{animation:scale-in .5s cubic-bezier(.4,0,.2,1) both}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--success);animation:pulse-live 2s ease-in-out infinite;display:inline-block;flex-shrink:0}.mono{font-family:var(--mono)}.badge{display:inline-flex;align-items:center;border-radius:6px;padding:3px 10px;font-size:11.5px;font-weight:600;letter-spacing:.2px;white-space:nowrap;transition:background .2s ease,color .2s ease}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;box-shadow:var(--shadow-card);transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.card-elevated{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px;box-shadow:var(--shadow-elevated);transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.card-interactive:hover{transform:translateY(-1px);box-shadow:var(--shadow-elevated);border-color:var(--border-active)}.section-header{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-tertiary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.section-header:before{content:"";width:3px;height:14px;border-radius:2px;background:var(--accent);flex-shrink:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cfd2da;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#b0b4bf}::selection{background:#2550e826}.mobile-show{display:none!important}@media(max-width:900px){.mobile-stack{grid-template-columns:1fr!important}.mobile-hide{display:none!important}.mobile-show{display:inline!important}}@media(max-width:600px){.card{padding:12px}.card-elevated{padding:12px;border-radius:var(--radius-sm)}.section-header{font-size:10px;margin-bottom:10px}.badge{font-size:10px;padding:2px 7px}.nav-title{display:none!important}.mobile-show{display:inline!important}}@keyframes connector-flow{0%{background-position:0% 50%}to{background-position:200% 50%}}.pipeline-connector{display:flex;align-items:center;justify-content:center;padding:0 2px}.pipeline-connector svg{transition:color .4s ease,filter .4s ease;color:var(--border)}.pipeline-connector.active svg{color:var(--success);filter:drop-shadow(0 0 4px rgba(5,150,105,.3))}@media(max-width:900px){.pipeline-connector{justify-content:center;padding:4px 0}.pipeline-connector svg{transform:rotate(90deg)}}.stats-strip{display:flex;align-items:center;justify-content:center;gap:32px;padding:14px 20px;border-radius:var(--radius-sm);background:var(--bg-raised);border:1px solid var(--border);box-shadow:var(--shadow-card)}.stats-strip .stat-item{display:flex;align-items:baseline;gap:6px;font-size:12px;color:var(--text-tertiary);font-weight:600}.stats-strip .stat-number{font-size:18px;font-weight:800;color:var(--accent);letter-spacing:-.5px}.stats-strip .stat-dot{color:var(--border);font-size:10px;-webkit-user-select:none;user-select:none}@media(max-width:600px){.stats-strip{gap:16px;padding:10px 14px}.stats-strip .stat-number{font-size:15px}.stats-strip .stat-item{font-size:11px}}