@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--font-family:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary:#f5f7fb;--bg-secondary:#fff;--bg-tertiary:#f0f3f8;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--accent-primary:#4f46e5;--accent-primary-hover:#4338ca;--accent-secondary:#06b6d4;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--glass-bg:#ffffffb3;--glass-border:#ffffff80;--glass-shadow:0 8px 32px 0 #1f26870d;--glass-blur:blur(12px);--border-radius-sm:8px;--border-radius-md:16px;--border-radius-lg:24px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-primary:#0b0f19;--bg-secondary:#111827;--bg-tertiary:#1f2937;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#6366f1;--accent-primary-hover:#4f46e5;--accent-secondary:#22d3ee;--accent-success:#34d399;--accent-warning:#fbbf24;--accent-danger:#f87171;--glass-bg:#11182799;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0000005e}*{box-sizing:border-box;margin:0;padding:0}html{width:100%;max-width:100vw;overflow-x:hidden!important}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);width:100%;max-width:100vw;min-height:100vh;transition:background-color var(--transition-normal), color var(--transition-normal);position:relative;overflow-x:hidden!important}#root{width:100%;max-width:100vw;min-height:100vh;overflow-x:hidden!important}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--border-radius-md);transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);padding:24px}.glass-card:hover{border-color:#4f46e533;transform:translateY(-4px);box-shadow:0 12px 40px #1f268714}.glass-modal{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--border-radius-lg);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.glass-input{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);color:var(--text-primary);font-family:var(--font-family);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none;width:100%;padding:12px 16px;font-size:14px}.glass-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #4f46e526}.btn-primary{background:linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;transition:transform var(--transition-fast), opacity var(--transition-fast), box-shadow var(--transition-fast);border:none;align-items:center;gap:8px;padding:12px 24px;font-weight:600;display:inline-flex}.btn-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 8px 20px #4f46e54d}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);cursor:pointer;transition:background-color var(--transition-fast);align-items:center;gap:8px;padding:12px 24px;font-weight:500;display:inline-flex}.btn-secondary:hover{background:#0000000d}[data-theme=dark] .btn-secondary:hover{background:#ffffff0d}.sound-wave{justify-content:center;align-items:center;gap:4px;height:40px;display:flex}.sound-wave span{background-color:var(--accent-success);border-radius:2px;width:4px;height:10px;animation:1.2s ease-in-out infinite wave;display:block}.sound-wave span:nth-child(2){animation-delay:.15s}.sound-wave span:nth-child(3){animation-delay:.3s}.sound-wave span:nth-child(4){animation-delay:.45s}.sound-wave span:nth-child(5){animation-delay:.6s}@keyframes wave{0%,to{height:8px}50%{height:35px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:32px;display:grid}.stats-card-value{background:linear-gradient(135deg, var(--text-primary), var(--accent-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-top:8px;font-size:28px;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-normal) forwards}@media (width<=768px){.app-container{flex-direction:column!important}.app-sidebar{z-index:1000!important;height:100vh!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;transform:translate(-105%)!important;box-shadow:8px 0 32px #00000040!important}.app-sidebar.active{transform:translate(0)!important}.app-container main{width:100%!important;min-width:0!important;max-width:100vw!important;height:auto!important;overflow:hidden visible!important}header{padding:16px 20px!important}.mobile-menu-toggle{display:flex!important}.glass-card{grid-column:span 1!important;padding:16px!important}form,.glass-card>div{grid-template-columns:1fr!important}.app-dialer-panel{border-left:none!important;border-top:1px solid var(--glass-border)!important;width:100%!important;box-shadow:0 -8px 32px #0000004d!important}.glass-modal{width:95%!important;margin:10px auto!important}.report-modal-card{border-radius:14px!important;width:96%!important;max-height:94vh!important;padding:16px 12px!important}.mobile-sidebar-backdrop{-webkit-backdrop-filter:blur(4px);z-index:999;background-color:#0009;animation:.3s fadeIn;position:fixed;inset:0;display:block!important}.mobile-sidebar-close{border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex!important}.mobile-sidebar-close:hover{background:#ffffff1a}.desktop-leads-table{display:none!important}.mobile-leads-cards{grid-template-columns:1fr!important;gap:16px!important;display:grid!important}.mobile-lead-card{transition:transform .2s,box-shadow .2s}.mobile-lead-card:active{transform:scale(.98)}}.mobile-sidebar-backdrop{display:none}.mobile-sidebar-close{display:none!important}.desktop-leads-table{display:block}.mobile-leads-cards{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.timeline-grid-layout{grid-template-columns:1.2fr 1.8fr;gap:20px;display:grid}@media (width<=768px){.timeline-grid-layout{grid-template-columns:1fr!important}}.global-search-item:hover{background-color:var(--bg-tertiary)!important}.template-item{border-radius:8px;align-items:flex-start;gap:12px;padding:16px;transition:all .2s ease-in-out;display:flex}.template-item-even{background:#ffffff05;border:1px solid #ffffff14}.template-item-even:hover{background:#ffffff0a;border-color:#fff3;box-shadow:0 4px 12px #00000026}.template-item-odd{background:#6366f105;border:1px solid #6366f126}.template-item-odd:hover{background:#6366f10d;border-color:#6366f159;box-shadow:0 4px 16px #6366f11a}.bestcaller-modern-layout{min-height:100vh;font-family:var(--font-family);color:#1e293b;background-color:#f4f7fc;display:flex}.bestcaller-modern-sidebar{z-index:50;flex-direction:column;width:270px;padding:24px 18px;display:flex;position:relative;overflow:hidden;box-shadow:4px 0 24px #00000026;background-image:url(/nav-background.png)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;border-right:1px solid #ffffff14!important}.sidebar-nav-btn{cursor:pointer;text-align:left;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:11px 16px;font-size:13.5px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-nav-btn.active{color:#fff!important;background:linear-gradient(90deg,#2563eb 0%,#06b6d4 100%)!important;font-weight:600!important;box-shadow:0 4px 16px #2563eb59!important}.sidebar-nav-btn:not(.active){color:#ffffffb8!important;background:0 0!important}.sidebar-nav-btn:not(.active):hover{transform:translate(2px);color:#fff!important;background:#ffffff14!important}.bestcaller-kpi-grid{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px;display:grid}.bestcaller-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:space-between;padding:20px 22px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #0f172a08}.bestcaller-kpi-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 10px 25px -5px #0f172a0f}.bestcaller-analytics-row{grid-template-columns:1.6fr 1fr;gap:20px;margin-bottom:24px;display:grid}.bestcaller-white-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;max-width:100%;padding:22px 24px;overflow:hidden;box-shadow:0 2px 8px #0f172a08}.bestcaller-telecaller-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px;display:grid}.bestcaller-telecaller-kpi-grid .bestcaller-kpi-card{min-height:135px;padding:22px 24px}.badge-status-followup{color:#b45309;background:#fef3c7;border:1px solid #fde68a;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-status-interested{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-status-not-interested{color:#b91c1c;background:#fee2e2;border:1px solid #fecaca;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-status-converted{color:#047857;background:#d1fae5;border:1px solid #a7f3d0;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-status-default{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd;border-radius:20px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.mobile-only{display:none!important}.desktop-only{display:block}.bestcaller-view-router{flex:1;padding:32px}.bestcaller-activity-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px;display:grid}.bestcaller-report-btn-group{flex-wrap:wrap;gap:12px;display:flex}.bestcaller-mobile-header,.bestcaller-mobile-bottom-nav,.mobile-more-sheet-backdrop{display:none}@media (width<=1023px){.desktop-only{display:none!important}.mobile-only{display:block!important}.bestcaller-desktop-header{display:none!important}.bestcaller-mobile-header{z-index:40;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 35%,#1e3a8a 70%,#2563eb 100%);border-bottom-right-radius:20px;border-bottom-left-radius:20px;padding:16px 16px 24px;position:relative;box-shadow:0 8px 24px #0f172a26;display:block!important}.mobile-header-top-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.mobile-header-icon-btn{cursor:pointer;color:#fff;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:flex}.mobile-header-icon-btn:hover{background:#ffffff38}.mobile-header-avatar-btn{cursor:pointer;background:#fff;border:2px solid #fff9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 8px #00000026}.mobile-header-greeting{padding:0 4px}.bestcaller-dashboard-container{padding:14px 14px 96px!important}.bestcaller-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;margin-bottom:16px!important}.bestcaller-kpi-card{border-radius:16px!important;padding:14px 12px!important}.bestcaller-telecaller-kpi-grid{grid-template-columns:1fr!important;gap:14px!important;margin-bottom:18px!important}.bestcaller-telecaller-kpi-grid .bestcaller-kpi-card{min-height:auto!important;padding:18px 16px!important}.bestcaller-analytics-row{grid-template-columns:1fr!important;gap:16px!important;margin-bottom:16px!important}.bestcaller-white-panel{border-radius:16px!important;max-width:100%!important;padding:16px 14px!important;overflow:hidden!important}.bestcaller-view-router{padding:12px 12px 96px!important}.bestcaller-activity-grid{grid-template-columns:1fr!important;gap:16px!important}.bestcaller-report-btn-group{flex-direction:column!important;width:100%!important}.bestcaller-report-btn-group button{justify-content:center!important;width:100%!important}.bestcaller-filter-row{flex-direction:column!important;align-items:stretch!important;gap:12px!important;width:100%!important;display:flex!important}.bestcaller-filter-row>div,.bestcaller-filter-row>div>div{width:100%!important;min-width:0!important}.bestcaller-filter-row select,.bestcaller-filter-row input{box-sizing:border-box!important;width:100%!important}.bestcaller-mobile-bottom-nav{z-index:900;width:100%;max-width:100vw;padding:8px 10px;padding-bottom:max(10px, env(safe-area-inset-bottom,10px));background:#fff;border-top:1px solid #e2e8f0;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -4px 20px #0f172a14;display:flex!important}html,body,#root,.app-container,.bestcaller-main-content,.bestcaller-dashboard-container{max-width:100%!important;overflow-x:hidden!important}::-webkit-scrollbar:horizontal{height:0!important;display:none!important}.mobile-nav-item{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:58px;padding:6px 10px;font-size:11px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.mobile-nav-item.active{color:#fff!important;background:linear-gradient(135deg,#4f46e5 0%,#2563eb 100%)!important;border-radius:20px!important;padding:6px 14px!important;font-weight:600!important;box-shadow:0 4px 12px #4f46e54d!important}.mobile-nav-item.active svg{color:#fff!important}.mobile-more-sheet-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1050;background:#0f172aa6;flex-direction:column;justify-content:flex-end;animation:.2s fadeIn;position:fixed;inset:0;display:flex!important}.mobile-more-sheet{padding:20px 18px;padding-bottom:max(24px, env(safe-area-inset-bottom,24px));background:#fff;border-top-left-radius:24px;border-top-right-radius:24px;max-height:80vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUpSheet;overflow-y:auto;box-shadow:0 -10px 40px #0003}.mobile-more-btn{cursor:pointer;color:#1e293b;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 10px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.mobile-more-btn:hover,.mobile-more-btn.active{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd}}@media (width<=360px){.bestcaller-kpi-grid{gap:8px!important}.bestcaller-kpi-card{padding:10px 8px!important}.mobile-nav-item{min-width:48px!important;padding:5px 6px!important;font-size:10px!important}.mobile-nav-item.active{padding:5px 10px!important}}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}[data-theme=dark] body,[data-theme=dark] #root,[data-theme=dark] main,[data-theme=dark] .bestcaller-main-content,[data-theme=dark] .bestcaller-modern-layout{color:#f8fafc!important;background-color:#0b0f19!important}[data-theme=dark] .bestcaller-desktop-header{color:#f8fafc!important;background:#111827!important;border-bottom:1px solid #1e293b!important}[data-theme=dark] .bestcaller-white-panel,[data-theme=dark] .bestcaller-kpi-card,[data-theme=dark] .glass-card{color:#f8fafc!important;background:#111827!important;border-color:#1e293b!important;box-shadow:0 4px 20px #0000004d!important}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] .bestcaller-white-panel h1,[data-theme=dark] .bestcaller-white-panel h2,[data-theme=dark] .bestcaller-white-panel h3,[data-theme=dark] .bestcaller-white-panel h4{color:#f8fafc!important}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea,[data-theme=dark] .glass-input{color:#f8fafc!important;background-color:#1e293b!important;border-color:#334155!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#64748b!important}[data-theme=dark] th{color:#94a3b8!important}[data-theme=dark] td{color:#cbd5e1!important}[data-theme=dark] .bestcaller-modern-table th{color:#94a3b8!important;background:#0f172a!important;border-bottom:1px solid #1e293b!important}[data-theme=dark] .bestcaller-modern-table td{color:#cbd5e1!important;border-bottom:1px solid #1e293b!important}[data-theme=dark] .bestcaller-modern-table tr:hover{background:#ffffff08!important}[data-theme=dark] .bestcaller-mobile-bottom-nav,[data-theme=dark] .mobile-more-sheet{background:#111827!important;border-color:#1e293b!important}[data-theme=dark] .mobile-more-btn{color:#f8fafc!important;background:#1e293b!important;border-color:#334155!important}[data-theme=dark] .mobile-more-btn:hover{color:#fff!important;background:#2563eb!important}.report-modal-card table th{z-index:10!important;background:var(--bg-secondary,#fff)!important;position:sticky!important;top:0!important}[data-theme=dark] .report-modal-card{background:#111827!important;border-color:#1e293b!important}[data-theme=dark] .report-modal-card table th{color:#94a3b8!important;background:#111827!important;border-bottom:2px solid #1e293b!important}@media (width<=992px){.calendar-view-split,.category-settings-split,.ai-objections-grid{grid-template-columns:1fr!important;gap:16px!important}}.bestcaller-productivity-bar{background:var(--bg-primary,#f8fafc);border:1px solid var(--glass-border,#e2e8f0);border-radius:14px;flex-shrink:0;align-items:center;gap:14px;padding:6px 14px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000005}[data-theme=dark] .bestcaller-productivity-bar{background:#1e293b!important;border-color:#334155!important}.productivity-widget{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:4px 6px;transition:background-color .15s,transform .1s;display:flex}.productivity-widget:hover{background:#0000000a;transform:translateY(-1px)}[data-theme=dark] .productivity-widget:hover{background:#ffffff0f}.productivity-divider{background:var(--glass-border,#e2e8f0);width:1px;height:32px}[data-theme=dark] .productivity-divider{background:#334155!important}@media (width<=1450px){.productivity-col-optional{display:none!important}}@media (width<=1250px){.productivity-col-secondary{display:none!important}}@media (width<=1100px){.bestcaller-productivity-bar{gap:8px;padding:4px 8px}}