:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{color:#0f172a;background:#f4f7fb;font-family:Inter,Arial,sans-serif}button,input,select,textarea{font-family:inherit}button{cursor:pointer}.appShell{background:#f4f7fb;grid-template-columns:220px minmax(0,1fr) 360px;width:100vw;height:100vh;display:grid;overflow:hidden}.sidebarBackdrop{display:none}.sidebar{color:#fff;background:linear-gradient(#07152e,#0a1020);flex-direction:column;gap:24px;padding:24px 16px;display:flex;position:relative;overflow-y:auto}.closeSidebarMobile{display:none}.brand{align-items:center;gap:12px;display:flex}.brandIcon{color:#7c6cff;font-weight:900}.brand h2{color:#77a6df;margin:0;font-size:20px}.brand p{color:#cbd5e1;margin:0}.sidebar nav{flex-direction:column;gap:8px;display:flex}.navItem{color:#cbd5e1;text-align:left;background:0 0;border:none;border-radius:12px;padding:14px;font-weight:700;transition:all .2s}.navItem:hover{color:#fff;background:#7c3aed1f}.navItem.active{color:#fff;background:linear-gradient(135deg,#4f46e5,#6d28d9);position:relative;box-shadow:0 8px 20px #6d28d940}.creditsCard{background:#ffffff14;border-radius:16px;margin-top:auto;padding:16px}.creditsCard p{color:#cbd5e1}.progress{background:#ffffff1f;border-radius:999px;height:8px;margin:10px 0;overflow:hidden}.progress span{background:#8b5cf6;height:100%;display:block}.creditsCard button{color:#fff;background:#3730a3;border:0;border-radius:12px;width:100%;margin-top:10px;padding:12px;font-weight:800}.userBox{background:#ffffff0f;border-radius:16px;align-items:center;gap:12px;padding:16px;display:flex}.userBox>div{flex:1;min-width:0}.userBox strong{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:800;display:block;overflow:hidden}.userBox p{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;margin:4px 0 0;font-size:12px;overflow:hidden}.avatar,.smallAvatar{color:#fff;background:#7c3aed;border-radius:50%;flex:0 0 38px;justify-content:center;place-items:center;width:38px;min-width:38px;max-width:38px;height:38px;min-height:38px;max-height:38px;font-size:14px;font-weight:800;display:flex}.mainContent{min-width:0;padding:24px;overflow:hidden auto}.topHeader{justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}.mobileHeaderLeft{align-items:center;gap:14px;min-width:0;display:flex}.mobileMenuButton{color:#0f172a;background:#fff;border:none;border-radius:14px;width:42px;height:42px;font-size:22px;display:none;box-shadow:0 8px 18px #0f172a14}.topHeader h1{margin:0;font-size:32px;line-height:1.1}.topHeader p{color:#64748b;margin:6px 0 0}.topActions{flex-shrink:0;align-items:center;gap:12px;display:flex}.topActions button{color:#fff;background:#0f172a;border:0;border-radius:10px;padding:12px 16px;font-weight:800}.bell{font-size:20px}.statsGrid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:18px;margin-bottom:24px;display:grid}.statCard{background:#fff;border-radius:18px;align-items:center;gap:16px;padding:22px;display:flex;box-shadow:0 12px 28px #0f172a14}.statIcon{color:#6d28d9;background:#ede9fe;border-radius:50%;flex-shrink:0;place-items:center;width:52px;height:52px;font-size:22px;display:grid}.statCard.high .statIcon{color:#16a34a;background:#dcfce7}.statCard.medium .statIcon{color:#f59e0b;background:#fef3c7}.statCard.low .statIcon{color:#ef4444;background:#fee2e2}.statCard span{color:#64748b;font-weight:700}.statCard strong{margin-top:4px;font-size:34px;display:block}.statCard p{color:#16a34a;margin:6px 0 0;font-size:13px}.filters{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.filters input,.filters select{background:#fff;border:1px solid #dbe3ef;border-radius:12px;padding:14px;font-size:14px}.filters input{grid-column:1/-1;width:100%}.filters select{border-radius:14px;width:100%;min-width:0;padding:14px}.desktopKanban{grid-template-columns:repeat(5,minmax(190px,1fr));align-items:start;gap:14px;display:grid}.kanbanColumn{background:#ffffff94;border:1px solid #e2e8f0;border-radius:18px;min-height:640px;padding:14px}.kanbanHeader{justify-content:space-between;margin-bottom:14px;display:flex}.kanbanHeader div{align-items:center;gap:8px;display:flex}.dot{background:#94a3b8;border-radius:50%;width:10px;height:10px}.count{background:#fff;border-radius:999px;padding:4px 9px;font-weight:800}.leadCard{cursor:grab;background:#fff;border:1px solid #0000;border-radius:16px;margin-bottom:14px;padding:14px;box-shadow:0 8px 22px #0f172a14}.leadCard.selected{border-color:#8b5cf6}.leadCard:active{cursor:grabbing}.cardHeader{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.cardHeader h3{margin:0;font-size:15px;line-height:1.25}.leadCard p{margin:7px 0;font-size:12.5px;line-height:1.35}.phoneText{color:#334155}.leadMetaRow{justify-content:space-between;gap:12px;display:flex}.badge{white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:800}.badge.high{color:#166534;background:#dcfce7}.badge.medium{color:#92400e;background:#fef3c7}.badge.low{color:#991b1b;background:#fee2e2}.cardFooter{color:#64748b;justify-content:space-between;margin-top:14px;font-size:12px;display:flex}.addLead{color:#4f46e5;background:0 0;border:0;margin-top:10px;font-weight:800}.mobilePipeline{display:none}.mobileStatusTabs{gap:10px;margin-bottom:12px;padding:2px 0 14px;display:flex;overflow-x:auto}.mobileStatusTabs button{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;min-width:132px;padding:12px;font-weight:800;display:flex}.mobileStatusTabs button.active{color:#4f46e5;border-color:#7c3aed;box-shadow:0 8px 22px #7c3aed1f}.mobileStatusTabs strong{color:#0f172a;background:#f1f5f9;border-radius:999px;padding:3px 8px}.mobileLeadList{gap:12px;display:grid}.emptyState{text-align:center;color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:18px;padding:28px}.emptyState strong{color:#0f172a;margin-bottom:6px;display:block}.detailPanel{z-index:20;background:#fff;border-left:1px solid #e2e8f0;width:360px;height:100vh;padding:20px;position:relative;overflow-y:auto}.panelTop,.detailHeader,.panelRow,.sectionHeader,.panelFooter{justify-content:space-between;align-items:center;display:flex}.backButton,.closeButton{background:0 0;border:0;font-size:24px}.detailHeader{align-items:flex-start;gap:12px}.detailHeader h2{margin:12px 0 6px;font-size:26px;line-height:1.2}.phoneLine,.muted{color:#475569;margin:8px 0}.panelRow{border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;gap:12px;margin:18px 0;padding:16px 0}.panelRow label{color:#475569;flex:1;font-weight:700}.panelRow select{border:1px solid #dbe3ef;border-radius:10px;width:100%;margin-top:8px;padding:11px}.detailTabs{gap:8px;margin-bottom:18px;display:flex;overflow-x:auto}.detailTabs button{color:#475569;white-space:nowrap;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:10px 12px;font-weight:800}.detailTabs button.active{color:#5b21b6;background:#ede9fe;border-color:#8b5cf6}.detailSection h3,.panelBox h3,.recordingBox h3,.transcriptBox h3,.notesPanel h3{margin-bottom:12px}.detailsGrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.detailCard{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px}.detailCard span{color:#64748b;margin-bottom:6px;font-size:13px;display:block}.fullWidth{grid-column:span 2}.panelBox,.recordingBox,.transcriptBox,.notesPanel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;margin:18px 0;padding:16px}.panelBox p{line-height:1.5}.recordingBox audio{width:100%}.transcriptBox pre{white-space:pre-wrap;max-height:260px;font-family:inherit;font-size:13px;line-height:1.5;overflow-y:auto}.sectionHeader button{color:#4f46e5;background:0 0;border:0;font-weight:800}.notesPanel textarea{resize:vertical;background:#fffbeb;border:1px solid #f59e0b;border-radius:12px;width:100%;min-height:120px;padding:14px}.saveNotesPanelButton{color:#fff;background:#2563eb;border:0;border-radius:12px;width:100%;margin-top:10px;padding:12px;font-weight:800}.saveNotesPanelButton:disabled{cursor:not-allowed;opacity:.75;background:#94a3b8}.successMessage{color:#16a34a;font-size:13px;font-weight:700}.panelFooter{gap:12px;margin-top:20px}.deleteButton{color:#dc2626;background:0 0;border:0;font-weight:800}.closeMain{color:#fff;background:#0f172a;border:0;border-radius:12px;padding:14px 30px;font-weight:800}.mobileBottomNav{display:none}@media (width<=1180px){.appShell{grid-template-columns:220px minmax(0,1fr)}.detailPanel{position:fixed;top:0;right:0;box-shadow:-20px 0 40px #0f172a2e}.statsGrid{grid-template-columns:repeat(2,minmax(180px,1fr))}.desktopKanban{grid-template-columns:repeat(5,minmax(220px,1fr));padding-bottom:18px;overflow-x:auto}}@media (width<=768px){html,body,#root{height:100%;overflow:hidden}.appShell{height:100dvh;display:block;overflow:hidden}.sidebarBackdrop{z-index:90;background:#0f172a70;border:0;display:block;position:fixed;inset:0}.sidebar{z-index:100;width:260px;height:100dvh;transition:left .25s;position:fixed;top:0;left:-270px;box-shadow:24px 0 50px #0f172a40}.sidebar.open{left:0}.closeSidebarMobile{color:#fff;background:#ffffff14;border:none;border-radius:10px;width:34px;height:34px;font-size:22px;display:block;position:absolute;top:14px;right:14px}.mainContent{-webkit-overflow-scrolling:touch;height:calc(100dvh - 76px);padding:16px 16px 24px;overflow:hidden auto}.topHeader{align-items:flex-start;margin-bottom:18px}.mobileMenuButton{place-items:center;display:grid}.topHeader h1{font-size:24px}.topHeader p{font-size:13px;line-height:1.3}.topActions{gap:8px}.topActions button,.adminLabel{display:none}.smallAvatar{width:38px;height:38px}.statsGrid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:18px}.statCard{border-radius:18px;flex-direction:column;align-items:flex-start;gap:10px;padding:15px}.statIcon{width:46px;height:46px}.statCard span{font-size:13px}.statCard strong{font-size:28px}.statCard p{font-size:12px}.filters{flex-direction:column;gap:10px;margin-bottom:16px}.filters input,.filters select{border-radius:14px;width:100%;min-width:0;padding:14px}.desktopKanban{display:none}.mobilePipeline{padding-bottom:32px;display:block}.mobileLeadList{gap:12px;padding-bottom:40px;display:grid}.mobileLeadList .leadCard{margin-bottom:0}.leadCard{border-radius:18px;padding:16px}.leadCard p{font-size:13px}.detailPanel{z-index:300;-webkit-overflow-scrolling:touch;border-left:none;width:100%;height:100dvh;padding:16px 16px 34px;position:fixed;inset:0;overflow-y:auto}.detailHeader h2{font-size:24px}.panelRow{flex-direction:column;align-items:stretch}.detailsGrid{grid-template-columns:1fr}.fullWidth{grid-column:span 1}.panelFooter{flex-direction:column;align-items:stretch}.closeMain,.deleteButton{width:100%;padding:14px}.mobileBottomNav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:250;background:#fffffff5;border-top:1px solid #e2e8f0;grid-template-columns:repeat(5,1fr);width:100%;height:76px;display:grid;position:fixed;bottom:0;left:0}.mobileBottomNav button{color:#64748b;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;display:flex}.mobileBottomNav span{font-size:22px}.mobileBottomNav p{margin:0}.mobileBottomNav button.active{color:#6d28d9;font-weight:800}}@media (width<=390px){.statsGrid{grid-template-columns:1fr}.mobileStatusTabs button{min-width:122px}}@media (width<=768px){.detailPanel{background:#f8fafc;padding:18px 16px 40px}.panelTop{margin-bottom:10px}.backButton,.closeButton{background:#fff;border-radius:999px;place-items:center;width:36px;height:36px;font-size:20px;display:grid;box-shadow:0 6px 16px #0f172a14}.detailHeader{background:#fff;border-radius:22px;margin-bottom:18px;padding:18px;box-shadow:0 10px 26px #0f172a0f}.detailHeader h2{margin:0 0 8px;font-size:24px;font-weight:900}.phoneLine{margin:6px 0;font-size:15px}.muted{color:#64748b;font-size:13px}.detailHeader .badge{padding:9px 14px;font-size:12px}.panelRow{background:#fff;border:1px solid #e2e8f0;border-radius:20px;gap:14px;margin:0 0 18px;padding:16px}.panelRow label{color:#475569;text-align:left;font-size:13px}.panelRow select{background:#f8fafc;border-radius:14px;height:46px;margin-top:8px;font-size:14px}.detailTabs{background:#fff;border-radius:999px;gap:6px;margin-bottom:20px;padding:6px;box-shadow:0 8px 20px #0f172a0d}.detailTabs button{background:0 0;border:none;border-radius:999px;flex:1;padding:11px 10px;font-size:13px}.detailTabs button.active{color:#5b21b6;background:#ede9fe;box-shadow:inset 0 0 0 1px #8b5cf6}.detailSection h3,.panelBox h3,.recordingBox h3,.transcriptBox h3,.notesPanel h3{text-align:left;margin:0 0 14px;font-size:18px}.detailsGrid{gap:12px}.detailCard{text-align:left;background:#fff;border-radius:18px;padding:18px;box-shadow:0 8px 22px #0f172a0d}.detailCard span{color:#64748b;margin-bottom:8px;font-size:12px}.detailCard strong{color:#0f172a;font-size:15px;line-height:1.4}.panelBox,.recordingBox,.transcriptBox,.notesPanel{background:#fff;border-radius:20px;padding:18px;box-shadow:0 8px 22px #0f172a0d}.panelBox p{color:#334155;font-size:14px;line-height:1.6}}.headerUserBox{background:#ffffff1f;border:1px solid #ffffff29;border-radius:16px;align-items:center;gap:12px;padding:8px 12px;display:flex}.headerUserBox strong{color:#0f172a;font-size:14px;display:block}.headerUserBox span{color:#64748b;font-size:12px;display:block}.logoutIconButton{color:#4f46e5;cursor:pointer;background:#eef2ff;border:none;border-radius:12px;width:34px;height:34px;font-size:18px}.logoutModalBackdrop{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;place-items:center;display:grid;position:fixed;inset:0}.logoutModal{background:#fff;border-radius:18px;width:min(390px,100% - 32px);overflow:hidden;box-shadow:0 24px 80px #0f172a40}.logoutModal h3{color:#173f76;border-bottom:1px solid #e5eaf3;margin:0;padding:22px 24px 16px;font-size:20px}.logoutModal p{color:#64748b;margin:0;padding:20px 24px;line-height:1.55}.logoutModalActions{justify-content:flex-end;gap:12px;padding:0 24px 22px;display:flex}.cancelLogoutButton,.confirmLogoutButton{cursor:pointer;border-radius:10px;min-width:110px;height:42px;font-weight:800}.cancelLogoutButton{color:#334155;background:#f8fafc;border:1px solid #cbd5e1}.confirmLogoutButton{color:#fff;background:#1d4f9a;border:none}.notificationWrapper,.userMenuWrapper{position:relative}.notificationButton{color:#0f172a;background:#fff;border:none;border-radius:14px;width:42px;height:42px;position:relative;box-shadow:0 8px 20px #0f172a14}.headerUserButton{align-items:center;gap:12px;min-width:260px;height:58px;display:flex;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:0 4px!important}.chevron{color:#64748b;margin-left:8px;font-size:16px;font-weight:400}.notificationsDropdown,.userDropdown{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:18px;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 24px 70px #0f172a29}.notificationsDropdown{width:330px}.userDropdown{width:230px}.dropdownHeader strong{font-size:15px}.dropdownHeader button{color:#6d28d9;background:0 0;border:none;font-size:12px;font-weight:800}.notificationItem strong{color:#0f172a;font-size:13px}.viewAllNotifications{color:#4f46e5;background:#fff;border:none;border-top:1px solid #f1f5f9;width:100%;padding:16px;font-weight:900}.dropdownAction{color:#334155;text-align:left;background:#fff;border:none;border-bottom:1px solid #f1f5f9;width:100%;padding:16px 18px;font-weight:800}.refreshButton{color:#fff!important;background:#0f172a!important;border-radius:14px!important}@media (width<=768px){.headerUserBox div{display:none}.logoutIconButton{width:38px;height:38px}}.topActions{align-items:center;gap:12px;display:flex;position:relative}.notificationButton{width:42px;height:42px;box-shadow:none;border:none;border-radius:14px;position:relative;color:#0f172a!important;background:0 0!important;padding:0!important}.notificationBadge{color:#fff;background:#7c3aed;border-radius:999px;place-items:center;width:18px;height:18px;font-size:11px;font-weight:900;display:grid;position:absolute;top:-4px;right:-2px}.userMenuWrapper{position:relative}.headerUserButton{align-items:center;gap:12px;min-width:260px;height:58px;display:flex;box-shadow:0 12px 34px #0f172a14;color:#0f172a!important;background:#fff!important;border:none!important;border-radius:20px!important;padding:8px 14px!important}.headerUserButton div:nth-child(2){text-align:left;flex:1;min-width:0}.headerUserButton strong{color:#0f172a;font-size:14px;display:block}.accountDropdown{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:330px;position:absolute;top:calc(100% + 14px);right:0;overflow:hidden;box-shadow:0 28px 80px #0f172a29}.dropdownHeader{justify-content:space-between;align-items:center;padding:18px;display:flex}.dropdownHeader strong{color:#0f172a;font-size:15px}.dropdownHeader button{font-size:12px;font-weight:800;color:#6d28d9!important;background:0 0!important;border:none!important;padding:0!important}.notificationItem{border-top:1px solid #f1f5f9;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:14px 18px;display:grid}.notificationItem strong{color:#0f172a;font-size:13px;line-height:1.35;display:block}.notificationItem p,.notificationItem span{color:#64748b;margin:4px 0 0;font-size:12px}.notificationIcon{border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.notificationIcon.call{background:#ede9fe}.notificationIcon.recording{background:#dcfce7}.notificationIcon.calendar{background:#fef3c7}.viewAllNotifications{width:100%;font-weight:900;color:#4f46e5!important;background:#fff!important;border:none!important;border-top:1px solid #f1f5f9!important;border-radius:0!important;padding:16px!important}.dropdownAction{text-align:left;width:100%;font-weight:800;color:#334155!important;background:#fff!important;border:none!important;border-top:1px solid #f1f5f9!important;border-radius:0!important;padding:17px 20px!important}.dropdownAction.logout{color:#ef4444!important}@media (width<=768px){.headerUserButton{justify-content:center;width:46px;min-width:auto;height:46px;padding:0}.headerUserButton div:nth-child(2),.chevron{display:none}.notificationsDropdown{width:min(330px,100vw - 32px);right:-64px}.refreshButton{display:none}}.topActions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:0;display:flex;position:relative}.headerUserButton{align-items:center;gap:12px;min-width:300px;height:58px;transition:background .18s;box-shadow:none!important;color:#0f172a!important;background:0 0!important;border:none!important;border-radius:18px!important;outline:none!important;padding:6px 12px!important;display:flex!important}.headerUserButton:hover,.headerUserButton:focus,.headerUserButton:active{box-shadow:none!important;background:#ffffffb8!important;border:none!important}.headerUserButton .notificationWrapper{flex-shrink:0;place-items:center;width:28px;height:28px;display:grid;position:relative}.headerUserButton .notificationButton{place-items:center;width:28px;height:28px;font-size:18px;display:grid;box-shadow:none!important;color:#0f172a!important;background:0 0!important;border:none!important;border-radius:0!important;padding:0!important}.headerUserButton .notificationBadge{color:#fff;background:#7c3aed;border-radius:999px;place-items:center;width:18px;height:18px;font-size:11px;font-weight:900;display:grid;position:absolute;top:-7px;right:-5px}.headerUserButton .userInfo,.headerUserButton div:nth-child(3){text-align:left;flex:1;min-width:0}.headerUserButton strong{color:#0f172a;font-size:14px;line-height:1.2;display:block}.headerUserButton span{color:#64748b;font-size:12px;font-weight:400;line-height:1.2}.headerUserButton .chevron{color:#94a3b8;place-items:center;margin-left:auto;font-size:16px;line-height:1;display:grid}.headerUserButton .chevron img,.headerUserButton .chevron svg{width:14px;height:14px;display:block}.notificationsDropdown,.userDropdown,.accountDropdown{z-index:1000;position:absolute;top:calc(100% + 14px);right:0}.refreshButton{display:none!important}.headerUserButton{min-width:300px!important;height:64px!important;box-shadow:none!important;color:#0f172a!important;background:0 0!important;border:none!important;border-radius:18px!important;outline:none!important;align-items:center!important;gap:12px!important;padding:8px 16px!important;transition:background .18s!important;display:flex!important}.headerUserButton:hover{background:#ffffffb8!important}.headerUserButton .notificationWrapper{margin-right:6px;flex:0 0 28px!important;place-items:center!important;width:28px!important;height:28px!important;display:grid!important;position:relative!important}.headerUserButton .notificationButton{width:28px!important;height:28px!important;box-shadow:none!important;background:0 0!important;border:none!important;place-items:center!important;padding:0!important;font-size:18px!important;display:grid!important}.headerUserButton .notificationBadge{top:-3px;right:-4px;position:absolute!important}.headerUserButton .smallAvatar{border-radius:50%!important;flex:0 0 38px!important;place-items:center!important;width:38px!important;min-width:38px!important;max-width:38px!important;height:38px!important;display:grid!important}.headerUserButton .userInfo{text-align:left!important;flex:auto!important;min-width:0!important}.headerUserButton .userInfo strong{color:#0f172a!important;font-size:14px!important;line-height:1.2!important;display:block!important}.headerUserButton .userInfo span{font-weight:500;color:#64748b!important;white-space:nowrap!important;text-overflow:ellipsis!important;font-size:12px!important;line-height:1.2!important;display:block!important;overflow:hidden!important}.headerUserButton .chevron{flex:none!important;place-items:center!important;margin-left:4px!important;display:grid!important}.headerUserButton .chevron img{width:24px!important;height:16px!important}.pagePanel{background:#fff;border:1px solid #e2e8f0;border-radius:22px;padding:28px;box-shadow:0 12px 28px #0f172a0f}.pagePanel h2{margin:0 0 8px;font-size:28px}.pagePanel p{color:#64748b}.leadsPage{gap:18px;display:grid}.leadsStatsGrid{grid-template-columns:repeat(6,minmax(145px,1fr));gap:14px;display:grid}.leadsStatsGrid .statCard{min-height:118px;padding:18px}.leadsStatsGrid .statIcon{width:42px;height:42px;font-size:18px}.leadsStatsGrid .statCard strong{font-size:28px}.statCard.new .statIcon{color:#2563eb;background:#dbeafe}.statCard.contacted .statIcon{color:#7c3aed;background:#ede9fe}.leadsToolbar{background:#fff;border:1px solid #e2e8f0;border-radius:18px;grid-template-columns:minmax(260px,1.5fr) repeat(3,minmax(150px,1fr)) 150px 110px 130px;gap:12px;padding:14px;display:grid;box-shadow:0 10px 26px #0f172a0d}.leadsSearchBox{position:relative}.leadsSearchBox input,.leadsToolbar select,.leadsDateButton,.exportButton,.addLeadButton{color:#0f172a;background:#fff;border:1px solid #dbe3ef;border-radius:12px;width:100%;height:44px;padding:0 14px;font-weight:700}.leadsSearchBox input{padding-right:38px;font-weight:500}.leadsSearchBox span{color:#94a3b8;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.leadsDateButton,.exportButton{color:#334155}.addLeadButton{color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:none;box-shadow:0 10px 22px #7c3aed38}.leadsTableCard{background:#fff;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;box-shadow:0 12px 28px #0f172a0f}.leadsTable{border-collapse:collapse;width:100%;font-size:13px}.leadsTable thead{background:#fff}.leadsTable th{color:#475569;text-align:left;white-space:nowrap;border-bottom:1px solid #e2e8f0;padding:18px 16px;font-size:12px;font-weight:900}.leadsTable td{color:#334155;vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:17px 16px}.leadsTable tbody tr:hover{background:#f8fafc}.leadIdentity{align-items:center;gap:12px;display:flex}.leadIdentity strong{color:#0f172a;margin-bottom:3px;font-weight:900;display:block}.leadIdentity span{color:#64748b;font-size:12px}.leadMiniAvatar,.ownerAvatar{border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:11px;font-weight:900;display:grid}.leadMiniAvatar.new{color:#ef4444;background:#fee2e2}.leadMiniAvatar.contacted{color:#7c3aed;background:#ede9fe}.leadMiniAvatar.appointment-scheduled{color:#d97706;background:#fef3c7}.leadMiniAvatar.closed-won{color:#16a34a;background:#dcfce7}.leadMiniAvatar.closed-lost{color:#991b1b;background:#fee2e2}.statusPill{border-radius:999px;justify-content:center;align-items:center;min-width:72px;padding:6px 12px;font-size:11px;font-weight:900;display:inline-flex}.statusPill.new{color:#2563eb;background:#dbeafe}.statusPill.contacted{color:#7c3aed;background:#ede9fe}.statusPill.appointment-scheduled{color:#d97706;background:#fef3c7}.statusPill.closed-won{color:#16a34a;background:#dcfce7}.statusPill.closed-lost{color:#991b1b;background:#fee2e2}.nextStepCell{align-items:center;gap:10px;display:flex}.nextStepCell>span{color:#7c3aed;font-size:16px}.nextStepCell strong{color:#334155;font-size:12px;display:block}.nextStepCell small{color:#64748b;margin-top:3px;font-size:11px;display:block}.scoreBubble{border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;font-weight:900;display:grid}.scoreBubble.good{color:#16a34a;background:#dcfce7}.scoreBubble.medium{color:#d97706;background:#fef3c7}.scoreBubble.bad{color:#ef4444;background:#fee2e2}.ownerAvatar{color:#fff;background:#7c3aed}.tableActions{align-items:center;gap:8px;display:flex}.tableActions button{color:#4f46e5;background:0 0;border:none;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.tableActions button:hover{background:#f1f5f9}.leadsTableFooter{color:#64748b;justify-content:space-between;align-items:center;padding:14px 18px;font-size:12px;display:flex}.pagination{align-items:center;gap:8px;display:flex}.pagination button,.pagination select{background:#fff;border:1px solid #dbe3ef;border-radius:8px;height:34px;padding:0 10px;font-weight:800}.pagination button.active{color:#fff;background:#6d28d9;border-color:#6d28d9}@media (width<=1280px){.leadsStatsGrid{grid-template-columns:repeat(3,minmax(160px,1fr))}.leadsToolbar{grid-template-columns:1fr 1fr}.leadsTableCard{overflow-x:auto}.leadsTable{min-width:1050px}}@media (width<=768px){.leadsStatsGrid{grid-template-columns:1fr 1fr}.leadsToolbar{grid-template-columns:1fr}.leadsTable{min-width:1000px}.leadsTableFooter{flex-direction:column;align-items:flex-start;gap:12px}.topActions{gap:0}.topActions .headerUserButton{justify-content:center;width:46px;min-width:auto;height:46px;border-radius:999px!important;padding:0!important;display:flex!important}.headerUserButton:hover,.headerUserButton:focus,.headerUserButton:active{background:#ffffffb8!important}.headerUserButton .notificationWrapper,.headerUserButton .userInfo,.headerUserButton div:nth-child(3),.headerUserButton .chevron{display:none!important}.notificationsDropdown,.accountDropdown{width:min(330px,100vw - 32px);right:0}.refreshButton{display:none!important}}.loginPage{background:#fbfafb;grid-template-columns:minmax(520px,47%) 1fr;width:100%;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid;overflow:hidden}.loginLeft{background:#fbfafb;border-top-right-radius:40px;border-bottom-right-radius:54px;justify-content:flex-end;align-items:center;height:100vh;padding:0;display:flex;overflow:hidden}.loginLeft img{object-fit:contain;object-position:right center;background:#fbfafb;border-radius:0;width:min(100%,760px);height:auto;max-height:96vh;margin-right:0;display:block}.loginRight{box-sizing:border-box;background:#fbfafb;justify-content:flex-start;align-items:center;max-width:98%;max-height:96vh;padding:32px 48px 32px 24px;display:flex;position:relative;overflow:visible}.loginRight:before,.loginRight:after{content:"";background:#7c4fff12;border-radius:44px;width:clamp(110px,10vw,170px);height:clamp(110px,10vw,170px);position:absolute}.loginRight:before{top:44px;right:72px}.loginRight:after{bottom:76px;right:98px}.loginCard{z-index:2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-sizing:border-box;background:#ffffffeb;border:1px solid #dce3f3;border-radius:36px;width:460px;min-width:460px;max-width:460px;margin-left:-30px;padding:38px;position:relative;box-shadow:0 26px 90px #141e460f}.cardLogo{background:#fbfafb;border-radius:50%;justify-content:center;align-items:center;gap:8px;width:clamp(56px,3.8vw,66px);height:clamp(56px,3.8vw,66px);display:flex;box-shadow:0 14px 38px #7c4fff40}.cardLogo span{background:linear-gradient(#8b5cf6,#5b35f5);border-radius:4px;width:8px;height:32px}.loginCard h2{letter-spacing:-1px;color:#0f172a;margin:24px 0 8px;font-size:32px;line-height:1.1}.subtitle{color:#52637d;margin:0 0 24px;font-size:14px}.loginCard form{gap:clamp(12px,1vw,16px);display:grid}.loginCard label,.passwordHeader label{color:#484d58;text-align:left;margin-bottom:-10px;font-weight:600}.inputBox{background:#fff;border:1px solid #d7dfec;border-radius:12px;align-items:center;gap:14px;height:48px;padding:0 18px;display:flex}.inputBox span{text-align:center;width:24px}.inputBox input{color:#475569;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:15px;font-weight:300;line-height:1.4}.inputBox input::placeholder{color:#7b8aa6}.passwordHeader{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.passwordHeader button,.eyeButton{color:#5b35f5;cursor:pointer;background:0 0;border:none;font-weight:800}.eyeButton{font-size:16px}.rememberRow{color:#1e293b;align-items:center;gap:10px;margin:4px 0 8px;display:flex;font-weight:600!important}.rememberRow input{accent-color:#6d4df5;width:20px;height:20px}.signInButton{color:#fff;cursor:pointer;background:linear-gradient(90deg,#6d4df5,#7c3aed);border:none;border-radius:12px;height:50px;font-size:clamp(15px,1vw,17px);font-weight:900;box-shadow:0 16px 30px #6d4df557}.signInButton:disabled{opacity:.7;cursor:not-allowed}.loginError{color:#991b1b;background:#fee2e2;border-radius:10px;margin:0;padding:12px 14px;font-weight:700}.socialDivider{align-items:center;gap:16px;margin:18px 0 4px;display:flex}.socialDivider span{background:#e2e8f0;flex:1;height:1px}.socialDivider p{color:#64748b;white-space:nowrap;margin:0;font-size:14px}.socialButtons{grid-template-columns:1fr 1fr;gap:14px;display:grid}.socialButton svg{flex-shrink:0}.socialButton{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #d7dfec;border-radius:12px;justify-content:center;align-items:center;gap:10px;height:46px;font-weight:800;display:flex}.googleIcon{color:#4285f4;font-size:20px;font-weight:900}.microsoftIcon{grid-template-columns:1fr 1fr;gap:2px;width:19px;height:19px;display:grid}.microsoftIcon i:first-child{background:#f25022}.microsoftIcon i:nth-child(2){background:#7fba00}.microsoftIcon i:nth-child(3){background:#00a4ef}.microsoftIcon i:nth-child(4){background:#ffb900}.signupText{text-align:center;color:#64748b;margin:18px 0 0;font-weight:600}.signupText button{color:#5b35f5;cursor:pointer;background:0 0;border:none;font-weight:900}@media (width<=1100px){.loginPage{grid-template-columns:minmax(430px,48%) 1fr}.loginLeft{padding:0}.loginLeft img{width:min(100%,650px);max-height:92vh}.loginRight{padding:28px 36px 28px 20px}.loginCard{width:430px;min-width:430px;max-width:430px;margin-left:-24px;padding:34px}}@media (width<=900px){.loginPage{grid-template-columns:1fr;overflow-y:auto}.loginLeft{display:none}.loginRight{justify-content:center;min-height:100vh;padding:24px}.loginCard{width:min(100%,440px);min-width:0;max-width:440px;margin-left:0;padding:34px 24px}.loginCard h2{font-size:30px}}@media (width<=560px){.socialButtons{grid-template-columns:1fr}}.loginCard{transform-origin:0}@media (height<=820px){.loginCard{transform:scale(.9)}}@media (height<=720px){.loginCard{transform:scale(.8)}}@media (height<=620px){.loginCard{transform:scale(.7)}}