@font-face{font-family:IBM Plex Sans Arabic;font-weight:400;src:url(/fonts/plex-ar-400-arabic.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:IBM Plex Sans Arabic;font-weight:400;src:url(/fonts/plex-ar-400-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF}@font-face{font-family:IBM Plex Sans Arabic;font-weight:500;src:url(/fonts/plex-ar-500-arabic.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:IBM Plex Sans Arabic;font-weight:500;src:url(/fonts/plex-ar-500-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF}@font-face{font-family:IBM Plex Sans Arabic;font-weight:600;src:url(/fonts/plex-ar-600-arabic.woff2)format("woff2");unicode-range:U+6??,U+750-77F,U+870-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFC}@font-face{font-family:IBM Plex Sans Arabic;font-weight:600;src:url(/fonts/plex-ar-600-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF}:root{--ground:#f2f3f7;--surface:#fff;--sunken:#e8eaf1;--line:#dcdfe8;--ink:#1c1e2e;--ink-2:#474b5e;--ink-3:#6b7085;--navy:#222539;--navy-2:#2f3350;--gold:#9a7430;--gold-soft:#f6efe0;--work:#0e7c6b;--work-soft:#e2f3ef;--err:#b4232a;--err-soft:#fbe9ea;--idle:#6b7489;--idle-soft:#eceef3;--plan:#8e93a6;--focus:#3b5bdb;--r-s:6px;--r-m:10px;--r-l:14px;color:var(--ink);background:var(--ground);font-family:IBM Plex Sans Arabic,system-ui,sans-serif;font-size:15px;line-height:1.6}*{box-sizing:border-box}body{background:var(--ground);margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:4px}.num{font-variant-numeric:tabular-nums}.muted{color:var(--ink-3)}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.shell{min-height:100vh;display:flex}.nav{background:var(--navy);color:#e7e8f0;flex-direction:column;flex-shrink:0;gap:4px;width:228px;height:100vh;padding:22px 14px;display:flex;position:sticky;top:0}.brand{align-items:baseline;gap:8px;padding:0 10px 22px;display:flex}.brand b{letter-spacing:.5px;color:#fff;font-size:19px}.brand span{color:#a9adc3;font-size:13px}.nav a{border-radius:var(--r-m);color:#c9ccdb;justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:10px 12px;font-weight:500;text-decoration:none;display:flex}.nav a:hover{background:var(--navy-2);color:#fff}.nav a[aria-current=page]{color:var(--navy);background:#fff}.nav .badge{background:var(--gold);color:#fff;border-radius:99px;padding:0 8px;font-size:12px;font-weight:600}.nav .spacer{flex:1}.nav .logout{color:#a9adc3;text-align:start;cursor:pointer;background:0 0;border:0;min-height:44px;padding:10px 12px}.main{flex:1;min-width:0;padding:26px clamp(16px,3vw,36px) 60px}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;display:flex}.top h1{margin:0;font-size:26px;font-weight:600}.top .sub{color:var(--ink-3);font-size:14px}.seg{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);flex-wrap:wrap;gap:2px;padding:4px;display:inline-flex}.seg button{cursor:pointer;min-height:38px;color:var(--ink-2);background:0 0;border:0;border-radius:7px;padding:0 14px;font-weight:500}.seg button[aria-pressed=true]{background:var(--navy);color:#fff}.btn{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-m);cursor:pointer;min-height:42px;padding:0 16px;font-weight:600}.btn:hover{border-color:#b9bdcc}.btn.primary{background:var(--navy);border-color:var(--navy);color:#fff}.btn.primary:hover{background:var(--navy-2)}.btn.approve{background:var(--work);border-color:var(--work);color:#fff}.btn.ghost{color:var(--ink-2);background:0 0;border-color:#0000}.btn.danger{color:var(--err)}.btn:disabled{opacity:.55;cursor:default}.pipeline{background:var(--navy);color:#fff;border-radius:var(--r-l);margin-bottom:22px;padding:20px 22px 18px;overflow-x:auto}.pipeline h2{color:#b9bdd3;margin:0 0 14px;font-size:15px;font-weight:500}.chain{align-items:flex-start;min-width:760px;display:flex}.node{text-align:center;flex-direction:column;flex:1;align-items:center;gap:6px;display:flex;position:relative}.node+.node:before{content:"";top:25px;z-index:0;background:#474c6e;width:100%;height:2px;position:absolute;inset-inline-end:50%}.node.flow+.node.flow:before{background:linear-gradient(270deg,#474c6e,#7c84b8)}.ring{z-index:1;background:var(--navy-2);color:#fff;border:3px solid #474c6e;border-radius:50%;place-items:center;width:52px;height:52px;font-size:19px;font-weight:600;display:grid;position:relative}.node.work .ring{border-color:#3fc4a9}.node.wait .ring{border-color:#e3b866}.node.err .ring{border-color:#f07178}.node.plan .ring{color:#8e93b4;border-style:dashed}.ring{color:#d9bf86}.node.plan .ring{color:#6f7495}.node.work .ring:after{content:"";opacity:0;border:2px solid #3fc4a9;border-radius:50%;animation:2.4s ease-out infinite pulse;position:absolute;inset:-7px}@keyframes pulse{0%{opacity:.7;transform:scale(.9)}to{opacity:0;transform:scale(1.25)}}@media (prefers-reduced-motion:reduce){.node.work .ring:after{animation:none}}.node b{font-size:14px}.node small{color:#b9bdd3;font-size:12px;line-height:1.35}.node .state{font-size:12px}.node.work .state{color:#6fdcc3}.node.wait .state{color:#f0cd8a}.node.err .state{color:#ff9aa0}.node.idle .state,.node.plan .state{color:#8e93b4}.loopnote{color:#9ca1bd;margin:14px 0 0;font-size:13px}.cols{flex-wrap:wrap;align-items:flex-start;gap:22px;display:flex}.cols>.wide{flex:999 560px;min-width:0}.cols>.side{flex-direction:column;flex:300px;gap:18px;min-width:0;display:flex}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l)}.panel>header{justify-content:space-between;align-items:center;gap:10px;padding:16px 18px 8px;display:flex}.panel>header h2{margin:0;font-size:16px;font-weight:600}.panel .body{padding:6px 18px 16px}.stats{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;margin-bottom:22px;display:grid}.stat{border-inline-start:1px solid var(--line);padding:14px 18px}.stat:first-child{border-inline-start:0}.stat .v{font-size:22px;font-weight:600}.stat .k{color:var(--ink-3);font-size:13px}.stat.attn .v{color:var(--gold)}.roster{margin:0;padding:0;list-style:none}.row{border-top:1px solid var(--line);cursor:pointer;grid-template-columns:44px minmax(150px,1.1fr) minmax(200px,2fr) repeat(3,minmax(70px,.6fr)) 40px;align-items:center;gap:14px;padding:14px 18px;display:grid}.row:first-child{border-top:0}.row:hover{background:#fafbfd}.rowhead{color:var(--ink-3);border-bottom:1px solid var(--line);grid-template-columns:44px minmax(150px,1.1fr) minmax(200px,2fr) repeat(3,minmax(70px,.6fr)) 40px;gap:14px;padding:10px 18px;font-size:13px;display:grid}.av{background:var(--navy);color:#d9bf86;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:17px;font-weight:600;display:grid;box-shadow:inset 0 0 0 1.5px #c8a96a59}.av.off{background:var(--idle-soft);color:var(--plan);box-shadow:inset 0 0 0 1.5px var(--line)}.who b{font-size:15px;display:block}.who span{color:var(--ink-3);font-size:13px}.doing{min-width:0}.doing p{color:var(--ink-2);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:14px;display:-webkit-box;overflow:hidden}.bar{background:var(--sunken);border-radius:99px;height:5px;overflow:hidden}.bar i{background:var(--work);border-radius:99px;height:100%;display:block}.metric b{font-size:15px;font-weight:600;display:block}.metric span{color:var(--ink-3);font-size:12px}.chev{color:var(--ink-3);text-align:center;font-size:18px}.pill{white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.pill.work{background:var(--work-soft);color:var(--work)}.pill.wait{background:var(--gold-soft);color:var(--gold)}.pill.err{background:var(--err-soft);color:var(--err)}.pill.idle{background:var(--idle-soft);color:var(--idle)}.pill.plan{background:var(--idle-soft);color:var(--plan)}.pill.plan:before{background:0 0;border:1.5px dashed}@media (width<=900px){.rowhead{display:none}.row{grid-template-columns:44px 1fr auto;grid-template-areas:"av who chev""doing doing doing""m1 m2 m3";row-gap:10px}.row .av{grid-area:av}.row .who{grid-area:who}.row .doing{grid-area:doing}.row .chev{grid-area:chev}.row .metric:first-of-type{grid-area:m1}.row .metric:nth-of-type(2){grid-area:m2}.row .metric:nth-of-type(3){grid-area:m3}}@media (width<=760px){.shell{flex-direction:column}.nav{flex-flow:wrap;width:auto;height:auto;padding:12px;position:static}.brand{width:100%;padding:0 6px}.nav .spacer{display:none}}.ap{border-top:1px solid var(--line);padding:14px 0}.ap:first-child{border-top:0;padding-top:4px}.ap .t{font-weight:600}.ap .m{color:var(--ink-3);font-size:13px}.ap .acts{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.feed{margin:0;padding:0;list-style:none}.feed li{border-top:1px solid var(--line);grid-template-columns:58px 1fr;gap:10px;padding:9px 0;font-size:14px;display:grid}.feed li:first-child{border-top:0}.feed time{color:var(--ink-3);padding-top:2px;font-size:12px}.feed b{font-weight:600}.empty{color:var(--ink-3);padding:18px 0;font-size:14px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:start;color:var(--ink-3);border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 14px;font-size:13px;font-weight:500}td{border-bottom:1px solid var(--line);vertical-align:top;padding:12px 14px}tr:last-child td{border-bottom:0}tr.click{cursor:pointer}tr.click:hover td{background:#fafbfd}.toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 18px;display:flex}select,input[type=text],input[type=password],input[type=url],input[type=datetime-local],textarea{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-m);width:100%;min-height:42px;padding:8px 12px}select{width:auto}textarea{resize:vertical;min-height:110px}textarea.code{text-align:left;direction:ltr;min-height:360px;font-family:ui-monospace,monospace;font-size:13px}label.f{flex-direction:column;gap:6px;font-size:14px;font-weight:500;display:flex}.form{gap:14px;display:grid}.form .row2{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.barline{align-items:center;gap:10px;display:flex}.barline .bar{flex:1;height:8px}.barline .bar i{background:var(--navy)}.scrim{z-index:20;background:#1c1e2e61;position:fixed;inset:0}.drawer{top:0;bottom:0;background:var(--surface);z-index:21;flex-direction:column;width:min(620px,100%);display:flex;position:fixed;inset-inline-start:0;overflow-y:auto;box-shadow:0 0 40px #1c1e2e2e}.drawer>header{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:18px 22px;display:flex;position:sticky;top:0}.drawer>header h2{margin:0;font-size:18px}.drawer .content{flex-direction:column;gap:18px;padding:18px 22px 40px;display:flex}.modal{z-index:21;pointer-events:none;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal>div{pointer-events:auto;background:var(--surface);border-radius:var(--r-l);width:min(560px,100%);max-height:90vh;padding:22px;overflow-y:auto}.modal h2{margin:0 0 16px;font-size:18px}.kv{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;display:grid}.kv div{background:var(--ground);border-radius:var(--r-m);padding:10px 12px}.kv b{font-size:16px;display:block}.kv span{color:var(--ink-3);font-size:12px}.timeline{border-inline-start:2px solid var(--line);margin:0;padding:0;list-style:none}.timeline li{padding:0 16px 14px;font-size:14px;position:relative}.timeline li:before{content:"";inset-inline-start:-6px;background:var(--line);border-radius:50%;width:10px;height:10px;position:absolute;top:6px}.timeline li.model_call:before{background:var(--navy)}.timeline li.tool_call:before{background:var(--work)}.timeline li.approval:before{background:var(--gold)}.timeline li.error:before{background:var(--err)}.timeline .meta{color:var(--ink-3);font-size:12px}pre.raw{background:var(--ground);border-radius:var(--r-m);text-align:left;white-space:pre-wrap;direction:ltr;margin:6px 0 0;padding:12px;font-size:12px;overflow-x:auto}.idea{border:1px solid var(--line);border-radius:var(--r-m);padding:12px 14px}.idea .h{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.idea .h b{font-size:15px}.tags{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.tag{background:var(--ground);color:var(--ink-2);border-radius:99px;padding:1px 8px;font-size:12px}.tag.flag{background:var(--gold-soft);color:var(--gold)}.script{width:100%}.script td{font-size:14px}.caption{white-space:pre-wrap;background:var(--ground);border-radius:var(--r-m);padding:12px 14px;font-size:14px}.note{background:var(--gold-soft);border-radius:var(--r-m);color:#5f4718;padding:10px 14px;font-size:14px}.error{background:var(--err-soft);color:var(--err);border-radius:var(--r-m);padding:10px 14px;font-size:14px}.login{background:var(--navy);place-items:center;min-height:100vh;padding:16px;display:grid}.login form{background:var(--surface);border-radius:var(--r-l);gap:14px;width:min(400px,100%);padding:28px;display:grid}.login h1{margin:0;font-size:22px}.login p{color:var(--ink-3);margin:0;font-size:14px}.row.off .who b,.row.off .doing p{color:var(--ink-3)}@media (width<=900px){.row.off{grid-template-areas:"av who chev""doing doing doing"}.row.off .metric{display:none}.cols>.side{order:-1}}.health>header h2{align-items:center;gap:8px;display:flex}.health .dot{background:var(--plan);border-radius:50%;flex-shrink:0;width:10px;height:10px}.health.up .dot{background:var(--work)}.health.down{border-color:var(--err)}.health.down .dot{background:var(--err)}.tag.good{background:var(--work-soft);color:var(--work)}.tag.bad{background:var(--err-soft);color:var(--err)}.spark{flex-wrap:wrap;gap:3px;display:flex}.spark span{background:var(--work);border-radius:3px;width:10px;height:18px}.spark span.down{background:var(--err)}
