*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0e17;--bg-secondary:#111827;--bg-tertiary:#1a2332;--surface:#1e293b;--surface-hover:#273549;--border:#2d3a4d;--border-active:#6366f1;--text:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#6366f1;--accent-hover:#818cf8;--success:#22c55e;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--winner:#22c55e;--branch-active:#6366f1;--branch-collapsed:#475569;--branch-pending:#94a3b8;--font-body:"Inter", -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--font-heading:"Inter", -apple-system, sans-serif;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-glow:0 0 20px #6366f14d}html,body{height:100%;font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{flex-direction:column;height:100%;display:flex}.eila-shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}.eila-shell__body{flex:1;display:flex;overflow:hidden}.eila-shell__sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);width:260px;min-width:260px;padding:16px;overflow-y:auto}.eila-shell__main{background:var(--bg);flex:1;padding:16px;overflow-y:auto}.eila-shell__detail{background:var(--bg-secondary);border-left:1px solid var(--border);width:360px;min-width:360px;overflow-y:auto}.eila-tabs{background:var(--bg-tertiary);border-bottom:1px solid var(--border);align-items:center;gap:8px;height:48px;padding:0 16px;display:flex}.eila-tabs__brand{align-items:center;gap:8px;margin-right:24px;display:flex}.eila-tabs__logo{color:var(--accent);font-size:20px}.eila-tabs__title{font-family:var(--font-heading);color:var(--text);letter-spacing:1px;font-size:16px;font-weight:700}.eila-tabs__list{flex:1;gap:4px;display:flex}.eila-tabs__tab{color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;position:relative}.eila-tabs__tab:hover{color:var(--text);background:var(--surface)}.eila-tabs__tab--active{color:var(--accent);background:var(--surface)}.eila-tabs__tab--active:after{content:"";background:var(--accent);border-radius:1px;height:2px;position:absolute;bottom:-1px;left:8px;right:8px}.eila-tabs__tab--detached{opacity:.6;font-style:italic}.eila-tabs__detach-badge{margin-left:4px;font-size:10px}.eila-tabs__actions{align-items:center;display:flex}.eila-theme-select{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;font-family:var(--font-mono);cursor:pointer;padding:4px 8px}.eila-btn{border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;justify-content:center;align-items:center;width:100%;margin-top:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.eila-btn:disabled{opacity:.4;cursor:not-allowed}.eila-btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.eila-btn--primary:hover:not(:disabled){background:var(--accent-hover)}.eila-btn--secondary{background:var(--surface);color:var(--text)}.eila-btn--secondary:hover:not(:disabled){background:var(--surface-hover)}.eila-btn--accent{background:var(--success);color:#fff;border-color:var(--success)}.eila-btn--accent:hover:not(:disabled){opacity:.9}.eila-btn--toggle{background:var(--surface);color:var(--text-muted)}.eila-btn--toggle-on{background:var(--accent);color:#fff;border-color:var(--accent)}.eila-operator{flex-direction:column;gap:16px;display:flex}.eila-operator__section{flex-direction:column;gap:6px;display:flex}.eila-operator__label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:11px;font-weight:600}.eila-operator__input{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);font-family:var(--font-mono);resize:vertical;padding:8px;font-size:12px}.eila-operator__input:focus{border-color:var(--border-active);box-shadow:var(--shadow-glow);outline:none}.eila-operator__row{align-items:center;gap:8px;display:flex}.eila-operator__progress{background:var(--surface);border-radius:3px;flex:1;height:6px;overflow:hidden}.eila-operator__progress-bar{background:var(--accent);border-radius:3px;height:100%;transition:width .3s}.eila-operator__slider{width:100%;accent-color:var(--accent)}.eila-operator__status{border-top:1px solid var(--border);padding-top:8px}.eila-status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.eila-status-badge--idle{background:var(--surface);color:var(--text-muted)}.eila-status-badge--running{color:var(--accent);background:#6366f133}.eila-status-badge--completed{color:var(--success);background:#22c55e33}.eila-status-badge--failed{color:var(--error);background:#ef444433}.eila-status-badge--winner{color:var(--winner);background:#22c55e33}.eila-status-badge--collapsed{background:var(--surface);color:var(--text-muted)}.eila-status-badge--pass{color:var(--success);background:#22c55e33}.eila-status-badge--fail{color:var(--error);background:#ef444433}.eila-status-badge--warning{color:var(--warning);background:#f59e0b33}.eila-status-badge--pending{background:var(--surface);color:var(--text-muted)}.eila-status-badge--deploying{color:var(--accent);background:#6366f133}.eila-status-badge--deployed{color:var(--success);background:#22c55e33}.eila-theater{flex-direction:column;height:100%;display:flex}.eila-theater--empty{justify-content:center;align-items:center;min-height:300px;display:flex}.eila-theater__placeholder{text-align:center;color:var(--text-muted)}.eila-theater__placeholder-icon{color:var(--accent);margin-bottom:12px;font-size:48px;animation:2s ease-in-out infinite pulse;display:block}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.eila-theater__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.eila-theater__header h3{color:var(--text);font-size:14px;font-weight:600}.eila-theater__count{color:var(--text-muted);font-size:12px;font-family:var(--font-mono)}.eila-theater__canvas{flex:1;padding:8px 0;overflow-y:auto}.eila-branch{transition:all .4s;overflow:hidden}.eila-branch--expanded{opacity:1;max-height:2000px}.eila-branch--collapsed-anim{opacity:.5;max-height:40px}.eila-branch__node{border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:8px;padding:6px 12px;transition:all .2s;display:flex;position:relative}.eila-branch__node:hover{background:var(--surface-hover)}.eila-branch__node--winner{box-shadow:var(--shadow-glow);background:#22c55e1a}.eila-branch__connector{background:var(--border);width:2px;height:100%;position:absolute;top:0;left:-12px}.eila-branch__dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:all .3s}.eila-branch__dot--pending{background:var(--branch-pending)}.eila-branch__dot--running{background:var(--branch-active);animation:1.5s infinite dot-pulse}.eila-branch__dot--completed{background:var(--info)}.eila-branch__dot--winner{background:var(--winner);box-shadow:0 0 8px var(--winner)}.eila-branch__dot--failed{background:var(--error)}.eila-branch__dot--collapsed{background:var(--branch-collapsed)}@keyframes dot-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}.eila-branch__label{color:var(--text);flex:1;font-size:13px;font-weight:500}.eila-branch__specialist{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);background:var(--surface);border-radius:var(--radius-sm);padding:1px 6px}.eila-branch__score{color:var(--accent);font-size:12px;font-weight:700;font-family:var(--font-mono)}.eila-branch__winner-badge{color:var(--winner);border-radius:var(--radius-sm);letter-spacing:.5px;background:#22c55e26;padding:2px 6px;font-size:10px;font-weight:700}.eila-branch__children{border-left:2px solid var(--border);margin-left:16px;padding-left:20px;animation:.4s branch-expand}@keyframes branch-expand{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.eila-timeline{flex-direction:column;height:100%;display:flex}.eila-timeline__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.eila-timeline__header h4{color:var(--text);font-size:13px;font-weight:600}.eila-timeline__count{color:var(--text-muted);font-size:11px;font-family:var(--font-mono)}.eila-timeline__list{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.eila-timeline__event{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:8px;padding:4px 8px;font-size:12px;transition:background .15s;animation:.3s event-slide-in;display:flex}.eila-timeline__event:hover{background:var(--surface-hover)}@keyframes event-slide-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.eila-timeline__icon{text-align:center;flex-shrink:0;width:16px}.eila-timeline__time{color:var(--text-muted);font-family:var(--font-mono);flex-shrink:0;font-size:11px}.eila-timeline__type{color:var(--text-secondary);font-family:var(--font-mono);flex:1;font-size:11px}.eila-timeline__job{color:var(--text-muted);font-family:var(--font-mono);font-size:10px}.eila-detail{flex-direction:column;height:100%;display:flex}.eila-detail__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.eila-detail__title{font-size:14px;font-weight:600}.eila-detail__close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px;font-size:20px}.eila-detail__close:hover{color:var(--text);background:var(--surface)}.eila-detail__body{flex:1;padding:16px;overflow-y:auto}.eila-detail__content{flex-direction:column;gap:12px;display:flex}.eila-detail__field{flex-direction:column;gap:4px;display:flex}.eila-detail__field-label{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;font-size:11px;font-weight:600}.eila-detail__field-value{color:var(--text);font-size:13px;font-family:var(--font-mono)}.eila-detail__winner{color:var(--winner);font-weight:700}.eila-detail__code{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-mono);color:var(--text);white-space:pre-wrap;padding:12px;font-size:12px;overflow-x:auto}.eila-detail__events h4,.eila-detail__branches h4,.eila-detail__checks h4{color:var(--text-secondary);margin-bottom:8px;font-size:12px;font-weight:600}.eila-detail__mini-event{font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);border-radius:var(--radius-sm);justify-content:space-between;padding:4px 8px;display:flex}.eila-detail__mini-event:hover{background:var(--surface)}.eila-detail__branch-row{border-radius:var(--radius-sm);justify-content:space-between;align-items:center;padding:6px 8px;font-size:12px;display:flex}.eila-detail__branch-row--winner{background:#22c55e1a;border:1px solid #22c55e4d}.eila-detail__score{font-family:var(--font-mono);color:var(--accent);font-weight:700}.eila-detail__check{border-radius:var(--radius-sm);align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:flex}.eila-detail__check--pass{background:#22c55e14}.eila-detail__check--fail{background:#ef444414}.eila-detail__check--warning{background:#f59e0b14}.eila-detail__check-msg{color:var(--text-muted);flex:1;font-size:11px}.eila-detail__link{color:var(--accent);font-family:var(--font-mono);font-size:12px;text-decoration:none}.eila-detail__link:hover{text-decoration:underline}.eila-tab{height:100%}.eila-tab--mission{grid-template-rows:1fr 240px;gap:16px;height:calc(100vh - 80px);display:grid}.eila-tab__theater-area{overflow:hidden}.eila-tab__timeline-area{border-top:1px solid var(--border);padding-top:12px;overflow:hidden}.eila-decisions__header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.eila-decisions__header h3{font-size:16px;font-weight:600}.eila-decisions__winner-card{border-radius:var(--radius-lg);cursor:pointer;background:#22c55e14;border:1px solid #22c55e4d;margin-bottom:16px;padding:20px;transition:box-shadow .2s}.eila-decisions__winner-card:hover{box-shadow:var(--shadow-glow)}.eila-decisions__winner-card h4{text-transform:uppercase;color:var(--winner);margin-bottom:8px;font-size:12px;font-weight:600}.eila-decisions__winner-id{color:var(--text);font-size:16px;font-weight:700;font-family:var(--font-mono);margin-bottom:4px}.eila-decisions__winner-reason{color:var(--text-secondary);font-size:13px}.eila-decisions__branches{flex-direction:column;gap:8px;display:flex}.eila-decisions__branch-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 16px}.eila-decisions__branch-card--winner{border-color:var(--winner);box-shadow:0 0 12px #22c55e26}.eila-decisions__branch-label{margin-bottom:8px;font-size:13px;font-weight:500}.eila-decisions__branch-score{align-items:center;gap:8px;display:flex}.eila-decisions__score-bar{background:var(--accent);border-radius:3px;height:6px;transition:width .6s}.eila-decisions__branch-score span{font-family:var(--font-mono);color:var(--accent);font-size:12px;font-weight:700}.eila-decisions__empty{text-align:center;color:var(--text-muted);padding:40px}.eila-decisions__job-list{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px;display:flex}.eila-decisions__job-chip{background:var(--surface);border-radius:var(--radius-sm);align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:flex}.eila-artifacts__section{margin-bottom:24px}.eila-artifacts__section h3{margin-bottom:12px;font-size:14px;font-weight:600}.eila-artifacts__section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.eila-artifacts__section-header h3{margin-bottom:0}.eila-artifacts__section-header .eila-btn{width:auto;margin-top:0}.eila-artifacts__empty{color:var(--text-muted);text-align:center;padding:20px;font-size:13px}.eila-artifacts__grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;display:grid}.eila-artifacts__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;padding:12px;transition:all .2s}.eila-artifacts__card:hover{border-color:var(--border-active);box-shadow:var(--shadow-sm)}.eila-artifacts__card-name{font-size:13px;font-weight:600;font-family:var(--font-mono);margin-bottom:4px}.eila-artifacts__card-meta{color:var(--text-muted);justify-content:space-between;font-size:11px;display:flex}.eila-artifacts__list{flex-direction:column;gap:4px;display:flex}.eila-artifacts__audit-row,.eila-artifacts__deploy-row{background:var(--surface);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:12px;padding:8px 12px;font-size:12px;transition:background .15s;display:flex}.eila-artifacts__audit-row:hover,.eila-artifacts__deploy-row:hover{background:var(--surface-hover)}.eila-artifacts__deploy-url{color:var(--accent);font-family:var(--font-mono);margin-left:auto;font-size:11px}.eila-metrics__section{margin-bottom:24px}.eila-metrics__section h3{margin-bottom:12px;font-size:14px;font-weight:600}.eila-metrics__grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.eila-metrics__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;padding:16px}.eila-metrics__card-value{font-size:28px;font-weight:700;font-family:var(--font-mono);color:var(--accent)}.eila-metrics__card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:11px}.eila-metrics__breakdown{flex-direction:column;gap:6px;display:flex}.eila-metrics__bar-row{align-items:center;gap:8px;display:flex}.eila-metrics__bar-label{font-size:11px;font-family:var(--font-mono);color:var(--text-secondary);flex-shrink:0;width:140px}.eila-metrics__bar-track{background:var(--surface);border-radius:4px;flex:1;height:8px;overflow:hidden}.eila-metrics__bar-fill{background:var(--accent);border-radius:4px;height:100%;transition:width .6s}.eila-metrics__bar-value{font-size:11px;font-family:var(--font-mono);color:var(--text-muted);text-align:right;width:30px}.eila-metrics__replay-controls{flex-direction:column;gap:12px;display:flex}.eila-metrics__replay-controls .eila-btn{align-self:flex-start;width:auto}.eila-metrics__speed{align-items:center;gap:12px;display:flex}.eila-metrics__speed label{color:var(--text-secondary);font-size:12px;font-family:var(--font-mono);white-space:nowrap}.eila-metrics__speed input{accent-color:var(--accent);flex:1}.eila-metrics__replay-progress{align-items:center;gap:8px;display:flex}.eila-metrics__replay-bar{background:var(--surface);border-radius:3px;flex:1;height:6px;overflow:hidden}.eila-metrics__replay-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .3s}.eila-metrics__replay-progress span{font-size:11px;font-family:var(--font-mono);color:var(--text-muted)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}