:root{--bg:#f6f7f9;--sidebar:#fbfbfc;--panel:#ffffff;--panel-2:#f3f4f6;--border:#e7e9ee;--border-strong:#d8dbe2;--text:#1a1d23;--text-2:#3b4150;--muted:#757d8a;--accent:#5b5bf6;--accent-weak:#eef0ff;--green:#15a34a;--green-weak:#e9f7ee;--amber:#d08700;--amber-weak:#fbf3e0;--red:#dc2626;--red-weak:#fdecec;--blue:#2563eb;--blue-weak:#e8f0fe;--shadow-sm:0 1px 2px rgba(16,24,40,0.04),0 1px 3px rgba(16,24,40,0.06);--shadow-md:0 4px 12px rgba(16,24,40,0.08);--radius:12px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;flex-shrink:0;background:var(--sidebar);border-right:1px solid var(--border);padding:16px 12px;display:flex;flex-direction:column;gap:18px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.main{flex:1 1;min-width:0}.content{max-width:1040px;margin:0 auto;padding:32px 36px 64px}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px}.brand-logo{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,#5b5bf6,#7b5bf6);color:#fff;display:grid;place-items:center;font-weight:700;font-size:15px}.brand-name{font-weight:600;color:var(--text);line-height:1.1}.brand-sub{font-size:12px;color:var(--muted)}.nav-group-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 10px;margin-bottom:6px;font-weight:600}.nav-link{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--text-2);font-weight:500;margin-bottom:2px}.nav-link:hover{background:var(--panel-2);text-decoration:none;color:var(--text)}.nav-link.active{background:var(--accent-weak);color:var(--accent)}.nav-link svg{width:17px;height:17px;flex-shrink:0}.sidebar-spacer{flex:1 1}.sidebar-foot{border-top:1px solid var(--border);padding-top:12px;display:flex;flex-direction:column;gap:8px}.breadcrumb{font-size:13px;margin-bottom:10px}.breadcrumb,.breadcrumb a{color:var(--muted)}h1{font-size:24px;font-weight:700;margin:0 0 4px;letter-spacing:-.01em}h2{font-size:15px;font-weight:650;margin:0}.subtitle{font-size:14px}.muted,.subtitle,.tag{color:var(--muted)}.tag{font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.container{max-width:1040px;margin:0 auto;padding:24px}.center{min-height:100vh;display:grid;place-items:center;padding:24px}.stack{display:flex;flex-direction:column;gap:12px}.row,.spread{display:flex;align-items:center;gap:12px}.spread{justify-content:space-between}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-sm)}label{display:block;font-size:13px;color:var(--text-2);font-weight:500;margin-bottom:5px}input,select,textarea{width:100%;background:var(--panel);border:1px solid var(--border-strong);color:var(--text);border-radius:9px;padding:9px 11px;font:inherit;outline:none;transition:border-color .12s,box-shadow .12s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-weak)}.btn,button{background:var(--accent);color:#fff;border:none;border-radius:9px;padding:9px 15px;font:inherit;font-weight:600;cursor:pointer;transition:filter .12s;display:inline-block}.btn:hover,button:hover{filter:brightness(1.06);text-decoration:none}button:disabled{opacity:.6;cursor:default}.btn.secondary,button.secondary{background:var(--panel);color:var(--text-2);border:1px solid var(--border-strong)}button.secondary:hover{background:var(--panel-2);filter:none}button.danger{background:var(--red)}.chip,select{cursor:pointer}.chip{background:var(--panel);border:1px solid var(--border-strong);color:var(--text-2);border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:500}.chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-weak);filter:none}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--border);background:var(--panel-2);color:var(--muted)}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.badge.done{color:var(--green);background:var(--green-weak);border-color:transparent}.badge.planning,.badge.ready,.badge.running{color:var(--blue);background:var(--blue-weak);border-color:transparent}.badge.blocked,.badge.pending{color:var(--amber);background:var(--amber-weak);border-color:transparent}.badge.failed,.badge.rejected{color:var(--red);background:var(--red-weak);border-color:transparent}.list{list-style:none;margin:0;padding:0}.list li{border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin-bottom:10px;background:var(--panel);box-shadow:var(--shadow-sm);transition:border-color .12s,box-shadow .12s}.list li:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.error{color:var(--red);font-size:13px}.kpi{font-size:28px;font-weight:700;letter-spacing:-.02em}pre{background:var(--panel-2);border:1px solid var(--border);border-radius:9px;padding:12px;overflow:auto}.ov-cols{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:16px;gap:16px;align-items:start}@media (max-width:860px){.ov-cols{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)!important}}.cc-hero{background:#16142b;border-radius:16px;padding:22px 24px}.cc-hero-q{display:flex;align-items:center;gap:9px;color:#b9b6e8;font-size:13px;margin-bottom:14px}.cc-spark{width:22px;height:22px;border-radius:6px;background:var(--accent);display:grid;place-items:center;color:#fff;flex-shrink:0}.cc-input-row{display:flex;align-items:center;gap:10px;background:#241f3f;border:1px solid #38326a;border-radius:12px;padding:10px 13px;transition:border-color .12s}.cc-input-row:focus-within{border-color:var(--accent)}.cc-input-row textarea{background:transparent;border:none;color:#ececfa;resize:none;flex:1 1;padding:4px 0;font:inherit;line-height:1.4}.cc-input-row textarea:focus{border:none;box-shadow:none}.cc-input-row textarea::placeholder{color:#716a9e}.cc-send{width:36px;height:36px;padding:0;border-radius:9px;background:var(--accent);display:grid;place-items:center;border:none;flex-shrink:0}.cc-send:disabled{opacity:.85}.cc-send-spin{width:15px;height:15px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:cc-spin .7s linear infinite}@keyframes cc-spin{to{transform:rotate(1turn)}}.cc-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.cc-chip{background:#241f3f;border:1px solid #38326a;color:#b9b6e8;border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:500;cursor:pointer}.cc-chip:hover{border-color:var(--accent);color:#fff;filter:none}.cc-stats{display:flex;gap:24px;margin-top:16px;font-size:12.5px;color:#8b86b8;flex-wrap:wrap}.cc-stats b{color:#fff;font-weight:650;font-size:14px;margin-right:4px}.cc-stats b.warn{color:#fbbf24}.cc-roster{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:10px;gap:10px}.cc-agent{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px 8px;text-align:center;box-shadow:var(--shadow-sm)}.cc-agent.needs{border-color:var(--amber);border-width:1.5px}.cc-agent-badge{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-weight:700;font-size:14px;margin:0 auto 7px}.cc-agent-name{font-size:13px;font-weight:550}.cc-agent-status{font-size:11px;margin-top:2px}.cc-agent-status.run{color:var(--blue)}.cc-agent-status.warn{color:var(--amber)}.cc-agent-status.idle{color:var(--muted)}.cc-feed{position:relative;padding-left:28px}.cc-feed:before{content:"";position:absolute;left:10px;top:8px;bottom:8px;width:2px;background:var(--border)}.cc-event{position:relative;margin-bottom:15px}.cc-event:last-child{margin-bottom:0}.cc-event-dot{position:absolute;left:-28px;top:0;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;line-height:1}@media (max-width:860px){.cc-roster{grid-template-columns:repeat(3,1fr)}}.cc-stage{background:radial-gradient(135% 95% at 50% 30%,rgba(124,116,230,.22),rgba(20,18,42,0) 60%),linear-gradient(168deg,#221d4a,#1a1640 45%,#141230);border:1px solid #2c2756;border-radius:18px;padding:10px 10px 0;overflow:hidden}.cc-stage svg.cc-graph{display:block;width:100%;height:auto}.cc-command{margin:2px 16px 0}.cc-stage-stats{display:flex;gap:24px;padding:16px 18px 18px;font-size:12.5px;color:#8b86b8;flex-wrap:wrap}.cc-stage-stats b{color:#fff;font-weight:650;font-size:14px;margin-right:4px}.cc-stage-stats b.warn{color:#fbbf24}@keyframes cc-ring{0%{transform:scale(.55);opacity:.5}to{transform:scale(1.5);opacity:0}}@keyframes cc-particle{0%{offset-distance:0;opacity:0}12%{opacity:1}88%{opacity:1}to{offset-distance:100%;opacity:0}}@keyframes cc-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.cc-ring{animation:cc-ring 2.6s ease-out infinite}.cc-hub,.cc-ring{transform-box:fill-box;transform-origin:center}.cc-hub{animation:cc-breathe 3s ease-in-out infinite}.cc-p{offset-rotate:0deg;animation:cc-particle 2.4s linear infinite}.cc-ticker{display:flex;flex-direction:column;gap:9px}.cc-ticker-row{display:flex;align-items:center;gap:9px;font-size:13px}.cc-ticker-glyph{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;flex-shrink:0}.cc-approval{gap:12px;border:1px solid var(--amber);background:var(--amber-weak);border-radius:12px;padding:11px 14px}.cc-approval,.cc-meta{display:flex;align-items:center}.cc-meta{gap:18px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.cc-meta .dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px;vertical-align:middle}@media (prefers-reduced-motion:reduce){.cc-hub,.cc-p,.cc-ring{animation:none}.cc-p{opacity:0}}.filter-pills{display:flex;gap:8px;flex-wrap:wrap}.filter-pill{font-size:13px;font-weight:500;padding:5px 13px;border-radius:999px;border:1px solid var(--border);color:var(--text-2)}.filter-pill:hover{border-color:var(--border-strong)}.filter-pill.active{background:var(--accent-weak);color:var(--accent);border-color:transparent}.job-card{display:block;background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:15px 16px;box-shadow:var(--shadow-sm);transition:border-color .12s,box-shadow .12s}.job-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);text-decoration:none}.job-title{font-size:14px;font-weight:600;color:var(--text);line-height:1.45}.job-summary{display:flex;gap:9px;margin-top:11px;padding:10px 12px;background:var(--panel-2);border-radius:9px;font-size:13px;color:var(--text-2);line-height:1.55}.job-summary.fail{background:var(--red-weak);color:var(--red)}.job-summary-ico{flex-shrink:0;font-size:13px;line-height:1.55}.job-foot{display:flex;align-items:center;gap:8px;margin-top:11px;flex-wrap:wrap}.agent-chip{font-size:11px;font-weight:500;padding:2px 8px;border-radius:6px}.pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:6px}.pager-btn{font-size:13px;font-weight:500;padding:7px 14px;border-radius:8px;border:1px solid var(--border-strong);color:var(--text-2);background:var(--panel)}.pager-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);text-decoration:none;filter:none}.pager-btn.disabled,.pager-btn:disabled{opacity:.45;pointer-events:none;background:var(--panel);color:var(--text-2);border-color:var(--border-strong)}.pager-info{display:inline-flex;align-items:center;font-size:13px;color:var(--muted);min-width:150px;justify-content:center}.pager-spinner{border-radius:50%;border:2px solid var(--accent-weak);border-top-color:var(--accent)}.btn-spinner,.pager-spinner{display:inline-block;width:13px;height:13px;animation:cc-spin .7s linear infinite;margin-right:7px}.btn-spinner{flex:none;border-radius:50%;border:2px solid;border-top:2px solid transparent;opacity:.85;vertical-align:-2px}[aria-busy=true]{opacity:.7;cursor:progress}.page-loader{display:grid;place-items:center;min-height:40vh;grid-gap:12px;gap:12px}.page-loader .page-spinner{width:30px;height:30px;border-radius:50%;border:3px solid var(--accent-weak);border-top-color:var(--accent);animation:cc-spin .7s linear infinite}.page-loader span{color:var(--muted);font-size:13px}.route-loader{min-height:60vh;display:grid;place-items:center}.route-loader-inner{display:flex;flex-direction:column;align-items:center;gap:16px}.route-loader-spark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#5b5bf6,#7b5bf6);display:grid;place-items:center;box-shadow:0 6px 20px rgba(91,91,246,.3);animation:cc-breathe 1.5s ease-in-out infinite}.route-loader-bar{position:relative;width:168px;height:4px;border-radius:999px;background:var(--accent-weak);overflow:hidden}.route-loader-bar>span{position:absolute;top:0;left:-40%;height:100%;width:40%;border-radius:999px;background:var(--accent);animation:route-slide 1.1s ease-in-out infinite}@keyframes route-slide{0%{left:-40%}to{left:100%}}@media (prefers-reduced-motion:reduce){.route-loader-spark{animation:none}.route-loader-bar>span{animation:route-slide 1.6s linear infinite}}.agent-result{border:1px solid var(--border);border-radius:10px;padding:12px 14px;background:var(--panel)}.kp-list{margin:8px 0 0;padding-left:18px}.kp-list li{font-size:13px;color:var(--text-2);line-height:1.5;margin-bottom:4px}.member-avatar{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:13px;font-weight:600;background:var(--accent-weak);color:var(--accent)}.member-avatar.pending{background:var(--amber-weak);color:var(--amber)}.role-badge{font-size:11px;font-weight:600;padding:2px 9px;border-radius:999px;text-transform:capitalize;background:var(--panel-2);color:var(--muted)}.role-badge.owner{background:var(--accent-weak);color:var(--accent)}.role-badge.admin{background:var(--blue-weak);color:var(--blue)}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;align-items:stretch}.plan-card{gap:12px}.plan-card.current{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.plan-feats{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px;flex:1 1}.plan-feats li{font-size:13.5px;color:var(--text-2);padding-left:20px;position:relative}.plan-feats li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:700}.plan-cta{margin-top:4px}@media (max-width:860px){.plan-grid{grid-template-columns:1fr}}.mobile-bar,.nav-backdrop{display:none}@media (max-width:768px){.app-shell{display:block}.mobile-bar{display:flex;align-items:center;gap:12px;position:-webkit-sticky;position:sticky;top:0;z-index:30;height:52px;padding:0 14px;background:var(--sidebar);border-bottom:1px solid var(--border)}.mobile-menu-btn{background:none;border:none;color:var(--text);padding:6px;display:inline-flex;cursor:pointer}.mobile-menu-btn:hover{filter:none;background:var(--panel-2);border-radius:8px}.mobile-title{font-weight:600;font-size:15px}.sidebar{position:fixed;top:0;left:0;bottom:0;height:100vh;width:264px;z-index:50;transform:translateX(-100%);transition:transform .22s ease}body.nav-open .sidebar{transform:translateX(0);box-shadow:0 0 50px rgba(16,24,40,.25)}body.nav-open .nav-backdrop{display:block;position:fixed;inset:0;background:rgba(16,24,40,.4);z-index:40}.content{padding:18px 16px 56px}.row{flex-wrap:wrap}.center>*{width:100%!important;max-width:420px}}