body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--text:#fff;--gray-200:#b4b8bb;--gray-300:#80868b;--gray-500:#5f6368;--gray-600:#444;--gray-700:#202020;--gray-800:#171717;--gray-900:#111;--gray-1000:#0a0a0a;--border-stroke:#444;--accent-blue:#a1e4f2;--accent-blue-active-bg:#001233;--accent-blue-active:#98beff;--accent-blue-headers:#448dff;--accent-green:#a8dab5;--midnight-blue:#001233;--blue-30:#99beff;--accent-red:#ff4600;--background:var(--gray-900);--color:var(--text);--font-family:"Space Mono",monospace;--Neutral-00:#000;--Neutral-5:#181a1b;--Neutral-10:#1c1f21;--Neutral-15:#232729;--Neutral-20:#2a2f31;--Neutral-30:#404547;--Neutral-50:#707577;--Neutral-60:#888d8f;--Neutral-80:#c3c6c7;--Neutral-90:#e1e2e3;--Green-500:#0d9c53;--Green-700:#025022;--Blue-500:#1f94ff;--Blue-800:#0f3557;--Red-400:#ff9c7a;--Red-500:#ff4600;--Red-600:#e03c00;--Red-700:#bd3000;--hidev-primary:#4285f4;--hidev-secondary:#0f9d58;--hidev-accent:#f4b400;--hidev-dark:#202124;--hidev-light:#f8f9fa;--hidev-success:#0f9d58;--hidev-danger:#db4437;--hidev-warning:#f4b400;--call-center-primary:var(--hidev-primary);--call-center-secondary:var(--hidev-secondary);--call-center-accent:var(--hidev-accent);--call-center-success:var(--hidev-success);--call-center-danger:var(--hidev-danger);--call-center-warning:var(--hidev-warning);--call-center-light:var(--hidev-light);--call-center-dark:var(--hidev-dark);scrollbar-color:#444 #111;scrollbar-color:var(--gray-600) var(--gray-900);scrollbar-width:thin}body{background:#404547;background:var(--Neutral-30);font-family:Space Mono,monospace;margin:0;padding:0}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.space-mono-regular{font-weight:400}.space-mono-bold,.space-mono-regular{font-family:Space Mono,monospace;font-style:normal}.space-mono-bold{font-weight:700}.space-mono-regular-italic{font-family:Space Mono,monospace;font-style:italic;font-weight:400}.space-mono-bold-italic{font-family:Space Mono,monospace;font-style:italic;font-weight:700}.hidden{display:none}.flex{display:flex}.h-screen-full{height:100vh}.w-screen-full{width:100vw}.flex-col{flex-direction:column}.call-center-console{background:#181a1b;background:var(--Neutral-5);display:flex;flex-direction:column;height:100vh;width:100vw}.call-center-console,.call-center-console a,.call-center-console a:active,.call-center-console a:visited{color:#80868b;color:var(--gray-300)}.call-center-console .disabled,.call-center-console .disabled>*{pointer-events:none}.call-center-console .call-center-header{align-items:center;background-color:#202124;background-color:var(--hidev-dark);border-bottom:1px solid #404547;border-bottom:1px solid var(--Neutral-30);display:flex;justify-content:space-between;padding:1rem 2rem}.call-center-console .call-center-header .logo{display:flex;flex-direction:column}.call-center-console .call-center-header .logo h1{color:#f8f9fa;color:var(--hidev-light);font-size:1.5rem;margin:0}.call-center-console .call-center-header .logo h1:before{color:#4285f4;color:var(--hidev-primary);content:"●";margin-right:.5rem}.call-center-console .call-center-header .logo .status-indicator{color:#888d8f;color:var(--Neutral-60);font-size:.9rem;margin-top:.25rem}.call-center-console .call-center-header .logo .status-indicator.active{color:#0f9d58;color:var(--hidev-success)}.call-center-console .call-center-header .call-info{align-items:center;display:flex;gap:1rem}.call-center-console .call-center-header .call-info .call-timer{color:#c3c6c7;color:var(--Neutral-80);font-size:1.2rem;font-weight:700}.call-center-console .call-center-header .call-info .end-call-btn{background-color:#db4437;background-color:var(--hidev-danger);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:.5rem 1rem}.call-center-console .call-center-header .call-info .end-call-btn:hover{background-color:#bd3000;background-color:var(--Red-700)}.call-center-console main{align-items:center;display:flex;flex-direction:column;flex-grow:1;gap:1rem;justify-content:center;max-width:100%;overflow:hidden;padding:1rem;position:relative}.call-center-console .main-app-area{align-items:center;display:flex;flex:1 1;justify-content:center;width:100%}.call-center-console .call-center-content{display:flex;flex-direction:column;gap:1rem;height:100%;margin:0 auto;max-width:1200px;width:100%}.call-center-console .call-center-content .roleplay-branding{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;text-align:center;width:100%}.call-center-console .call-center-content .roleplay-branding h1{animation:scaleIn .8s ease-out forwards;color:#4285f4;color:var(--hidev-primary);font-size:5rem;font-weight:700;letter-spacing:.2rem;margin:0;text-shadow:0 0 10px #4285f480}.call-center-console .call-center-content .roleplay-branding h2{animation:fadeIn 1s ease-out forwards;animation-delay:.3s;color:#f4b400;color:var(--hidev-accent);font-size:2rem;margin:1rem 0;opacity:0}.call-center-console .call-center-content .roleplay-branding p{animation:fadeIn 1s ease-out forwards;animation-delay:.6s;color:#c3c6c7;color:var(--Neutral-80);font-size:1.2rem;margin-top:2rem;opacity:0}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.call-center-console .call-center-content .customer-info-panel{background-color:#232729;background-color:var(--Neutral-15);border-radius:8px;padding:1rem 1.5rem}.call-center-console .call-center-content .customer-info-panel h2{border-bottom:1px solid #404547;border-bottom:1px solid var(--Neutral-30);color:#4285f4;color:var(--hidev-primary);font-size:1.2rem;margin:0 0 1rem;padding-bottom:.5rem}.call-center-console .call-center-content .customer-info-panel .customer-details{display:flex;flex-wrap:wrap;gap:2rem}.call-center-console .call-center-content .customer-info-panel .customer-details .detail-group{flex:1 1;min-width:250px}.call-center-console .call-center-content .customer-info-panel .customer-details .detail-group .detail-item{display:flex;margin-bottom:.5rem}.call-center-console .call-center-content .customer-info-panel .customer-details .detail-group .detail-item .label{color:#888d8f;color:var(--Neutral-60);flex:0 0 120px;font-weight:700}.call-center-console .call-center-content .customer-info-panel .customer-details .detail-group .detail-item .value{color:#e1e2e3;color:var(--Neutral-90)}.call-center-console .call-center-content .customer-info-panel .customer-details .detail-group .detail-item .value.account-type{color:#0f9d58;color:var(--hidev-success);font-weight:700}.call-center-console .call-center-content .agent-response-area{align-items:center;background-color:#232729;background-color:var(--Neutral-15);border-radius:8px;display:flex;flex:1 1;justify-content:center;min-height:200px;padding:1.5rem}.call-center-console .call-center-content .agent-response-area .vega-embed{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.call-center-console .function-call{height:50%;overflow-y:auto;position:absolute;top:0;width:100%}.stream{border:2px solid #404547;border:2px solid var(--Neutral-30);border-radius:16px;flex-grow:0;margin:0 auto;max-height:300px;max-width:90%}.control-tray .answer-call-btn{background-color:#0f9d58;background-color:var(--hidev-success)}.control-tray .answer-call-btn:hover{background-color:#025022;background-color:var(--Green-700)}.control-tray .answer-call-btn span{color:#fff}.control-tray .connection-container .text-indicator:after{content:" Call"}.call-center-agent{display:flex;flex-direction:column;gap:1.5rem;height:100%;width:100%}.call-center-agent .transcript-container{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:.5rem}.call-center-agent .transcript-container .waiting-message{align-items:center;color:var(--Neutral-60);display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center}.call-center-agent .transcript-container .waiting-message p{margin:.5rem 0}.call-center-agent .transcript-container .agent-message{display:flex;gap:1rem}.call-center-agent .transcript-container .agent-message .agent-avatar{align-items:center;background-color:var(--hidev-primary);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.call-center-agent .transcript-container .agent-message .agent-avatar span{color:#fff;font-size:20px}.call-center-agent .transcript-container .agent-message .message-content{background-color:var(--Neutral-20);border-left:3px solid var(--hidev-primary);border-radius:8px;color:var(--Neutral-90);flex:1 1;line-height:1.5;padding:1rem}.call-center-agent .data-visualization{background-color:var(--Neutral-20);border-radius:8px;border-top:3px solid var(--hidev-accent);padding:1rem}.call-center-agent .data-visualization h3{color:var(--hidev-accent);font-size:1rem;margin-bottom:1rem;margin-top:0}.call-center-agent .data-visualization .vega-embed{align-items:center;display:flex;justify-content:center;min-height:200px;width:100%}.call-center-agent .data-visualization .vega-embed .marks{background-color:var(--Neutral-15)}.audioPulse{align-items:center;display:flex;height:4px;justify-content:space-evenly;transition:all .5s;transition:opacity .333s;width:24px}.audioPulse>div{background-color:var(--Neutral-30);border-radius:1000px;min-height:4px;transition:height .1s;width:4px}.audioPulse.hover>div{animation:hover 1.4s ease-in-out infinite alternate}.audioPulse.active{opacity:1}.audioPulse.active>div{background-color:var(--Neutral-80)}@keyframes hover{0%{transform:translateY(0)}to{transform:translateY(-3.5px)}}@keyframes pulse{0%{scale:1 1}to{scale:1.2 1.2}}.action-button{align-items:center;animation:opacity-pulse 3s ease-in infinite;background:var(--Neutral-20);border:1px solid #0000;border-radius:18px;color:var(--Neutral-60);cursor:pointer;display:flex;font-size:1.25rem;height:48px;justify-content:center;line-height:1.75rem;text-transform:lowercase;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none;width:48px}.action-button:focus{border:2px solid var(--Neutral-20);outline:2px solid var(--Neutral-80)}.action-button.outlined{background:var(--Neutral-2);border:1px solid var(--Neutral-20)}.action-button .no-action{pointer-events:none}.action-button:hover{background:#0000;border:1px solid var(--Neutral-20)}.action-button.connected{background:var(--Blue-800);color:var(--Blue-500)}.action-button.connected:hover{border:1px solid var(--Blue-500)}@property --volume{syntax:"length";inherit:false;initial-value:0}.disabled .mic-button:before,.mic-button.disabled:before{background:#0000}.mic-button{background-color:var(--accent-red);color:#000;position:relative;transition:all .2s ease-in;z-index:1}.mic-button:focus{border:2px solid var(--Neutral-20);outline:2px solid var(--Red-500)}.mic-button:hover{background-color:var(--Red-400)}.mic-button:before{background-color:var(--Red-500);border-radius:24px;content:"";display:block;height:calc(100% + var(--volume)*2);left:calc(var(--volume)*-1);opacity:.35;position:absolute;top:calc(var(--volume)*-1);transition:all .02s ease-in-out;width:calc(100% + var(--volume)*2);z-index:-1}.connect-toggle:focus{border:2px solid var(--Neutral-20);outline:2px solid var(--Neutral-80)}.connect-toggle:not(.connected){background-color:var(--Blue-500);color:var(--Neutral-5)}.control-tray{align-items:flex-start;bottom:0;display:inline-flex;gap:8px;justify-content:center;left:50%;padding-bottom:18px;position:absolute;transform:translate(-50%)}.control-tray .action-button.disabled,.control-tray .disabled .action-button{background:#0000;border:1px solid #404547;border:1px solid var(--Neutral-30,#404547);color:var(--Neutral-30)}.control-tray .connection-container{align-items:center;display:flex;flex-direction:column;gap:4px;justify-content:center}.control-tray .connection-container .connection-button-container{background:var(--Neutral-5);border:1px solid var(--Neutral-30);border-radius:27px;padding:10px}.control-tray .connection-container .text-indicator{color:var(--Blue-500);font-size:11px;-webkit-user-select:none;user-select:none}.control-tray .connection-container:not(.connected) .text-indicator{opacity:0}.actions-nav{align-items:center;background:var(--Neutral-5);border:1px solid var(--Neutral-30);border-radius:27px;display:inline-flex;gap:12px;overflow:clip;padding:10px;transition:all .6s ease-in}.actions-nav>*{align-items:center;display:flex;flex-direction:column;gap:1rem}@keyframes opacity-pulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}
/*# sourceMappingURL=main.e1e8efeb.css.map*/