:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-text:#f4f5f5;--page-bg:#070808;--body-bg:radial-gradient(circle at 28% 0%, #407aff1f, transparent 38%), radial-gradient(circle at 84% 18%, #38bdab12, transparent 30%), linear-gradient(180deg, #0c0e0f 0%, #070808 58%, #060606 100%);--sidebar-bg:linear-gradient(180deg, #111415f0, #0a0c0df0), #0b0d0e;--panel-bg:linear-gradient(180deg, #ffffff09, #ffffff03), #0d0f10e6;--control-bg:#121516;--control-bg-soft:#111415d1;--input-bg:#111415;--input-text:#f4f5f5;--muted:#818990;--subtle:#9aa1a7;--secondary-text:#abb1b6;--role-text:#d6d9db;--border:#ffffff14;--border-solid:#2a2f32;--hover-bg:#fff1;--soft-bg:#ffffff08;--card-bg:#ffffff09;--node-bg:linear-gradient(180deg, #ffffff13, #ffffff06), #111415e6;--node-skeleton-bg:#121516a8;--node-border:#ffffff1a;--node-skeleton-border:#ffffff12;--shadow:0 18px 44px #00000038;--map-bg:radial-gradient(circle at 18% 20%, #6aa7ff2e, transparent 28%), radial-gradient(circle at 70% 58%, #56dcb81c, transparent 30%), #090b0c;--map-grid-line:#ffffff0a;--map-glow:#6aa7ff24;--flow-base:#7f889157;--flow-active:#6aa7ff8f;--flow-glow:#56a4ffd1;--modal-bg:#101314;--accent-primary:#6aa7ff;--accent-primary-strong:#4e8cf2;--accent-focus:#6aa7ff1f;--accent-pill:#6aa7ff14;--info-text:#d7eaff;--info-border:#6aa7ff6b;--info-bg:#6aa7ff1f;--danger-text:#ff9b9b;--danger-border:#ff6b6b61;--danger-soft:#ff6b6b14;color:var(--page-text);background:var(--page-bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,Noto Sans SC,sans-serif;font-size:13px;line-height:1.45}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-text:#151719;--page-bg:#f5f6f7;--body-bg:radial-gradient(circle at 24% 0%, #467ef024, transparent 36%), radial-gradient(circle at 88% 16%, #1faa8b1a, transparent 28%), linear-gradient(180deg, #fbfcfd 0%, #f5f6f7 58%, #eef1f3 100%);--sidebar-bg:linear-gradient(180deg, #ffffffdb, #f0f3f6e6), #f4f6f8;--panel-bg:linear-gradient(180deg, #fffffff0, #f8fafbe6), #fff;--control-bg:#fff;--control-bg-soft:#ffffffc7;--input-bg:#fff;--input-text:#151719;--muted:#6b747c;--subtle:#69727a;--secondary-text:#394148;--role-text:#24292d;--border:#0f172a1c;--border-solid:#d6dde3;--hover-bg:#0f172a0e;--soft-bg:#0f172a09;--card-bg:#0f172a09;--node-bg:linear-gradient(180deg, #fffffff5, #f6f8faeb), #fff;--node-skeleton-bg:#f8fafcd6;--node-border:#0f172a1f;--node-skeleton-border:#0f172a1a;--shadow:0 18px 42px #1b27341a;--map-bg:radial-gradient(circle at 18% 20%, #5b91ff33, transparent 28%), radial-gradient(circle at 70% 58%, #20ad8b21, transparent 30%), #f8fafb;--map-grid-line:#0f172a0e;--map-glow:#538bff2e;--flow-base:#4353656b;--flow-active:#2c78ee7a;--flow-glow:#226feebd;--modal-bg:#fff;--accent-focus:#4b84ee24;--accent-pill:#4b84ee1a;--info-text:#174ea6;--info-border:#2563eb5c;--info-bg:#2563eb1c;--danger-text:#b83232;--danger-border:#dc262657;--danger-soft:#dc262614}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;color:var(--page-text);background:var(--body-bg);margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{border:1px solid var(--border-solid);width:100%;color:var(--input-text);background:var(--input-bg);border-radius:7px;outline:none;padding:9px 10px;transition:border-color .16s,background .16s,box-shadow .16s}textarea{resize:vertical;min-height:96px}input:focus,textarea:focus,select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-focus)}label{color:var(--secondary-text);gap:6px;font-size:12px;display:grid}h1,h2,h3,p{margin:0}h1{letter-spacing:0;font-size:22px;font-weight:680}h2{letter-spacing:0;font-size:15px;font-weight:650}h3{color:var(--subtle);text-transform:uppercase;align-items:center;gap:6px;font-size:12px;font-weight:620;display:inline-flex}#app{min-height:100vh}.shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--sidebar-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;gap:22px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:3px 4px 0;display:flex}.mark{border:1px solid var(--node-border);color:#6a9df6;background:linear-gradient(180deg, var(--soft-bg), transparent), var(--control-bg);width:34px;height:34px;box-shadow:inset 0 1px 0 var(--soft-bg);border-radius:8px;place-items:center;display:grid}.name{font-size:14px;font-weight:650}.sub{color:var(--muted);font-size:12px}nav{gap:4px;display:grid}nav button,.profile-row button:first-child,.task-list button,.provider-list button{width:100%;color:var(--secondary-text);text-align:left;background:0 0;border:0;border-radius:7px;display:flex}nav button{align-items:center;gap:9px;min-height:34px;padding:0 10px;transition:color .16s,background .16s}nav button.active,nav button:hover,.task-list button.selected,.task-list button:hover,.provider-list button.selected,.provider-list button:hover{color:var(--page-text);background:var(--hover-bg)}.connection{gap:10px;margin-top:auto;display:grid}.section-title,.topbar,.panel-head,.row-actions,.modal-actions,.top-actions,.guidance-actions{align-items:center;gap:10px;display:flex}.section-title,.topbar,.panel-head{justify-content:space-between}.top-actions{flex-wrap:wrap;justify-content:flex-end}.theme-toggle{border:1px solid var(--border-solid);background:var(--control-bg-soft);border-radius:7px;align-items:center;gap:2px;min-height:30px;padding:2px;display:inline-flex}.theme-toggle button{width:26px;height:24px;color:var(--muted);background:0 0;border:0;border-radius:5px;place-items:center;display:grid}.theme-toggle button.active,.theme-toggle button:hover{color:var(--page-text);background:var(--hover-bg)}.section-title{color:var(--muted);font-size:12px}.connection-state,.pill,.signal-chip,.role-status{border:1px solid var(--border-solid);min-height:30px;color:var(--secondary-text);background:var(--control-bg-soft);white-space:nowrap;border-radius:7px;align-items:center;gap:7px;padding:0 10px;display:inline-flex}.pill.compact,.signal-chip,.role-status{min-height:28px;font-size:12px}.assistant-pill{color:var(--info-text);border-color:var(--info-border);background:var(--accent-pill)}.connection-state.connected,.pill.ok{color:#7fd99a;border-color:#7fd99a47}.connection-state.failed{color:#ff8a8a;border-color:#ff8a8a59}.connection p{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.profiles{gap:6px;max-height:170px;display:grid;overflow:auto}.profile-row{grid-template-columns:minmax(0,1fr) 28px;gap:4px;display:grid}.profile-row button:first-child{gap:2px;padding:8px;display:grid}.profile-row strong,.task-list strong,.provider-list strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-row span,.task-list small,.provider-list span,.provider-list small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace{min-width:0;padding:26px}.topbar{margin-bottom:18px}.eyebrow{color:var(--muted);margin-bottom:5px;font-size:12px}.banner{border:1px solid var(--border-solid);border-radius:7px;margin-bottom:12px;padding:10px 12px;font-weight:560}.banner.info{color:var(--info-text);border-color:var(--info-border);background:var(--info-bg)}.banner.error{color:var(--danger-text);border-color:var(--danger-border);background:var(--danger-soft)}.panel{border:1px solid var(--border);background:var(--panel-bg);min-width:0;box-shadow:var(--shadow), inset 0 1px 0 var(--soft-bg);border-radius:8px}.panel-head{border-bottom:1px solid var(--border);min-height:56px;padding:14px 16px}.panel-head p{color:var(--muted);font-size:12px}.primary,.secondary,.danger,.icon{border-radius:7px;justify-content:center;align-items:center;gap:7px;min-height:32px;padding:0 11px;transition:transform .16s,border-color .16s,background .16s,color .16s;display:inline-flex}.primary:hover:not(:disabled),.secondary:hover:not(:disabled),.danger:hover:not(:disabled),.icon:hover:not(:disabled){transform:translateY(-1px)}.primary{border:1px solid var(--accent-primary);color:#fff;background:linear-gradient(180deg, #75adff, var(--accent-primary-strong))}.secondary,.icon{border:1px solid var(--border-solid);color:var(--secondary-text);background:var(--control-bg)}.danger{color:var(--danger-text);background:var(--danger-soft);border:1px solid #ff6b6b61}.icon{width:32px;padding:0}.full{width:100%}.company-layout{grid-template-columns:minmax(520px,1.35fr) minmax(330px,.65fr);grid-template-areas:"map inspector""feed live";gap:14px;display:grid}.company-map-panel{grid-area:map}.role-inspector{grid-area:inspector}.company-feed{grid-area:feed}.live-panel{grid-area:live}.signal-chip{color:var(--info-text);border-color:var(--info-border);background:var(--accent-pill)}.agent-map{background:var(--map-bg);border-radius:0 0 8px 8px;min-height:520px;position:relative;overflow:hidden}.map-grid{opacity:.32;background-image:linear-gradient(var(--map-grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--map-grid-line) 1px, transparent 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 48% 48%,#000,#0000 74%);mask-image:radial-gradient(circle at 48% 48%,#000,#0000 74%)}.map-glow{background:radial-gradient(circle, var(--map-glow), transparent 62%);filter:blur(8px);border-radius:50%;animation:4.5s ease-in-out infinite pulseGlow;position:absolute;inset:14%}.flow-layer{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.flow-path{fill:none;stroke-linecap:round;stroke-width:1.45px;vector-effect:non-scaling-stroke}.flow-path.base{stroke:var(--flow-base)}.flow-path.beam{stroke:url(#flow-beam);stroke-width:2.4px;stroke-dasharray:14 26;stroke-dashoffset:40px;filter:drop-shadow(0 0 5px var(--flow-glow)) drop-shadow(0 0 13px var(--flow-glow));opacity:0}.flow-path.active-rail{stroke:var(--flow-active);stroke-width:2px;filter:drop-shadow(0 0 6px var(--flow-glow));opacity:0}.flow-path.active-rail.active{opacity:.72}.flow-path.beam.active{opacity:.96;animation:1.45s linear infinite flowDash}.agent-node{z-index:2;border:1px solid var(--node-border);width:164px;min-height:74px;color:var(--page-text);background:var(--node-bg);text-align:left;box-shadow:var(--shadow);border-radius:8px;grid-template-columns:34px minmax(0,1fr);gap:8px 10px;padding:10px;display:grid;position:absolute;transform:translate(-50%,-50%)}.agent-node.active{border-color:#6aa7ff61}.agent-node.active:before{border-radius:inherit;content:"";opacity:.52;background:linear-gradient(110deg,#0000 18%,#88bdff80,#0000 44%);padding:1px;animation:2.6s linear infinite flowBorder;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.agent-node.selected{outline-offset:2px;outline:2px solid #ffffff21}.agent-node.skeleton{color:var(--muted);border-color:var(--node-skeleton-border);background:var(--node-skeleton-bg);box-shadow:none}.node-icon{border:1px solid var(--node-border);background:var(--soft-bg);border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.node-copy{min-width:0;display:grid}.node-copy strong,.node-copy small,.node-state{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.node-copy strong{font-size:13px;font-weight:650}.node-copy small,.node-state{color:var(--muted);font-size:12px}.node-state{border-top:1px solid var(--border);grid-column:1/-1;padding-top:7px}.node-assistant{top:50%;left:20%}.node-company{top:50%;left:48%}.node-goal_keeper{top:24%;left:78%}.node-quality_gate{top:50%;left:78%}.node-tech_director{top:76%;left:78%}.node-executor{top:84%;left:50%}.node-telemetry{top:84%;left:78%}.accent-blue{--accent:#6aa7ff;--accent-border:#6aa7ff61;--accent-soft:#6aa7ff17;--accent-glow:#6aa7ff38}.accent-green{--accent:#56dca8;--accent-border:#56dca861;--accent-soft:#56dca817;--accent-glow:#56dca838}.accent-amber{--accent:#e8bf66;--accent-border:#e8bf6661;--accent-soft:#e8bf661a;--accent-glow:#e8bf6638}.accent-red{--accent:#ff7d7d;--accent-border:#ff7d7d61;--accent-soft:#ff7d7d17;--accent-glow:#ff7d7d38}.accent-violet{--accent:#bda1ff;--accent-border:#bda1ff61;--accent-soft:#bda1ff17;--accent-glow:#bda1ff38}.accent-gray{--accent:#8c949b;--accent-border:#8c949b42;--accent-soft:#8c949b12;--accent-glow:#8c949b24}.agent-node.active .node-icon,.role-status,.activation-row.active,.live-card{border-color:var(--accent-border)}.agent-node.active .node-icon{color:var(--accent);background:var(--accent-soft);box-shadow:0 0 24px var(--accent-glow)}.role-status{color:var(--accent);background:var(--accent-soft)}.inspector-body,.activation-list,.live-grid{gap:12px;padding:16px;display:grid}.inspector-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.inspector-metrics div{border:1px solid var(--border);background:var(--soft-bg);border-radius:7px;gap:4px;padding:10px;display:grid}.inspector-metrics span,.activation-row span,.live-card span{color:var(--muted);font-size:12px}.inspector-metrics strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:650;overflow:hidden}.role-section{border:1px solid var(--border);background:var(--soft-bg);border-radius:8px;gap:8px;padding:12px;display:grid}.role-section p{color:var(--role-text);overflow-wrap:anywhere}.guidance-box textarea{min-height:88px}.guidance-actions{flex-wrap:wrap;justify-content:space-between}.guidance-actions button{min-width:0}.activation-list{max-height:230px;overflow:auto}.activation-row{border:1px solid var(--border);min-height:36px;color:var(--role-text);background:var(--soft-bg);border-radius:7px;justify-content:space-between;padding:0 10px;display:flex}.activation-row.active{color:var(--page-text);background:var(--accent-soft)}.activation-row.hidden-role{color:var(--muted);background:0 0;border-style:dashed}.activation-row strong{font-size:12px;font-weight:560}.live-grid{align-content:start;min-height:230px}.live-card{border:1px solid var(--border);background:var(--accent-soft);border-radius:8px;gap:6px;padding:12px;display:grid}.live-card p{overflow-wrap:anywhere}.tasks-layout{grid-template-columns:minmax(320px,.42fr) minmax(280px,.34fr);grid-template-areas:"form history""detail detail";gap:14px;display:grid}.task-form{grid-area:form}.history{grid-area:history}.detail{grid-area:detail}.task-form,.settings-panel{padding-bottom:16px}.task-form>label,.task-form .split,.form-grid,.settings-grid{margin:14px 16px 0}.split,.detail-grid,.providers-layout,.settings-grid{gap:14px;display:grid}.split,.detail-grid,.providers-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.task-list,.provider-list{gap:4px;padding:8px;display:grid}.task-list button{grid-template-columns:10px minmax(0,1fr);gap:4px 8px;padding:10px;display:grid}.task-list small{grid-column:2}.status-dot{background:var(--muted);border-radius:50%;width:7px;height:7px;margin-top:6px}.status-dot.running{background:#56dca8;box-shadow:0 0 16px #56dca873}.metrics{border-bottom:1px solid var(--border);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.metrics div{border-right:1px solid var(--border);gap:4px;padding:14px 16px;display:grid}.metrics div:last-child{border-right:0}.metrics span{color:var(--muted);font-size:12px}.metrics strong{font-size:18px;font-weight:660}.detail-grid{padding:16px}.detail-grid section{gap:10px;min-width:0;display:grid}.stream{align-content:start;gap:8px;max-height:420px;display:grid;overflow:auto}.stream article{border:1px solid var(--border);background:var(--card-bg);border-radius:7px;gap:6px;padding:10px;display:grid}.stream article div{color:var(--muted);flex-wrap:wrap;gap:7px;font-size:12px;display:flex}.stream p{overflow-wrap:anywhere}.stream small{color:var(--muted);overflow-wrap:anywhere}.provider-list button{gap:3px;padding:11px;display:grid}.form-grid,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.single{grid-template-columns:1fr}.wide{grid-column:1/-1}.input-icon{position:relative}.input-icon svg{color:var(--muted);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.input-icon input{padding-left:34px}.empty{border:1px dashed var(--border-solid);color:var(--muted);text-align:center;border-radius:7px;padding:14px}.mono{font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace}.spin{animation:1s linear infinite spin}.modal-backdrop{z-index:20;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-scrim{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000075;border:0;position:absolute;inset:0}.modal{border:1px solid var(--border);background:var(--modal-bg);border-radius:8px;width:min(460px,100%);position:relative;box-shadow:0 30px 80px #00000047}.modal-actions{justify-content:flex-end;padding:16px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes flowDash{0%{stroke-dashoffset:40px}to{stroke-dashoffset:0}}@keyframes flowBorder{to{background-position:220px 0}}@keyframes pulseGlow{0%,to{opacity:.52;transform:scale(.96)}50%{opacity:.88;transform:scale(1.04)}}@media (max-width:1120px){.company-layout{grid-template-columns:1fr;grid-template-areas:"map""inspector""feed""live"}.agent-map{min-height:480px}}@media (max-width:980px){.shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #ffffff14;border-right:0;height:auto;position:static}.connection{margin-top:0}nav,.profiles{grid-template-columns:repeat(4,minmax(0,1fr))}.tasks-layout,.providers-layout,.split,.detail-grid,.form-grid,.settings-grid{grid-template-columns:1fr}.tasks-layout{grid-template-areas:"form""history""detail"}}@media (max-width:720px){.workspace{padding:18px}.topbar,.panel-head{flex-direction:column;align-items:stretch}.top-actions{flex-wrap:wrap}.metrics,.inspector-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.agent-map{gap:10px;min-height:auto;padding:14px;display:grid}.agent-node{width:100%;position:relative;inset:auto;transform:none}.flow-layer,.map-grid,.map-glow{display:none}nav,.profiles{grid-template-columns:1fr}}
