:root{--ro-bg:#f3f4f8;--ro-panel:#fff;--ro-border:#e1e1ea;--ro-ink:#1b1a22;--ro-muted:#616170;--ro-brand:#5b2e91;--ro-brand-2:#0f6cbd}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--ro-bg);color:var(--ro-ink);font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif}a{color:inherit;text-decoration:none}.ro-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.ro-nav{background:linear-gradient(180deg,#2a1846,#3a2260);color:#eee;padding:16px 12px;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.ro-brandmark{padding:8px 10px 16px}.ro-brandmark,.ro-navitem{display:flex;align-items:center;gap:10px}.ro-navitem{padding:9px 12px;border-radius:8px;color:#d8d3e6;font-size:14px;cursor:pointer;margin-bottom:2px}.ro-navitem:hover{background:hsla(0,0%,100%,.08)}.ro-navitem.active{background:hsla(0,0%,100%,.16);color:#fff;font-weight:600}.ro-main{display:flex;flex-direction:column;min-width:0}.ro-header{background:var(--ro-panel);border-bottom:1px solid var(--ro-border);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.ro-content{padding:24px;max-width:1400px;width:100%}.ro-demobanner{background:#fff4ce;border:1px solid #f2d98e;color:#6b5900;padding:6px 14px;border-radius:6px;font-size:13px;gap:8px}.ro-demobanner,.ro-live{display:inline-flex;align-items:center}.ro-live{gap:7px;padding:5px 12px;border-radius:999px;background:#eaf6ec;border:1px solid #bfe3c4;color:#0f6a0f;font-size:12px;font-weight:600}.ro-live-dot{width:8px;height:8px;border-radius:50%;background:#16a34a;animation:ro-pulse 1.6s infinite}@keyframes ro-pulse{0%{box-shadow:0 0 0 0 rgba(22,163,74,.5)}70%{box-shadow:0 0 0 7px rgba(22,163,74,0)}to{box-shadow:0 0 0 0 rgba(22,163,74,0)}}@media (prefers-reduced-motion:reduce){.ro-live-dot{animation:none}}.ro-feed-row{animation:ro-feedin .6s ease}@keyframes ro-feedin{0%{background:#eaf2fb}to{background:transparent}}@media (prefers-reduced-motion:reduce){.ro-feed-row{animation:none}}.ro-card{background:var(--ro-panel);border:1px solid var(--ro-border);border-radius:12px;padding:18px}.ro-grid{display:grid;grid-gap:16px;gap:16px}.ro-kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.ro-kpi-value{font-size:26px;font-weight:700;line-height:1.1}.ro-kpi-label{color:var(--ro-muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.ro-badge{gap:6px;border-radius:999px;font-weight:600;color:#fff}.ro-badge,.ro-chip{display:inline-flex;align-items:center;padding:2px 8px;font-size:12px}.ro-chip{border-radius:6px;background:#eef0f6;color:#444;border:1px solid #e1e1ea}.ro-section-title{font-size:18px;font-weight:700;margin:8px 0 12px}.ro-muted{color:var(--ro-muted)}.ro-timeline-item{display:flex;gap:12px;padding:8px 0;border-bottom:1px dashed #eee}.ro-dot{width:10px;height:10px;border-radius:50%;margin-top:5px;flex:0 0 auto}.ro-chat-bubble{padding:12px 14px;border-radius:12px;max-width:780px}.ro-chat-user{background:var(--ro-brand);color:#fff;align-self:flex-end}.ro-chat-ai{background:#fff;border:1px solid var(--ro-border)}.ro-scrollbox{max-height:420px;overflow-y:auto}table.ro-table{width:100%;border-collapse:collapse;font-size:13px}table.ro-table td,table.ro-table th{text-align:left;padding:8px 10px;border-bottom:1px solid var(--ro-border)}table.ro-table th{color:var(--ro-muted);font-weight:600;text-transform:uppercase;font-size:11px;letter-spacing:.04em}.ro-choreo{gap:2px;padding:6px 0 2px}.ro-choreo,.ro-choreo-director{display:flex;flex-direction:column;align-items:center}.ro-choreo-director{gap:5px}.ro-choreo-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:2px}.ro-agent-node{display:flex;flex-direction:column;align-items:center;gap:4px;width:66px;animation:ro-pop .35s cubic-bezier(.2,.8,.3,1.4) both}.ro-avatar-wrap{position:relative}.ro-avatar,.ro-avatar-wrap{display:grid;place-items:center}.ro-avatar{border-radius:50%;font-weight:700;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.14);transition:background .3s ease,opacity .3s ease,transform .3s ease}.ro-avatar-idle{background:#e7e7ef!important;color:#a2a2b2!important;box-shadow:none}.ro-avatar-working{transform:scale(1.06)}.ro-ring{position:absolute;inset:-5px;border-radius:50%;border:2.5px solid;animation:ro-pulse-ring 1.4s ease-out infinite}.ro-check{position:absolute;right:-2px;bottom:-2px;width:17px;height:17px;background:#107c10;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:700;border:2px solid #fff;animation:ro-pop .3s ease-out both}.ro-agent-name{font-size:10.5px;line-height:1.15;text-align:center;color:var(--ro-muted)}.ro-beam{width:3px;height:16px;border-radius:2px;background:currentColor;opacity:.22;transition:opacity .3s ease}.ro-beam-active{opacity:1;background-image:linear-gradient(180deg,currentColor,hsla(0,0%,100%,.9) 50%,currentColor);background-size:100% 200%;animation:ro-beam-flow 1s linear infinite}.ro-choreo-caption{margin-top:8px;font-size:13px;color:var(--ro-muted);display:flex;align-items:center;gap:4px;min-height:18px}.ro-choreo-dots:after{content:"";animation:ro-dots 1.4s step-end infinite}@keyframes ro-pulse-ring{0%{transform:scale(.85);opacity:.7}70%{transform:scale(1.4);opacity:0}to{transform:scale(1.4);opacity:0}}@keyframes ro-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}@keyframes ro-beam-flow{0%{background-position:0 0}to{background-position:0 200%}}@keyframes ro-dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.ro-beam-up{opacity:1;background-image:linear-gradient(0deg,currentColor,hsla(0,0%,100%,.9) 50%,currentColor);background-size:100% 200%;animation:ro-beam-flow-up .9s linear infinite}@keyframes ro-beam-flow-up{0%{background-position:0 0}to{background-position:0 -200%}}.ro-director-gathering{animation:ro-glow 1.2s ease-in-out infinite}@keyframes ro-glow{0%,to{box-shadow:0 0 0 0 rgba(91,46,145,0),0 2px 6px rgba(0,0,0,.14)}50%{box-shadow:0 0 0 9px rgba(91,46,145,.2),0 2px 6px rgba(0,0,0,.14)}}@media (prefers-reduced-motion:reduce){.ro-agent-node,.ro-beam-active,.ro-beam-up,.ro-check,.ro-choreo-dots:after,.ro-director-gathering,.ro-ring{animation:none!important}}.ro-graph-clickable svg{display:block;margin:0 auto}.ro-node-tip{position:absolute;width:262px;background:#fff;border:1px solid var(--ro-border);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.18);padding:10px 12px;z-index:60;pointer-events:none;font-size:12px;line-height:1.42}.ro-node-tip-title{font-weight:700;font-size:12.5px;margin-bottom:6px}.ro-node-tip-row{margin-top:4px;color:var(--ro-ink)}.ro-node-tip-row span{display:block;color:var(--ro-muted);font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:1px}