:root{color-scheme:dark;--bg:#0c0b11;--panel:#14131b;--panel2:#191722;--line:#2a2736;--text:#f5f1fb;--muted:#9992aa;--pink:#ff8bc7;--purple:#b6a0ff;--blue:#88b9ff;--amber:#f6c66a;--green:#83e0b0}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 60% -15%,#2a203d 0,transparent 48%),var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);font-size:14px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}.shell{min-height:100vh;display:grid;grid-template-columns:230px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:22px 14px 14px;background:#100f16;border-right:1px solid var(--line);display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;padding:0 9px 28px;color:var(--text);text-decoration:none}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:linear-gradient(135deg,var(--pink),var(--purple));color:#22172b;font-size:23px;font-weight:800}.brand strong{display:block;font-size:13px;letter-spacing:.16em}.brand small{display:block;font-size:9px;letter-spacing:.13em;color:var(--muted);margin-top:3px}.workspace-label,.eyebrow{font-size:9px;letter-spacing:.16em;color:#82798f;font-weight:750}.workspace-label{padding:0 11px 10px}.nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;background:transparent;border:1px solid transparent;border-radius:10px;text-align:left;color:#a8a1b6;font-size:12px}.nav-item>span{font-size:17px;width:18px;text-align:center}.nav-item b{margin-left:auto;font-size:10px;font-weight:600;background:#292435;border-radius:6px;padding:3px 6px}.nav-item:hover,.nav-item.active{color:#fff;background:#211b2d;border-color:#393049}.nav-item.active>span{color:var(--pink)}.sidebar-bottom{margin-top:auto}.connection-card{display:flex;align-items:center;gap:10px;padding:12px 10px;margin:0 2px 14px;border:1px solid var(--line);border-radius:11px;background:#15131d}.pulse,.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--amber);flex-shrink:0}.pulse{box-shadow:0 0 0 4px #f6c66a18}.connection-card strong,.connection-card small{display:block}.connection-card strong{font-size:11px}.connection-card small{font-size:10px;color:var(--muted);margin-top:4px}.sidebar-foot{display:flex;justify-content:space-between;padding:14px 9px 2px;color:#6e667d;font-size:8px;letter-spacing:.12em}.sidebar-foot span{letter-spacing:0}.main{min-width:0;padding:0 28px 16px;max-width:1700px;width:100%;margin:0 auto}.topbar{height:69px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:28px}.breadcrumbs{display:flex;gap:10px;align-items:center;color:#7e768f;font-size:11px}.breadcrumbs i{font-style:normal;color:#4c455a}.breadcrumbs strong{color:#e5def1;font-weight:600}.top-actions{display:flex;align-items:center;gap:10px}.env-badge{font-size:10px;color:#d7c9f0;border:1px solid #413653;background:#211a2e;padding:6px 9px;border-radius:7px}.env-badge i{display:inline-block;width:6px;height:6px;background:var(--amber);border-radius:50%;margin-right:6px}.icon-button{width:32px;height:32px;border:1px solid var(--line);background:#17151f;color:#d6cce8;border-radius:9px;font-size:18px}.mobile-brand{display:none}.view{display:none}.view.active{display:block}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 22px}.page-heading h1{font-size:clamp(24px,3vw,31px);letter-spacing:-.045em;margin:8px 0 7px}.page-heading p{color:var(--muted);font-size:12px;margin:0}.primary-button{border:1px solid #c3adff;background:linear-gradient(120deg,#ff9dce,#b9a4ff);color:#20162b;padding:10px 14px;border-radius:9px;font-weight:800;font-size:11px;white-space:nowrap;box-shadow:0 4px 16px #b6a0ff12}.primary-button:hover{filter:brightness(1.06)}.primary-button span{margin-left:7px}.notice{display:flex;align-items:center;gap:12px;padding:14px 15px;background:#1d1929;border:1px solid #403452;border-radius:12px;margin-bottom:18px}.notice-icon{display:grid;place-items:center;flex:0 0 27px;height:27px;border:1px solid #56466f;border-radius:9px;color:#d0bdff;font-weight:800}.notice strong{font-size:11px;color:#eee6ff}.notice p{font-size:11px;line-height:1.55;color:#b0a6c2;margin:4px 0 0}.tag{margin-left:auto;white-space:nowrap;font-size:8px;letter-spacing:.08em;padding:5px 7px;border-radius:6px;font-weight:800}.tag-warn{color:#e9c97c;background:#3a2f1c;border:1px solid #59482b}.tag-live{color:#91e6b8;background:#1a3329;border:1px solid #2a5944}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}.stat-card,.panel,.provider-card{background:linear-gradient(145deg,#17151f,#13121a);border:1px solid var(--line);border-radius:13px}.stat-card{padding:15px 16px;min-width:0}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#a9a1b7;font-size:10px}.stat-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;font-size:14px}.purple{background:#302442;color:#c4adff}.pink{background:#3b2237;color:#ff9ed2}.blue{background:#202c43;color:#93c3ff}.amber{background:#3b3020;color:#f6c66a}.stat-card>strong{display:block;font-size:23px;letter-spacing:-.04em;margin:12px 0 8px}.stat-card>small{display:flex;align-items:center;gap:6px;color:#898198;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dot{width:6px;height:6px}.content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:16px;align-items:start}.panel{padding:18px;min-width:0}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:18px}.panel-heading h2{font-size:15px;margin:6px 0 5px;letter-spacing:-.02em}.panel-heading p{font-size:11px;color:var(--muted);line-height:1.5;margin:0}.panel-symbol{display:grid;place-items:center;width:30px;height:30px;background:#242034;border:1px solid #3a314c;color:#c6b4ff;border-radius:9px;font-size:15px}.task-input-wrap{padding:13px;border:1px solid #302b3d;background:#100f16;border-radius:11px}.task-input-wrap label{display:block;font-size:9px;letter-spacing:.11em;color:#8c829f;font-weight:800;margin-bottom:10px}.task-input-wrap textarea{display:block;width:100%;resize:vertical;min-height:77px;border:0;outline:0;background:transparent;color:var(--text);font-size:13px;line-height:1.55}.task-input-wrap textarea::placeholder{color:#696176}.input-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #282332;padding-top:11px;margin-top:5px}.input-bottom>span{color:#777087;font-size:9px}.quick-label{margin:20px 0 9px;font-size:9px;letter-spacing:.13em;color:#847b94;font-weight:800}.quick-actions{display:grid;gap:7px}.quick-action{display:flex;align-items:center;gap:10px;text-align:left;padding:10px;border:1px solid #2a2635;background:#17151f;border-radius:10px;color:var(--text)}.quick-action:hover{background:#211b2b;border-color:#49405b}.quick-icon{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;font-size:16px}.quick-action>span:nth-child(2){min-width:0;flex:1}.quick-action strong,.quick-action small{display:block}.quick-action strong{font-size:11px}.quick-action small{font-size:10px;color:var(--muted);margin-top:4px}.quick-arrow{color:#847a9a;font-size:16px}.side-panel .panel-heading{margin-bottom:10px}.system-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #262230}.system-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:9px;font-size:14px}.system-row>div{min-width:0;flex:1}.system-row strong,.system-row small{display:block}.system-row strong{font-size:10px}.system-row small{font-size:9px;color:var(--muted);margin-top:4px}.mini-status{font-size:8px;letter-spacing:.05em;color:#91e6b8;background:#1a3329;padding:5px 6px;border-radius:5px;white-space:nowrap}.mini-status.muted{color:#8b8299;background:#24212d}.divider{height:1px;background:var(--line);margin:18px 0}.compact{margin-bottom:9px}.stage-list{padding:0;margin:0;list-style:none;display:grid;gap:2px}.stage-list li{display:flex;align-items:center;gap:10px;padding:8px 2px;color:#c9c1d5;font-size:10px}.stage-list li span{font-size:9px;color:var(--pink);font-weight:800}.stage-list li b{margin-left:auto;color:#655b77;font-size:17px;font-weight:400}.recent-panel{margin-top:16px}.recent-panel .panel-heading{align-items:center;margin-bottom:12px}.text-button{border:0;background:none;color:#c4b0ff;font-size:10px;padding:6px}.text-button:hover{color:#fff}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:150px;color:#a8a0b7;padding:22px}.empty-state>span{font-size:24px;color:#8878a7;margin-bottom:10px}.empty-state strong{font-size:12px;color:#e4dced}.empty-state p{font-size:10px;line-height:1.6;color:#827990;max-width:340px;margin:7px 0 0}.task-list{gap:12px;align-items:stretch}.task-card{border:1px solid var(--line);background:#17151f;border-radius:12px;padding:15px;text-align:left}.task-card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.task-card h3{font-size:13px;margin:8px 0 6px}.task-card .task-date{font-size:9px;color:#837a94}.task-card .task-preview{font-size:11px;color:#b7afc5;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto}.task-card .task-meta{display:flex;gap:8px;align-items:center;color:#7f768f;font-size:9px;margin-top:12px}.task-card button{border:1px solid #383047;background:#211b2c;color:#d9cbf2;border-radius:7px;padding:6px 9px;font-size:9px}.provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:17px}.provider-card{padding:17px}.provider-card.planned{background:#14121b}.provider-top{display:flex;justify-content:space-between;align-items:center}.provider-logo{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;font-size:21px}.provider-logo.cloud{background:#28223b;color:#d0bdff}.provider-logo.grok{background:#29252f;color:#eee}.provider-logo.multi{background:#3b2338;color:#ff9ed2}.provider-card h2{font-size:13px;margin:17px 0 8px}.provider-card>p{font-size:10px;color:var(--muted);line-height:1.7;min-height:85px;margin:0 0 14px}.provider-meta{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #2b2736;padding:10px 0;font-size:9px}.provider-meta span{color:#8a8199}.provider-meta strong{font-weight:600;text-align:right}.provider-meta code{font-size:9px;color:#cbbaff;text-align:right;overflow-wrap:anywhere}.notice.subtle{background:#17151f;border-color:#302b3d}.activity-list{align-items:stretch;gap:10px}.activity-row{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid var(--line);background:#17151f;border-radius:10px;text-align:left}.activity-row>span{color:var(--purple);font-size:16px}.activity-row strong,.activity-row small{display:block}.activity-row strong{font-size:11px}.activity-row small{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.5}.settings-panel h2{font-size:14px;margin:0 0 10px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 0;border-top:1px solid var(--line)}.setting-row strong,.setting-row small{display:block}.setting-row strong{font-size:11px}.setting-row small{font-size:10px;color:var(--muted);margin-top:5px;line-height:1.5}.setting-row code{font-size:9px;color:#cbbaff}.footer{display:flex;justify-content:space-between;gap:15px;padding:24px 2px 6px;color:#6e667e;font-size:9px}.toast{position:fixed;right:20px;bottom:20px;max-width:min(360px,calc(100vw - 40px));padding:12px 15px;border:1px solid #514166;border-radius:10px;background:#211b2c;color:#f0e8ff;font-size:11px;box-shadow:0 10px 35px #0008;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1500px){.main{padding-left:38px;padding-right:38px}.stats-grid{gap:16px}.panel{padding:21px}}
@media(max-width:1050px){.shell{grid-template-columns:200px minmax(0,1fr)}.main{padding:0 18px 14px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:minmax(0,1.3fr) minmax(255px,1fr)}.provider-grid{grid-template-columns:1fr}.provider-card>p{min-height:0}.provider-card{padding:15px}}
@media(max-width:760px){.shell{display:block}.sidebar{position:relative;top:auto;height:auto;padding:11px 13px;border-right:0;border-bottom:1px solid var(--line);display:block}.brand{display:none}.workspace-label,.sidebar-bottom{display:none}.nav{display:flex;gap:5px;overflow-x:auto;padding-bottom:1px}.nav-item{width:auto;flex:0 0 auto;padding:8px 10px;font-size:10px;gap:7px}.nav-item>span{font-size:14px;width:auto}.nav-item b{display:none}.main{padding:0 13px 14px}.topbar{height:54px;margin-bottom:22px}.mobile-brand{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:800;letter-spacing:.13em}.mobile-brand .brand-mark{width:26px;height:26px;border-radius:8px;font-size:17px}.breadcrumbs{display:none}.page-heading{align-items:flex-start}.page-heading h1{font-size:25px}.page-heading p{max-width:280px;font-size:11px;line-height:1.5}.page-heading>.primary-button{padding:9px 10px;font-size:10px}.notice{align-items:flex-start;padding:12px;gap:9px}.notice .tag{display:none}.notice p{font-size:10px}.stats-grid{gap:9px}.stat-card{padding:12px}.stat-card>strong{font-size:20px}.stat-card>small{font-size:9px}.content-grid{grid-template-columns:1fr}.panel{padding:14px}.side-panel{display:block}.provider-grid{grid-template-columns:1fr}.footer{flex-direction:column;gap:6px}.setting-row{align-items:flex-start;flex-direction:column;gap:8px}}
@media(max-width:420px){.nav-item{padding:8px}.nav-item>span{display:none}.page-heading h1{font-size:22px}.page-heading p{max-width:210px}.page-heading>.primary-button{padding:9px 8px}.stats-grid{gap:7px}.stat-card{padding:10px}.stat-card>small{white-space:normal;min-height:24px}.input-bottom{align-items:flex-end}.input-bottom .primary-button{padding:9px}.panel-heading h2{font-size:14px}}

.handoff-panel{margin-top:16px}.handoff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.handoff-field{min-width:0}.handoff-field label{display:block;font-size:9px;letter-spacing:.11em;color:#a99bbd;font-weight:800;margin:2px 0 8px}.handoff-field textarea{display:block;width:100%;resize:vertical;min-height:125px;border:1px solid #302a3d;border-radius:9px;background:#121018;color:var(--text);padding:11px;font:inherit;font-size:11px;line-height:1.6;outline:none}.handoff-field textarea:focus{border-color:#8b70bf}.handoff-field textarea::placeholder{color:#6e667e}.handoff-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:9px}.handoff-note{font-size:10px;line-height:1.65;color:#8e849f;border-top:1px solid var(--line);padding-top:12px;margin:14px 0 0}.handoff-panel .panel-heading p{font-size:10px;color:var(--muted);margin:6px 0 0;line-height:1.5}
@media(max-width:760px){.handoff-grid{grid-template-columns:1fr}.handoff-field textarea{min-height:115px}}