:root{
  --bg:#050a13;--panel:#0b1524;--panel2:#101e32;--panel3:#07111f;--line:rgba(163,190,223,.17);
  --text:#eef6ff;--muted:#98abc2;--blue:#5a9dff;--violet:#9274ff;--cyan:#43dfcf;--green:#3bd39c;
  --amber:#ffbd59;--red:#ff7186;--shadow:0 28px 85px rgba(0,0,0,.38);--radius:20px;--sidebar:246px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Inter,system-ui,sans-serif;color:var(--text);background:radial-gradient(circle at 20% -10%,rgba(90,157,255,.18),transparent 34rem),radial-gradient(circle at 95% 0,rgba(146,116,255,.13),transparent 32rem),linear-gradient(180deg,#050a13,#071321 55%,#050a13)}
button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:1000;background:#fff;color:#07101d;padding:.7rem 1rem;border-radius:.7rem}.skip-link:focus{top:1rem}
.topbar{position:sticky;top:0;z-index:100;min-height:70px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.65rem 1.2rem;border-bottom:1px solid var(--line);background:rgba(5,10,19,.88);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:.7rem}.brand img{width:39px;height:39px;object-fit:contain;background:#fff;border-radius:12px}.brand span{display:flex;flex-direction:column}.brand strong{font-size:.92rem}.brand small{font-size:.58rem;letter-spacing:.13em;color:#86b7ff;font-weight:900;text-transform:uppercase}.top-context{display:flex;align-items:center;justify-content:center;gap:.55rem;min-width:0;color:var(--muted);font-size:.72rem}.top-context i{font-size:.55rem;opacity:.55}.top-context strong{max-width:36vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dfeeff}.top-actions{display:flex;align-items:center;gap:.55rem}.connection-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.46rem .65rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.68rem;font-weight:800}.connection-pill i{font-size:.48rem;color:var(--red)}.connection-pill.connected{color:#c9ffed;border-color:rgba(59,211,156,.28);background:rgba(59,211,156,.08)}.connection-pill.connected i{color:var(--green)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:.48rem;min-height:42px;border:0;border-radius:12px;padding:.67rem .9rem;font-weight:850;color:#fff;background:linear-gradient(135deg,#327df0,#7a58e8);transition:.18s transform,.18s filter}.button:hover{transform:translateY(-1px);filter:brightness(1.05)}.button.secondary{background:rgba(255,255,255,.045);border:1px solid var(--line);color:#dbe9f9}.button.danger{background:rgba(255,113,134,.11);border:1px solid rgba(255,113,134,.25);color:#ffc8d1}.button.small{min-height:34px;padding:.5rem .68rem;font-size:.7rem}.button.large{min-height:50px;padding:.8rem 1.15rem}.button:disabled{opacity:.4;cursor:not-allowed;transform:none}.icon-button{width:37px;height:37px;border:1px solid var(--line);border-radius:11px;background:rgba(255,255,255,.04);color:#c9d9eb}.state-chip,.status-badge{display:inline-flex;align-items:center;padding:.42rem .62rem;border-radius:999px;background:rgba(90,157,255,.11);color:#94c1ff;border:1px solid rgba(90,157,255,.2);font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}.status-badge.good{background:rgba(59,211,156,.1);color:#aef7d5;border-color:rgba(59,211,156,.22)}.status-badge.warn{background:rgba(255,189,89,.1);color:#ffe0a6;border-color:rgba(255,189,89,.22)}.status-badge.bad{background:rgba(255,113,134,.1);color:#ffc3ce;border-color:rgba(255,113,134,.22)}
.app-shell{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr);min-height:calc(100vh - 70px)}.sidebar{position:sticky;top:70px;align-self:start;height:calc(100vh - 70px);padding:1rem .75rem;border-right:1px solid var(--line);background:rgba(5,11,20,.76);overflow:auto}.side-section{display:grid;gap:.28rem;margin-bottom:1rem}.side-label,.section-label,.eyebrow{font-size:.61rem;letter-spacing:.13em;font-weight:900;color:#80b4ff;text-transform:uppercase}.side-label{padding:.5rem .65rem}.nav-item{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:.45rem;width:100%;border:0;border-radius:11px;padding:.66rem .72rem;background:transparent;color:#aebed1;text-align:left;font-size:.76rem;font-weight:750}.nav-item:hover,.nav-item.active{color:#fff;background:linear-gradient(135deg,rgba(90,157,255,.14),rgba(146,116,255,.1))}.nav-item i{color:#7aaaf0}.nav-item b{min-width:22px;padding:.16rem .38rem;border-radius:999px;background:rgba(255,255,255,.055);font-size:.58rem;text-align:center}.side-boundary{display:flex;gap:.6rem;margin:.9rem .35rem;padding:.75rem;border:1px solid rgba(255,189,89,.2);border-radius:14px;background:rgba(255,189,89,.065);color:#ffd99c}.side-boundary p{margin:0}.side-boundary strong,.side-boundary span{display:block}.side-boundary strong{font-size:.7rem}.side-boundary span{margin-top:.25rem;color:#c6b895;font-size:.62rem;line-height:1.45}
main{min-width:0;padding:1.25rem 1.4rem 4rem}.workspace-head{display:grid;grid-template-columns:minmax(300px,1fr) minmax(520px,.9fr);gap:1rem;align-items:end;margin-bottom:1rem}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;padding:.42rem .62rem;border:1px solid rgba(90,157,255,.24);border-radius:999px;background:rgba(90,157,255,.07)}.workspace-head h1{margin:.75rem 0 .35rem;font-size:clamp(2rem,4vw,4rem);line-height:.95;letter-spacing:-.055em}.workspace-head p{max-width:800px;margin:0;color:var(--muted);font-size:.9rem;line-height:1.65}.metric-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line);border-radius:17px;background:rgba(11,21,36,.78);overflow:hidden}.metric-strip div{min-width:0;padding:.75rem;border-right:1px solid var(--line)}.metric-strip div:last-child{border-right:0}.metric-strip span,.metric-strip strong{display:block}.metric-strip span{color:var(--muted);font-size:.57rem;text-transform:uppercase;font-weight:850;letter-spacing:.06em}.metric-strip strong{margin-top:.3rem;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tab-panel{display:none}.tab-panel.active{display:block}.panel{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,rgba(11,21,36,.96),rgba(13,26,44,.88));box-shadow:var(--shadow);padding:1rem;min-width:0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.programme-layout{grid-template-columns:.86fr 1.14fr}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.panel-head h2{margin:.28rem 0 0;font-size:1.18rem;letter-spacing:-.025em}.muted{color:var(--muted);font-size:.76rem;line-height:1.6}.field{display:flex;flex-direction:column;gap:.35rem}.field label,.form-grid label span{font-size:.62rem;font-weight:850;text-transform:uppercase;letter-spacing:.065em;color:#a9bed6}input,textarea,select{width:100%;border:1px solid rgba(163,190,223,.18);border-radius:11px;background:#071321;color:var(--text);padding:.68rem .74rem;outline:none}input:focus,textarea:focus,select:focus{border-color:#619efa;box-shadow:0 0 0 3px rgba(90,157,255,.12)}textarea{min-height:110px;resize:vertical;line-height:1.52}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.form-grid label{display:flex;flex-direction:column;gap:.35rem}.wide{grid-column:1/-1}.create-programme{margin-top:.8rem;border-top:1px solid var(--line);padding-top:.75rem}.create-programme summary{cursor:pointer;color:#c9d9ea;font-size:.72rem;font-weight:850;margin-bottom:.75rem}.mission-grid{grid-template-columns:1fr 1fr 1fr}.mission-grid>label.wide,.mission-grid>.wide{grid-column:1/-1}.dpp-card{border:1px solid var(--line);border-radius:15px;padding:.85rem;background:rgba(5,12,22,.36)}.subhead{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.subhead span{font-weight:850;font-size:.8rem}.subhead small{color:var(--muted)}.launch-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.form-message{min-height:20px;margin:0;color:var(--red);font-size:.72rem}
.decision-rail{background:linear-gradient(140deg,rgba(10,31,56,.96),rgba(36,27,74,.92))}.rail-summary{margin:.2rem 0 1rem;color:#c9d8ea;font-size:.82rem;line-height:1.65}.rail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.rail-grid div{padding:.7rem;border:1px solid rgba(173,201,233,.15);border-radius:12px;background:rgba(4,10,19,.28)}.rail-grid span,.rail-grid strong{display:block}.rail-grid span{font-size:.56rem;text-transform:uppercase;letter-spacing:.06em;color:#96abc4;font-weight:850}.rail-grid strong{margin-top:.28rem;font-size:.72rem;line-height:1.45}.approval-stack{display:grid;gap:.5rem;margin-top:.75rem}.approval-item{display:grid;grid-template-columns:1fr auto;gap:.65rem;align-items:center;padding:.65rem;border:1px solid rgba(255,189,89,.2);border-radius:12px;background:rgba(255,189,89,.06)}.approval-item strong,.approval-item span{display:block}.approval-item strong{font-size:.7rem}.approval-item span{margin-top:.2rem;color:#b9a987;font-size:.61rem}.approval-actions{display:flex;gap:.35rem}
.execution-panel{margin-top:1rem}.run-controls{display:flex;align-items:center;gap:.45rem}.run-metadata{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem;margin-bottom:.8rem}.run-metadata div{padding:.65rem;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.run-metadata span,.run-metadata strong{display:block}.run-metadata span{font-size:.54rem;color:var(--muted);text-transform:uppercase;font-weight:850}.run-metadata strong{margin-top:.25rem;font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.execution-graph{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.6rem}.agent-node{position:relative;min-height:120px;padding:.75rem;border:1px solid var(--line);border-radius:14px;background:#081525}.agent-node:before{content:"";position:absolute;left:.7rem;top:.72rem;width:8px;height:8px;border-radius:50%;background:#5f7086}.agent-node.queued:before{background:#6d7c90}.agent-node.running{border-color:rgba(90,157,255,.4);background:rgba(90,157,255,.08)}.agent-node.running:before{background:var(--blue);box-shadow:0 0 0 5px rgba(90,157,255,.12)}.agent-node.complete{border-color:rgba(59,211,156,.3);background:rgba(59,211,156,.06)}.agent-node.complete:before{background:var(--green)}.agent-node.failed{border-color:rgba(255,113,134,.35);background:rgba(255,113,134,.07)}.agent-node.failed:before{background:var(--red)}.agent-node span{display:block;margin-left:1rem;color:#91a6be;font-size:.55rem;text-transform:uppercase;font-weight:850}.agent-node h3{margin:.65rem 0 .35rem;font-size:.78rem}.agent-node p{margin:0;color:var(--muted);font-size:.62rem;line-height:1.45}.agent-node footer{margin-top:.6rem;color:#85b4f3;font-size:.58rem}.activity-feed{margin-top:.85rem;max-height:320px;overflow:auto;border-top:1px solid var(--line)}.activity-row{display:grid;grid-template-columns:54px 190px 1fr auto;gap:.55rem;align-items:center;padding:.55rem .1rem;border-bottom:1px dashed rgba(163,190,223,.12);font-size:.64rem}.activity-row b{color:#7eaef1}.activity-row strong{font-size:.65rem}.activity-row span{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-row time{color:#7d91aa;font-size:.57rem}
.filter-row{display:flex;gap:.6rem;margin:.6rem 0 .8rem}.filter-row input{flex:1}.filter-row select{width:auto;min-width:180px}.run-list,.stack-list,.experiment-list,.card-grid{display:grid;gap:.65rem}.run-item{display:grid;grid-template-columns:minmax(220px,1fr) 130px 120px auto;gap:.7rem;align-items:center;width:100%;border:1px solid var(--line);border-radius:14px;padding:.75rem;background:rgba(5,12,22,.46);color:var(--text);text-align:left}.run-item:hover{border-color:rgba(90,157,255,.38)}.run-item strong,.run-item span,.run-item small{display:block}.run-item strong{font-size:.76rem}.run-item small{margin-top:.2rem;color:var(--muted);font-size:.6rem}.run-item span{font-size:.62rem}.run-item time{color:#8296ad;font-size:.58rem}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;background:#071321;font-size:.68rem}th,td{padding:.68rem;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{position:sticky;top:0;background:#0d1b2e;color:#a9c4e4;font-size:.57rem;text-transform:uppercase;letter-spacing:.06em}td{color:#c9d7e7;line-height:1.48}.direction,.quality{display:inline-flex;padding:.25rem .42rem;border-radius:999px;border:1px solid var(--line);font-size:.56rem;font-weight:850}.direction.supports{color:#aef4d1;background:rgba(59,211,156,.08)}.direction.opposes{color:#ffc2cd;background:rgba(255,113,134,.08)}.direction.unclear{color:#ffe0a4;background:rgba(255,189,89,.08)}.source-link{color:#8dbbff;text-decoration:underline;text-underline-offset:2px}.record-drawer{margin-top:.7rem;padding:.8rem;border:1px solid var(--line);border-radius:14px;background:#071321}.record-drawer pre{white-space:pre-wrap;word-break:break-word;color:#c8d7e7;font:500 .65rem/1.5 ui-monospace,monospace}.card-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.record-card,.experiment-card,.decision-card,.artifact-card{padding:.75rem;border:1px solid var(--line);border-radius:14px;background:rgba(5,12,22,.46)}.record-card h3,.experiment-card h3,.decision-card h3,.artifact-card h3{margin:.2rem 0 .45rem;font-size:.8rem}.record-card p,.experiment-card p,.decision-card p,.artifact-card p{margin:.2rem 0;color:var(--muted);font-size:.64rem;line-height:1.5}.record-meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.55rem}.record-meta span{padding:.24rem .4rem;border-radius:999px;background:rgba(90,157,255,.08);border:1px solid rgba(90,157,255,.16);font-size:.55rem;color:#9cc4ff}.experiment-card{display:grid;grid-template-columns:1fr auto;gap:.7rem}.voi{min-width:74px;text-align:center;padding:.55rem;border-radius:12px;background:rgba(255,189,89,.08);border:1px solid rgba(255,189,89,.18)}.voi span,.voi strong{display:block}.voi span{font-size:.52rem;color:#bda879}.voi strong{margin-top:.2rem;color:#ffd791}.review-identity{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-bottom:.75rem}.review-card{display:grid;grid-template-columns:1fr auto;gap:.65rem;padding:.7rem;border:1px solid rgba(255,189,89,.18);border-radius:13px;background:rgba(255,189,89,.055)}.review-card strong,.review-card span{display:block}.review-card strong{font-size:.72rem}.review-card span{margin-top:.22rem;color:var(--muted);font-size:.61rem;line-height:1.4}.review-card .actions{display:flex;align-items:center;gap:.35rem}.empty{margin:0;padding:1rem;color:var(--muted);text-align:center;font-size:.7rem}
dialog{width:min(650px,calc(100% - 2rem));border:0;border-radius:20px;padding:0;background:transparent;color:var(--text)}dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(4px)}.dialog-card{padding:1rem;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#0b1524,#101e32);box-shadow:var(--shadow)}.dialog-actions{display:flex;justify-content:flex-end;gap:.55rem;margin-top:.8rem}.toast{position:fixed;right:1rem;bottom:1rem;z-index:500;max-width:360px;padding:.75rem .9rem;border-radius:12px;background:#eaf3ff;color:#07101d;font-size:.72rem;font-weight:800;box-shadow:0 15px 50px rgba(0,0,0,.35);transform:translateY(150%);opacity:0;transition:.22s}.toast.show{transform:none;opacity:1}
@media(max-width:1180px){:root{--sidebar:210px}.workspace-head{grid-template-columns:1fr}.programme-layout,.two-col{grid-template-columns:1fr}.mission-grid{grid-template-columns:1fr 1fr}.run-metadata{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.topbar{grid-template-columns:1fr auto}.top-context{display:none}.connection-pill{display:none}.app-shell{display:block}.sidebar{position:sticky;top:70px;z-index:90;width:100%;height:auto;display:flex;gap:.35rem;padding:.55rem;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.side-section{display:flex;margin:0}.side-label,.side-boundary{display:none}.nav-item{grid-template-columns:18px auto auto;white-space:nowrap;width:auto;padding:.55rem .62rem}.workspace-head h1{font-size:2.3rem}.metric-strip{grid-template-columns:repeat(3,1fr)}.metric-strip div:nth-child(n+4){display:none}.mission-grid,.form-grid{grid-template-columns:1fr}.wide,.mission-grid>label.wide,.mission-grid>.wide{grid-column:1}.rail-grid{grid-template-columns:1fr}.run-item{grid-template-columns:1fr 100px}.run-item time,.run-item>span:nth-of-type(2){display:none}.activity-row{grid-template-columns:42px 140px 1fr}.activity-row time{display:none}}
@media(max-width:560px){main{padding:.8rem}.top-actions .button.primary{display:none}.workspace-head{margin-top:.4rem}.metric-strip{grid-template-columns:repeat(2,1fr)}.metric-strip div:nth-child(3){display:none}.run-metadata{grid-template-columns:repeat(2,1fr)}.execution-graph{grid-template-columns:1fr}.filter-row{flex-direction:column}.filter-row select{width:100%}.launch-row{align-items:stretch;flex-direction:column}.experiment-card,.review-card{grid-template-columns:1fr}.review-identity{grid-template-columns:1fr}}
