body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--text: white;--gray-200: #b4b8bb;--gray-300: #8892b0;--gray-500: #8892b0;--gray-600: #80868b;--gray-700: #5f6368;--gray-800: #3c4043;--gray-900: #0a192f;--gray-1000: #0a0a0a;--border-stroke: var(--Neutral-30);--accent-blue: rgb(161, 228, 242);--accent-blue-active-bg: #001233;--accent-blue-active: #64ffda;--accent-blue-headers: #448dff;--accent-green: #34a853;--accent-purple: #c58af9;--accent-orange: #fca369;--midnight-blue: rgb(0, 18, 51);--blue-30: #99beff;--accent-red: #ff4600;--background: #000;--color: var(--text);scrollbar-color:var(--gray-600) var(--gray-900);scrollbar-width:thin;--font-family: "Roboto", "Helvetica", sans-serif;--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: #64ffda;--Green-700: #025022;--Whatsapp-Green: #25d366;--Whatsapp-Green-Hover: #128c7e;--Blue-400: #80c1ff;--Blue-500: #1f94ff;--Blue-800: #0f3557;--Red-400: #ff9c7a;--Red-500: #ff4600;--Red-600: #e03c00;--Red-700: #bd3000;--card-header: #2e96ff;--card-border: #217bfe;--card-background: rgba(35, 39, 41, .75);--card-border-radius: 8px;--sidebar-bg: rgba(10, 25, 41, .75);--input-bg: var(--Neutral-5);--input-bar-bg: rgba(30, 31, 32, .75);--chip-bg: rgba(30, 31, 32, .75);--border-color: #64ffda;--button-gradient: linear-gradient(90deg, #32cd32, #adff2f);--text-primary: #e8eaed;--text-secondary: #9aa0a6;--soft-shadow: 0 4px 6px rgba(0, 0, 0, .1);--breakpoint-md: 768px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:var(--background);color:var(--text-primary)}.App{display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:#000;background-image:radial-gradient(circle,rgba(255,255,255,.1) .5px,transparent .5px),radial-gradient(circle,rgba(255,255,255,.08) .3px,transparent .5px);background-repeat:repeat;background-position:100px 100px,350px 350px;background-size:300px 300px,500px 500px;animation:move-stars-global 300s linear infinite}@keyframes move-stars-global{0%{background-position:100px 100px,350px 350px}to{background-position:-200px -200px,-150px -150px}}h1,h2,h3,h4,h5,h6{font-weight:400}li{list-style:none}.tool-item{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:8px;transition:background-color .2s;margin-bottom:2px}.tool-item:hover{background-color:var(--gray-800)}.tool-checkbox-wrapper{position:relative;flex-shrink:0;cursor:pointer}.tool-checkbox-wrapper input[type=checkbox]{opacity:0;position:absolute;width:0;height:0}.checkbox-visual{position:relative;width:18px;height:18px;border:2px solid var(--gray-500);border-radius:4px;background-color:var(--gray-900);transition:all .2s;flex-shrink:0;display:block}.checkbox-visual:after{content:"";position:absolute;left:5px;top:2px;width:5px;height:10px;border:solid var(--text);border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s}.tool-checkbox-wrapper input[type=checkbox]:checked+.checkbox-visual{background-color:var(--accent-blue-active);border-color:var(--accent-blue-active)}.tool-checkbox-wrapper input[type=checkbox]:checked+.checkbox-visual:after{opacity:1}.tool-checkbox-wrapper input[type=checkbox]:focus-visible+.checkbox-visual{outline:2px solid var(--accent-blue-headers);outline-offset:2px}.tool-name-text{font-family:Roboto Mono,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;flex-grow:1;min-width:0;cursor:pointer}.tool-name-input{font-family:Roboto Mono,monospace;background:transparent;border:none;border-bottom:1px solid var(--accent-blue-active);color:var(--text);font-size:1em;width:100%;padding:2px}.tool-name-input:focus{outline:none}.tool-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease-in-out;flex-shrink:0}.tool-item:hover .tool-actions,.tool-item:focus-within .tool-actions{opacity:1}.tool-actions button{padding:2px;color:var(--gray-300);border-radius:99px}.tool-actions button:hover{color:var(--text);background:var(--gray-700)}.tool-actions button:disabled{opacity:.5;cursor:not-allowed;background-color:transparent;color:var(--gray-500)}.tool-actions button .icon{font-size:16px}.add-tool-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:8px;margin-top:8px;border-radius:8px;border:1px solid var(--gray-800);color:var(--gray-200);font-size:13px;font-weight:500;transition:background-color .2s}.add-tool-button:hover{background-color:var(--gray-800)}.add-tool-button:disabled{color:var(--gray-500);background-color:transparent;cursor:not-allowed}input,textarea{font-family:var(--font-family);background:none;color:#fff;border:none;outline:none;font-size:18px;resize:none;-webkit-user-select:text;user-select:text}input::placeholder,textarea::placeholder{-webkit-user-select:none;user-select:none}select{font-family:inherit;padding:10px;border:1px solid var(--gray-700);background:var(--background);color:#fff;border-radius:4px;font-size:16px;cursor:pointer;accent-color:var(--text)}select:focus-visible{outline:none}button{font-family:var(--font-family);background:none;color:#fff;border:none;font-size:16px;cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:5px}button.primary{background:#4285f4}button.icon{font-size:1.2em}.button{background:var(--Neutral-30);display:inline-flex;padding:10px;border-radius:8px;gap:4px;align-items:center;justify-content:center;color:#fffc}.button .icon{font-size:1.2em}button:focus{outline:none}button[disabled]{opacity:.5;cursor:not-allowed}button .icon{display:block}.icon{font-family:Material Symbols Outlined;font-weight:300;line-height:1}.hidden{display:none}.flex{display:flex}.h-screen-full{height:100vh}.w-screen-full{width:100vw}.flex-col{flex-direction:column}.main-ui-wrapper{display:flex;flex-direction:column;height:100%;width:100%}.main-ui-wrapper.hidden{display:none}.app-header{display:flex;justify-content:space-between;align-items:center;padding:16px;position:fixed;top:0;left:0;right:0;z-index:100;color:var(--text-primary)}.app-header .app-title{font-size:20px;font-weight:500;position:absolute;left:50%;transform:translate(-50%)}.header-actions{display:flex;align-items:center;gap:8px}.app-header .icon-button{color:var(--text-primary);padding:8px;border-radius:50%}.app-header .icon-button .material-symbols-outlined{font-size:24px}.main-container{flex-grow:1;display:flex;flex-direction:column;padding-top:68px;height:100%}.main-container main{flex-grow:1;display:flex;flex-direction:column;position:relative;height:100%;max-height:calc(100vh - 68px)}@keyframes hover{0%{transform:translateY(0)}to{transform:translateY(-3.5px)}}@keyframes pulse{0%{scale:1 1}to{scale:1.2 1.2}}.material-symbols-outlined.connecting{animation:connecting-pulse 1.2s ease-in-out infinite}@keyframes connecting-pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.25);opacity:1}to{transform:scale(1);opacity:.8}}.icon-button{color:var(--text-secondary);padding:8px;border-radius:50%;flex-shrink:0;display:flex;justify-content:center;align-items:center}.icon-button .material-symbols-outlined{font-size:24px}.primary-action-button{background-color:var(--accent-orange);color:#fff;border-radius:50%;width:48px;height:48px;display:flex;justify-content:center;align-items:center;flex-shrink:0;transition:background-color .2s}.primary-action-button.active{background-color:var(--accent-orange)}.primary-action-button .material-symbols-outlined{font-size:24px}@property --volume{syntax: "length"; inherit: false; initial-value: 0px;}.control-tray{position:fixed;bottom:0;left:0;right:0;padding:16px 24px 24px;display:flex;justify-content:center;z-index:100;background:transparent;pointer-events:none}.control-tray>*{pointer-events:auto}.input-bar-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:8px;background-color:var(--input-bar-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:28px;padding:8px;width:100%;max-width:800px;box-shadow:0 4px 15px #0003}.input-row{display:flex;align-items:center;gap:8px;position:relative;width:100%}.input-row input[type=text]{flex-grow:1;background:transparent;border:none;color:var(--text-primary);font-size:16px;padding:8px 120px 8px 8px}.input-row input[type=text]::placeholder{color:var(--text-secondary)}.input-row input[type=text]:focus{outline:none}.input-row input[type=text]:disabled{background-color:transparent}.image-preview-container{padding-left:8px}.image-preview{position:relative;width:72px;height:72px}.image-preview img{width:100%;height:100%;object-fit:cover;border-radius:8px}.image-preview .remove-image-button{position:absolute;top:-8px;right:-8px;background-color:var(--Neutral-20);width:24px;height:24px}.image-preview .remove-image-button .material-symbols-outlined{font-size:16px}.input-actions{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;gap:4px}@keyframes opacity-pulse{0%{opacity:.9}50%{opacity:1}to{opacity:.9}}.transcription-container{flex-grow:1;display:flex;flex-direction:column;position:relative;width:100%;height:100%;overflow:hidden}.transcription-view{width:100%;max-width:800px;max-height:100%;overflow-y:auto;padding:20px 20px 120px;margin:0 auto;display:flex;flex-direction:column;gap:20px;color:#fff;font-size:1rem;line-height:1.5}.transcription-entry{display:flex;flex-direction:column}.transcription-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;width:100%}.transcription-source{font-weight:700;font-size:.9rem;opacity:.7;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.system-icon{font-size:16px}.transcription-timestamp{font-size:.8rem;color:var(--gray-500);font-family:Roboto Mono,monospace}.transcription-entry.user{align-items:flex-start;text-align:left}.transcription-entry.user .transcription-source{color:var(--accent-blue)}.transcription-entry.agent{align-items:flex-start;text-align:left}.transcription-entry.agent .transcription-source{color:var(--accent-green)}.transcription-entry.system .transcription-source{color:var(--accent-purple)}.transcription-text-content{white-space:pre-wrap;overflow-wrap:break-word;display:flex;align-items:center;flex-wrap:wrap}.transcription-entry.system .transcription-text-content{background-color:var(--Neutral-10);border:1px solid var(--Neutral-30);border-radius:8px;padding:12px;font-size:.9rem;color:var(--Neutral-80)}.transcription-entry.system .transcription-text-content code{color:var(--text-primary)}.image-container{position:relative;display:block;max-width:300px;margin-bottom:8px}.attached-image{max-width:100%;height:auto;border-radius:8px;display:block}.edit-image-button{position:absolute;bottom:8px;right:8px;background-color:#0009!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border-radius:50%;opacity:0;transition:opacity .2s;width:36px;height:36px}.edit-image-button .material-symbols-outlined{font-size:20px}.image-container:hover .edit-image-button{opacity:1}.transcription-entry.interim .transcription-text-content{opacity:.6}.transcription-entry strong{font-weight:700;color:var(--text)}.transcription-entry pre{background-color:var(--Neutral-5);border:1px solid var(--Neutral-30);border-radius:8px;padding:12px;margin-top:8px;margin-bottom:4px;overflow-x:auto}.transcription-entry code{font-family:Roboto Mono,monospace;font-size:.9rem;color:var(--Neutral-80);white-space:pre}.counter-container{position:absolute;right:2rem;top:2rem;z-index:10}.modalShroud{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;z-index:9999;background-color:#0009}.modalShroud .modal{background:var(--sidebar-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-stroke);border-radius:10px;padding:24px;position:relative;width:100%;max-width:500px;max-height:90vh;overflow:auto;margin:20px;display:flex;flex-direction:column}.modalShroud .modal h2{margin-bottom:20px;font-size:20px;font-weight:500;color:var(--text-primary)}.modalClose{position:absolute;top:10px;right:10px;color:var(--text-secondary)}.tool-editor-modal,.add-app-modal{display:flex;flex-direction:column;gap:16px}.tool-editor-modal .form-field,.add-app-modal .form-field{display:flex;flex-direction:column;gap:8px}.tool-editor-modal label,.add-app-modal label{font-size:14px;color:var(--text-primary);font-weight:500}.tool-editor-modal input,.tool-editor-modal textarea,.tool-editor-modal select,.add-app-modal input,.add-app-modal textarea{border:1px solid var(--border-stroke);border-radius:4px;padding:12px;font-size:14px;background:var(--input-bg);color:var(--text-primary);transition:border-color .2s,box-shadow .2s;width:100%}.tool-editor-modal select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238892b0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:1em;padding-right:30px}.tool-editor-modal .scheduling-description{font-size:12px;color:var(--text-secondary);margin-top:-4px}.tool-editor-modal input:focus,.tool-editor-modal textarea:focus,.tool-editor-modal select:focus,.add-app-modal input:focus,.add-app-modal textarea:focus{outline:none;border-color:var(--border-color);box-shadow:0 0 0 2px #64ffda1a}.tool-editor-modal textarea.json-editor{font-family:Roboto Mono,monospace;min-height:150px;resize:vertical}.tool-editor-modal .json-error{color:var(--Red-400);font-size:12px;margin-top:4px}.tool-editor-modal .modal-actions,.add-app-modal .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.tool-editor-modal .modal-actions button,.add-app-modal .modal-actions button{padding:10px 20px;border-radius:8px;font-weight:500;transition:opacity .2s}.tool-editor-modal .modal-actions .save-button,.add-app-modal .modal-actions .save-button{background-image:var(--button-gradient);color:var(--sidebar-bg)}.tool-editor-modal .modal-actions .save-button:hover,.add-app-modal .modal-actions .save-button:hover{opacity:.9}.tool-editor-modal .modal-actions .cancel-button,.add-app-modal .modal-actions .cancel-button{background-color:var(--Neutral-30)}.tool-editor-modal .modal-actions .cancel-button:hover,.add-app-modal .modal-actions .cancel-button:hover{background-color:var(--Neutral-50)}.add-app-modal .logo-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:16px;padding:10px;border:1px solid var(--border-stroke);border-radius:8px;background-color:var(--input-bg);max-height:200px;overflow-y:auto}.add-app-modal .logo-option{width:60px;height:60px;padding:8px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:all .2s;display:flex;justify-content:center;align-items:center;background-color:var(--Neutral-10)}.add-app-modal .logo-option:hover{border-color:var(--text-secondary)}.add-app-modal .logo-option.selected{border-color:var(--border-color);box-shadow:0 0 0 2px #64ffda4d}.add-app-modal .logo-option img{width:100%;height:100%;object-fit:contain}form{display:flex;flex-direction:column;gap:20px}form .largeInput{font-size:16px;border-bottom:1px solid var(--border-stroke)}@media (min-width: 768px){form .largeInput{font-size:28px}}form>div,form label,form details div{display:flex;flex-direction:column;gap:10px;-webkit-user-select:none;user-select:none}form details>div{display:flex;flex-direction:column;gap:30px}form summary{margin-bottom:10px;cursor:pointer}form input,form textarea{border:1px solid var(--border-stroke);border-radius:5px;padding:10px;font-size:14px;resize:none;line-height:1.4}@media (min-width: 768px){form input,form textarea{font-size:18px}}form input:focus,form textarea:focus{background:#111}form textarea{resize:none}form hr{margin:20px 0}form button:first-of-type{margin-top:30px}.sidebar{position:fixed;top:0;right:0;width:400px;max-width:100%;height:100vh;background:var(--sidebar-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-left:1px solid var(--border-stroke);z-index:1000;transform:translate(100%);transition:transform .3s ease-in-out;display:flex;flex-direction:column}.sidebar.open{transform:translate(0)}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-stroke);flex-shrink:0}.sidebar-header h3{font-size:20px;color:var(--text-primary)}.sidebar-header .close-button{font-size:24px;color:var(--text-secondary)}.sidebar-header .close-button:hover{color:var(--text-primary)}.sidebar-tabs{display:flex;border-bottom:1px solid var(--border-stroke);padding:0 24px;flex-shrink:0}.sidebar-tab{padding:16px 4px;margin-right:24px;cursor:pointer;border:none;background:none;color:var(--text-secondary);font-size:14px;font-weight:500;position:relative;transition:color .2s}.sidebar-tab:hover{color:var(--text-primary)}.sidebar-tab.active{color:var(--border-color)}.sidebar-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--border-color)}.sidebar-content{padding:24px;overflow-y:auto;flex-grow:1}.sidebar-footer{padding:24px;border-top:1px solid var(--border-stroke);flex-shrink:0}.tab-panel{display:flex;flex-direction:column;gap:24px}.sidebar-section{display:flex;flex-direction:column;gap:20px}.sidebar-section-title{font-size:12px;font-weight:700;color:var(--text-secondary);margin-bottom:0;text-transform:uppercase;letter-spacing:1px}.sidebar-content fieldset{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px}.sidebar-content fieldset:disabled{opacity:.6}.sidebar-content label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--text-primary);font-weight:500}.sidebar-content textarea,.sidebar-content select,.sidebar-content input[type=text],.sidebar-content input[type=password]{border:1px solid var(--border-stroke);border-radius:4px;padding:12px;font-size:14px;background:var(--input-bg);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.sidebar-content textarea:focus,.sidebar-content select:focus,.sidebar-content input:focus{outline:none;border-color:var(--border-color);box-shadow:0 0 0 2px #64ffda1a}.sidebar-content input:disabled{background-color:var(--gray-800);opacity:.7;cursor:not-allowed}.sidebar-content select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238892b0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:1em;padding-right:30px}.description-text{font-size:13px;line-height:1.5;color:var(--text-secondary);margin-top:-12px}.integration-item{display:flex;align-items:center;justify-content:space-between;padding:16px;border:1px solid var(--border-stroke);border-radius:var(--card-border-radius);background-color:var(--Neutral-10);margin-bottom:12px}.integration-item:last-child{margin-bottom:0}.integration-info{display:flex;align-items:center;gap:12px}.integration-info .icon{font-size:24px;color:var(--text-secondary)}.integration-info strong{font-weight:500;color:var(--text-primary)}.integration-connected{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-primary)}.connect-button,.disconnect-button{padding:6px 12px;border-radius:6px;font-size:13px;font-weight:500;transition:background-color .2s}.connect-button{background-color:var(--Blue-500);color:var(--Neutral-5)}.connect-button:hover{background-color:var(--Blue-400)}.disconnect-button{background-color:var(--border-stroke);color:var(--text-secondary)}.disconnect-button:hover{background-color:var(--Neutral-50);color:var(--text-primary)}.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;width:100%;background:#000;color:#fff;gap:48px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99991}.error-screen .error-message-container,.error-screen .error-raw-message-container{width:100%;text-align:center;max-width:650px;padding-left:.5rem;padding-right:.5rem}.error-screen .close-button{color:#fff;font-size:24px}.grounding-chunks{margin-top:12px;font-size:.9rem;opacity:.8}.grounding-chunks strong{font-weight:700;color:var(--gray-300)}.grounding-chunks ul{list-style:decimal;padding-left:20px;margin-top:4px;display:flex;flex-direction:column;gap:4px}.grounding-chunks li{list-style-type:decimal}.grounding-chunks a{color:var(--accent-blue);text-decoration:none}.grounding-chunks a:hover{text-decoration:underline}.settings-card{background-color:var(--card-background);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-stroke);border-radius:var(--card-border-radius);padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--soft-shadow)}.settings-card .description-text a{color:var(--border-color);text-decoration:none;font-weight:500}.settings-card .description-text a:hover{text-decoration:underline}.credential-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:8px}.action-buttons{display:flex;flex-direction:column;gap:12px;width:100%}@media (min-width: 768px){.action-buttons{flex-direction:row}}.gradient-button{background-image:var(--button-gradient);color:#0a192f;font-weight:700;border:none;border-radius:8px;padding:12px 20px;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;justify-content:center;width:100%}.gradient-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 10px #0003}.gradient-button:disabled{background-image:none;background-color:var(--text-secondary);color:var(--sidebar-bg);cursor:not-allowed;transform:none;box-shadow:none}.secondary-button{background-color:transparent;border:1px solid var(--border-color);color:var(--border-color);font-weight:500;border-radius:8px;padding:12px 20px;transition:all .2s ease-in-out;justify-content:center;width:100%}.secondary-button:hover:not(:disabled){background-color:#64ffda1a}.secondary-button:disabled{border-color:var(--text-secondary);color:var(--text-secondary);cursor:not-allowed;opacity:.7}.validation-error{color:var(--Red-400);font-size:12px;margin-top:-12px}.validation-success{color:var(--Green-500);font-size:13px;display:flex;align-items:center;gap:4px}.status-indicator.configured{color:var(--Green-500);font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px;background-color:#64ffda1a;border:1px solid var(--Green-500);padding:12px;border-radius:8px;width:100%;justify-content:center}.status-indicator.active{color:var(--Green-500);font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px}.status-indicator .status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--Green-500);box-shadow:0 0 5px var(--Green-500)}.integration-not-configured{font-size:14px;color:var(--text-secondary);background-color:var(--card-background);border:1px solid var(--border-stroke);padding:16px;border-radius:var(--card-border-radius);text-align:center}.connect-button.google-connect{background-color:#fff;color:#3c4043;border:1px solid #dadce0;font-weight:500;padding:8px 16px;border-radius:8px}.connect-button.google-connect:hover{background-color:#f8f9fa;border-color:#c6c9ce}.connect-button.whatsapp-connect{background-color:var(--Whatsapp-Green);color:#fff}.connect-button.whatsapp-connect:hover{background-color:var(--Whatsapp-Green-Hover)}.connect-button.google-connect svg{margin-right:8px}.integration-item .integration-info svg{width:24px;height:24px}.persona-actions{display:flex;justify-content:flex-end;margin-top:-4px}.persona-actions .gradient-button{width:auto;padding:10px 20px}.voice-call-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:transparent;background-image:radial-gradient(ellipse at 50% 55%,hsla(210,60%,40%,.45) 0%,transparent 45%),radial-gradient(ellipse at 50% 55%,hsla(330,50%,30%,.4) 0%,transparent 40%);background-repeat:no-repeat;background-position:center;background-size:cover;z-index:999;flex-direction:column;color:var(--text-primary);overflow:hidden}.voice-call-overlay.active{display:flex}.satellite{position:absolute;top:10%;animation:move-satellite 150s linear infinite;z-index:10;color:#aaccde;opacity:.7}.satellite .material-symbols-outlined{font-size:24px;transform:rotate(-45deg)}@keyframes move-satellite{0%{transform:translate(-100px) rotate(20deg)}to{transform:translate(calc(100vw + 100px),50px) rotate(-20deg)}}.voice-call-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;position:absolute;top:0;left:0;right:0;z-index:20}.voice-call-persona-status{display:flex;align-items:center;gap:12px}.voice-call-status{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;padding:4px 10px;border-radius:16px;background-color:#0003;transition:all .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.status-dot{width:8px;height:8px;border-radius:50%;transition:background-color .3s ease}.voice-call-status.status-connected{color:var(--Green-500)}.voice-call-status.status-connected .status-dot{background-color:var(--Green-500);box-shadow:0 0 5px var(--Green-500)}.voice-call-status.status-connecting{color:var(--accent-orange)}.voice-call-status.status-connecting .status-dot{background-color:var(--accent-orange);animation:connecting-dot-pulse 1.5s ease-in-out infinite}@keyframes connecting-dot-pulse{0%{transform:scale(1);opacity:1;box-shadow:0 0 3px var(--accent-orange)}50%{transform:scale(.8);opacity:.7;box-shadow:0 0 8px var(--accent-orange)}to{transform:scale(1);opacity:1;box-shadow:0 0 3px var(--accent-orange)}}.voice-call-status.status-disconnected{color:var(--text-secondary)}.voice-call-status.status-disconnected .status-dot{background-color:var(--text-secondary)}.voice-call-persona-name{font-size:18px;font-weight:500}.voice-call-header-actions{display:flex;gap:8px}.voice-call-main{flex-grow:1;display:flex;justify-content:center;align-items:center;position:relative}.voice-call-orb-container{width:250px;height:250px;position:relative}.voice-call-orb{width:100%;height:100%;border-radius:50%;background-image:url(https://solarsystem.nasa.gov/system/resources/detail_files/815_PIA19952.jpg);background-size:cover;background-position:center;display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;box-shadow:0 0 60px 10px #64b4ff66,0 0 25px 5px #aad2ff4d}.voice-call-orb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:none}.voice-call-orb-effect{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;opacity:0;transition:opacity .2s ease-in-out;mix-blend-mode:overlay;pointer-events:none}.standby-effect{background:linear-gradient(-45deg,#4a4e69,#22223b,#4a4e69,#9a8c98);background-size:400% 400%;animation:standby-swirl 25s ease infinite;opacity:.5}@keyframes standby-swirl{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.user-smoke-effect,.agent-smoke-effect{mix-blend-mode:screen}.user-smoke-effect:before,.user-smoke-effect:after,.agent-smoke-effect:before,.agent-smoke-effect:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background-size:150% 150%;animation:smoke-swirl 20s linear infinite;will-change:transform,background-position;filter:blur(10px)}.user-smoke-effect:before{background-image:radial-gradient(circle at 30% 30%,rgba(100,255,218,.4),transparent 60%),radial-gradient(circle at 70% 60%,rgba(72,202,228,.3),transparent 70%);animation-direction:alternate}.user-smoke-effect:after{background-image:radial-gradient(circle at 60% 20%,rgba(100,255,218,.2),transparent 50%),radial-gradient(circle at 20% 80%,rgba(72,202,228,.4),transparent 60%);animation-duration:25s}.agent-smoke-effect:before{background-image:radial-gradient(circle at 25% 75%,rgba(255,255,255,.3),transparent 60%),radial-gradient(circle at 75% 25%,rgba(224,224,224,.25),transparent 70%);animation-duration:30s}.agent-smoke-effect:after{background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.15),transparent 50%),radial-gradient(circle at 80% 80%,rgba(200,200,200,.3),transparent 60%);animation-duration:22s;animation-direction:alternate-reverse}@keyframes smoke-swirl{0%{transform:rotate(0) scale(1);background-position:0% 50%}50%{transform:rotate(180deg) scale(.9);background-position:100% 50%}to{transform:rotate(360deg) scale(1);background-position:0% 50%}}.voice-call-video-preview{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.voice-call-footer{display:flex;justify-content:center;align-items:center;padding:24px;gap:16px;position:absolute;bottom:0;left:0;right:0;z-index:20}.voice-call-button{width:56px;height:56px;border-radius:50%;background-color:var(--Neutral-20);display:flex;justify-content:center;align-items:center;color:var(--text-primary);transition:background-color .2s}.voice-call-button:hover{background-color:var(--Neutral-30)}.voice-call-button .material-symbols-outlined{font-size:28px}.voice-call-button.toggled-off{background-color:var(--Neutral-5);color:var(--text-secondary)}.voice-call-button.end-call{background-color:var(--Red-600)}.voice-call-button.end-call:hover{background-color:var(--Red-700)}.snackbar{visibility:hidden;min-width:250px;background-color:var(--Green-500);color:var(--Neutral-00);text-align:center;border-radius:8px;padding:16px;position:fixed;z-index:10001;left:50%;transform:translate(-50%);bottom:100px;font-size:16px;font-weight:500;box-shadow:0 4px 15px #0006;opacity:0;transition:all .4s ease-in-out}.snackbar.show{visibility:visible;opacity:1;bottom:120px}.whatsapp-modal-content{display:flex;flex-direction:column;gap:24px;text-align:center}.whatsapp-modal-content p{color:var(--text-secondary);font-size:14px;margin:0}.whatsapp-qr-code{background-color:#fff;padding:16px;border-radius:8px;display:inline-block;margin:0 auto}.whatsapp-qr-code svg{display:block}.whatsapp-divider{display:flex;align-items:center;text-align:center;color:var(--text-secondary);font-size:12px;font-weight:500}.whatsapp-divider:before,.whatsapp-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-stroke)}.whatsapp-divider:not(:empty):before{margin-right:.5em}.whatsapp-divider:not(:empty):after{margin-left:.5em}.whatsapp-manual-entry label{font-size:14px;color:var(--text-primary);font-weight:500;margin-bottom:8px;display:block;text-align:left}.whatsapp-manual-entry input{width:100%;border:1px solid var(--border-stroke);border-radius:4px;padding:12px;font-size:14px;background:var(--input-bg);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.whatsapp-manual-entry input:focus{outline:none;border-color:var(--Whatsapp-Green);box-shadow:0 0 0 2px #25d36633}.whatsapp-modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.whatsapp-modal-actions .connect-button{background-color:var(--Whatsapp-Green);color:#fff;padding:10px 20px;border-radius:8px;font-weight:500}.whatsapp-modal-actions .connect-button:hover:not(:disabled){background-color:var(--Whatsapp-Green-Hover)}.whatsapp-modal-actions .connect-button:disabled{background-color:var(--text-secondary);cursor:not-allowed}.whatsapp-modal-actions .cancel-button{background-color:var(--Neutral-30);padding:10px 20px;border-radius:8px}.whatsapp-modal-actions .cancel-button:hover{background-color:var(--Neutral-50)}.chip{background-color:var(--chip-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-primary);border:1px solid var(--border-stroke);border-radius:24px;padding:12px 16px;display:flex;align-items:center;gap:12px;font-size:14px;text-align:left;cursor:pointer;transition:all .2s}.chip:hover{background-color:var(--Neutral-15);border-color:var(--border-color)}.auth-container{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;flex-direction:column;background:var(--Neutral-00)}.auth-form-wrapper{width:100%;max-width:400px;display:flex;flex-direction:column}.auth-logo{width:100px;height:auto;margin:0 auto 24px}.auth-title{font-size:32px;font-weight:700;text-align:center;color:var(--text-primary);margin-bottom:8px}.auth-subtitle{font-size:16px;text-align:center;color:var(--text-secondary);margin-bottom:32px}.auth-tabs{display:flex;border-bottom:1px solid var(--border-stroke);margin-bottom:24px}.auth-tabs button{flex:1;padding:12px;font-size:14px;font-weight:500;color:var(--text-secondary);position:relative}.auth-tabs button:hover{color:var(--text-primary)}.auth-tabs button.active{color:var(--border-color)}.auth-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:var(--border-color)}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-form input{border:1px solid var(--border-stroke);border-radius:8px;padding:14px;font-size:16px;background:var(--Neutral-10);color:var(--text-primary);width:100%}.auth-form input:focus{outline:none;border-color:var(--border-color);box-shadow:0 0 0 2px #64ffda1a}.auth-button{background-image:var(--button-gradient);color:#0a192f;font-weight:700;border-radius:8px;padding:14px;margin-top:8px;justify-content:center;font-size:16px}.auth-error{color:var(--Red-400);font-size:13px;text-align:center;margin-top:12px}.auth-message{color:var(--Green-500);font-size:13px;text-align:center;margin-top:12px}.forgot-password-button{color:var(--text-secondary);font-size:13px;margin-top:16px;text-align:center;width:100%}.forgot-password-button:hover{color:var(--text-primary);text-decoration:underline}.auth-divider{display:flex;align-items:center;text-align:center;color:var(--text-secondary);font-size:12px;font-weight:500;margin:24px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-stroke)}.auth-divider span{padding:0 12px}.google-signin-button{display:flex;justify-content:center;align-items:center;gap:12px;background-color:#fff;color:#3c4043;border:1px solid #dadce0;font-weight:500;padding:12px;border-radius:8px;width:100%}.google-signin-button:hover{background-color:#f8f9fa}.user-info-card{background-color:var(--card-background);border:1px solid var(--border-stroke);padding:16px;border-radius:var(--card-border-radius);font-size:14px;color:var(--text-secondary)}.user-info-card strong{display:block;font-size:16px;font-weight:500;color:var(--text-primary);margin-top:4px;margin-bottom:12px;word-break:break-all}.sign-out-button{background-color:transparent;border:1px solid var(--Red-400);color:var(--Red-400);font-weight:500;border-radius:8px;padding:8px 16px;transition:all .2s ease-in-out;justify-content:center;width:100%}.sign-out-button:hover:not(:disabled){background-color:#ff9c7a1a;color:var(--Red-500);border-color:var(--Red-500)}.app-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:var(--Neutral-00);z-index:2000;display:flex;flex-direction:column}.app-viewer-header{flex-shrink:0;display:flex;justify-content:flex-end;align-items:center;padding:8px 16px;background-color:var(--Neutral-5)}.app-viewer-iframe{flex-grow:1;width:100%;height:100%;border:none}.apps-tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.apps-tab-header .sidebar-section-title{margin-bottom:0}.apps-tab-header .icon-button{color:var(--text-secondary)}.apps-tab-header .icon-button:hover{color:var(--text-primary);background-color:var(--Neutral-15)}.app-card-list{display:grid;grid-template-columns:1fr;gap:16px}.app-card{display:flex;gap:16px;padding:16px;background-color:var(--Neutral-10);border:1px solid var(--border-stroke);border-radius:var(--card-border-radius);cursor:pointer;transition:background-color .2s,border-color .2s}.app-card:hover{background-color:var(--Neutral-15);border-color:var(--border-color)}.app-card-logo{width:48px;height:48px;border-radius:8px;object-fit:cover;flex-shrink:0;background-color:var(--Neutral-5)}.app-card-content{display:flex;flex-direction:column;gap:4px;overflow:hidden}.app-card-title{font-size:16px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-card-description{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.empty-state-message{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary);padding:40px 0;gap:16px}.empty-state-message .material-symbols-outlined{font-size:48px;opacity:.5}.empty-state-message p{font-size:14px;line-height:1.5}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:99999}.splash-logo{width:200px;height:auto;animation:splash-animation 4s ease-out forwards}@keyframes splash-animation{0%{transform:scale(.5);opacity:0}25%{transform:scale(1);opacity:1}75%{transform:scale(1.2);opacity:1}to{transform:scale(3);opacity:0}}@keyframes agent-speaking-pulse{0%{box-shadow:0 0 60px 10px #64b4ff66,0 0 25px 5px #aad2ff4d}50%{box-shadow:0 0 70px 20px #64b4ff80,0 0 35px 10px #aad2ff66}to{box-shadow:0 0 60px 10px #64b4ff66,0 0 25px 5px #aad2ff4d}}.voice-call-orb.agent-speaking{animation:agent-speaking-pulse 2s ease-in-out infinite}.typing-indicator{display:flex;align-items:center;gap:4px;margin-left:8px}.typing-indicator span{width:8px;height:8px;background-color:var(--text-secondary);border-radius:50%;animation:typing-pulse 1.4s infinite both}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing-pulse{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.system-icon.processing-animation{animation:spin 1.5s linear infinite}.welcome-screen{display:flex;flex-direction:column;justify-content:center;flex-grow:1;text-align:center;padding:20px;height:100%;width:100%}.welcome-content{width:100%;max-width:800px;margin:0 auto}.welcome-title{font-size:28px;font-weight:400;color:var(--text-primary);margin-bottom:24px}.suggestion-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.chip{background-color:var(--chip-bg);color:var(--text-primary);border:1px solid #3c4043;border-radius:24px;padding:12px 16px;display:flex;align-items:center;gap:12px;font-size:14px;text-align:left;cursor:pointer;transition:background-color .2s}.chip:hover{background-color:#3c4043}.chip .material-symbols-outlined{font-size:20px}.chip.chip-image .material-symbols-outlined{color:var(--accent-purple)}.chip.chip-drive .material-symbols-outlined{color:var(--accent-blue-headers)}.chip.chip-calendar .material-symbols-outlined{color:var(--accent-orange)}.chip.chip-sheets .material-symbols-outlined{color:var(--accent-green)}
