:root{--bg-top:#f0f4f9;--bg-bottom:#fff;--text-main:#1f1f1f;--text-muted:#5f6368;--border-subtle:#e0e2e6;--bg-user-bubble:#f0f4f9;--accent-color:#1a73e8;--font-title:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--bg-gradient:linear-gradient(-45deg, #f0f4f9, #fff, #e8f0fe, #f6f9fc);--panel-bg:#fff;--panel-shadow:#0000000a;--table-th-bg:#f8fafd;--suggestion-bg:#1a73e80d;--suggestion-border:#1a73e826;--suggestion-hover:#1a73e81a;--send-btn-color:#fff;--send-btn-hover-bg:#1557b0;--send-btn-disabled-bg:#f1f3f4;--send-btn-disabled-color:#c4c7c5}*{scrollbar-width:none!important;-ms-overflow-style:none!important}::-webkit-scrollbar{display:none!important}body{background:var(--bg-gradient);font-family:var(--font-body);color:var(--text-main);background-size:400% 400%;justify-content:center;min-height:100vh;margin:0;padding:0;transition:background .3s,color .3s;animation:20s infinite gradient-move;display:flex}@keyframes gradient-move{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}#root{flex-direction:column;width:100%;max-width:800px;display:flex}.chat-container{flex-direction:column;height:100vh;display:flex;position:relative}.gemini-header{-webkit-backdrop-filter:blur(16px);z-index:10;background:0 0;border-bottom:1px solid #e3e3e333;justify-content:space-between;align-items:center;height:60px;padding:0 1.2rem;display:flex;position:sticky;top:0}.header-left{align-items:center;gap:.6rem;display:flex}.menu-btn{width:40px;height:40px;color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex}.menu-btn:hover{background:var(--border-subtle)}.header-title{font-family:var(--font-title);-webkit-user-select:none;user-select:none;align-items:center;font-size:1.3rem;display:flex}.brand-medix{color:var(--text-main);font-weight:700}.brand-sub{color:var(--text-muted);margin-left:.25rem;font-weight:400}.chevron-down{color:var(--text-muted);margin-left:.2rem}.header-right{align-items:center;display:flex}.new-chat-btn{--text-main:#1f1f1f;--text-muted:#5f6368;--border-subtle:#e0e2e6;--bg-user-bubble:#f0f4f9;background:var(--bg-user-bubble);border:1px solid var(--border-subtle);height:38px;color:var(--text-main);font-family:var(--font-body);cursor:pointer;border-radius:24px;justify-content:center;align-items:center;gap:.4rem;padding:0 1rem;font-size:.88rem;font-weight:500;transition:background .2s,border-color .2s,transform .1s;display:flex}.new-chat-btn:hover{background:var(--border-subtle);border-color:var(--accent-color);transform:scale(1.02)}.new-chat-text{font-weight:600}.messages-container{scrollbar-width:thin;scrollbar-color:#0000001a transparent;flex-direction:column;flex:1;gap:1.8rem;padding:1.5rem 1.2rem;display:flex;overflow-y:auto}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:4px}.welcome-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin:auto 0;padding:1.5rem 1rem;display:flex}.company-logo-wrapper{justify-content:center;align-items:center;width:160px;margin-bottom:1.5rem;display:inline-flex;position:relative}.company-logo-wrapper:before{content:"";filter:blur(28px);z-index:1;pointer-events:none;background:radial-gradient(circle,#9b51e080 0%,#4285f466 40%,#e91e6340 75%,#fff0 100%);border-radius:50%;width:min(220px,38vw);height:min(220px,38vw);animation:8s ease-in-out infinite glow-move;position:absolute}.company-logo-svg{filter:drop-shadow(0 6px 16px #9b51e040);z-index:2;width:100%;max-width:240px;height:auto;animation:5s ease-in-out infinite float-logo;position:relative;overflow:visible}@keyframes float-logo{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes glow-move{0%,to{filter:blur(28px)hue-rotate();opacity:.95;transform:translate(0)scale(1)}25%{filter:blur(28px)hue-rotate(90deg);opacity:1;transform:translate(6px,-6px)scale(1.15)}50%{filter:blur(28px)hue-rotate(180deg);opacity:.85;transform:translate(-4px,8px)scale(.9)}75%{filter:blur(28px)hue-rotate(270deg);opacity:1;transform:translate(-8px,-4px)scale(1.1)}}.company-logo-svg .logo-tablet-circle{stroke-dasharray:150;stroke-dashoffset:150px;animation:1.6s cubic-bezier(.4,0,.2,1) forwards draw-logo}.company-logo-svg .logo-midline{stroke-dasharray:50;stroke-dashoffset:50px;animation:1s cubic-bezier(.4,0,.2,1) .4s forwards draw-logo}.company-logo-svg .logo-cross{stroke-dasharray:150;stroke-dashoffset:150px;animation:1.4s cubic-bezier(.4,0,.2,1) .8s forwards draw-logo}@keyframes draw-logo{to{stroke-dashoffset:0}}.welcome-message h4{font-family:var(--font-title);color:var(--text-main);letter-spacing:-.3px;margin:0 0 .3rem;font-size:1.5rem;font-weight:600;line-height:1.3}.welcome-message h5{font-family:var(--font-body);color:var(--text-muted);margin:0;font-size:.95rem;font-weight:500;line-height:1.3}.welcome-input-container{box-sizing:border-box;width:100%;max-width:720px;margin-top:1.8rem;animation:.4s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.selected-agent-header-image{object-fit:contain;width:120px;height:120px;margin-bottom:1.2rem;animation:.4s forwards fadeIn}.agents-selection{flex-wrap:nowrap;justify-content:center;align-items:stretch;gap:1.2rem;width:100%;max-width:100%;margin-top:1.5rem;margin-bottom:1.8rem;display:flex}.agent-card{background:var(--panel-bg);border:2px solid var(--border-subtle);cursor:pointer;width:140px;box-shadow:0 4px 12px var(--panel-shadow);border-radius:16px;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;padding:1rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.agent-card.active:hover{border-color:var(--accent-color);transform:translateY(-4px)scale(1.03);box-shadow:0 8px 20px #1a73e826}.agent-card.active.selected{border-color:var(--accent-color);transform:scale(1.05);box-shadow:0 8px 20px #1a73e840}.agent-card.disabled{opacity:.55;filter:grayscale();cursor:not-allowed;background:#00000005}.agent-card-inner{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.agent-image{object-fit:contain;width:70px;height:70px;transition:transform .2s}.agent-card.active:hover .agent-image{transform:scale(1.05)}.agent-name-label{font-family:var(--font-title);color:var(--text-main);font-size:1.05rem;font-weight:600}.agent-status{text-transform:uppercase;letter-spacing:.3px;border-radius:20px;padding:.15rem .5rem;font-size:.72rem;font-weight:700}.status-active{color:#1e7e34;background-color:#34a8531a;border:1px solid #34a85333;padding-left:.95rem;position:relative}.status-active:before{content:"";background-color:#28a745;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:.35rem;transform:translateY(-50%);box-shadow:0 0 6px #28a745}.status-inactive{color:#70757a;background-color:#f1f3f4;border:1px solid #e8eaed}@media (width<=600px){.welcome-container{padding:.8rem .5rem}.company-logo-wrapper{width:90px;margin-bottom:.8rem}.welcome-message h4{font-size:1.15rem}.welcome-message h5{font-size:.82rem}.agents-selection{flex-wrap:nowrap;justify-content:center;gap:.35rem;margin-top:.8rem;margin-bottom:1rem}.agent-card{border-radius:10px;width:78px;padding:.5rem .3rem}.agent-image{width:42px;height:42px}.agent-name-label{font-size:.8rem}.agent-status{padding:.1rem .35rem .1rem .75rem;font-size:.58rem}.status-active:before{width:4px;height:4px;left:.22rem}.welcome-input-container{margin-top:.8rem}.selected-agent-header-image{width:100px;height:100px;margin-bottom:.8rem}}@media (width>=601px) and (width<=900px){.welcome-container{padding:1.2rem 1rem}.company-logo-wrapper{width:130px;margin-bottom:1.2rem}.welcome-message h4{font-size:1.35rem}.welcome-message h5{font-size:.9rem}.agents-selection{flex-wrap:nowrap;justify-content:center;gap:.7rem;margin-top:1.2rem;margin-bottom:1.4rem}.agent-card{border-radius:12px;width:110px;padding:.8rem .6rem}.agent-image{width:55px;height:55px}.agent-name-label{font-size:.95rem}.agent-status{padding:.12rem .45rem .12rem .85rem;font-size:.65rem}.status-active:before{width:5px;height:5px;left:.28rem}.welcome-input-container{margin-top:1.2rem}.selected-agent-header-image{width:100px;height:100px;margin-bottom:1rem}}.message{flex-direction:column;max-width:100%;scroll-margin-top:1.5rem;display:flex}.message.user{align-items:flex-end}.message.model{align-items:flex-start}.sender-info{align-items:center;margin-bottom:.3rem;padding:0 .4rem;display:flex}.sender-label{color:var(--text-muted);text-transform:capitalize;font-size:.8rem;font-weight:600}.company-logo-mini{vertical-align:middle;filter:drop-shadow(0 2px 4px #9b51e026);margin-right:8px;animation:3s ease-in-out infinite mini-logo-glow;display:inline-block}@keyframes mini-logo-glow{0%,to{filter:drop-shadow(0 1px 2px #9b51e026);transform:scale(1)}50%{filter:drop-shadow(0 2px 6px #9b51e066);transform:scale(1.1)}}.company-logo-mini.pulse{animation:1.2s ease-in-out infinite mini-logo-pulse-fast}@keyframes mini-logo-pulse-fast{0%,to{opacity:.7;transform:scale(1)rotate(0)}50%{opacity:1;transform:scale(1.15)rotate(10deg)}}.message-bubble{word-wrap:break-word;border-radius:18px;max-width:85%;font-size:1rem;line-height:1.55}.user .message-bubble{background:var(--bg-user-bubble);color:var(--text-main);border-bottom-right-radius:4px;padding:.8rem 1.2rem;box-shadow:0 2px 8px #00000003}.model .message-bubble{color:var(--text-main);background:0 0;width:100%;max-width:100%;padding:.4rem .4rem .8rem}.bubble-text{font-family:var(--font-body);color:var(--text-main);font-size:1.05rem}.typing-dots{align-items:center;gap:5px;padding:10px 5px;display:flex}.typing-dots span{background:#a3a3a3;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both bounce}.typing-dots span:first-child{animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{opacity:.5;transform:scale(.4)}40%{opacity:1;transform:scale(1)}}.pulse{animation:1.5s ease-in-out infinite mini-star-pulse}.input-area-wrapper{background:linear-gradient(180deg, #16182200 0%, var(--bg-bottom) 50%);z-index:10;padding:1rem 1.2rem 1.8rem;position:sticky;bottom:0}.input-area{background:var(--bg-user-bubble);border:1px solid var(--border-subtle);border-radius:100px;align-items:center;gap:.5rem;max-width:720px;margin:0 auto;padding:.5rem .8rem .5rem 1rem;display:flex;box-shadow:0 4px 15px #0003}.input-area:focus-within{border-color:var(--accent-color);box-shadow:0 4px 18px #a8c7fa1f}.pill-btn{width:38px;height:38px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.pill-btn:hover{color:var(--text-main);background:#ffffff14}.pill-actions-right{align-items:center;gap:.4rem;display:flex}input{font-size:1.02rem;font-family:var(--font-body);color:var(--text-main);background:0 0;border:none;outline:none;flex:1;padding:.6rem .2rem}input::placeholder{color:#8e918f}.send-btn{background:var(--accent-color);color:var(--send-btn-color);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:background .2s,transform .2s,color .2s;display:flex}.send-btn:hover:not(:disabled){background:var(--send-btn-hover-bg);transform:scale(1.04)}.send-btn:disabled{background:var(--send-btn-disabled-bg);color:var(--send-btn-disabled-color);cursor:not-allowed}footer{text-align:center;color:var(--text-muted);letter-spacing:.2px;padding:.8rem 1rem;font-size:.72rem;font-weight:500}.chart-wrapper,.table-wrapper{background:var(--panel-bg);border:1px solid var(--border-subtle);box-sizing:border-box;width:100%;box-shadow:0 4px 15px var(--panel-shadow);border-radius:16px;margin-top:1rem;padding:1.2rem;transition:all .3s}.table-title{font-family:var(--font-title);color:var(--text-main);margin-top:0;margin-bottom:.8rem;font-size:.95rem;font-weight:600}.table-container{width:100%;overflow-x:auto}.table-container table{border-collapse:collapse;text-align:left;width:100%;font-size:.92rem}.table-container th{background-color:var(--table-th-bg);color:var(--text-main);border-bottom:1.5px solid var(--border-subtle);padding:.6rem .8rem;font-weight:600;transition:all .3s}.table-container td{border-bottom:1px solid var(--border-subtle);color:var(--text-main);padding:.6rem .8rem}.table-container tr:last-child td{border-bottom:none}.kpi-container{flex-wrap:wrap;gap:.8rem;width:100%;margin-top:1rem;display:flex}.kpi-card-unified{background:var(--panel-bg);border:1px solid var(--border-subtle);min-width:250px;max-width:100%;box-shadow:0 8px 24px var(--panel-shadow);box-sizing:border-box;border-radius:16px;flex-direction:column;flex:1;padding:1.2rem;transition:transform .2s,box-shadow .2s,background .3s,border-color .3s;display:flex}.kpi-card-unified:hover{box-shadow:0 10px 28px var(--panel-shadow);transform:translateY(-2px)}.kpi-card-title{font-family:var(--font-title);color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px;text-align:left;margin-bottom:1rem;font-size:.82rem;font-weight:600}.kpi-card-grid{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:1rem;width:100%;display:flex}.kpi-grid-item{flex-direction:column;flex:1;align-items:flex-start;min-width:100px;display:flex;position:relative}.kpi-grid-item:not(:last-child):after{content:"";background-color:var(--border-subtle);width:1.5px;height:70%;position:absolute;top:15%;right:-.5rem}@media (width<=480px){.kpi-grid-item:not(:last-child):after{display:none}.kpi-card-grid{flex-direction:column;align-items:flex-start;gap:.8rem}.kpi-grid-item{width:100%}}.kpi-value{font-family:var(--font-title);color:var(--accent-color);margin-bottom:.1rem;font-size:1.6rem;font-weight:700}.kpi-label{font-family:var(--font-body);color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;text-align:left;font-size:.76rem;font-weight:500;line-height:1.3}@media (width<=600px){.welcome-message h2{font-size:1.5rem}.gemini-header{height:56px;padding:0 .8rem}.brand-medix,.brand-sub{font-size:1.18rem}.input-area-wrapper{padding:.8rem .8rem 1.4rem}.messages-container{padding:1rem .8rem}.user .message-bubble{max-width:90%}}.suggestion-chips{flex-wrap:wrap;gap:.6rem;width:100%;margin-top:.8rem;display:flex}.suggestion-chip{background:var(--suggestion-bg);border:1px solid var(--suggestion-border);font-family:var(--font-body);color:var(--accent-color);cursor:pointer;box-shadow:0 2px 8px var(--panel-shadow);-webkit-backdrop-filter:blur(8px);border-radius:100px;align-items:center;gap:.5rem;padding:.5rem 1.1rem;font-size:.88rem;font-weight:500;transition:all .2s ease-in-out,background .3s,border-color .3s;display:flex}.suggestion-chip:hover{background:var(--suggestion-hover);border-color:var(--accent-color);box-shadow:0 4px 12px var(--suggestion-hover);transform:translateY(-1.5px)}.light-mode .company-logo-wrapper:before{opacity:.5}.suggestion-chip:active{transform:translateY(0)scale(.98)}.chip-icon{font-size:.95rem}.sidebar-overlay{z-index:99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;background:#0006;width:100vw;height:100vh;transition:opacity .3s;position:fixed;top:0;left:0}.sidebar-overlay.open{opacity:1;pointer-events:auto}.sidebar-drawer{background:var(--panel-bg);z-index:100;box-sizing:border-box;flex-direction:column;width:280px;height:100vh;padding:1.5rem 1rem;transition:left .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:-280px;box-shadow:4px 0 15px #0000001a}.sidebar-drawer.open{left:0}.sidebar-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.8rem;display:flex}.sidebar-title{font-family:var(--font-title);color:var(--text-main);font-size:1.15rem;font-weight:600}.close-sidebar-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.3rem;transition:background .2s;display:flex}.close-sidebar-btn:hover{background:var(--bg-user-bubble);color:var(--text-main)}.sidebar-section-title{text-transform:uppercase;color:var(--text-muted);letter-spacing:.5px;text-align:left;margin-bottom:.8rem;padding:0 .5rem;font-size:.75rem;font-weight:700}.sidebar-sessions-list{flex-direction:column;flex:1;gap:.5rem;display:flex;overflow-y:auto}.sidebar-session-item-container{background:var(--panel-bg);box-sizing:border-box;border:1px solid #0000;border-radius:10px;align-items:center;width:100%;transition:all .2s;display:flex;position:relative}.sidebar-session-item-container:hover{background:var(--bg-user-bubble);border-color:var(--border-subtle)}.sidebar-session-item-container.active{background:#1a73e814;border-color:#1a73e833}.sidebar-session-item{cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:none;flex:1;align-items:center;gap:.6rem;padding:.7rem .6rem;display:flex;overflow:hidden}.session-delete-icon-btn{color:var(--text-muted);cursor:pointer;opacity:.4;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-right:.4rem;padding:.6rem;transition:all .2s;display:flex}.sidebar-session-item-container:hover .session-delete-icon-btn{opacity:1;color:#ea4335}.session-delete-icon-btn:hover{color:#ea4335!important;opacity:1!important;background:#ea43351a!important}.sidebar-session-icon{object-fit:contain;border-radius:6px;flex-shrink:0;width:32px;height:32px}.sidebar-session-details{flex-direction:column;flex:1;display:flex;overflow:hidden}.sidebar-session-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.sidebar-session-snippet{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.speech-btn{cursor:pointer;color:var(--text-muted);background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.speech-btn:hover{background:var(--border-subtle);color:var(--accent-color)}.speech-btn.speaking{color:#ea4335;animation:1.5s ease-in-out infinite speech-pulse}@keyframes speech-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}