@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:Noto Sans SC,IBM Plex Sans,sans-serif;color:#e9ebf2;background:#090a0d;font-synthesis:none;--blue: #5b78ff;--blue-bright: #6e88ff;--green: #35c982;--amber: #f2b84b;--red: #e95c62;--panel: #121318;--panel-raised: #181a21;--line: #292c35;--muted: #8c929f;--subtle: #626875}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden;background:#090a0d}button,input{font:inherit}button:focus-visible,input:focus-visible{outline:2px solid #8da2ff;outline-offset:2px}button{color:inherit}.sdr-app{display:grid;height:100vh;grid-template-rows:58px minmax(0,1fr) auto;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),#0a0b0e;background-size:32px 32px}.app-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 18px;gap:18px;background:#0e0f13f5;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand>div:last-child{display:flex;flex-direction:column}.brand strong{font-size:13px;line-height:18px}.brand span{color:var(--muted);font-family:IBM Plex Sans,sans-serif;font-size:9px}.clara-symbol{display:grid;width:34px;height:34px;flex:0 0 auto;place-items:center;color:#fff;background:var(--blue);border-radius:7px;transform:rotate(8deg)}.clara-symbol svg{transform:rotate(-8deg)}.live-state{display:flex;align-items:center;gap:12px}.live-state span{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600}.live-state span i{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px #35c9821c}.live-state small{color:var(--muted);font-size:9px}.sync-badge{display:inline-flex;height:28px;align-items:center;justify-self:end;padding:0 9px;gap:6px;border:1px solid;border-radius:4px;font-size:9px}.sync-badge.feishu{color:#68dda4;background:#35c98214;border-color:#35c98247}.sync-badge.demo{color:#e7bd69;background:#f2b84b14;border-color:#f2b84b40}.sdr-workspace{display:grid;min-height:0;grid-template-columns:264px minmax(480px,1fr) 286px;gap:1px;background:var(--line)}.intel-panel,.action-panel{min-height:0;padding:17px;overflow-y:auto;background:#101116}.panel-title{display:flex;min-height:34px;align-items:center;justify-content:space-between}.panel-title>div{display:flex;align-items:center;gap:7px}.panel-title>div svg{color:#8ea2ff}.panel-title strong{font-size:12px}.panel-title>span{display:grid;min-width:31px;height:26px;place-items:center;padding:0 6px;color:#aab7f5;background:#202538;border-radius:4px;font-family:IBM Plex Sans,sans-serif;font-size:13px;font-weight:600}.panel-title>span.qualified{color:#69dca5;background:#35c9821f}.panel-title>.auto-label{width:auto;height:20px;color:var(--muted);background:#1f2128;font-size:8px;font-weight:500}.score-track{height:4px;margin-top:13px;overflow:hidden;background:#23252d;border-radius:2px}.score-track i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),#76d2b1);border-radius:inherit;transition:width .32s ease}.score-caption{margin:7px 0 16px;color:var(--muted);font-size:9px}.qualification-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.qualification-list>div{display:flex;min-height:49px;flex-direction:column;justify-content:center;gap:5px;border-bottom:1px solid var(--line)}.qualification-list span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:8px}.qualification-list span i{width:11px;height:11px;border:1px solid #555b68;border-radius:50%}.qualification-list .captured span{color:#7dd8aa}.qualification-list strong{overflow:hidden;color:#c8cbd3;font-size:10px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.qualification-list .captured strong{color:#fff}.signal-section,.knowledge-section,.activity-log{margin-top:20px}.section-label{display:flex;align-items:center;margin-bottom:10px;gap:6px;color:#a6abb5;font-size:9px;font-weight:600}.signal-section ul{display:flex;margin:0;padding:0;flex-direction:column;gap:7px;list-style:none}.signal-section li{position:relative;padding-left:12px;color:#c3c7cf;font-size:9px;line-height:1.5}.signal-section li:before{position:absolute;top:5px;left:0;width:5px;height:5px;background:var(--amber);border-radius:50%;content:""}.signal-section p{margin:0;color:var(--subtle);font-size:9px;line-height:1.6}.knowledge-section button{display:flex;width:100%;min-height:48px;align-items:center;padding:0 8px;gap:7px;background:transparent;border:0;border-top:1px solid #23252d;text-align:left;cursor:pointer}.knowledge-section button:hover{background:#171920}.knowledge-section button span{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.knowledge-section button strong{font-size:9px;font-weight:500}.knowledge-section button small{color:var(--subtle);font-size:8px}.conversation-stage{display:grid;min-width:0;min-height:0;grid-template-rows:minmax(260px,54%) minmax(250px,46%);background:#0c0d11}.video-stage{position:relative;min-height:0;overflow:hidden;background:#15161b}.video-stage>img{width:100%;height:100%;object-fit:cover;object-position:center 23%;filter:saturate(.82) contrast(1.04)}.video-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#07080bde,#07080b52 45%,#07080b14 68%),linear-gradient(0deg,rgba(7,8,11,.72) 0%,transparent 38%)}.video-status{position:absolute;top:16px;left:18px;display:inline-flex;height:25px;align-items:center;padding:0 9px;gap:6px;background:#090a0da8;border:1px solid rgba(255,255,255,.12);border-radius:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:8px}.video-status i{width:6px;height:6px;background:var(--green);border-radius:50%}.avatar-copy{position:absolute;bottom:54px;left:24px;max-width:380px}.avatar-copy span{color:#9cb0ff;font-family:IBM Plex Sans,sans-serif;font-size:9px;font-weight:600}.avatar-copy h1{margin:3px 0 5px;font-family:IBM Plex Sans,sans-serif;font-size:28px;letter-spacing:0}.avatar-copy p{margin:0;color:#d0d3da;font-size:10px;line-height:1.6}.voice-wave{position:absolute;right:22px;bottom:58px;display:flex;height:30px;align-items:center;gap:3px}.voice-wave i{width:2px;height:30%;background:#ffffffbf;border-radius:2px;animation:wave 1.1s ease-in-out infinite alternate}.voice-wave i:nth-child(3n){height:80%;animation-delay:.16s}.voice-wave i:nth-child(4n){height:55%;animation-delay:.32s}.voice-wave i:nth-child(5n){height:100%;animation-delay:.48s}@keyframes wave{0%{transform:scaleY(.45);opacity:.5}to{transform:scaleY(1);opacity:1}}.call-controls{position:absolute;right:18px;bottom:15px;display:flex;gap:7px}.call-controls button{display:grid;width:34px;height:34px;place-items:center;background:#111318c7;border:1px solid rgba(255,255,255,.13);border-radius:50%;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.call-controls button:hover,.call-controls button.active{background:#5870e1cc}.call-controls .end-call{background:#d5444ce0;transform:rotate(135deg)}.transcript{display:grid;min-height:0;grid-template-rows:40px minmax(0,1fr) auto auto auto;background:#111217;border-top:1px solid var(--line)}.transcript-header{display:flex;align-items:center;padding:0 15px;border-bottom:1px solid #25272f}.transcript-header>span{margin-left:auto;color:var(--subtle);font-size:8px}.mode-switch{display:flex;height:100%;gap:15px}.mode-switch button{position:relative;display:inline-flex;align-items:center;padding:0;gap:5px;color:var(--muted);background:transparent;border:0;font-size:9px;cursor:pointer}.mode-switch button.active{color:#fff}.mode-switch button.active:after{position:absolute;right:0;bottom:-1px;left:0;height:2px;background:var(--blue);content:""}.message-list{padding:13px 16px 8px;overflow-y:auto}.message{display:flex;margin-bottom:11px;gap:8px}.message.visitor{flex-direction:row-reverse}.message-avatar{display:grid;width:25px;height:25px;flex:0 0 auto;place-items:center;color:#fff;background:var(--blue);border-radius:5px}.message.visitor .message-avatar{color:#b9bec9;background:#282b33}.message>div:last-child{display:flex;max-width:78%;flex-direction:column}.message.visitor>div:last-child{align-items:flex-end}.message span{margin-bottom:3px;color:var(--subtle);font-size:7px}.message p{margin:0;padding:8px 10px;color:#d8dbe2;background:#1b1d24;border:1px solid #292c35;border-radius:2px 7px 7px;font-size:9px;line-height:1.6}.message.visitor p{color:#e6eaff;background:#242a40;border-color:#343d63;border-radius:7px 2px 7px 7px}.thinking{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8px}.thinking svg{color:#8fa2ff}.thinking i{width:4px;height:4px;background:#7f8dcb;border-radius:50%;animation:blink .9s infinite alternate}.thinking i:nth-last-child(2){animation-delay:.18s}.thinking i:last-child{animation-delay:.36s}@keyframes blink{0%{opacity:.2}to{opacity:1}}.inline-error{margin:0 14px 7px;padding:6px 8px;color:#f4a1a5;background:#e95c6214;border:1px solid rgba(233,92,98,.18);border-radius:4px;font-size:8px}.message-composer{display:flex;height:37px;align-items:center;margin:0 14px;padding:0 4px 0 11px;background:#191b22;border:1px solid #30333c;border-radius:5px}.message-composer:focus-within{border-color:#657eea}.message-composer input{min-width:0;flex:1;color:#fff;background:transparent;border:0;outline:0;font-size:9px}.message-composer input::placeholder{color:#666d79}.message-composer button{display:grid;width:29px;height:29px;place-items:center;color:#fff;background:var(--blue);border:0;border-radius:4px;cursor:pointer}.message-composer button:disabled{color:#737986;background:#2a2d35;cursor:not-allowed}.quick-prompts{display:flex;min-height:36px;align-items:center;padding:0 14px;gap:6px;overflow-x:auto}.quick-prompts span{flex:0 0 auto;color:var(--subtle);font-size:7px}.quick-prompts button{flex:0 0 auto;height:21px;padding:0 7px;color:#9fa5b1;background:transparent;border:1px solid #2c2f38;border-radius:3px;font-size:7px;cursor:pointer}.quick-prompts button:hover{color:#cbd3ff;border-color:#53659d}.next-best-action{margin-top:11px;padding:12px;background:#181b26;border:1px solid #2e354f;border-radius:5px}.next-best-action>span{color:#8fa2ff;font-size:8px;font-weight:600}.next-best-action strong{display:block;margin:6px 0;font-size:11px;line-height:1.5}.next-best-action p{margin:0;color:var(--muted);font-size:8px;line-height:1.55}.sync-flow{display:flex;margin:17px 0;flex-direction:column}.sync-flow>div{position:relative;display:flex;min-height:47px;align-items:center;gap:8px}.sync-flow>div:not(:last-child):after{position:absolute;top:34px;bottom:-8px;left:14px;width:1px;background:#343741;content:""}.sync-flow>div>i{position:relative;z-index:1;display:grid;width:29px;height:29px;flex:0 0 auto;place-items:center;color:#89909c;background:#202229;border:1px solid #33363e;border-radius:50%;font-style:normal}.sync-flow>div.complete>i{color:#6bdba4;background:#173024;border-color:#285d41}.sync-flow>div>span{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.sync-flow strong{font-size:9px}.sync-flow small{overflow:hidden;color:var(--subtle);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.sync-flow>div>svg{color:#5e6470}.action-stack{display:flex;flex-direction:column;gap:7px}.primary-action,.secondary-action{display:flex;width:100%;height:34px;align-items:center;justify-content:center;gap:7px;border-radius:4px;font-size:9px;font-weight:500;cursor:pointer}.primary-action{color:#fff;background:var(--blue);border:1px solid var(--blue)}.primary-action:hover{background:var(--blue-bright)}.primary-action:disabled{color:#656b78;background:#25272e;border-color:#30333b;cursor:not-allowed}.secondary-action{color:#bec2cb;background:transparent;border:1px solid #33363f}.secondary-action:hover{color:#fff;background:#191b21;border-color:#4a4f5c}.activity-log{padding-top:14px;border-top:1px solid var(--line)}.activity-log>div:not(.section-label){display:flex;min-height:42px;gap:8px}.activity-log>div>i{width:6px;height:6px;flex:0 0 auto;margin-top:4px;border-radius:50%}.activity-log i.blue{background:var(--blue)}.activity-log i.amber{background:var(--amber)}.activity-log i.green{background:var(--green)}.activity-log>div>span{display:flex;min-width:0;flex-direction:column;gap:4px}.activity-log strong{font-size:8px;font-weight:500}.activity-log small{overflow:hidden;color:var(--subtle);font-size:7px;text-overflow:ellipsis;white-space:nowrap}.open-project{display:flex;width:100%;align-items:center;justify-content:space-between;margin-top:6px;padding:8px 0;color:#8ea2ff;background:transparent;border:0;border-top:1px solid var(--line);font-size:8px;cursor:pointer}.demo-warning{display:flex;min-height:30px;align-items:center;justify-content:center;padding:4px 12px;gap:6px;color:#d7b468;background:#211c12;border-top:1px solid #41351c;font-size:8px}.boot-screen{display:flex;min-height:100vh;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:#e8eaf0;background:#0b0c10}.boot-screen .clara-symbol{width:48px;height:48px}.boot-screen>strong{font-size:13px}.boot-screen>p{max-width:420px;margin:0;color:var(--muted);font-size:10px;text-align:center}.spin{color:#738cff;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-symbol{background:var(--red)}.primary-button{display:inline-flex;height:34px;align-items:center;padding:0 14px;gap:6px;color:#fff;background:var(--blue);border:0;border-radius:4px;font-size:10px;cursor:pointer}@media(max-width:1080px){.sdr-workspace{grid-template-columns:226px minmax(440px,1fr) 246px}.intel-panel,.action-panel{padding:14px}}@media(max-width:860px){body{overflow:auto}.sdr-app{height:auto;min-height:100vh}.app-header{grid-template-columns:1fr auto}.live-state{display:none}.sdr-workspace{grid-template-columns:1fr 260px}.intel-panel{display:none}.conversation-stage{min-height:calc(100vh - 88px)}}@media(max-width:640px){.app-header{height:54px;padding:0 11px}.brand span{display:none}.sync-badge{max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sdr-workspace{display:block}.conversation-stage{min-height:calc(100vh - 84px);grid-template-rows:42vh minmax(390px,1fr)}.action-panel{display:none}.avatar-copy{right:18px;bottom:48px;left:18px}.avatar-copy h1{font-size:23px}.voice-wave{display:none}.transcript-header>span{display:none}.message>div:last-child{max-width:86%}.quick-prompts{padding-bottom:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}