@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";html,body{font-family:Inter,sans-serif;height:auto;min-height:100%;overflow-y:auto}.admin-layout{display:flex;min-height:100%;background-color:#f9fafb}.admin-content{flex:1 1 auto;padding:24px;overflow-y:visible}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.admin-header h2{font-size:20px;font-weight:600;color:#111827;margin:0}.admin-header .admin-username{color:#2563eb}.admin-avatar{width:32px;height:32px;border-radius:50%;background-color:#d1d5db}.sidebar{width:240px;background-color:#3a6af1;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:16px 0;min-height:100vh;border-radius:12px 0 0 12px}.sidebar-top{display:flex;flex-direction:column}.sidebar-logo{display:flex;justify-content:left;padding:0 16px 30px}.sidebar-logo img{width:150px;height:auto}.sidebar-separator{height:1px;background-color:#ffffff4d;margin:0 16px 6px}.sidebar-section-title{font-size:15px;font-weight:600;color:#cbd5e1;letter-spacing:.5px;padding:0 16px;margin-bottom:10px}.sidebar-menu{display:flex;flex-direction:column;gap:15px}.menu-item{display:flex;align-items:center;gap:10px;padding:8px 16px;color:#e5e7eb;text-decoration:none;font-size:14px;border-radius:6px;transition:all .2s}.menu-item img{width:18px;height:18px}.menu-item:hover{background-color:#3b82f6;color:#fff}.menu-item.active{background-color:#5d9bff;color:#fff;font-weight:600}.sidebar-logout{display:flex;align-items:center;gap:10px;padding:10px 16px;cursor:pointer;font-size:14px;color:#e5e7eb;border-radius:6px;transition:all .2s}.sidebar-logout img{width:18px;height:18px}.sidebar-logout:hover{background-color:#3b82f6;color:#fff}.customer-table-container{border-radius:8px;overflow:auto}.customer-table{width:100%;border-collapse:collapse;font-family:Inter,sans-serif;font-size:14px;color:#111827}.customer-table thead{background-color:#4287f5;color:#fff;font-weight:600}.customer-table thead th{text-align:left;padding:12px 16px}.customer-table tbody tr{border-bottom:1px solid #e5e7eb}.customer-table tbody td{padding:12px 16px;vertical-align:middle}.customer-table tbody tr:last-child{border-bottom:none}.badge{display:inline-block;padding:2px 10px;border-radius:9999px;font-size:12px;font-weight:500}.badge-cold{background-color:#e0f2fe;color:#0284c7}.badge-warm{background-color:#dcfce7;color:#16a34a}.badge-hot{background-color:#fee2e2;color:#dc2626}.dots{text-align:right;color:#6b7280;font-weight:700;cursor:pointer}.pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:16px;font-family:Inter,sans-serif}.pagination-btn{padding:6px 12px;border-radius:6px;border:1px solid #d1d5db;background-color:#fff;color:#374151;font-size:14px;cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background-color:#f3f4f6}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background-color:#4287f5;color:#fff;border-color:#4287f5;font-weight:600}.pagination-ellipsis{padding:6px 10px;color:#6b7280;font-size:14px}.filter-bar{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:16px;font-family:Inter,sans-serif}.filter-select{padding:6px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#374151;background-color:#fff;cursor:pointer;transition:border-color .2s ease}.filter-select:focus{outline:none;border-color:#4287f5}.filter-dropdown{position:relative;display:inline-block}.filter-btn{padding:6px 12px;background-color:#4287f5;color:#fff;font-size:14px;font-weight:500;border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.filter-btn:hover{background-color:#2563eb}.filter-menu{display:none;position:absolute;right:0;margin-top:6px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 6px #0000001a;min-width:160px;z-index:50}.filter-dropdown:hover .filter-menu{display:block}.filter-item,.filter-item-cold,.filter-item-warm,.filter-item-hot{padding:8px 12px;cursor:pointer;font-size:14px;color:#374151;transition:background-color .2s ease,color .2s ease}.filter-item:hover,.filter-item-cold:hover,.filter-item-warm:hover,.filter-item-hot:hover{background-color:#f3f4f6}.filter-item.active{font-weight:600;background-color:#ede9fe;color:#7c3aed}.filter-item-cold.active{font-weight:600;background-color:#e0f2fe;color:#0284c7}.filter-item-warm.active{font-weight:600;background-color:#dcfce7;color:#16a34a}.filter-item-hot.active{font-weight:600;background-color:#fee2e2;color:#dc2626}.header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-text{text-align:left;display:flex;flex-direction:column;align-items:flex-start}.header-text h1{font-size:20px;font-weight:600;color:#111827;margin:0 0 10px}.header-text p{font-size:14px;color:#6b7280;margin:0}.leads-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:0 8px}.leads-header-left{display:flex;flex-direction:column}.leads-title{font-size:20px;font-weight:600;margin:0;color:#111827}.leads-subtitle{font-size:14px;color:#6b7280;margin-top:4px}.leads-header-right{display:flex;align-items:center}.filter-combined{display:flex;align-items:center;border:1px solid #d1d5db;background:#fff;border-radius:8px;overflow:hidden}.date-picker-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;background:transparent;font-size:14px;cursor:pointer;color:#374151}.calendar-icon{width:16px;height:16px}.date-filter{border:none;border-left:1px solid #d1d5db;padding:6px 12px;font-size:14px;cursor:pointer;color:#374151;background:transparent}.leads-table-container{margin-top:16px;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.leads-table{width:100%;border-collapse:collapse;background:#fff}.leads-table thead{background-color:#4287f5;color:#fff;text-align:left}.leads-table thead th{padding:12px 16px;font-size:14px;font-weight:500}.leads-table tbody td{padding:12px 16px;font-size:14px;color:#374151;border-bottom:1px solid #e5e7eb}.leads-table tbody tr:last-child td{border-bottom:none}.header-dot{text-align:center;color:#6b7280}.ellipsis{text-align:right;font-weight:700;cursor:pointer;color:#6b7280}.customer-chart-container{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:20px;width:564px;font-family:sans-serif}.chart-title{font-size:18px;font-weight:700;margin-bottom:16px}.chart-content{display:flex;align-items:center;gap:32px}.chart-container{position:relative;width:200px;height:200px}.chart-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.chart-total{font-size:28px;font-weight:700;display:block}.chart-subtitle{font-size:12px;color:#9ca3af}.chart-legend{display:flex;flex-direction:column;gap:12px}.legend-item{display:flex;align-items:center;gap:8px;font-size:14px}.legend-box{width:16px;height:16px;border-radius:4px;display:inline-block}.legend-text{flex:1}.legend-value{font-weight:500}.black{background:#000}.red{background:#ef4444}.blue{background:#3b82f6}.green{background:#10b981}.funnel-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:20px;display:flex;flex-direction:column;width:564px}.funnel-title{font-size:18px;font-weight:700;margin-bottom:20px}.funnel-body{display:flex;align-items:center;justify-content:space-between;gap:32px}.funnel-labels{display:flex;flex-direction:column;justify-content:space-between;gap:40px}.funnel-label{font-size:15px;font-weight:500}.funnel-chart{flex:1;min-width:260px;height:240px}.leads-charts{display:flex;gap:24px;margin:24px 0;flex-wrap:wrap}.recharts-wrapper,.recharts-surface{outline:none!important}.chart-wrapper{background:#fff;border-radius:12px;padding:16px 20px;box-shadow:0 2px 8px #00000014;margin:16px 0}.chart-heading{font-size:16px;font-weight:600;color:#111827;margin-bottom:12px}.histogram-wrapper{background:#fff;border-radius:12px;padding:16px 20px;box-shadow:0 2px 8px #00000014;margin:16px 0}.histogram-title{font-size:16px;font-weight:600;color:#111827;margin-bottom:12px}@media (max-width: 1024px){.sidebar{width:200px}.customer-chart-container,.funnel-card{width:100%}.leads-charts{flex-direction:column}}@media (max-width: 768px){.admin-layout{flex-direction:column}.sidebar{width:100%;min-height:auto;flex-direction:row;justify-content:space-between;border-radius:0;padding:10px}.sidebar-logo{padding:0}.sidebar-menu{flex-direction:row;flex-wrap:wrap;gap:10px}.sidebar-logout{justify-content:flex-end}.admin-content{padding:16px}.admin-header h2{font-size:16px}.customer-table-container,.leads-table-container{overflow-x:auto}.customer-chart-container,.funnel-card{width:100%}}html,body{font-family:Inter,sans-serif;margin:0;padding:0;overflow-x:hidden}.navbar{width:100%;max-width:100vw;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;position:fixed;top:0;left:0;z-index:50;background:transparent;box-sizing:border-box}.navbar-left{display:flex;align-items:center;gap:.5rem}.logo{height:32px;width:auto}.navbar-right .btn-get-started{background:#fff;color:#2563eb;font-weight:500;padding:.5rem 1.25rem;border-radius:9999px;text-decoration:none;transition:background .3s ease}.navbar-right .btn-get-started:hover{background:#f3f4f6}.problem-section{background:transparent;padding:5rem 2rem}.problem-container{max-width:1000px;margin:0 auto;background:#fff;border-radius:20px;padding:3rem 2rem;box-shadow:0 8px 30px #00000014;text-align:left}.problem-title{font-size:.9rem;font-weight:600;color:#2563eb;margin-bottom:.5rem}.problem-heading{font-size:2rem;font-weight:700;margin-bottom:2.5rem;line-height:1.4}.problem-cards{display:flex;flex-direction:column;gap:1.5rem}.problem-card{flex:1;display:flex;flex-direction:column;align-items:flex-start}.problem-icon{font-size:2rem;margin-bottom:.75rem;display:block;color:#2563eb}.problem-card h4{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.problem-card p{font-size:.95rem;color:#4b5563}@media (min-width: 768px){.problem-cards{flex-direction:row}}.solution-section{display:flex;justify-content:center;align-items:flex-start;gap:2rem;padding:4rem 1rem;background:transparent}.solution-box{width:586px;border-width:0px 2px 2px 2px;border-style:solid;border-color:#3b82f6;border-radius:12px;padding:80px 30px 30px;text-align:left;position:relative}.solution-title{font-size:2.5rem;font-weight:700;line-height:1.2;color:#3b82f6;position:absolute;top:-60px;left:20px;background:transparent}.solution-title .solution-highlight{color:#000}.solution-card{margin-bottom:1.5rem}.solution-card-title{font-size:1.1rem;font-weight:600;color:#3b82f6;margin-bottom:.5rem}.solution-card p{font-size:.95rem;color:#374151}.solution-mockup-card{flex:1;max-width:800px;background:#fff;border-radius:16px;box-shadow:0 8px 24px #0000001f;padding:2rem;margin-left:2rem;display:flex;flex-direction:column;justify-content:center;align-items:stretch}.cta-section{background:linear-gradient(135deg,#3bb2f6,#3a6af1,#3852ec,#3623e2);color:#fff;padding:5rem 2rem}.cta-container{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.cta-text{flex:1}.cta-subtitle{font-size:.9rem;font-weight:600;opacity:.9;margin-bottom:.75rem}.cta-heading{font-size:2rem;font-weight:700;line-height:1.4;margin-bottom:1rem}.cta-offer{font-size:1rem;opacity:.9}.cta-form{display:flex;align-items:center;border:1px solid #fff;border-radius:9999px;padding:.25rem;background:transparent;max-width:450px;width:100%}.cta-input{flex:1;padding:.75rem 1rem;border:none;background:transparent;font-size:1rem;color:#fff}.cta-input::placeholder{color:#fffc}.cta-input:focus{outline:none;box-shadow:none}.cta-button{background:#fff;color:#2563eb;font-weight:600;padding:.75rem 1.5rem;border-radius:9999px;border:none;cursor:pointer;transition:background .3s ease;display:flex;align-items:center;gap:.3rem;white-space:nowrap}.cta-button:hover{background:#f3f4f6}.arrow{font-size:1rem}@media (min-width: 768px){.cta-container{flex-direction:row;justify-content:space-between;align-items:center}.cta-text{text-align:left;max-width:600px}}.hero{position:relative;width:100%;min-height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;overflow:visible;background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='1920'%20height='1080'%20viewBox='0%200%201920%201080'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M1920%200H-6.10352e-05V1080C-6.10352e-05%201080%20283%20455%20916%20876C1471%201091.58%201920%20860%201920%20860V0Z'%20fill='url(%23paint0_linear_400_3)'/%3e%3cpath%20d='M916%20876C1471%201091.58%201920%20860%201920%20860C1920%20860%201549%201297%20916%20876Z'%20fill='%23C9DEFF'/%3e%3cpath%20d='M-6.10352e-05%201080C-6.10352e-05%201080%20283%20455%20916%20876C361%20660.422%20-6.10352e-05%201080%20-6.10352e-05%201080Z'%20fill='%23C9DEFF'/%3e%3cdefs%3e%3clinearGradient%20id='paint0_linear_400_3'%20x1='960'%20y1='0'%20x2='960'%20y2='1127.96'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%233B82F6'/%3e%3cstop%20offset='1'%20stop-color='%233623E2'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e") no-repeat bottom;background-size:cover}.hero-content{max-width:800px;color:#fff;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-top:5rem;margin-bottom:6rem;padding-bottom:2rem}.hero-title{font-size:3rem;font-weight:700;margin-bottom:1rem}.hero-subtitle{font-size:1.125rem;margin-bottom:2rem;color:#e2e8f0}.btn-get-started{background:#fff;color:#2563eb;font-weight:500;padding:.75rem 1.5rem;border-radius:9999px;text-decoration:none;transition:background .3s ease}.btn-get-started:hover{background:#f3f4f6}.hero-wave{position:absolute;bottom:-40px;left:0;width:100%;overflow:hidden;line-height:0;z-index:0}.hero-mockup{position:relative;z-index:2;margin-top:-120px;display:flex;justify-content:center}.mockup-card{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;width:950px;min-height:560px;overflow:hidden;transform:translateY(40px);display:flex;flex-direction:column}.mockup-card .admin-layout{display:flex;width:100%;height:100%}.mockup-card .sidebar{width:220px;color:#fff;padding:16px 0;display:flex;flex-direction:column}.mockup-card .menu-item,.mockup-card .sidebar-logo,.mockup-card .sidebar-section-title{text-align:left;justify-content:flex-start}.mockup-card .admin-content{flex:1;background:none;padding:20px;display:flex;flex-direction:column;overflow:auto}.hero-mockup-solution{position:relative;z-index:2;margin-top:-120px;display:flex;justify-content:center}.mockup-card-solution{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;width:950px;height:560px;display:flex;overflow:hidden}.mockup-card-solution .admin-layout{display:flex;width:100%;height:100%;overflow:hidden}.mockup-card-solution .sidebar{width:220px;color:#fff;padding:16px 0;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.mockup-card-solution .admin-content{flex:1;background:none;padding:20px;display:flex;flex-direction:column;overflow-y:auto}@media (max-width: 1024px){.hero-title{font-size:2.25rem}.mockup-card{width:90%;height:480px}.solution-section{flex-direction:column;align-items:center}.solution-box{width:100%;margin-bottom:2rem}.solution-mockup-card{margin-left:0;width:100%}.cta-container{flex-direction:column;text-align:center}.cta-form{max-width:100%}}@media (max-width: 768px){.navbar{padding:1rem}.navbar-left img.logo{height:28px}.navbar-right .btn-get-started{padding:.4rem 1rem;font-size:.9rem}.hero{padding:1.5rem 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.mockup-card{width:100%;height:420px;border-radius:12px}.solution-title{font-size:2rem;position:static;margin-bottom:1rem}.solution-section,.problem-container{padding:2rem 1rem}.problem-heading{font-size:1.5rem}.problem-cards{flex-direction:column}.cta-heading{font-size:1.5rem}.cta-form{flex-direction:column;border-radius:12px;padding:.5rem}.cta-input{width:100%;margin-bottom:.5rem;padding:.6rem .8rem}.cta-button{width:100%;justify-content:center}}@media (max-width: 480px){.hero-title{font-size:1.5rem}.hero-subtitle{font-size:.9rem}.mockup-card{height:360px}.problem-heading,.solution-title,.cta-heading{font-size:1.25rem}}