@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-glass:#ffffffbf;--bg-glass-hover:#ffffffe6;--text-main:#0f172a;--text-muted:#64748b;--text-light:#94a3b8;--border-light:#e2e8f099;--border-glass:#ffffff80;--accent-gradient:linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--accent-gradient-hover:linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);--accent-solid:#6366f1;--accent-solid-light:#6366f11a;--success:#10b981;--success-light:#10b9811a;--warning:#f59e0b;--warning-light:#f59e0b1a;--danger:#ef4444;--danger-light:#ef44441a;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -2px #00000006;--shadow-glass:0 8px 32px 0 #1f268712;--shadow-glow:0 0 20px #6366f126;--shadow-glow-strong:0 0 30px #6366f14d;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--sidebar-width:260px;--sidebar-width-collapsed:80px;--header-height:72px;--page-padding-x:2rem;--page-padding-y:2rem;--section-gap:2rem;--card-gap:1.5rem;--screen-xs:480px;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-secondary);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);font-weight:600;line-height:1.2}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}input,button,textarea,select{background:0 0;border:none;outline:none;font-family:inherit}button{cursor:pointer}.text-muted{color:var(--text-muted)}.text-light{color:var(--text-light)}.text-main{color:var(--text-main)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.flex{display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.flex-wrap{flex-wrap:wrap}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.text-accent{color:var(--accent-solid)}.flex-col{flex-direction:column!important}.h-auto{height:auto!important}.self-start{align-self:flex-start!important}.self-end{align-self:flex-end!important}.cursor-pointer{cursor:pointer!important}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--bg-primary);border-right:1px solid var(--border-light);height:100vh;transition:all var(--transition-normal);z-index:100;flex-direction:column;flex-shrink:0;display:flex;position:relative}.sidebar.collapsed{width:var(--sidebar-width-collapsed)}.sidebar-header{height:var(--header-height);border-bottom:1px solid var(--border-light);flex-shrink:0;align-items:center;padding:0 1.5rem;display:flex}.sidebar-logo-text{font-family:var(--font-heading);background:var(--accent-gradient);-webkit-text-fill-color:transparent;transition:opacity var(--transition-fast);-webkit-background-clip:text;font-size:1.25rem;font-weight:700}.sidebar.collapsed .sidebar-logo-text{opacity:0;display:none}.sidebar-nav{scrollbar-width:thin;scrollbar-color:var(--border-light) transparent;flex-direction:column;flex:1;gap:.25rem;min-height:0;padding:1rem .75rem;display:flex;overflow:hidden auto}.nav-item{color:var(--text-muted);border-radius:var(--radius-md);white-space:nowrap;transition:all var(--transition-fast);align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;display:flex}.nav-item:hover{background:var(--bg-secondary);color:var(--text-main)}.nav-item.active{background:var(--accent-solid-light);color:var(--accent-solid)}.sidebar.collapsed .nav-item{justify-content:center;padding:.75rem}.sidebar.collapsed .nav-text{display:none}.nav-item-parent{cursor:pointer;justify-content:space-between}.nav-item-parent .chevron{transition:transform var(--transition-fast)}.nav-item-parent.expanded .chevron{transform:rotate(90deg)}.nav-submenu{display:none}.nav-submenu.expanded{display:block}.nav-submenu-inner{flex-direction:column;animation:.15s ease-out submenuFadeIn;display:flex}@keyframes submenuFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nav-submenu.no-transition .nav-submenu-inner{animation:none}.submenu-item{color:var(--text-muted);transition:all var(--transition-fast);justify-content:space-between;align-items:center;padding:.4rem 1rem .4rem 3rem;font-size:.875rem;font-weight:500;display:flex;position:relative}.submenu-item:before{content:"";background:var(--border-light);width:2px;transition:background var(--transition-fast);position:absolute;top:0;bottom:0;left:1.5rem}.submenu-item:hover{color:var(--text-main)}.submenu-item:hover:before{background:var(--accent-solid-light)}.submenu-item.active{color:var(--accent-solid);border-radius:0 var(--radius-md) var(--radius-md) 0;box-shadow:inset 2px 0 0 0 var(--accent-solid);background:#6366f114;margin-right:.5rem;font-weight:600}.submenu-item.active:before{background:var(--accent-solid)}.sidebar.collapsed .nav-submenu{display:none!important}.sidebar.collapsed .nav-item-parent .chevron{display:none}.main-wrapper{background-color:var(--bg-secondary);flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.top-navbar{height:var(--header-height);background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);z-index:20;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:sticky;top:0}.navbar-left{align-items:center;gap:1rem;display:flex}.navbar-search{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-full);width:300px;transition:all var(--transition-fast);align-items:center;padding:.375rem 1rem;display:flex}.navbar-search:focus-within{border-color:var(--accent-solid);box-shadow:0 0 0 3px var(--accent-solid-light)}.search-shortcut{color:var(--text-light);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:.25rem;padding:.125rem .375rem;font-size:.75rem}.navbar-right{align-items:center;gap:1.25rem;display:flex}.notification-btn{position:relative}.notification-badge{background:var(--danger);border-radius:var(--radius-full);width:.5rem;height:.5rem;box-shadow:0 0 0 2px var(--bg-primary);position:absolute;top:.25rem;right:.25rem}.profile-menu{cursor:pointer;border-radius:var(--radius-full);transition:background var(--transition-fast);align-items:center;gap:.75rem;padding:.25rem;display:flex}.profile-menu:hover{background:var(--bg-secondary)}.profile-info{flex-direction:column;display:flex}.profile-name{color:var(--text-main);font-size:.875rem;font-weight:600}.profile-role{color:var(--text-muted);font-size:.75rem}.content-area{-webkit-overflow-scrolling:touch;background:var(--bg-secondary);flex:1;min-height:0;padding:0;overflow:hidden auto}.page-wrapper{gap:var(--section-gap);box-sizing:border-box;flex-direction:column;width:100%;max-width:1400px;min-height:100%;margin:0 auto;padding:1.5rem 1.25rem;display:flex}@media (width>=768px){.page-wrapper{padding:2rem}}@media (width>=1280px){.page-wrapper{padding:2rem 2.5rem}}.page-container{display:contents}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.page-header-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.75rem;display:flex}.page-content{gap:var(--section-gap);flex-direction:column;display:flex}.page-section{flex-direction:column;gap:1.25rem;display:flex}.filter-bar{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-flow:row;align-items:center;gap:.625rem;padding:.875rem 1.25rem;display:flex;overflow-x:auto}.filter-bar::-webkit-scrollbar{display:none}.filter-bar .search-bar{flex:160px;min-width:160px;max-width:280px}.filter-bar .form-control,.filter-bar .form-input,.filter-bar select{flex:none;min-width:120px;max-width:180px;width:auto!important}.filter-bar input[type=date]{flex:none;min-width:130px;max-width:155px;width:auto!important}.filter-bar .btn-icon{flex-shrink:0}.grid{gap:1.5rem;display:grid}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-full{grid-column:1/-1}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:col-span-1{grid-column:span 1}.lg\:col-span-2{grid-column:span 2}}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}@media (width>=641px) and (width<=1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.form-grid{grid-template-columns:repeat(2,1fr);gap:1rem 1.5rem;display:grid}.settings-layout{grid-template-columns:200px 1fr;align-items:start;gap:2.5rem;display:grid}.p-0{padding:0!important}.p-2{padding:.5rem!important}.p-3{padding:.75rem!important}.p-4{padding:1rem!important}.p-6{padding:1.5rem!important}.p-8{padding:2rem!important}.p-12{padding:3rem!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.py-4{padding-top:1rem!important;padding-bottom:1rem!important}.py-6{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.mt-0{margin-top:0!important}.mt-2{margin-top:.5rem!important}.mt-4{margin-top:1rem!important}.mt-6{margin-top:1.5rem!important}.mt-8{margin-top:2rem!important}.mt-auto{margin-top:auto!important}.ml-auto{margin-left:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-x-auto{overflow-x:auto!important}.overflow-y-auto{overflow-y:auto!important}.min-w-0{min-width:0!important}.w-full{width:100%!important}.h-full{height:100%!important}.w-auto{width:auto!important}.flex-1{flex:1!important}.shrink-0{flex-shrink:0!important}.mobile-toggle{display:none!important}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;background:#0f172a66;animation:.3s ease-out fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=1024px){.charts-grid,.bottom-grid{grid-template-columns:1fr}}@media (width<=768px){.mobile-toggle{display:flex!important}.sidebar{width:var(--sidebar-width);box-shadow:var(--shadow-lg);z-index:200;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.top-navbar{padding:0 1rem}.navbar-search,.profile-info{display:none}.page-header{flex-direction:column;align-items:flex-start;gap:.75rem}.page-header .page-header-actions{width:100%}.filter-bar{align-items:stretch;gap:.75rem;padding:1rem;flex-flow:column wrap!important;overflow-x:hidden!important}.filter-bar .search-bar{width:100%!important;max-width:100%!important;min-width:unset!important;flex:none!important}.filter-bar .form-control,.filter-bar .form-input,.filter-bar select,.filter-bar input[type=date]{flex:none;width:100%!important;max-width:100%!important;min-width:unset!important}.form-grid,.settings-layout{grid-template-columns:1fr}.col-span-2,.col-span-3{grid-column:1/-1}}@media (width<=640px){.stats-grid,.dashboard-grid{grid-template-columns:1fr}.content-area{gap:1rem;padding:1rem}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.dropdown-menu{border:1px solid var(--border-light);animation:.2s cubic-bezier(.16,1,.3,1) dropdownIn;background:var(--bg-glass)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important}@keyframes dropdownIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.stat-card{align-items:center;gap:1rem;min-width:0;padding:1.25rem 1.5rem;display:flex}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-value{color:var(--text-main);font-size:1.625rem;font-weight:700;line-height:1.2}.stat-label{color:var(--text-muted);margin-top:.2rem;font-size:.8rem;font-weight:500}.icon-wrapper{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.bg-secondary{background:var(--bg-secondary)}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass)}.card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all var(--transition-normal);padding:1.5rem}.card-col{gap:var(--card-gap);flex-direction:column;display:flex}.stats-grid .card,.dashboard-grid .card{flex-direction:column;height:100%;display:flex}.card-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:1rem;display:flex}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-clickable{cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-clickable:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 12px 24px -10px #00000026}.btn{border-radius:var(--radius-md);transition:all var(--transition-fast);font-size:.875rem;font-weight:500;font-family:var(--font-sans);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{background:var(--accent-gradient-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:var(--bg-secondary);color:var(--text-main);border:1px solid var(--border-light)}.btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.btn-icon{border-radius:var(--radius-md);color:var(--text-muted);transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:.5rem;display:inline-flex}.btn-icon:hover{background:var(--bg-secondary);color:var(--text-main)}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 2px 8px #ef444426}.btn-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef444440}.btn.loading{opacity:.7;cursor:not-allowed;pointer-events:none}.alert{border-radius:var(--radius-md);border:1px solid #0000;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.875rem;display:flex}.alert-danger{background:var(--danger-light);color:#b91c1c;border-color:#ef444433}.alert-success{background:var(--success-light);color:#15803d;border-color:#10b98133}.btn-xs{border-radius:var(--radius-sm);padding:.25rem .5rem;font-size:.75rem}.form-group{margin-bottom:1.25rem;position:relative}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em;margin-bottom:.35rem;font-size:.8125rem;font-weight:600;display:block}.lead-form-grid{grid-template-columns:repeat(2,1fr);gap:1rem 1.5rem;display:grid}@media (width<=640px){.lead-form-grid{grid-template-columns:1fr;gap:1rem}}.form-section-header{border-bottom:1px solid var(--border-light);margin-bottom:.5rem;padding-bottom:.5rem}.form-control{width:100%;color:var(--text-main);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:.75rem 1rem;font-size:.875rem}.form-control:focus{border-color:var(--accent-solid);box-shadow:0 0 0 3px var(--accent-solid-light)}.form-control::placeholder{color:var(--text-light)}.form-input{width:100%;color:var(--text-main);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:.625rem .875rem;font-size:.875rem}.form-input:focus{border-color:var(--accent-solid);box-shadow:0 0 0 3px var(--accent-solid-light);outline:none}.form-input::placeholder{color:var(--text-light)}.form-input.invalid,.form-control.invalid{border-color:var(--danger)!important}.form-input.invalid:focus,.form-control.invalid:focus{box-shadow:0 0 0 3px var(--danger-light)!important}.form-error{color:var(--danger);margin-top:.35rem;font-size:.75rem;font-weight:500;display:block}.badge{border-radius:var(--radius-full);align-items:center;padding:.25rem .625rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-danger{background:var(--danger-light);color:var(--danger)}.icon{flex-shrink:0;width:1.25rem!important;height:1.25rem!important}.icon-xs{flex-shrink:0;width:.875rem!important;height:.875rem!important}.icon-sm{flex-shrink:0;width:1rem!important;height:1rem!important}.icon-lg{flex-shrink:0;width:1.5rem!important;height:1.5rem!important}.icon-xl{flex-shrink:0;width:2rem!important;height:2rem!important}svg{max-width:100%;display:block}.skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%) 0 0/200% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.avatar{border-radius:var(--radius-full);background-color:var(--accent-solid-light);width:2.5rem;height:2.5rem;color:var(--accent-solid);justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.logo-upload-box{border:2px dashed var(--border-light);border-radius:var(--radius-lg);cursor:pointer;background:var(--bg-secondary);width:160px;height:160px;transition:border-color var(--transition-fast), background var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;display:flex}.logo-upload-box:hover{border-color:var(--accent-solid);background:var(--accent-solid-light)}.tabs{border-bottom:1px solid var(--border-light);gap:2rem;margin-bottom:1.5rem;display:flex}.tab{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);border-bottom:2px solid #0000;padding:.75rem 0;font-weight:500}.tab:hover{color:var(--text-main)}.tab.active{color:var(--accent-solid);border-bottom-color:var(--accent-solid)}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:9998;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);background:#0f172a99;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay.open{opacity:1;pointer-events:auto}.modal{background:var(--bg-primary);border-radius:var(--radius-lg);width:95%;max-width:500px;max-height:90vh;transition:transform var(--transition-normal);z-index:9999;pointer-events:auto;flex-direction:column;display:flex;overflow:hidden;transform:translateY(20px);box-shadow:0 25px 50px -12px #00000080}@media (width>=640px){.modal{width:100%}}.modal-wide{max-width:800px}.modal-body{flex:1;padding:1.25rem;overflow-y:auto}@media (width>=640px){.modal-body{padding:1.5rem}}.modal-overlay.open .modal{transform:translateY(0)}.modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-title{font-size:1.25rem;font-weight:600}.modal-close{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:.25rem;display:flex}.modal-close:hover{background:var(--bg-secondary);color:var(--text-main)}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--border-light);flex-wrap:wrap;justify-content:flex-end;gap:1rem;padding:1.25rem 1.5rem;display:flex}@media (width<=640px){.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%}}.spinner-xs{border:2px solid #0000001a;border-top-color:var(--accent-solid);border-radius:50%;width:12px;height:12px;animation:.7s linear infinite spin}.table-responsive{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.card.p-0 .table-responsive,.card.overflow-hidden .table-responsive{border:none;border-radius:0}.table-responsive table,.data-table{border-collapse:collapse;width:100%;min-width:800px}table th,.data-table th{background:var(--bg-secondary);text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-light);white-space:nowrap;padding:.75rem 1rem;font-size:.75rem;font-weight:600}table td,.data-table td{color:var(--text-main);border-bottom:1px solid var(--border-light);vertical-align:middle;padding:.875rem 1rem;font-size:.875rem}table tr:last-child td,.data-table tr:last-child td{border-bottom:none}table tr:hover td,.data-table tr:hover td{background-color:var(--bg-secondary);transition:background-color var(--transition-fast)}.actions-cell{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.pagination-bar{border-top:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.875rem 1.25rem;display:flex}.pagination-btns{align-items:center;gap:.375rem;display:flex}.bulk-bar{border-bottom:1px solid var(--border-light);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:4rem 2rem;display:flex}.empty-state svg{opacity:.3}.border-top{border-top:1px solid var(--border-light)!important}.border-bottom{border-bottom:1px solid var(--border-light)!important}.chart-h-200{height:200px}.chart-h-300{height:300px}.chart-h-400{height:400px}.toggle-switch{background:var(--border-light);cursor:pointer;width:40px;height:22px;transition:background var(--transition-fast);border-radius:99px;flex-shrink:0;position:relative}.toggle-switch:after{content:"";width:18px;height:18px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle-switch.active{background:var(--accent-solid)}.toggle-switch.active:after{transform:translate(18px)}@media (width<=640px){.card,.stat-card{padding:1rem}.stat-value{font-size:1.375rem}.pagination-bar{flex-direction:column;align-items:flex-start}}.notification-list{flex-direction:column;gap:1rem;display:flex}.notification-item{transition:all var(--transition-fast);border-left:4px solid #0000;align-items:flex-start;gap:1rem;display:flex;padding:1rem!important}.notification-item.unread{border-left-color:var(--accent-solid);background:var(--accent-solid-light)}.notification-icon-wrapper{border-radius:var(--radius-md);background:var(--bg-secondary);width:48px;height:48px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.notification-icon-wrapper.active{background:var(--accent-solid-light);color:var(--accent-solid);box-shadow:var(--shadow-sm)}.notification-content{flex:1;min-width:0}.notification-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.25rem;display:flex}.notification-title{color:var(--text-main);margin:0;font-size:1rem;font-weight:600}.unread .notification-title{font-weight:700}.notification-time{color:var(--text-light);white-space:nowrap;font-size:.75rem}.notification-message{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.notification-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:.75rem;display:flex}.btn-text{color:var(--accent-solid);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:600;text-decoration:underline}.notification-link{color:var(--accent-solid);align-items:center;gap:.25rem;font-size:.8rem;font-weight:600;text-decoration:none;display:flex}.notification-link:hover{text-decoration:underline}.dot{border-radius:50%;width:10px;height:10px;display:inline-block}.chart-container{width:100%;position:relative}.chart-container canvas{display:block;width:100%!important;height:100%!important}.followup-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.flex-row{flex-direction:row!important}.initials{background:var(--accent-solid-light);color:var(--accent-solid);font-weight:700}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.m-0{margin:0!important}.mt-1{margin-top:.25rem!important}.tab-container{border-bottom:1px solid var(--border-light);scrollbar-width:none;flex-shrink:0;padding:0 1.5rem;display:flex;overflow-x:auto}.tab-container::-webkit-scrollbar{display:none}.tab-item{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;margin-bottom:-1px;padding:1.25rem 1.5rem;font-size:.875rem;font-weight:500}.tab-item:hover{color:var(--accent-solid)}.tab-item.active{color:var(--accent-solid);border-bottom-color:var(--accent-solid);font-weight:700}.timeline-item{gap:1.5rem;padding-bottom:2.5rem;display:flex;position:relative}.timeline-item:not(:last-child):after{content:"";background:var(--border-light);border-left:2px dashed var(--border-light);width:2px;position:absolute;top:24px;bottom:0;left:11px}.timeline-dot-wrapper{z-index:1;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:2px;display:flex}.timeline-dot{background:var(--accent-solid);border:4px solid var(--bg-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;box-shadow:0 0 0 4px #6366f11a}.timeline-dot.inquiry{background:#6366f1}.bg-danger-soft{background:#ef444408!important}.bg-danger-soft:hover{background:#ef44440d!important}.search-bar{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.search-bar:focus-within{border-color:var(--accent-solid);box-shadow:0 0 0 3px var(--accent-solid-light)}.search-input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:.875rem}.search-input::placeholder{color:var(--text-light)}@keyframes blink{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.blink-animation{animation:1.5s ease-in-out infinite blink}.card-overdue{box-shadow:inset 0 0 0 1px #ef4444,0 4px 12px #ef44441a;border:1px solid #ef4444!important}.task-queue{flex-direction:column;display:flex}.task-item{border-bottom:1px solid var(--border-light);transition:all var(--transition-normal);grid-template-columns:2fr 1.5fr 1.2fr 1fr 1fr 1.5fr 1fr;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:grid}.task-item:hover{background:var(--bg-secondary);box-shadow:inset 4px 0 0 var(--accent-solid)}.task-item.task-overdue{border-left:4px solid var(--danger);background:#ef444405}.task-item.task-overdue:hover{background:#ef44440a}.task-cell{flex-direction:column;min-width:0;display:flex}.task-primary{color:var(--text-main);font-size:.9375rem;font-weight:600}.task-secondary{color:var(--text-muted);margin-top:2px;font-size:.75rem}.task-time{color:var(--text-main);font-size:.875rem;font-weight:700}.task-type{color:var(--text-light);text-transform:capitalize;font-size:.75rem}.task-assignee{align-items:center;gap:.75rem;display:flex}.task-assignee .avatar{width:28px;height:28px;font-size:.65rem}.status-badge{border-radius:var(--radius-full);text-transform:capitalize;letter-spacing:.01em;align-items:center;padding:.35rem .75rem;font-size:.725rem;font-weight:600;display:inline-flex}.status-new{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe}.status-converted{color:#16a34a;background:#f0fdf4;border:1px solid #dcfce7}.status-lost{color:#dc2626;background:#fef2f2;border:1px solid #fee2e2}.status-followup{color:#ea580c;background:#fff7ed;border:1px solid #ffedd5}.priority-badge{border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.05em;background:0 0;border:1px solid;align-items:center;padding:.2rem .6rem;font-size:.65rem;font-weight:600;display:inline-flex}.priority-high{color:var(--danger);background:#ef44440d}.priority-medium{color:var(--warning);background:#f59e0b0d}.priority-low{color:var(--accent-solid);background:#6366f10d}@media (width<=1024px){.task-item{grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr .5fr}.task-item .company-cell{display:none}}@media (width<=768px){.task-item{grid-template-rows:auto auto;grid-template-columns:1fr 1fr 1fr;gap:1rem;padding:1.5rem}.task-item .status-cell,.task-item .priority-cell,.task-item .assignee-cell{grid-row:2}.task-item .actions-cell{grid-area:1/3/span 2;align-self:flex-start}}@media (width<=480px){.task-item{flex-direction:column;align-items:flex-start;gap:1.25rem;display:flex}.task-item .actions-cell{border-top:1px solid var(--border-light);justify-content:flex-start;width:100%;padding-top:1rem}.task-item .status-cell,.task-item .priority-cell,.task-item .assignee-cell{flex-direction:row;justify-content:space-between;align-items:center;width:100%}}.dropdown-container{display:inline-block;position:relative}.floating-dropdown{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:1000;opacity:0;visibility:hidden;pointer-events:none;min-width:180px;max-height:300px;padding:.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:calc(100% + 8px);left:50%;overflow-y:auto;transform:translate(-50%)translateY(-10px)}.floating-dropdown.active{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.floating-dropdown.open-up{top:auto;bottom:calc(100% + 8px);transform:translate(-50%)translateY(10px)}.floating-dropdown.open-up.active{transform:translate(-50%)translateY(0)}.dropdown-item{pointer-events:auto;border-radius:var(--radius-md);width:100%;color:var(--text-main);text-align:left;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:.75rem;padding:.625rem .875rem;font-size:.875rem;font-weight:500;display:flex}.dropdown-item:hover{background:var(--bg-secondary);color:var(--accent-solid)}.dropdown-item.selected{background:var(--accent-light);color:var(--accent-solid)}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-pill-lg{border-radius:var(--radius-full);transition:all var(--transition-normal);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-flex}.status-pill-lg.new{color:#2563eb;background:#eff6ff;border-color:#dbeafe}.status-pill-lg.warm{color:#ea580c;background:#fff7ed;border-color:#ffedd5}.status-pill-lg.hot{color:#dc2626;background:#fef2f2;border-color:#fee2e2}.status-pill-lg.cold{color:#64748b;background:#f8fafc;border-color:#e2e8f0}.status-pill-lg.won{color:#16a34a;background:#f0fdf4;border-color:#dcfce7}.status-pill-lg.lost{color:#4b5563;background:#f9fafb;border-color:#e5e7eb}.status-pill-lg:hover:not(:disabled){filter:brightness(.95);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.status-pill-lg:active:not(:disabled){transform:translateY(0)}.badge{border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.025em;align-items:center;padding:.25rem .625rem;font-size:.725rem;font-weight:700;line-height:1;display:inline-flex}.badge-primary{color:#2563eb;background:#eff6ff;border:1px solid #dbeafe}.badge-success{color:#16a34a;background:#f0fdf4;border:1px solid #dcfce7}.badge-warning{color:#ea580c;background:#fff7ed;border:1px solid #ffedd5}.badge-danger{color:#dc2626;background:#fef2f2;border:1px solid #fee2e2}.badge-info{color:#0891b2;background:#f0f9ff;border:1px solid #cffafe}.badge-secondary{color:#475569;background:#f8fafc;border:1px solid #e2e8f0}.badge-purple{color:#9333ea;background:#faf5ff;border:1px solid #f3e8ff}.badge-indigo{color:#4f46e5;background:#eef2ff;border:1px solid #e0e7ff}.login-container{background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.bg-shape{filter:blur(80px);z-index:0;pointer-events:none;border-radius:50%;position:absolute}.bg-shape-1{background:#6366f11a;width:450px;height:450px;top:-100px;right:-50px}.bg-shape-2{background:#8b5cf614;width:350px;height:350px;bottom:-50px;left:-50px}.login-wrapper{z-index:1;background:#fff;border-radius:20px;width:100%;max-width:1050px;min-height:640px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 25px 50px -12px #0000001a}.login-brand{color:#fff;background:#0f172a;flex-direction:column;flex:1;justify-content:space-between;padding:3.5rem;display:flex;position:relative}.login-brand:before{content:"";background:radial-gradient(circle at 0 0,#6366f126 0%,#0000 60%);position:absolute;inset:0}.brand-content{z-index:1;position:relative}.brand-logo{align-items:center;gap:.75rem;margin-bottom:3.5rem;display:flex}.icon-logo{color:#818cf8;width:32px;height:32px}.brand-text{letter-spacing:-.02em;font-size:1.125rem;font-weight:700}.brand-title{letter-spacing:-.03em;color:#fff;margin-bottom:1.25rem;font-size:2.5rem;font-weight:800;line-height:1.15}.brand-subtitle{color:#94a3b8;max-width:90%;margin-bottom:3rem;font-size:1rem;line-height:1.6}.brand-illustration{gap:1rem;display:flex}.illustration-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;width:140px;padding:1rem}.illustration-card.second{width:100px;margin-top:2rem}.card-header{gap:4px;margin-bottom:12px;display:flex}.card-header .dot{background:#fff3;border-radius:50%;width:5px;height:5px}.card-line{background:#ffffff1a;border-radius:2px;height:5px;margin-bottom:8px}.brand-footer{color:#475569;font-size:.75rem}.login-form-area{background:#fff;flex-direction:column;width:480px;padding:3.5rem;display:flex}.login-card{flex-direction:column;flex:1;justify-content:center;display:flex}.login-header{margin-bottom:2.25rem}.login-title{color:#1e293b;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.login-subtitle{color:#64748b;font-size:.9375rem}.form-group{margin-bottom:1.25rem}.form-label{color:#475569;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.input-wrapper{position:relative}.form-input{color:#1e293b;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;width:100%;height:46px;padding:0 1rem;font-size:.9375rem;transition:all .2s}.form-input:focus{background:#fff;border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f11a}.password-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.forgot-link{color:#6366f1;font-size:.8125rem;font-weight:600;text-decoration:none}.checkbox-container{cursor:pointer;align-items:center;gap:.75rem;display:flex;position:relative}.checkbox-container input{display:none}.checkmark{background:#f1f5f9;border:1.5px solid #cbd5e1;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.checkbox-container input:checked~.checkmark{background:#6366f1;border-color:#6366f1}.checkbox-container input:checked~.checkmark:after{content:"";border:2.5px solid #fff;border-width:0 2.5px 2.5px 0;width:4px;height:8px;margin-bottom:2px;transform:rotate(45deg)}.checkbox-label{color:#64748b;font-size:.875rem;font-weight:500}.btn-login{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:10px;justify-content:center;align-items:center;width:100%;height:48px;font-size:.9375rem;font-weight:600;transition:all .2s;display:flex}.btn-login:hover:not(:disabled){background:#1e293b;transform:translateY(-1px)}.btn-login.loading{color:#0000;pointer-events:none}.login-error{color:#dc2626;background:#fef2f2;border:1px solid #fee2e2;border-radius:8px;align-items:center;gap:.625rem;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.875rem;display:flex}.login-footer{justify-content:center;margin-top:2rem;display:flex}.secure-badge{color:#94a3b8;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;display:flex}.secure-badge svg{color:#22c55e;width:14px;height:14px}.spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;position:absolute}@media (width<=1000px){.login-wrapper{flex-direction:column;max-width:480px;min-height:auto}.login-brand{display:none}.login-form-area{width:100%;padding:3rem 2rem}}:root{--sans:"Inter", system-ui, -apple-system, sans-serif;--heading:"Outfit", system-ui, -apple-system, sans-serif;--mono:ui-monospace, Consolas, monospace;font-size:16px;line-height:1.5;font-family:var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100vh;display:flex}body{margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--heading);color:var(--text-main);margin:0;font-weight:600}h1{letter-spacing:-.02em;font-size:1.5rem}h2{letter-spacing:-.01em;font-size:1.25rem}h3{font-size:1.1rem}h4{font-size:1rem}p{margin:0;line-height:1.6}code{font-family:var(--mono);background:var(--bg-secondary);border-radius:4px;padding:.2em .4em;font-size:.9em}a{color:var(--accent-solid);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}.table-responsive table{table-layout:fixed;width:100%;min-width:800px}.table-responsive th,.table-responsive td{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.col-lead{width:180px}.col-company{width:140px}.col-mobile{width:120px}.col-assignee{width:130px}.col-date{width:140px}.col-status{width:110px}.col-actions{width:140px}.col-remarks{width:200px}.remarks-preview{-webkit-line-clamp:2;white-space:normal;color:var(--text-muted);-webkit-box-orient:vertical;max-height:2.5rem;font-size:.75rem;line-height:1.25rem;display:-webkit-box;overflow:hidden}.table-responsive{position:relative}.data-table th:last-child,.data-table td:last-child,table th:last-child,table td:last-child{background:var(--bg-card);z-index:10;position:sticky;right:0;box-shadow:-4px 0 8px #0000000d}.data-table tr:hover td:last-child,table tr:hover td:last-child{background:var(--bg-secondary)!important}@media (width<=768px){.table-responsive table{min-width:auto;display:block}.table-responsive thead{display:none}.table-responsive tbody{flex-direction:column;gap:1rem;padding:1rem;display:flex}.table-responsive tr{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:1rem;grid-template-columns:1fr 1fr;gap:.5rem;padding:1rem;display:grid;position:relative!important}.table-responsive td{white-space:normal;flex-direction:column;display:flex;box-shadow:none!important;background:0 0!important;width:auto!important;padding:0!important;position:static!important}.table-responsive td:before{content:attr(data-label);text-transform:uppercase;color:var(--text-muted);margin-bottom:.25rem;font-size:.7rem;font-weight:700}.table-responsive td:last-child{border-top:1px solid var(--light);flex-direction:row;grid-column:1/-1;justify-content:flex-end;gap:.5rem;margin-top:.5rem;padding-top:.5rem!important}}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.75rem;display:flex;position:fixed;top:1.5rem;right:1.5rem}.toast{pointer-events:auto;background:var(--bg-primary);border-radius:var(--radius-lg);min-width:320px;max-width:480px;box-shadow:var(--shadow-lg), 0 10px 40px -10px #0000001a;border:1px solid var(--border-light);transition:all var(--transition-normal);align-items:center;gap:1rem;padding:1rem 1.25rem;animation:.3s cubic-bezier(.16,1,.3,1) toast-in;display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.toast-icon svg{width:1.25rem;height:1.25rem}.toast-content{color:var(--text-main);flex:1;font-size:.9rem;font-weight:500;line-height:1.4}.toast-close{color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:50%;flex-shrink:0;padding:.25rem}.toast-close:hover{background:var(--bg-secondary);color:var(--text-main)}.toast-close svg{width:1.25rem;height:1.25rem}.toast-success{border-left:4px solid var(--success)}.toast-success .toast-icon{background:var(--success-light);color:var(--success)}.toast-error{border-left:4px solid var(--danger)}.toast-error .toast-icon{background:var(--danger-light);color:var(--danger)}.toast-warning{border-left:4px solid var(--warning)}.toast-warning .toast-icon{background:var(--warning-light);color:var(--warning)}.toast-info{border-left:4px solid var(--accent-solid)}.toast-info .toast-icon{background:var(--accent-solid-light);color:var(--accent-solid)}.btn.loading{pointer-events:none;position:relative;color:#0000!important}.btn.loading:after{content:"";border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1.25rem;height:1.25rem;margin-top:-.625rem;margin-left:-.625rem;animation:.6s linear infinite spin;position:absolute;top:50%;left:50%}