:root{font-family:'DM Sans',sans-serif;color:#24263a;background:#f7f8fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink:#24263a;--muted:#83879b;--line:#e8e9ef;--purple:#5555d9;--purple-dark:#4141b9}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;flex:0 0 252px;background:#fff;border-right:1px solid #ebecf1;display:flex;flex-direction:column;padding:26px 17px 14px}.brand{height:37px;display:flex;align-items:center;gap:10px;margin:0 3px 34px;text-decoration:none;color:#3f42c8}.brand-mark{width:32px;height:32px}.brand-mark svg{width:100%;height:100%}.brand-name{font:800 17px Manrope,sans-serif;letter-spacing:-.65px;color:#282940}.brand-name span{color:#5659d7}.side-label{font-size:9px;letter-spacing:1.25px;font-weight:700;color:#a0a2b1;margin:12px 9px 11px}.nav-item{height:38px;border-radius:7px;display:flex;align-items:center;padding:0 10px;gap:10px;font-size:12px;font-weight:600;color:#777b8e;margin-bottom:3px}.nav-item.active{background:#f1f1ff;color:#4e50cb}.nav-icon{font-size:15px;width:15px;text-align:center}.live-nav{margin-left:auto;color:#8889b8;font-size:8px;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;gap:5px}.live-nav i,.transcript-live i{width:5px;height:5px;border-radius:50%;background:#73bf9b}.muted{font-weight:500}.external{margin-left:auto;font-size:12px;color:#a6a8b4}.sidebar-footer{margin-top:auto}.support-card{display:flex;gap:11px;align-items:flex-start;background:#f8f8ff;border:1px solid #ededfa;padding:13px 11px;border-radius:9px;margin:0 0 16px}.support-spark{font-size:16px;color:#6366d8}.support-card div,.profile-copy{display:flex;flex-direction:column;gap:3px}.support-card strong,.profile-copy strong{font-size:11px;font-weight:700;color:#44465d}.support-card span:last-child,.profile-copy span{font-size:10px;color:#9295a6}.profile{border-top:1px solid #f0f0f3;padding:15px 3px 2px;display:flex;align-items:center;gap:9px}.avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#ecebff;color:#5f5fc9;font-size:9px;font-weight:700}.profile-copy{flex:1}.profile-copy strong{font-size:10px}.more{letter-spacing:1px;color:#a6a8b3;font-size:13px}.main-panel{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:64px;flex:0 0 64px;border-bottom:1px solid #e9eaf0;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#f9fafb}.breadcrumb{font-size:11px;color:#9699a9;display:flex;gap:10px;align-items:center}.breadcrumb strong{font-weight:600;color:#44465a}.crumb-slash{color:#c8c9d2}.topbar-right{display:flex;align-items:center;gap:14px}.privacy{font-size:10px;color:#8c8f9e;display:flex;align-items:center;gap:6px}.lock{font-size:13px;color:#9295a9}.topbar-divider{height:17px;width:1px;background:#e4e5ec}.system-status{font-size:10px;color:#7f8293;display:flex;align-items:center;gap:7px}.system-status i{width:6px;height:6px;border-radius:50%;background:#8dc9aa;box-shadow:0 0 0 3px #8dc9aa20}.system-status i.busy{background:#e7ad74;box-shadow:0 0 0 3px #e7ad7420}.system-status i.error{background:#dc7979;box-shadow:0 0 0 3px #dc797920}.voice-layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:25px;padding:28px 31px 24px;max-width:1390px;width:100%;margin:0 auto}.voice-stage{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:550px;background:radial-gradient(ellipse 50% 43% at 50% 48%,#f0efff 0%,#f5f5fb 57%,#f7f8fa 100%);border:1px solid #f0f0f6;border-radius:17px;overflow:hidden}.welcome-copy{text-align:center;z-index:1;margin-top:-5px}.eyebrow,.panel-eyebrow{font-size:9px;font-weight:700;letter-spacing:1.55px;color:#9698aa;display:flex;gap:7px;align-items:center;justify-content:center}.online-dot{width:6px;height:6px;border-radius:50%;background:#7bc7a7;box-shadow:0 0 0 3px #7bc7a71c}h1{font:600 clamp(29px,3vw,39px)/1.22 Manrope,sans-serif;letter-spacing:-1.4px;color:#292b43;margin:18px 0 12px}h1 span{color:#6062d5}.welcome-copy p{font-size:12px;line-height:1.75;color:#85899b;margin:0}.agent-orb-wrap{width:170px;height:170px;display:grid;place-items:center;position:relative;margin:22px 0 9px}.agent-orb{z-index:1;width:91px;height:91px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#7779e4 0%,#5759d0 55%,#4547ba 100%);box-shadow:0 12px 34px #6265d74d,inset 0 1px 2px #ffffff80;transition:transform .35s,box-shadow .35s}.agent-orb svg{width:47px;height:47px;filter:drop-shadow(0 2px 4px #4043a744)}.orb-halo{position:absolute;border-radius:50%;border:1px solid #9fa0dc2e;width:118px;height:118px}.halo-two{width:151px;height:151px;border-color:#aaaaf124}.agent-orb-wrap.active .halo-one{animation:pulse 2.2s ease-in-out infinite}.agent-orb-wrap.active .halo-two{animation:pulse 2.2s ease-in-out .55s infinite}.agent-orb-wrap.speaking .agent-orb{transform:scale(1.07);box-shadow:0 12px 44px #6063df70,inset 0 1px 2px #ffffff80}.agent-orb-wrap.speaking .halo-one{animation:pulse .8s ease-out infinite}.agent-orb-wrap.speaking .halo-two{animation:pulse .8s ease-out .25s infinite}.sound-bars{position:absolute;bottom:-1px;display:flex;align-items:center;gap:3px;height:18px;opacity:0;transition:opacity .2s}.sound-bars i{height:4px;width:3px;border-radius:4px;background:#7779dc}.agent-orb-wrap.speaking .sound-bars{opacity:1}.agent-orb-wrap.speaking .sound-bars i{animation:sound .65s ease-in-out infinite alternate}.sound-bars i:nth-child(2n){animation-delay:.2s}.sound-bars i:nth-child(3n){animation-delay:.35s}.call-state{display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;min-height:43px}.state-title{font:700 13px Manrope,sans-serif;color:#41435b}.state-subtitle{font-size:10px;color:#9295a5}.call-timer{font:600 11px 'DM Sans',sans-serif;color:#74779b;letter-spacing:.6px;margin-top:2px}.call-controls{height:60px;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:13px}.start-call{height:43px;padding:0 22px;border:0;border-radius:9px;background:#5558ce;color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;font:600 12px 'DM Sans',sans-serif;box-shadow:0 4px 12px #5457c933;cursor:pointer;transition:background .15s,transform .15s,box-shadow .15s}.start-call:hover{background:#4446bc;transform:translateY(-1px);box-shadow:0 6px 15px #5457c944}.start-call:disabled{opacity:.7;cursor:wait;transform:none}.start-call svg{width:17px;height:17px}.control-button{width:42px;height:42px;border:1px solid #e2e3ec;border-radius:50%;display:grid;place-items:center;color:#666982;background:#fff;cursor:pointer;box-shadow:0 3px 9px #30345a0b;transition:all .15s}.control-button:hover{transform:translateY(-1px);border-color:#cbccdf}.control-button svg{width:19px;height:19px}.mute-button.muted{color:#d26b6b;background:#fff8f8;border-color:#f2dddd}.mute-button .mic-off{display:none}.mute-button.muted .mic-on{display:none}.mute-button.muted .mic-off{display:block}.end-button{background:#e96767;color:#fff;border-color:#e96767}.end-button:hover{background:#d85656;border-color:#d85656}.mic-note{font-size:9px;color:#9b9eac;display:flex;align-items:center;gap:5px;position:absolute;bottom:21px;left:12px;right:12px;justify-content:center;text-align:center}.shield{font-size:13px;color:#898bb2}.error-message{position:absolute;bottom:51px;max-width:85%;padding:9px 12px;color:#a44141;background:#fff4f3;border:1px solid #f0dada;border-radius:8px;font-size:10px;text-align:center}.transcript-panel{background:#fff;border:1px solid #e9eaf0;border-radius:14px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.transcript-heading{height:69px;flex:0 0 69px;border-bottom:1px solid #eff0f4;display:flex;align-items:center;justify-content:space-between;padding:0 17px}.panel-eyebrow{justify-content:flex-start;font-size:8px;letter-spacing:1.2px}.transcript-heading h2{font:700 14px Manrope,sans-serif;color:#36384f;margin:4px 0 0}.transcript-live{font-size:8px;font-weight:700;color:#7f8296;display:flex;align-items:center;gap:5px;letter-spacing:.5px}.transcript-body{flex:1;overflow:auto;padding:16px}.transcript-empty{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:170px;height:100%;gap:8px;color:#989baa}.wave-icon{width:34px;height:34px;border-radius:10px;background:#f3f3ff;color:#7779d5;display:grid;place-items:center;font-size:20px}.transcript-empty strong{font-size:10px;color:#6d7084;margin-top:3px}.transcript-empty>span:last-child{font-size:9px;line-height:1.6;max-width:180px}.transcript-list{display:flex;flex-direction:column;gap:15px}.transcript-entry{display:flex;flex-direction:column;gap:5px;animation:appear .2s ease-out}.entry-speaker{font-size:8px;font-weight:700;color:#a0a2b1;letter-spacing:.75px;text-transform:uppercase;display:flex;align-items:center;gap:6px}.entry-speaker i{width:6px;height:6px;border-radius:50%;background:#7779d5}.transcript-entry.user .entry-speaker i{background:#9fa2b3}.entry-text{font-size:10px;line-height:1.65;color:#5d6074;white-space:pre-wrap}.transcript-footer{height:39px;flex:0 0 39px;border-top:1px solid #eff0f4;display:flex;align-items:center;gap:6px;padding:0 15px;color:#a0a2af;font-size:8px}.transcript-lock{font-size:12px;color:#9698ae}@keyframes pulse{0%{transform:scale(.92);opacity:.25}55%{transform:scale(1.1);opacity:.85}100%{transform:scale(1.2);opacity:0}}@keyframes sound{from{height:4px}to{height:15px}}@keyframes appear{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}[hidden]{display:none!important}@media(max-width:960px){.sidebar{width:215px;flex-basis:215px}.voice-layout{grid-template-columns:minmax(0,1fr) 265px;gap:15px;padding:20px}.topbar{padding:0 23px}}@media(max-width:760px){.sidebar{display:none}.voice-layout{grid-template-columns:1fr;grid-template-rows:minmax(420px,1fr) 240px;gap:13px;padding:14px}.voice-stage{min-height:420px}.transcript-panel{height:240px}.transcript-body{padding:13px 15px}.transcript-empty{min-height:120px}.topbar{height:54px;flex-basis:54px;padding:0 16px}.privacy{font-size:0}.lock{font-size:14px}.topbar-right{gap:9px}.system-status{font-size:9px}}@media(max-width:440px){.voice-layout{grid-template-rows:minmax(390px,1fr) 220px;padding:10px;gap:10px}.voice-stage{min-height:390px}.welcome-copy p{font-size:11px}.desktop-break{display:none}h1{font-size:31px}.agent-orb-wrap{margin-top:12px;margin-bottom:6px}.mic-note{font-size:8px}.transcript-panel{height:220px}}