@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--bg-primary:#f5f7fb;--bg-secondary:#fff;--bg-tertiary:#f8fafc;--bg-card:#fff;--bg-hover:#f1f5f9;--bg-active:#eaeefa;--border-color:#e2e8f0;--border-subtle:#edf2f7;--border-highlight:#2871fa;--text-primary:#2b2b2b;--text-secondary:#4b5563;--text-muted:#717171;--accent-primary:#2871fa;--accent-primary-hover:#1b5edb;--accent-purple:#6111d1;--accent-gradient:linear-gradient(135deg, #6111d1 0%, #2871fa 100%);--accent-green:#459f6c;--accent-amber:#fec20d;--accent-red:#ef4444;--card-blue-bg:#eaeefa;--card-blue-border:#4a81f8;--card-green-bg:#e9f4f2;--card-green-border:#459f6c;--card-purple-bg:#ebe8f8;--card-purple-border:#611ad3;--card-amber-bg:#f5f0eb;--card-amber-border:#fec20d;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 4px 14px #2871fa14;--shadow-lg:0 10px 30px #00000014;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overflow:hidden}h1,h2,h3,h4,.hero-title,.brand-text h2,.prompt-title,.sender-name,.new-chat-btn,.group-title,.current-session-title{font-family:var(--font-heading)}.zenro-app-layout{background-color:var(--bg-primary);width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.zenro-sidebar{z-index:20;background-color:#fff;border-right:1px solid #eef1f6;flex-direction:column;width:280px;min-width:280px;height:100%;transition:all .28s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:2px 0 10px #00000005}.zenro-sidebar.closed{border-right:none;width:0;min-width:0;overflow:hidden;transform:translate(-100%)}.sidebar-top{border-bottom:1px solid #eef1f6;flex-direction:column;gap:12px;padding:16px 16px 12px;display:flex}.brand-row{justify-content:space-between;align-items:center;padding:2px 0 4px;display:flex}.brand-logo-group{align-items:center;gap:10px;min-width:0;display:flex}.brand-icon-wrapper{width:34px;height:34px;transition:transform var(--transition-fast), box-shadow var(--transition-fast);background:#fff;border:1.5px solid #e0e7ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:5px;display:flex;box-shadow:0 2px 6px #6366f11f}.brand-icon-wrapper:hover{transform:scale(1.05);box-shadow:0 4px 10px #6366f133}.brand-icon-img{object-fit:contain;width:100%;height:100%}.brand-title-box{flex-direction:column;min-width:0;display:flex}.brand-name-row{align-items:center;gap:6px;display:flex}.brand-name-zenro{color:#0f172a;letter-spacing:-.3px;font-size:16px;font-weight:800;line-height:1.2}.brand-badge-ai{color:#fff;letter-spacing:.3px;text-transform:uppercase;background:linear-gradient(135deg,#2563eb 0%,#6366f1 100%);border-radius:6px;align-items:center;padding:1px 6px;font-size:10px;font-weight:700;display:inline-flex;box-shadow:0 1px 4px #2563eb40}.brand-subtitle{color:#64748b;letter-spacing:-.1px;margin-top:1px;font-size:11px;font-weight:500}.sidebar-collapse-btn{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.sidebar-collapse-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#e2e8f0}.new-chat-btn{color:#1e293b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;width:100%;height:38px;padding:0 12px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 2px #0000000a}.new-chat-btn:hover{color:#2871fa;background:#f8fafc;border-color:#2871fa;transform:translateY(-1px);box-shadow:0 3px 10px #2871fa1f}.new-chat-left{align-items:center;gap:8px;display:flex}.new-chat-plus{color:#2871fa;transition:transform .2s}.new-chat-btn:hover .new-chat-plus{transform:rotate(90deg)}.new-chat-kbd{color:#94a3b8;letter-spacing:.2px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;padding:1px 5px;font-family:inherit;font-size:10px;font-weight:600;line-height:1.3;transition:all .2s}.new-chat-btn:hover .new-chat-kbd{color:#2871fa;background:#eff6ff;border-color:#bfdbfe}.sidebar-search{align-items:center;display:flex;position:relative}.sidebar-search .search-icon{color:#8e95a5;position:absolute;left:10px}.sidebar-search input{border-radius:var(--radius-md);color:#2b2b2b;background:#f5f7fb;border:1px solid #e2e8f0;outline:none;width:100%;padding:8px 10px 8px 30px;font-size:12px;transition:all .2s}.sidebar-search input:focus{background:#fff;border-color:#2871fa}.sidebar-sessions-list{flex-direction:column;flex:1;gap:16px;padding:12px 10px;display:flex;overflow-y:auto}.empty-sessions-notice{color:#8e95a5;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 0;font-size:12px;display:flex}.session-group{flex-direction:column;gap:4px;display:flex}.group-title{text-transform:uppercase;letter-spacing:.6px;color:#8e95a5;padding:0 8px 4px;font-size:11px;font-weight:700}.group-items{flex-direction:column;gap:2px;display:flex}.session-item{border-radius:var(--radius-md);color:#4b5563;cursor:pointer;align-items:center;gap:9px;padding:9px 12px;font-size:13px;transition:all .15s;display:flex;position:relative}.session-item:hover{color:#2871fa;background:#f5f7fb}.session-item.active{color:#2871fa;background:#eaeefa;border-left:3px solid #2871fa;font-weight:600}.session-item-icon{color:inherit;flex-shrink:0}.session-title{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.session-actions{align-items:center;gap:4px;margin-left:auto;display:none}.session-item:hover .session-actions,.session-item.active .session-actions{display:flex}.session-action-btn{color:#8e95a5;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:3px;transition:all .15s;display:flex}.session-action-btn:hover{color:#2b2b2b;background:#e2e8f0}.confirming-delete{color:#dc2626!important;background:#fee2e2!important}.confirm-delete-badge{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;align-items:center;padding:1px 6px;font-size:10px;font-weight:700;line-height:1.2;display:inline-flex}.session-rename-form{align-items:center;gap:4px;width:100%;display:flex}.session-rename-form input{color:#2b2b2b;background:#fff;border:1px solid #2871fa;border-radius:4px;outline:none;flex:1;padding:3px 6px;font-size:12px}.rename-confirm,.rename-cancel{cursor:pointer;background:0 0;border:none;padding:2px}.rename-confirm:hover{color:#459f6c}.rename-cancel:hover{color:#ef4444}.sidebar-bottom{background:#fff;border-top:1px solid #eef1f6;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.db-status-pill{border-radius:var(--radius-md);color:#2b2b2b;cursor:pointer;background:#f5f7fb;border:1px solid #e2e8f0;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.db-status-pill:hover{background:#eaeefa;border-color:#2871fa}.db-pill-left{align-items:center;gap:8px;display:flex}.db-pulse-dot{background:#8e95a5;border-radius:50%;width:8px;height:8px}.db-pulse-dot.connected{background:#459f6c;animation:2s infinite pulseGreen;box-shadow:0 0 8px #459f6c99}.db-pulse-dot.error{background:#ef4444}.db-pill-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.db-pill-badge{color:#459f6c;background:#e9f4f2;border:1px solid #459f6c4d;border-radius:12px;padding:2px 7px;font-size:11px;font-weight:700}.sidebar-user-row{justify-content:space-between;align-items:center;padding:4px 0;display:flex}.sidebar-user-info{align-items:center;gap:10px;display:flex}.user-avatar-sm{color:#fff;background:linear-gradient(135deg,#6111d1 0%,#2871fa 100%);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.user-details-sm{flex-direction:column;display:flex}.user-name-sm{color:#2b2b2b;font-size:12px;font-weight:700}.user-role-sm{color:#717171;font-size:10px}.theme-toggle-btn{display:none}.zenro-main-content{background:#f5f7fb;flex-direction:column;flex:1;min-width:0;height:100vh;min-height:0;max-height:100vh;display:flex;position:relative;overflow:hidden}.zenro-chat-header{z-index:20;background:#fff;border-bottom:1px solid #eef1f6;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:60px;min-height:60px;max-height:60px;padding:0 20px;display:flex;box-shadow:0 1px 3px #00000008}.header-left{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.header-icon-btn{color:#717171;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.header-icon-btn:hover{color:#2871fa;background:#f5f7fb}.header-title-box{flex-direction:column;min-width:0;display:flex;overflow:hidden}.current-session-title{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;max-width:380px;font-size:14px;font-weight:700;overflow:hidden}.current-session-meta{color:#64748b;white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.status-dot.connected{background:#10b981;box-shadow:0 0 6px #10b98199}.status-dot.error{background:#ef4444}.hospital-badge{color:#0958d9;background:#f0f7ff;border:1px solid #bae0ff;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.header-right{white-space:nowrap;flex-flow:row;flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.modern-dropdown-wrapper{flex-shrink:0;display:inline-block;position:relative}.modern-dropdown-trigger{color:#1e293b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;height:34px;padding:0 12px 0 8px;font-size:12.5px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 3px #0000000a}.modern-dropdown-trigger:hover,.modern-dropdown-trigger.active{background:#fff;border-color:#2871fa;box-shadow:0 3px 12px #2871fa29}.trigger-icon-wrap{color:#2871fa;background:#eff6ff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.trigger-globe-icon{color:#2871fa}.trigger-label{white-space:nowrap;color:#1e293b;font-size:12.5px;font-weight:600}.trigger-chevron{color:#64748b;flex-shrink:0;margin-left:2px;transition:transform .2s cubic-bezier(.16,1,.3,1),color .2s}.trigger-chevron.chevron-rotate{color:#2871fa;transform:rotate(180deg)}.modern-dropdown-menu{z-index:1000;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;background:#fff;border:1px solid #e2e8f0;border-radius:14px;min-width:260px;max-height:380px;padding:6px;animation:.18s cubic-bezier(.16,1,.3,1) dropdownPop;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto;box-shadow:0 14px 40px #0f172a29,0 2px 8px #0f172a0f}.modern-dropdown-menu::-webkit-scrollbar{width:5px}.modern-dropdown-menu::-webkit-scrollbar-track{background:0 0}.modern-dropdown-menu::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:10px}.modern-dropdown-menu::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}@keyframes dropdownPop{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.dropdown-menu-header{color:#94a3b8;text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid #f1f5f9;align-items:center;gap:6px;margin-bottom:4px;padding:6px 10px 8px;font-size:11px;font-weight:700;display:flex}.dropdown-menu-header .header-sparkle{color:#2871fa}.dropdown-options-list{flex-direction:column;gap:2px;display:flex}.modern-dropdown-option{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:10px;padding:7px 10px;transition:all .15s;display:flex}.modern-dropdown-option:hover{background:#f8fafc}.modern-dropdown-option.selected{background:#eff6ff}.option-badge{color:#475569;background:#f1f5f9;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:24px;font-size:11px;font-weight:700;display:flex}.modern-dropdown-option.selected .option-badge{color:#2563eb;background:#dbeafe}.option-text-group{flex-direction:column;flex:1;min-width:0;display:flex}.option-primary-label{color:#1e293b;font-size:13px;font-weight:600;line-height:1.25}.modern-dropdown-option.selected .option-primary-label{color:#2563eb;font-weight:700}.option-native-label{color:#64748b;margin-top:1px;font-size:11px}.option-check-icon{color:#2563eb;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.db-switch-btn{box-sizing:border-box;color:#0958d9;cursor:pointer;white-space:nowrap;background:#f0f7ff;border:1px solid #91caff;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;height:32px;padding:0 12px;font-size:12px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.db-switch-btn:hover{color:#fff;background:#0958d9;border-color:#0958d9;box-shadow:0 2px 6px #0958d940}.header-user-avatar{color:#4f46e5;background:#fff;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;max-width:32px;height:32px;font-size:12px;font-weight:700;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000001a}.header-org-logo-img{object-fit:contain;background:#fff;border-radius:50%;width:100%;max-width:100%;height:100%;max-height:100%;padding:1px;display:block}.user-avatar-sm{color:#4f46e5;background:#fff;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;max-width:32px;height:32px;font-size:12px;font-weight:700;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000d}.sidebar-org-logo-img{object-fit:contain;background:#fff;border-radius:50%;width:100%;max-width:100%;height:100%;max-height:100%;padding:1px;display:block}.sidebar-bottom{background:#fafbfc;border-top:1px solid #eef1f6;flex-shrink:0;padding:12px 14px}.sidebar-user-row{justify-content:space-between;align-items:center;display:flex}.sidebar-user-info{align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.user-details-sm{flex-direction:column;min-width:0;display:flex;overflow:hidden}.user-name-sm{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.user-role-sm{color:#64748b;white-space:nowrap;font-size:11px}.chat-scroll-area{flex-direction:column;flex:1;min-height:0;padding:20px 24px;display:flex;overflow:hidden auto}.chat-hero-view{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:840px;margin:0 auto;padding:32px 20px 24px;animation:.35s ease-out fadeIn;display:flex}.hero-badge{color:#0958d9;background:#f0f7ff;border:1px solid #bae0ff;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:5px 14px;font-size:12px;font-weight:600;display:inline-flex}.hero-sparkle{color:#0958d9}.hero-title{color:#0f172a;letter-spacing:-.5px;margin-bottom:8px;font-size:28px;font-weight:800}.hero-subtitle{color:#64748b;max-width:620px;margin-bottom:24px;font-size:13.5px;line-height:1.55}.quick-prompts-container{flex-direction:column;gap:12px;width:100%;display:flex}.quick-prompts-header{color:#475569;align-self:flex-start;align-items:center;gap:6px;padding-left:2px;font-size:12.5px;font-weight:700;display:flex}.quick-prompts-header .sparkle-icon{color:#2871fa}.quick-prompts-grid{grid-template-columns:repeat(2,1fr);gap:14px;width:100%;display:grid}@media (max-width:720px){.quick-prompts-grid{grid-template-columns:1fr}}.quick-prompt-card{cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:16px 18px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #0000000a}.quick-prompt-card:first-child{background-color:#f8fbff;border-color:#bae0ff}.quick-prompt-card:nth-child(2){background-color:#faf9ff;border-color:#d4cbf7}.quick-prompt-card:nth-child(3){background-color:#f6fdf9;border-color:#a7f3d0}.quick-prompt-card:nth-child(4){background-color:#fffaf5;border-color:#fed7aa}.quick-prompt-card:hover{border-color:#4a81f8;transform:translateY(-2px);box-shadow:0 6px 18px #2871fa1f}.prompt-card-top{justify-content:space-between;align-items:center;width:100%;margin-bottom:10px;display:flex}.prompt-tag{text-transform:uppercase;letter-spacing:.5px;background:#fffffff2;border:1px solid;border-radius:6px;align-items:center;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.prompt-action-icon{color:#94a3b8;transition:transform .2s,color .2s}.quick-prompt-card:hover .prompt-action-icon{color:#2871fa;transform:translate(4px)}.prompt-title{color:#0f172a;text-align:left;margin:0 0 4px;font-size:13.5px;font-weight:700;line-height:1.4}.prompt-desc{color:#64748b;text-align:left;margin:0;font-size:12px;line-height:1.45}.messages-stream{flex-direction:column;gap:24px;width:100%;max-width:900px;margin:0 auto;padding-bottom:24px;display:flex}.message-row{width:100%;animation:.25s ease-out fadeIn;display:flex}.message-container{gap:14px;width:100%;display:flex}.message-avatar{width:36px;height:36px;transition:transform var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex;position:relative;overflow:hidden}.user-avatar{background:#fff;border:1.5px solid #bfdbfe;padding:1.5px;box-shadow:0 2px 8px #2563eb26}.assistant-avatar{background:#fff;border:1.5px solid #e0e7ff;padding:4px;box-shadow:0 2px 8px #6366f126}.avatar-logo-img{object-fit:contain;border-radius:50%;width:100%;height:100%;display:block}.user-logo-img{object-fit:cover;border-radius:50%}.zenro-logo-img{object-fit:contain;width:22px;height:22px;display:block}.avatar-fallback{border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.user-fallback{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.assistant-fallback{color:#fff;background:linear-gradient(135deg,#6111d1 0%,#2871fa 100%)}.message-content-wrapper{border-radius:var(--radius-lg);background:#fff;border:1px solid #e2e8f0;flex-direction:column;flex:1;gap:10px;min-width:0;padding:20px 22px;display:flex;box-shadow:0 2px 10px #00000008}.user-message-row .message-content-wrapper{background:linear-gradient(#f0f7ff 0%,#e6f1fe 100%);border:1px solid #bfdbfe;box-shadow:0 1px 3px #2563eb0a}.message-header{align-items:center;gap:8px;display:flex}.sender-name{color:#2b2b2b;font-size:13px;font-weight:700}.message-time{color:#717171;font-size:11px}.live-query-badge{color:#459f6c;background:#e9f4f2;border:1px solid #459f6c66;border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.streaming-badge{color:#2871fa;font-size:11px;font-weight:600}.markdown-body{color:#2b2b2b;word-break:break-word;font-size:14px;line-height:1.65}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{color:#2b2b2b;margin-top:14px;margin-bottom:8px;font-weight:700}.markdown-body h3{color:#2871fa;border-bottom:2px solid #eef1f6;padding-bottom:4px;font-size:16px}.markdown-body p{margin-bottom:10px}.markdown-body ul,.markdown-body ol{flex-direction:column;gap:4px;margin:6px 0 12px 20px;display:flex}.markdown-body strong{color:#2b2b2b;font-weight:700}.markdown-body code{color:#2871fa;background:#f5f7fb;border:1px solid #e2e8f0;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:12px}.typewriter-cursor{vertical-align:middle;background:#2871fa;width:6px;height:15px;margin-left:3px;animation:.8s infinite blinkCursor;display:inline-block}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:10px 0 16px;display:grid}.metric-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:12px 16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.metric-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0f172a14}.metric-card:first-child{background:linear-gradient(135deg,#fff 0%,#f8faff 100%);border-left:4px solid #2871fa}.metric-card:nth-child(2){background:linear-gradient(135deg,#fff 0%,#f0fdf4 100%);border-left:4px solid #10b981}.metric-card:nth-child(3){background:linear-gradient(135deg,#fff 0%,#faf5ff 100%);border-left:4px solid #8b5cf6}.metric-icon-wrapper{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.metric-card:first-child .metric-icon-wrapper{color:#2871fa;background:#eff6ff}.metric-card:nth-child(2) .metric-icon-wrapper{color:#10b981;background:#ecfdf5}.metric-card:nth-child(3) .metric-icon-wrapper{color:#8b5cf6;background:#f5f3ff}.metric-content{flex-direction:column;gap:2px;min-width:0;display:flex}.metric-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.metric-value{color:#0f172a;font-size:19px;font-weight:700;font-family:var(--font-heading);letter-spacing:-.2px}.data-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin:16px 0;overflow:hidden;box-shadow:0 4px 16px -2px #0f172a0d}.data-table-header{background:linear-gradient(#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.data-table-title-group{align-items:center;gap:8px;display:flex}.data-table-title{color:#0f172a;letter-spacing:-.2px;font-size:13.5px;font-weight:700}.data-table-pill{color:#334155;background:#e2e8f0;border-radius:12px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.data-table-actions{align-items:center;gap:10px;display:flex}.table-search-box{align-items:center;display:flex;position:relative}.table-search-box .search-icon{color:#94a3b8;pointer-events:none;position:absolute;left:10px}.table-search-box input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:180px;padding:6px 12px 6px 30px;font-size:12px;transition:all .2s}.table-search-box input:focus{border-color:#2871fa;width:210px;box-shadow:0 0 0 3px #2871fa26}.export-csv-btn{color:#fff;cursor:pointer;background:#2871fa;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .15s;display:flex;box-shadow:0 2px 6px #2871fa33}.export-csv-btn:hover{background:#1b5edb;transform:translateY(-1px)}.table-scroll-wrapper{max-height:480px;overflow-x:auto}.zenro-table{border-collapse:collapse;text-align:left;width:100%;font-size:12.5px}.zenro-table thead th{z-index:10;color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:11px 16px;font-size:11.5px;font-weight:700;position:sticky;top:0}.th-index{text-align:center;color:#94a3b8;width:44px}.th-numeric,.td-numeric{text-align:right}.justify-end{justify-content:flex-end}.sortable-header{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s}.sortable-header:hover{color:#2871fa;background:#f1f5f9}.header-cell-content{align-items:center;gap:6px;display:flex}.sort-hint{opacity:.4}.zenro-table td{color:#1e293b;white-space:nowrap;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:11px 16px}.td-index{text-align:center;color:#94a3b8;font-size:11.5px;font-weight:600}.zenro-table tbody tr{transition:background-color .15s}.zenro-table tbody tr.tr-striped{background-color:#fafbfc}.zenro-table tbody tr:hover{background-color:#f0f7ff!important}.emp-name-cell{align-items:center;gap:10px;display:inline-flex}.emp-initials-badge{color:#3730a3;background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:10.5px;font-weight:800;display:inline-flex;box-shadow:0 1px 2px #3730a326}.emp-name-text{color:#0f172a;letter-spacing:-.1px;font-weight:700}.code-badge{color:#475569;letter-spacing:.3px;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:2px 7px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;display:inline-block}.date-badge{color:#334155;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.department-badge{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.dept-indicator-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:6px;height:6px}.designation-badge{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.currency-cell{font-family:var(--font-heading);color:#047857;font-variant-numeric:tabular-nums;align-items:baseline;gap:2px;font-size:13.5px;font-weight:600;display:inline-flex}.rupee-sym{color:#059669;font-size:12px;font-weight:600}.cell-muted{color:#94a3b8;font-style:italic}.table-pagination{color:#64748b;background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:10px 18px;font-size:12px;display:flex}.pagination-buttons{align-items:center;gap:6px;display:flex}.page-nav-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:4px 12px;font-size:12px;font-weight:600;transition:all .15s}.page-nav-btn:hover:not(:disabled){background:#f1f5f9;border-color:#94a3b8}.current-page-pill{color:#fff;background:#2871fa;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:700}.page-nav-btn:disabled{opacity:.4;cursor:not-allowed}.sql-inspector-card{border-radius:var(--radius-md);background:#f8fafc;border:1px solid #e2e8f0;margin:8px 0;overflow:hidden}.sql-inspector-header{cursor:pointer;background:#edf2f7;justify-content:space-between;align-items:center;padding:8px 14px;transition:all .15s;display:flex}.sql-inspector-header:hover{background:#e2e8f0}.sql-inspector-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.db-badge{color:#2871fa;background:#fff;border:1px solid #cbd5e1;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:flex}.latency-badge{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.badge-green{color:#459f6c;background:#e9f4f2}.badge-blue{color:#2871fa;background:#eaeefa}.badge-amber{color:#d97706;background:#f5f0eb}.rows-badge{color:#717171;font-size:11px;font-weight:600}.verified-badge{color:#459f6c;background:#e9f4f2;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:700;display:flex}.sql-inspector-toggle{color:#717171;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.sql-inspector-body{background:#1e293b;border-top:1px solid #e2e8f0;padding:12px 14px}.sql-code-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.code-title{color:#94a3b8;align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.copy-sql-btn{color:#e2e8f0;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:flex}.copy-sql-btn:hover{background:#fff3}.sql-code-block{color:#38bdf8;white-space:pre-wrap;word-break:break-all;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.5}.sql-error-box{color:#fca5a5;background:#ef444426;border:1px solid #ef444466;border-radius:4px;margin-top:8px;padding:8px;font-size:12px}.sources-container{align-items:center;gap:6px;margin-top:4px;font-size:11px;display:flex}.sources-label{color:#717171;font-weight:700}.source-tag{color:#2871fa;background:#eaeefa;border:1px solid #4a81f8;border-radius:4px;padding:2px 7px;font-weight:600}.message-actions-bar{border-top:1px solid #eef1f6;align-items:center;gap:8px;margin-top:8px;padding-top:8px;display:flex}.action-icon-btn{border-radius:var(--radius-sm);color:#717171;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.action-icon-btn:hover{color:#2871fa;background:#eaeefa;border-color:#2871fa}.active-speaking{color:#2871fa!important;background:#eaeefa!important;border-color:#2871fa!important}.thinking-indicator-row{align-items:center;gap:14px;width:100%;display:flex}.thinking-avatar{background:#fff;border:1.5px solid #e0e7ff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:4px;display:flex;overflow:hidden;box-shadow:0 2px 8px #6366f126}.thinking-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:10px;padding:10px 16px;display:flex;box-shadow:0 2px 8px #0000000a}.thinking-pulse-dots{align-items:center;gap:4px;display:flex}.thinking-pulse-dots .dot{background:#2871fa;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite pulseDot}.dot-1{animation-delay:0s}.dot-2{animation-delay:.2s}.dot-3{animation-delay:.4s}.thinking-text{color:#2871fa;font-size:13px;font-weight:600}.chat-input-wrapper{z-index:10;box-sizing:border-box;background:#f5f7fb;border-top:1px solid #eef1f6;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;width:100%;padding:10px 24px 12px;display:flex}.chat-input-form{width:100%;max-width:900px}.input-box-container{background:#fff;border:1.5px solid #dbe2ea;border-radius:24px;align-items:center;gap:8px;padding:8px 14px;transition:all .2s;display:flex;box-shadow:0 2px 10px #0000000a}.input-box-container:focus-within{border-color:#2871fa;box-shadow:0 4px 16px #2871fa29}.input-box-container.recording-active{background:#fff;border-color:#ef4444;box-shadow:0 4px 20px #ef444426}.voice-recording-panel{flex:1;align-items:center;gap:12px;min-height:38px;padding:0 4px;display:flex}.recording-status-chip{background:#fef2f2;border:1px solid #fecaca;border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.rec-pulse-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite pulseRecording;box-shadow:0 0 8px #ef4444b3}.rec-timer{color:#dc2626;letter-spacing:.5px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700}.audio-wave-visualizer{flex-shrink:0;align-items:center;gap:3px;height:32px;padding:0 4px;display:flex}.wave-bar{background:linear-gradient(#ef4444 0%,#2871fa 100%);border-radius:4px;width:3.5px;min-height:4px;max-height:28px;transition:height 80ms ease-out}.live-transcript-box{flex:1;align-items:center;min-width:0;display:flex;overflow:hidden}.interim-text{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-style:italic;font-weight:500;overflow:hidden}.listening-hint{color:#94a3b8;font-size:13px;animation:1.6s ease-in-out infinite pulseOpacity}.voice-transcribing-panel{flex:1;align-items:center;gap:10px;min-height:38px;padding:0 8px;display:flex}.transcribing-shimmer{color:#2871fa;font-size:13px;font-weight:600;animation:1.2s ease-in-out infinite pulseOpacity}.voice-cancel-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.voice-cancel-btn:hover{color:#64748b;background:#f1f5f9;border-color:#cbd5e1}.chat-textarea{color:#1e293b;resize:none;scrollbar-width:none;background:0 0;border:none;outline:none;flex:1;max-height:140px;padding:4px 6px;font-family:inherit;font-size:13.5px;line-height:1.45;display:block;overflow-y:hidden}.chat-textarea::-webkit-scrollbar{display:none}.chat-textarea::placeholder{color:#94a3b8}.input-toolbar{align-items:center;gap:8px;display:flex}.mic-btn{color:#717171;cursor:pointer;background:#f5f7fb;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:relative}.mic-btn:hover{color:#2871fa;background:#eaeefa}.mic-btn.recording-active{box-shadow:0 2px 10px #ef444473;color:#fff!important;background:#ef4444!important;border-color:#dc2626!important}.mic-btn.recording-active:hover{transform:scale(1.05);background:#dc2626!important}.mic-btn.transcribing{color:#2871fa;background:#eff6ff;border-color:#bfdbfe}@keyframes pulseRecording{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@keyframes pulseOpacity{0%,to{opacity:1}50%{opacity:.5}}.send-btn{color:#fff;cursor:pointer;background:#2871fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex;box-shadow:0 2px 8px #2871fa59}.send-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.send-btn:not(:disabled):hover{background:#1b5edb;transform:scale(1.05)}.stop-stream-btn{color:#ef4444;cursor:pointer;background:#fee2e2;border:1px solid #ef4444;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.chat-input-footer{color:#64748b;align-items:center;gap:6px;font-size:11px;font-weight:500;line-height:1.2;display:flex}.footer-sparkle{color:#2871fa;flex-shrink:0}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#00000073;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-container{border-radius:var(--radius-lg);background:#fff;border:1px solid #e2e8f0;flex-direction:column;width:90%;max-width:560px;display:flex;overflow:hidden;box-shadow:0 20px 40px #00000026}.modal-header{background:#fff;border-bottom:1px solid #eef1f6;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-title-group{align-items:center;gap:12px;display:flex}.modal-title-group h3{color:#2b2b2b;font-size:17px;font-weight:700}.modal-title-group p{color:#717171;font-size:12px}.modal-close-btn{color:#717171;cursor:pointer;background:0 0;border:none}.modal-close-btn:hover{color:#2b2b2b}.modal-body{background:#fff;flex-direction:column;gap:16px;padding:24px;display:flex}.connection-status-card{border-radius:var(--radius-md);align-items:center;gap:10px;padding:12px 16px;font-size:13px;display:flex}.connection-status-card.connected{background:#e9f4f2;border:1px solid #459f6c}.connection-status-card.error{background:#fee2e2;border:1px solid #ef4444}.status-indicator-dot{background:#459f6c;border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-info{flex-direction:column;display:flex}.status-info strong{color:#2b2b2b}.status-info span{color:#717171;font-size:12px}.mode-tabs{border-bottom:2px solid #eef1f6;gap:8px;display:flex}.mode-tab{color:#717171;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:8px 14px;font-size:13px;font-weight:700}.mode-tab.active{color:#2871fa;border-bottom-color:#2871fa}.preset-databases-list{flex-direction:column;gap:10px;display:flex}.preset-option-card{border-radius:var(--radius-md);cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.preset-option-card:hover{background:#f1f5f9;border-color:#2871fa}.preset-option-card.selected{background:#eaeefa;border-color:#2871fa}.preset-details{flex-direction:column;flex:1;display:flex}.preset-name{color:#2b2b2b;font-size:13px;font-weight:700}.preset-desc{color:#717171;font-size:12px}.custom-db-form{flex-direction:column;gap:14px;display:flex}.form-row{gap:12px;display:flex}.flex-2{flex:2}.flex-1{flex:1}.form-group{flex-direction:column;gap:5px;display:flex}.form-group label{color:#2b2b2b;font-size:12px;font-weight:700}.form-group input{border-radius:var(--radius-sm);color:#2b2b2b;background:#fff;border:1px solid #cbd5e1;outline:none;padding:9px 12px;font-size:13px}.form-group input:focus{border-color:#2871fa}.test-feedback{border-radius:var(--radius-sm);align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.test-feedback.success{color:#1e7040;background:#e9f4f2;border:1px solid #459f6c;font-weight:600}.test-feedback.error{color:#b91c1c;background:#fee2e2;border:1px solid #ef4444}.modal-footer{background:#f8fafc;border-top:1px solid #eef1f6;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.test-btn{border-radius:var(--radius-sm);color:#2b2b2b;cursor:pointer;background:#fff;border:1px solid #cbd5e1;align-items:center;gap:6px;padding:9px 16px;font-size:13px;font-weight:600;display:flex}.test-btn:hover{background:#f1f5f9}.footer-actions{gap:10px;display:flex}.cancel-btn{border-radius:var(--radius-sm);color:#717171;cursor:pointer;background:0 0;border:1px solid #cbd5e1;padding:9px 16px;font-size:13px;font-weight:600}.apply-btn{border-radius:var(--radius-sm);color:#fff;cursor:pointer;background:#2871fa;border:none;padding:9px 20px;font-size:13px;font-weight:700}.apply-btn:hover{background:#1b5edb}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGreen{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.9)}}@keyframes pulseDot{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}@keyframes pulseMic{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-green{color:#459f6c}.text-red{color:#ef4444}.text-indigo{color:#2871fa}.open-payslip-page-btn{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.open-payslip-page-btn:hover{color:#1e40af;background:#dbeafe;border-color:#93c5fd}.row-payslip-pdf-btn{color:#1d4ed8;background:#eff6ff;border:1px solid #93c5fd;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.row-payslip-pdf-btn:hover{color:#fff;background:#2871fa;border-color:#2871fa;box-shadow:0 2px 6px #2871fa40}.th-action,.td-action{white-space:nowrap;text-align:center;width:150px;min-width:150px}.zenro-auth-gatekeeper-container{background:radial-gradient(circle at 50% 20%,#eff6ff 0%,#f8fafc 70%,#f1f5f9 100%);justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:24px;display:flex}.auth-gatekeeper-card{text-align:center;background:#fff;border-radius:20px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:480px;padding:40px 36px;animation:.3s cubic-bezier(.16,1,.3,1) fadeInGatekeeper;display:flex;box-shadow:0 20px 45px -10px #0f172a1a,0 0 0 1px #e2e8f0cc}@keyframes fadeInGatekeeper{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-lock-icon{color:#2871fa;background:#eff6ff;border:1px solid #bfdbfe;border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:6px;display:flex}.auth-gatekeeper-logo{align-items:center;gap:8px;display:inline-flex}.auth-gatekeeper-logo img{object-fit:contain;width:26px;height:26px}.auth-brand-badge{color:#1e293b;letter-spacing:-.2px;font-size:13px;font-weight:700}.auth-gatekeeper-card h2{color:#0f172a;letter-spacing:-.4px;margin:0;font-size:22px;font-weight:700}.auth-gatekeeper-desc{color:#475569;margin:0;font-size:14px;line-height:1.6}.auth-notice-box{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;width:100%;padding:12px 16px;font-size:12.5px;line-height:1.5}.auth-portal-btn{color:#fff;background:#2871fa;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:12px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 4px 12px #2871fa40}.auth-portal-btn:hover{color:#fff;background:#1b5edb;transform:translateY(-1px)}.auth-spinner{border:3px solid #e2e8f0;border-top-color:#2871fa;border-radius:50%;width:32px;height:32px;margin:12px 0;animation:.8s linear infinite spinAuth}@keyframes spinAuth{to{transform:rotate(360deg)}}.auth-loading-text{color:#64748b;margin:0;font-size:14px;font-weight:500}