@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,wght@0,300;0,600;0,700;1,300;1,600&family=JetBrains+Mono:wght@300;400;500&display=swap");:root{--bg:#07090f;--surface:#0e1018;--surface2:#141720;--panel:#f4f1eb;--panel2:#e8e4dc;--gold:#d4a017;--gold2:#f0b820;--teal:#00b4a0;--red:#e05555;--green:#22c55e;--blue:#3b82f6;--border:rgba(212,160,23,0.15);--border2:rgba(255,255,255,0.06);--text:#e8e4d8;--muted:#6b7280;--dim:#374151;--sidebar-w:260px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:JetBrains Mono,monospace;background:var(--bg);color:var(--text);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}.app,body{min-height:100vh}.app{display:block}.sidebar{background:var(--surface);border-right:1px solid var(--border2);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);z-index:50;overflow-y:auto}.brand{padding:1.6rem 1.4rem;border-bottom:1px solid var(--border2)}.brand-name{font-family:Fraunces,serif;font-size:1.25rem;font-weight:600;color:var(--gold2);letter-spacing:.02em}.brand-sub{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:.3rem}.brand-version{display:inline-flex;align-items:center;gap:.35rem;font-size:.62rem;color:var(--teal);margin-top:.6rem;letter-spacing:.1em}.brand-version:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--teal);animation:pulse 2s infinite}nav.sidebar-nav{flex:1 1;padding:1rem 0}.nav-group{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);padding:.7rem 1.3rem .35rem}.nav-item{display:flex;align-items:center;gap:.7rem;padding:.65rem 1.3rem;cursor:pointer;border-left:2px solid transparent;transition:all .15s;font-size:.83rem;color:rgba(232,228,216,.6)}.nav-item:hover{background:var(--surface2);color:var(--text)}.nav-item.active{border-left-color:var(--gold);background:rgba(212,160,23,.07);color:var(--gold2);font-weight:500}.nav-item .ni{font-size:1rem;width:1.1rem;text-align:center}.nav-badge{margin-left:auto;background:var(--gold);color:var(--bg);font-size:.6rem;padding:.1rem .45rem;border-radius:10px;font-weight:600}.sidebar-footer{padding:1rem 1.3rem;border-top:1px solid var(--border2)}.security-badge{display:flex;align-items:center;gap:.5rem;font-size:.65rem;color:var(--teal)}.security-badge:before{content:"🔒"}.ceo-row{gap:.6rem;margin-top:.7rem;font-size:.7rem;color:var(--muted)}.ceo-avatar,.ceo-row{display:flex;align-items:center}.ceo-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--teal));justify-content:center;font-size:.65rem;color:var(--bg);font-weight:700;flex-shrink:0}.main{margin-left:var(--sidebar-w);display:flex;flex-direction:column;min-height:100vh;min-width:0}.topbar{background:var(--surface);border-bottom:1px solid var(--border2);padding:1rem 2rem;display:flex;align-items:center;gap:1rem;position:-webkit-sticky;position:sticky;top:0;z-index:40}.topbar-title{font-family:Fraunces,serif;font-size:1.15rem;font-weight:600;color:var(--text);flex:1 1}.topbar-meta{font-size:.7rem;color:var(--muted);letter-spacing:.06em}.btn{padding:.5rem 1rem;border-radius:3px;font-family:JetBrains Mono,monospace;font-size:.75rem;cursor:pointer;border:1px solid var(--border2);transition:all .15s;font-weight:400;white-space:nowrap}.btn-gold{background:var(--gold);color:var(--bg);border-color:var(--gold);font-weight:600}.btn-gold:hover{background:var(--gold2)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border2)}.btn-ghost:hover{background:var(--surface2);border-color:var(--muted)}.btn-teal{background:transparent;color:var(--teal);border-color:var(--teal)}.btn-teal:hover{background:rgba(0,180,160,.1)}.btn-red{background:transparent;color:var(--red);border-color:var(--red)}.btn:disabled{opacity:.38;cursor:not-allowed}.content{padding:2rem 2.4rem;flex:1 1;width:100%}.card{background:var(--surface);border:1px solid var(--border2);border-radius:6px;padding:1.6rem 1.8rem;margin-bottom:1.4rem}.card-head{justify-content:space-between;margin-bottom:1.2rem}.card-head,.card-title{display:flex;align-items:center}.card-title{font-family:Fraunces,serif;font-size:1rem;font-weight:600;color:var(--gold2);gap:.5rem}.grid2{grid-template-columns:1fr 1fr;grid-gap:1.1rem}.grid2,.grid3{display:grid;gap:1.1rem}.grid3{grid-template-columns:1fr 1fr 1fr;grid-gap:1.1rem}.field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.field.full{grid-column:1/-1}label{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}input[type=text],select,textarea{background:var(--surface2);border:1px solid var(--border2);border-radius:4px;padding:.65rem .9rem;font-family:JetBrains Mono,monospace;font-size:.88rem;color:var(--text);outline:none;transition:border-color .15s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--gold)}select option{background:var(--surface2)}textarea{resize:vertical;line-height:1.75;min-height:200px}.pipeline{display:flex;align-items:stretch;margin:1.4rem 0;background:var(--surface2);border:1px solid var(--border2);border-radius:6px;overflow:hidden}.pipe-stage{flex:1 1;padding:1.2rem 1.3rem;border-right:1px solid var(--border2)}.pipe-stage:last-child{border-right:none}.pipe-stage.running{background:rgba(212,160,23,.06);border-top:2px solid var(--gold)}.pipe-stage.done{background:rgba(34,197,94,.05);border-top:2px solid var(--green)}.pipe-stage.idle{border-top:2px solid transparent}.pipe-stage.error{background:rgba(224,85,85,.05);border-top:2px solid var(--red)}.pipe-num{font-size:.6rem;letter-spacing:.15em;color:var(--muted);margin-bottom:.35rem}.pipe-name{font-size:.85rem;font-weight:600;color:var(--text);margin-bottom:.3rem}.pipe-role{font-size:.7rem;color:var(--muted);line-height:1.55}.pipe-status{margin-top:.75rem;font-size:.68rem;display:flex;align-items:center;gap:.4rem}.pipe-status.s-idle{color:var(--muted)}.pipe-status.s-run{color:var(--gold)}.pipe-status.s-done{color:var(--green)}.pipe-status.s-err{color:var(--red)}.pipe-arrow{display:flex;align-items:center;justify-content:center;padding:0 .4rem;color:var(--muted);font-size:.8rem;background:var(--surface2);flex-shrink:0}.progress-wrap{margin:1rem 0;display:none}.progress-wrap.visible{display:block}.progress-bar{height:3px;background:var(--border2);border-radius:2px;overflow:hidden}.progress-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--gold),var(--teal));width:0;transition:width .4s ease}.progress-label{font-size:.7rem;color:var(--muted);margin-bottom:.5rem;display:flex;justify-content:space-between}.agent-output{margin-bottom:1rem;border:1px solid var(--border2);border-radius:4px;overflow:hidden}.agent-output-head{background:var(--surface2);padding:.65rem 1rem;justify-content:space-between;border-bottom:1px solid var(--border2)}.agent-output-head,.agent-tag{display:flex;align-items:center}.agent-tag{font-size:.68rem;letter-spacing:.08em;gap:.4rem}.agent-tag.gold{color:var(--gold)}.agent-tag.blue{color:var(--blue)}.agent-tag.green{color:var(--green)}.agent-output-body{padding:1.2rem 1.3rem;font-size:.85rem;line-height:1.85;white-space:pre-wrap;color:var(--text);background:var(--bg);max-height:380px;overflow-y:auto}.agent-output-body.collapsed{max-height:90px;overflow:hidden;position:relative}.agent-output-body.collapsed:after{content:"";position:absolute;bottom:0;left:0;right:0;height:45px;background:linear-gradient(transparent,var(--bg))}.final-box{background:var(--panel);border:2px solid var(--green);border-radius:6px;padding:1.6rem}.final-title{font-family:Fraunces,serif;font-size:1rem;font-weight:600;color:#166534;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.final-body{font-size:.88rem;line-height:1.9;color:#1e3a2e;white-space:pre-wrap;max-height:440px;overflow-y:auto}.final-actions{margin-top:1.2rem}.final-actions,.hist-filters{display:flex;gap:.6rem;flex-wrap:wrap}.hist-filters{margin-bottom:1.2rem}.filter-pill{font-size:.7rem;padding:.32rem .85rem;border:1px solid var(--border2);border-radius:20px;cursor:pointer;color:var(--muted);transition:all .15s;background:transparent}.filter-pill.active,.filter-pill:hover{border-color:var(--gold);color:var(--gold2);background:rgba(212,160,23,.08)}.hist-grid{display:flex;flex-direction:column;gap:.7rem}.hist-card{background:var(--surface);border:1px solid var(--border2);border-radius:4px;padding:1.1rem 1.4rem;cursor:pointer;transition:border-color .15s}.hist-card:hover{border-color:var(--gold)}.hist-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.6rem}.hist-type{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-weight:600}.hist-date{font-size:.68rem;color:var(--muted)}.hist-brief{font-size:.82rem;color:rgba(232,228,216,.65);line-height:1.55;margin-bottom:.6rem}.hist-meta{display:flex;gap:1.2rem;font-size:.68rem;color:var(--muted);flex-wrap:wrap}.hist-meta span{display:flex;align-items:center;gap:.3rem}.hist-score{font-size:.65rem;padding:.2rem .55rem;border-radius:10px}.hist-score.pass{background:rgba(34,197,94,.12);color:var(--green)}.empty{text-align:center;padding:3.5rem;color:var(--muted);font-size:.88rem}.empty-icon{font-size:2.2rem;margin-bottom:.8rem}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:200;display:none;align-items:center;justify-content:center;padding:2rem}.modal-overlay.open{display:flex}.modal{border:1px solid var(--border2);border-radius:6px;width:100%;max-width:760px;max-height:85vh;overflow-y:auto}.modal,.modal-head{background:var(--surface)}.modal-head{padding:1.3rem 1.6rem;border-bottom:1px solid var(--border2);display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0}.modal-title{font-family:Fraunces,serif;font-size:1rem;font-weight:600;color:var(--gold2)}.modal-body{padding:1.6rem}.modal-text{font-size:.85rem;line-height:1.9;white-space:pre-wrap;color:var(--text)}.modal-actions{display:flex;gap:.6rem;flex-wrap:wrap;padding:1.1rem 1.6rem;border-top:1px solid var(--border2)}.close-btn{background:transparent;border:none;color:var(--muted);font-size:1.3rem;cursor:pointer;padding:.2rem .5rem;transition:color .15s}.close-btn:hover{color:var(--red)}.dash-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem;margin-bottom:1.4rem}.dash-card{background:var(--surface);border:1px solid var(--border2);border-radius:4px;padding:1.2rem 1.4rem}.dash-num{font-family:Fraunces,serif;font-size:1.8rem;font-weight:700;color:var(--gold2)}.dash-label{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:.25rem}.dash-trend{font-size:.68rem;color:var(--green);margin-top:.35rem}.toast{position:fixed;bottom:1.4rem;right:1.4rem;background:var(--surface);border:1px solid var(--teal);color:var(--teal);padding:.75rem 1.2rem;border-radius:4px;font-size:.8rem;z-index:999;opacity:0;transform:translateY(8px);transition:all .22s;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}.toast.error{border-color:var(--red);color:var(--red)}.sec-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.sec-item{background:var(--surface2);border:1px solid var(--border2);border-radius:4px;padding:1.2rem}.sec-icon{font-size:1.4rem;margin-bottom:.6rem}.sec-title{font-size:.85rem;font-weight:500;margin-bottom:.35rem;color:var(--text)}.sec-desc{font-size:.75rem;color:var(--muted);line-height:1.65}.sec-status{margin-top:.7rem;font-size:.65rem;color:var(--green);display:flex;align-items:center;gap:.35rem}.sec-status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--green)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border2);z-index:200;padding:.4rem 0 calc(.4rem + env(safe-area-inset-bottom))}.bottom-nav-inner{justify-content:space-around}.bnav-item,.bottom-nav-inner{display:flex;align-items:center}.bnav-item{flex-direction:column;gap:.2rem;cursor:pointer;padding:.35rem .9rem;border-radius:4px;transition:all .15s;border:none;background:transparent;color:var(--muted)}.bnav-item.active,.bnav-item:hover{color:var(--gold2)}.bnav-icon{font-size:1.2rem}.bnav-label{font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;font-family:JetBrains Mono,monospace}@media (max-width:1024px){:root{--sidebar-w:220px}body{font-size:14px}.content{padding:1.6rem 1.8rem}.grid3{grid-template-columns:1fr 1fr}.dash-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){:root{--sidebar-w:0px}.sidebar{display:none}.main{margin-left:0;padding-bottom:72px}.content{padding:1rem}.topbar{padding:.8rem 1rem}.topbar-meta{display:none}.dash-grid,.grid2,.grid3,.sec-grid{grid-template-columns:1fr}.pipeline{flex-direction:column}.pipe-arrow{transform:rotate(90deg);padding:.25rem 0}.bottom-nav{display:block}.card{padding:1.1rem}.modal-overlay{padding:.75rem}}