:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eef6ff;background:#061426;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -20%,#123a63 0,#071a30 35%,#04101f 75%);color:#eef6ff}button,input{font:inherit}.app-shell{min-height:100vh}.topbar{height:68px;display:flex;align-items:center;gap:28px;padding:0 22px;border-bottom:1px solid #153554;background:#061426e8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #ff9738;box-shadow:0 0 18px #ff8a1f55;color:#fff;font-weight:900;background:linear-gradient(135deg,#0d67a8 0 50%,#a24d08 50%)}.topbar nav{display:flex;gap:6px;flex:1}.topbar nav button{border:0;background:transparent;color:#96acc3;padding:10px 12px;border-radius:10px;cursor:pointer}.topbar nav button:hover,.topbar nav button.active{color:#fff;background:#102b47}.system-pill{font-size:12px;color:#a9bfd4;background:#0b2036;border:1px solid #173b5b;padding:8px 11px;border-radius:999px;display:flex;align-items:center;gap:7px}.dot{width:8px;height:8px;border-radius:99px;background:#778493;display:inline-block}.dot.online{background:#32d296;box-shadow:0 0 9px #32d296}.workspace{display:grid;grid-template-columns:280px minmax(420px,1fr) 360px;min-height:calc(100vh - 68px)}.presence-panel,.action-panel{background:#071729cc;padding:18px;border-right:1px solid #153554}.action-panel{border-right:0;border-left:1px solid #153554}.agent-switch{display:grid;grid-template-columns:1fr 1fr;padding:4px;background:#0b2035;border-radius:12px}.agent-switch button{padding:9px;border:0;border-radius:9px;background:transparent;color:#7891aa;cursor:pointer}.agent-switch button.selected{background:linear-gradient(135deg,#0d6cab,#103a66);color:#fff;box-shadow:0 0 16px #159cff44}.avatar-stage{text-align:center;padding:34px 0 22px}.orb{width:126px;height:126px;border-radius:50%;display:grid;place-items:center;margin:0 auto 14px;background:radial-gradient(circle,#164d78,#081728 70%);border:1px solid #278bd0;box-shadow:0 0 50px #1a7fc244;color:#62c2ff}.avatar-stage h2{margin:7px 0 4px}.avatar-stage p{margin:0 auto 12px;color:#829ab3;font-size:13px}.state{font-size:12px;color:#b6cadc;display:inline-flex;align-items:center;gap:7px}.comm-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.comm-grid button,.quick-links button{border:1px solid #173e60;color:#bcd0e3;background:#0b2138;border-radius:11px;padding:11px;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.comm-grid svg,.quick-links svg{width:17px}.trust-card{margin-top:18px;border:1px solid #185b4a;background:#092820;padding:12px;border-radius:12px;display:flex;gap:10px;color:#74dbb6}.trust-card div{display:flex;flex-direction:column}.trust-card small{color:#8bb1a2;margin-top:2px}.conversation-panel{display:flex;flex-direction:column;min-width:0}.panel-heading{padding:19px 22px;border-bottom:1px solid #153554;display:flex;align-items:center;justify-content:space-between;background:#07182a88}.panel-heading small{letter-spacing:.16em;color:#6f8da9}.panel-heading h1,.panel-heading h2{margin:3px 0 0}.panel-heading>span{font-size:11px;color:#79c7ff;background:#0c2c49;padding:7px 9px;border-radius:9px}.panel-heading.compact{padding:4px 0 15px;background:transparent}.timeline{flex:1;padding:28px;overflow:auto;display:flex;flex-direction:column;gap:15px}.bubble{max-width:68%;padding:13px 15px;border-radius:16px;border:1px solid #163a5a}.bubble span{font-size:11px;color:#7e9ab4}.bubble p{margin:5px 0 0;line-height:1.5}.bubble.agent{background:#0b2642;align-self:flex-start}.bubble.user{background:#18354e;align-self:flex-end}.composer{display:flex;gap:8px;padding:14px 18px;border-top:1px solid #153554;background:#071727}.composer input{flex:1;border:1px solid #1c4d74;border-radius:13px;background:#091d30;color:#fff;padding:12px 14px;outline:none}.composer button{width:45px;height:45px;border:1px solid #1b4669;border-radius:12px;background:#0d2943;color:#a9d8fa;display:grid;place-items:center;cursor:pointer}.composer button.send{background:linear-gradient(135deg,#ffad42,#ff7717);color:#07101c;border-color:#ffb156}.composer svg{width:18px}.action-card,.empty-action,.integration-list{border:1px solid #163b5c;background:#091b2e;border-radius:15px;padding:15px;margin-bottom:15px}.action-status{display:flex;align-items:center;gap:7px;text-transform:uppercase;font-size:11px;color:#74d9af}.action-status svg{width:15px}.action-card h3{font-size:14px;margin:12px 0 6px}.action-card>p{color:#a8bdd0;font-size:13px;line-height:1.45}.meta{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid #163550;color:#7791aa}.approval{margin-top:15px;background:#201c0c;border:1px solid #725b1e;padding:14px;border-radius:13px;text-align:center;color:#ffd782}.approval h4{margin:6px}.approval p{font-size:12px;color:#c6b485}.approval>div{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.approval button{border:0;border-radius:10px;padding:10px;display:flex;justify-content:center;gap:6px;cursor:pointer}.approval svg{width:16px}.reject{background:#44202a;color:#ffafbd}.approve{background:#176044;color:#c4ffe6}.result{margin-top:12px;padding:12px;border-radius:10px;background:#09291f;border:1px solid #185d48}.result p{font-size:12px;color:#b3d7c8}.empty-action{text-align:center;padding:28px 18px;color:#8ea7bf}.empty-action svg{color:#ff993a}.empty-action h3{color:#fff}.empty-action p{font-size:13px;line-height:1.5}.empty-action button{display:inline-flex;gap:4px;align-items:center;border:0;background:#123c61;color:#fff;border-radius:10px;padding:9px 12px}.integration-list h4{margin:0 0 10px}.integration-list>div{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:7px;padding:7px 0;border-bottom:1px solid #102c45;font-size:12px}.integration-list>div:last-child{border-bottom:0}.integration-list small{color:#647f99}.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.capability-browser{padding:24px;overflow:auto}.capability-browser h3{margin-top:0}.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cap{min-height:125px;text-align:left;border:1px solid #183f60;background:#091d31;color:#fff;border-radius:15px;padding:14px;display:flex;flex-direction:column;gap:8px;cursor:pointer}.cap svg{color:#ff9835}.cap small{color:#819ab2;line-height:1.35}.cap.selected-cap,.cap:hover{border-color:#278dcc;box-shadow:0 0 22px #1688c52b}.tool-button{background:#5a2c0d!important;color:#ffaf55!important}@media(max-width:1050px){.workspace{grid-template-columns:230px 1fr}.action-panel{grid-column:1/-1;border-left:0;border-top:1px solid #153554;display:grid;grid-template-columns:1fr 1fr;gap:12px}.topbar nav{display:none}}@media(max-width:720px){.topbar{padding:0 12px}.system-pill{margin-left:auto}.workspace{display:block}.presence-panel{border-right:0;border-bottom:1px solid #153554}.avatar-stage{padding:18px 0}.orb{width:88px;height:88px}.comm-grid{grid-template-columns:repeat(4,1fr)}.conversation-panel{min-height:560px}.bubble{max-width:86%}.action-panel{display:block}.capability-grid{grid-template-columns:1fr 1fr}.trust-card{display:none}}