.account-settings{background:#f9fafb;min-height:100vh;padding:24px 0}.settings-container{max-width:800px;margin:0 auto;padding:0 24px}.settings-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60vh;display:flex}.settings-header{margin-bottom:32px}.settings-header h1{color:#111827;margin-bottom:8px;font-size:32px;font-weight:700}.settings-header p{color:#6b7280;font-size:16px}.settings-content{flex-direction:column;gap:24px;display:flex}.settings-card{background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a}.card-header{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:16px}.card-header h2{color:#111827;margin-bottom:4px;font-size:20px;font-weight:600}.card-header p{color:#6b7280;font-size:14px}.message{border-radius:8px;align-items:center;gap:12px;margin-bottom:24px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.message.success{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.message.success svg{color:#059669}.message.error{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.message.error svg{color:#dc2626}.settings-form{flex-direction:column;gap:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#374151;font-size:14px;font-weight:500}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#9ca3af;z-index:1;position:absolute;left:12px}.input-wrapper input{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px 12px 12px 44px;font-size:14px;transition:all .2s}.input-wrapper input:focus{border-color:#c29b64;outline:none;box-shadow:0 0 0 3px #c29b641a}.input-wrapper input.disabled{color:#6b7280;cursor:not-allowed;background:#f9fafb}.field-note{color:#6b7280;margin-top:4px;font-size:12px}.account-type-display{flex-direction:column;gap:8px;display:flex}.role-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;width:fit-content;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.role-badge.simple{color:#374151;background:#e5e7eb}.role-badge.pro{color:#1e40af;background:#dbeafe}.role-badge.pro-max{color:#92400e;background:#fef3c7}.upgrade-note{color:#6b7280;font-size:14px}.upgrade-note a{color:#c29b64;font-weight:500;text-decoration:none}.upgrade-note a:hover{text-decoration:underline}.form-actions{border-top:1px solid #e5e7eb;justify-content:flex-end;padding-top:16px;display:flex}.save-btn{color:#fff;cursor:pointer;background:#c29b64;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.save-btn:hover:not(:disabled){background:#a67c52;transform:translateY(-1px)}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-spinner{border:2px solid #0000;border-top-color:currentColor;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@media (max-width:768px){.settings-container{padding:0 16px}.settings-header{margin-bottom:24px}.settings-header h1{font-size:24px}.settings-card{padding:20px}.form-actions{justify-content:stretch}.save-btn{justify-content:center;width:100%}}
.crm-dashboard{background:#f9fafb;min-height:100vh;padding:24px 0}.crm-container{max-width:1400px;margin:0 auto;padding:0 24px;position:relative}@media (max-width:768px){.crm-container{padding:1rem}.crm-header{text-align:center;margin-bottom:1.5rem}.header-content h1{margin-bottom:.5rem;font-size:1.75rem}.header-content p{color:#6b7280;font-size:.9rem}.leads-stats-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;padding:0 .5rem;display:grid}.stat-card{text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;min-height:120px;padding:1rem;display:flex;box-shadow:0 2px 8px #0000001a}.stat-icon{color:#374151;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:.75rem;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-content{flex-direction:column;align-items:center;gap:.25rem;display:flex}.stat-content h3{color:#111827;margin:0;font-size:1.25rem;font-weight:700}.stat-content p{color:#6b7280;margin:0;font-size:.75rem}.leads-controls{flex-direction:column;gap:.75rem;margin-bottom:1.25rem}.search-box{max-width:none;position:relative}.search-box input{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;width:100%;padding:1rem 1rem 1rem 3rem;font-size:1rem;transition:all .2s}.search-box input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.search-box svg{color:#9ca3af;width:20px;height:20px;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.filter-tabs{scrollbar-width:none;-ms-overflow-style:none;background:#fff;border:2px solid #e5e7eb;border-radius:1rem;gap:.25rem;padding:.25rem;display:flex;overflow-x:auto}.filter-tabs::-webkit-scrollbar{display:none}.filter-tabs button{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:.75rem;flex-shrink:0;min-width:fit-content;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s}.filter-tabs button:hover{color:#374151;background:#f9fafb}.filter-tabs button.active{color:#fff;background:#3b82f6;box-shadow:0 2px 4px #3b82f633}.enhanced-lead-card{background:#fff;border:1px solid #e5e7eb;border-radius:1.25rem;margin-bottom:1rem;padding:1.25rem;transition:all .2s;box-shadow:0 2px 8px #00000014}.enhanced-lead-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001f}.leads-list{scrollbar-width:thin;-ms-overflow-style:auto;z-index:1;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;width:100%;overflow:auto visible;box-shadow:0 2px 8px #00000014}.leads-list::-webkit-scrollbar{height:8px}.leads-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.leads-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.leads-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.leads-table{z-index:1;width:max-content;min-width:710px}.leads-table-header{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e5e7eb;grid-template-columns:160px 130px 170px 90px 220px;gap:.5rem;min-width:770px;padding:.75rem 1rem;font-size:.7rem;font-weight:600;display:grid}.lead-row{cursor:pointer;z-index:1;border-bottom:1px solid #f3f4f6;grid-template-columns:160px 130px 170px 90px 220px;align-items:center;gap:.5rem;min-width:770px;min-height:60px;padding:.75rem 1rem;transition:background-color .2s;display:grid;position:relative}.lead-row:hover{background:#f8fafc}.lead-row:last-child{border-bottom:none}.lead-cell{z-index:1;flex-direction:column;gap:.2rem;min-width:0;display:flex;overflow:hidden}.lead-title-row{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.clickable-name{color:#1f2937;cursor:pointer;margin:0;font-size:1.25rem;font-weight:700;transition:color .2s}.clickable-name:hover{color:#3b82f6}.lead-badges{flex-wrap:wrap;gap:.5rem;width:100%;display:flex}.quality-badge,.purchased-badge,.marketplace-badge,.hot-lead-badge{border:1px solid;border-radius:.75rem;padding:.375rem .75rem;font-size:.75rem;font-weight:600}.lead-meta{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.lead-meta .status{text-transform:capitalize;font-size:.875rem;font-weight:600}.lead-date{text-align:left;color:#6b7280;margin-left:auto;font-size:.875rem}.contact-row{background:#f8fafc;border-radius:.75rem;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:1rem}.contact-item{color:#374151;align-items:center;gap:.75rem;font-size:.9rem;font-weight:500;display:flex}.contact-item svg{color:#6b7280;flex-shrink:0;width:18px;height:18px}.lead-detail-row{color:#374151;background:#f8fafc;border-radius:.5rem;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.75rem;font-size:.9rem;display:flex}.lead-detail-row strong{color:#111827;font-weight:600}.project-description{color:#4b5563;margin-left:0;line-height:1.5}.timeline-badge,.budget-badge{color:#3730a3;background:#e0e7ff;border:1px solid #c7d2fe;border-radius:.5rem;align-self:flex-start;margin-top:.5rem;margin-left:0;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.enhanced-lead-actions{border-top:2px solid #f3f4f6;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1.5rem;padding-top:1rem;display:grid}.btn-small{border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.75rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.btn-primary{color:#fff;background:#3b82f6;border:2px solid #3b82f6}.btn-primary:hover{background:#2563eb;border-color:#2563eb;transform:translateY(-1px)}.btn-outline{color:#374151;background:#fff;border:2px solid #d1d5db}.btn-outline:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.btn-success{color:#fff;background:#10b981;border:2px solid #10b981}.btn-success:hover{background:#059669;border-color:#059669;transform:translateY(-1px)}.sell-lead-btn{color:#92400e!important;background:#fef3c7!important;border:2px solid #fcd34d!important}.sell-lead-btn:hover{background:#fde68a!important;border-color:#f59e0b!important}.modal-overlay{padding:.5rem}.modal-content{border-radius:1.25rem;max-height:95vh;margin:.5rem}.modal-header{z-index:10;background:#fff;border-bottom:2px solid #e5e7eb;padding:1.25rem;position:sticky;top:0}.modal-header h2{font-size:1.25rem;font-weight:700}.modal-close{border-radius:.5rem;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.modal-body{padding:1.25rem}.detail-section{background:#f8fafc;border-radius:1rem;margin-bottom:1rem;padding:1.25rem}.detail-section h3{color:#111827;margin-bottom:1rem;font-size:1.125rem;font-weight:700}.detail-row{margin-bottom:.75rem;font-size:.9rem;line-height:1.5}.empty-state{text-align:center;color:#6b7280;padding:3rem 1rem}.empty-state svg{opacity:.6;width:64px;height:64px;margin:0 auto 1.5rem}.empty-state h3{color:#374151;margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.empty-state p{max-width:300px;margin:0 auto;font-size:.9rem;line-height:1.5}}.crm-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:400px;display:flex}.loading-spinner{border:4px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.crm-error{justify-content:center;align-items:center;min-height:400px;padding:2rem;display:flex}.error-content{text-align:center;max-width:400px}.error-content h2{color:#dc2626;margin-bottom:1rem}.upgrade-btn{color:#fff;background:#3b82f6;border-radius:.5rem;margin-top:1rem;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .2s;display:inline-block}.header-actions{flex-wrap:wrap;flex-shrink:0;gap:.5rem;display:flex}.btn-primary,.btn-outline,.btn-success,.btn-small{cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:#3b82f6}.btn-primary:hover{background:#2563eb}.btn-outline{color:#374151;background:#fff;border:1px solid #d1d5db}.btn-success{color:#fff;background:#10b981}.btn-success:hover{background:#059669}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{background:#fff;border-radius:.75rem;align-items:center;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 1px 3px #0000001a}.stat-icon{border-radius:.5rem;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon.contacts{color:#3b82f6;background:#dbeafe}.stat-icon.deals{color:#10b981;background:#d1fae5}.stat-icon.revenue{color:#f59e0b;background:#fef3c7}.stat-icon.tasks{color:#8b5cf6;background:#e0e7ff}.stat-icon.leads{color:#ec4899;background:#fce7f3}.stat-content h3{color:#111827;margin-bottom:.25rem;font-size:1.875rem;font-weight:700}.stat-content p{color:#6b7280;font-size:.875rem}.dashboard-grid{grid-template-columns:2fr 1fr;gap:2rem;margin-bottom:2rem;display:grid}.dashboard-card{background:#fff;border-radius:.75rem;overflow:hidden;box-shadow:0 1px 3px #0000001a}.card-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.card-header h2{color:#111827;font-size:1.25rem;font-weight:600}.view-all-link{color:#3b82f6;font-size:.875rem;font-weight:500;text-decoration:none}.view-all-link:hover{color:#2563eb}.pipeline-card{grid-column:span 2}.pipeline-stages{gap:1rem;padding:1.5rem;display:flex;overflow-x:auto}.pipeline-stage{background:#f9fafb;border-radius:.5rem;min-width:250px;padding:1rem}.stage-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.stage-header h3{color:#374151;font-weight:600}.stage-count{color:#6b7280;background:#e5e7eb;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.stage-value{color:#111827;margin-bottom:1rem;font-size:1.125rem;font-weight:700}.stage-deals{flex-direction:column;gap:.5rem;display:flex}.deal-item{background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;justify-content:space-between;align-items:center;padding:.75rem;display:flex}.deal-title{color:#374151;font-size:.875rem;font-weight:500}.deal-value{color:#10b981;font-size:.875rem;font-weight:600}.more-deals{text-align:center;color:#6b7280;padding:.5rem;font-size:.75rem}.leads-controls{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.search-box input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.filter-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;display:flex;overflow:hidden}.filter-tabs button{color:#6b7280;cursor:pointer;background:#fff;border:none;border-right:1px solid #e5e7eb;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.filter-tabs button:last-child{border-right:none}.filter-tabs button:hover{background:#f9fafb}.filter-tabs button.active{color:#fff;background:#3b82f6}.leads-list{flex-direction:column;gap:1rem;display:flex}.lead-card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.lead-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.lead-info h3{color:#111827;margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.lead-meta{align-items:center;gap:.75rem;font-size:.875rem;display:flex}.lead-meta .status{text-transform:capitalize;font-weight:500}.lead-meta .priority{text-transform:capitalize}.lead-date{color:#6b7280;font-size:.875rem}.lead-contact{gap:1.5rem;margin-bottom:1rem;display:flex}.lead-service,.lead-message,.lead-source{color:#374151;margin-bottom:.75rem;font-size:.875rem}.lead-service strong,.lead-message strong,.lead-source strong{color:#111827}.lead-actions{border-top:1px solid #f3f4f6;flex-wrap:wrap;gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}.activities-list{padding:1.5rem}.activity-item{border-bottom:1px solid #f3f4f6;gap:1rem;padding:1rem 0;display:flex}.activity-item:last-child{border-bottom:none}.activity-icon{color:#6b7280;background:#f3f4f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.activity-content h4{color:#111827;margin-bottom:.25rem;font-weight:500}.activity-content p{color:#6b7280;margin-bottom:.5rem;font-size:.875rem}.activity-meta{color:#9ca3af;gap:1rem;font-size:.75rem;display:flex}.empty-state{text-align:center;color:#6b7280;padding:3rem 1rem}.empty-state svg{opacity:.5;margin:0 auto 1rem}.empty-state h3{color:#374151;margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.quick-actions{margin-top:2rem}.quick-actions h2{color:#111827;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.actions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.action-card{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;align-items:center;gap:1rem;padding:1rem;text-decoration:none;transition:all .2s;display:flex}.action-card:hover{border-color:#3b82f6;box-shadow:0 4px 6px #0000000d}.priority-high{color:#dc2626}.priority-medium{color:#f59e0b}.priority-low{color:#10b981}.status-new{color:#3b82f6}.status-contacted{color:#f59e0b}.status-qualified{color:#10b981}.status-converted{color:#059669}.status-lost{color:#dc2626}.status-default{color:#6b7280}@media (max-width:768px){.crm-container{padding:1rem;overflow:visible}.crm-header{flex-direction:column;align-items:stretch;gap:1rem}.header-actions{justify-content:flex-start}.stats-grid,.dashboard-grid{grid-template-columns:1fr}.pipeline-stages{flex-direction:column}.pipeline-stage{min-width:auto}.leads-controls{flex-direction:column;align-items:stretch}.search-box{max-width:none}.filter-tabs{scrollbar-width:none;-ms-overflow-style:none;background:#fff;border:2px solid #e5e7eb;border-radius:1rem;gap:.25rem;padding:.25rem;display:flex;overflow-x:auto}.filter-tabs::-webkit-scrollbar{display:none}.filter-tabs button{color:#6b7280;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:.75rem;flex-shrink:0;min-width:fit-content;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s}.filter-tabs button:hover{color:#374151;background:#f9fafb}.filter-tabs button.active{color:#fff;background:#3b82f6;box-shadow:0 2px 4px #3b82f633}.lead-header{flex-direction:column;gap:.5rem}.lead-contact{flex-direction:column;gap:.75rem}.lead-actions{flex-direction:column}.actions-grid{grid-template-columns:1fr}}.crm-page{background:#f8fafc;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.crm-container{max-width:1400px;margin:0 auto;padding:2rem}.crm-header{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.header-content h1{color:#111827;margin-bottom:.5rem;font-size:2rem;font-weight:700}.header-content p{color:#6b7280;font-size:1rem}.header-actions{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:.5rem;display:flex}@media (min-width:769px){.leads-stats-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem;padding:0;display:grid}.stat-card{text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;min-height:auto;padding:1.5rem;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000001a}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-icon{color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:.5rem;width:48px;height:48px}.stat-content{flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.stat-content h3{color:#111827;margin:0;font-size:1.5rem;font-weight:700}.stat-content p{color:#6b7280;margin:0;font-size:.875rem}}.enhanced-lead-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;margin-bottom:1rem;padding:1.5rem;transition:all .2s;box-shadow:0 2px 4px #0000000d}.enhanced-lead-card:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.lead-title-row{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.clickable-name{cursor:pointer;color:#1f2937;margin:0;font-size:1.125rem;font-weight:600;transition:color .2s}.clickable-name:hover{color:#3b82f6}.lead-badges{flex-wrap:wrap;gap:.5rem;display:flex}.quality-badge{border:1px solid;border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.purchased-badge{color:#1e40af;background:#dbeafe;border:1px solid #93c5fd;border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.marketplace-badge{color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.hot-lead-badge{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5;border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.enhanced-lead-details{margin:1rem 0}.contact-row{flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;display:flex}.contact-item{color:#6b7280;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.lead-detail-row{color:#374151;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;display:flex}.timeline-badge,.budget-badge{color:#4b5563;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.25rem;margin-left:.5rem;padding:.125rem .375rem;font-size:.75rem;font-weight:500}.project-description{margin-left:.5rem;line-height:1.4}.enhanced-lead-actions{border-top:1px solid #f3f4f6;flex-wrap:wrap;gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}.sell-lead-btn{color:#92400e!important;background:#fef3c7!important;border-color:#fcd34d!important}.sell-lead-btn:hover{background:#fde68a!important}.view-count{color:#6b7280;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:1rem;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h2{color:#111827;margin:0;font-size:1.25rem;font-weight:600}.modal-close{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:.25rem;padding:.25rem;font-size:1.5rem}.modal-close:hover{color:#374151;background:#f3f4f6}.modal-body{padding:1.5rem}.lead-details-grid{gap:1.5rem;display:grid}.detail-section{background:#f9fafb;border-radius:.5rem;padding:1rem}.detail-section h3{color:#111827;margin-bottom:.75rem;font-size:1rem;font-weight:600}.detail-row{margin-bottom:.5rem;font-size:.875rem}.detail-row strong{color:#374151;margin-right:.5rem}.description-text{color:#4b5563;margin-top:.5rem;line-height:1.5}.marketplace-page{background:#f8fafc;min-height:100vh}.marketplace-container{max-width:1400px;margin:0 auto;padding:2rem}.marketplace-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.header-stats{gap:1.5rem;display:flex}.stat-item{color:#6b7280;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.hot-leads-banner{background:linear-gradient(135deg,#fef3c7 0%,#fed7aa 100%);border:1px solid #fbbf24;border-radius:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.banner-content{align-items:center;gap:1rem;display:flex}.banner-content h3{color:#92400e;margin:0;font-size:1.125rem;font-weight:600}.banner-content p{color:#b45309;margin:0;font-size:.875rem}.marketplace-controls{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.search-section{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.search-box{flex:1;max-width:400px;position:relative}.search-box svg{color:#9ca3af;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.search-box input{border:1px solid #d1d5db;border-radius:.5rem;width:100%;padding:.75rem 1rem .75rem 3rem;font-size:.875rem}.filter-toggle{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.filter-toggle:hover,.filter-toggle.active{background:#f3f4f6;border-color:#9ca3af}.filters-panel{border-top:1px solid #e5e7eb;padding-top:1rem}.filter-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.filter-group{flex-direction:column;gap:.5rem;display:flex}.filter-group label{color:#374151;font-size:.875rem;font-weight:500}.filter-group select,.filter-group input{border:1px solid #d1d5db;border-radius:.375rem;padding:.5rem;font-size:.875rem}.marketplace-leads-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem;display:grid}.marketplace-lead-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem;transition:all .2s;box-shadow:0 2px 4px #0000000d}.marketplace-lead-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.lead-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.tier-badge-row{align-items:center;gap:.5rem;display:flex}.tier-badge{border:1px solid;border-radius:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.favorite-btn{cursor:pointer;color:#6b7280;background:0 0;border:1px solid #d1d5db;border-radius:.375rem;padding:.25rem;transition:all .2s}.favorite-btn:hover,.favorite-btn.active{color:#dc2626;background:#fef2f2;border-color:#dc2626}.price-row{align-items:center;gap:.5rem;display:flex}.price{color:#059669;font-size:1.25rem;font-weight:700}.hot-badge{color:#dc2626;background:#fee2e2;border-radius:.25rem;padding:.125rem .375rem;font-size:.75rem;font-weight:500}.service-info h3{color:#111827;margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.location-timeline{gap:1rem;margin-bottom:1rem;display:flex}.location,.timeline{align-items:center;gap:.25rem;font-size:.875rem;display:flex}.project-preview p{color:#4b5563;margin-bottom:1rem;font-size:.875rem;line-height:1.4}.budget-info{color:#059669;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;display:flex}.lead-meta{gap:1rem;margin-bottom:1rem;display:flex}.meta-item{color:#6b7280;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.lead-card-actions{justify-content:space-between;gap:.5rem;display:flex}.empty-marketplace{text-align:center;color:#6b7280;grid-column:1/-1;padding:3rem}.empty-marketplace h3{color:#374151;margin-bottom:.5rem;font-size:1.125rem;font-weight:600}.marketplace-lead-modal{max-width:900px}.lead-details-preview{gap:1.5rem;display:grid}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;display:grid}.service-details-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.5rem;display:grid}.purchase-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem}.price-breakdown{margin-bottom:1.5rem}.price-row{justify-content:space-between;margin-bottom:.5rem;font-size:.875rem;display:flex}.price-row.total{border-top:1px solid #d1d5db;padding-top:.5rem;font-size:1rem;font-weight:600}.price-value{color:#059669;font-weight:600}.purchase-actions{gap:1rem;margin-bottom:1rem;display:flex}.purchase-disclaimer{color:#6b7280;background:#fef3c7;border:1px solid #fbbf24;border-radius:.375rem;align-items:flex-start;gap:.5rem;padding:.75rem;font-size:.75rem;display:flex}.btn-primary,.btn-outline,.btn-small,.btn-large{cursor:pointer;border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-small{padding:.5rem .75rem;font-size:.875rem}.btn-large{padding:.75rem 1.5rem;font-size:1rem}.btn-primary{color:#fff;background:#3b82f6;border-color:#3b82f6}.btn-primary:hover{background:#2563eb;border-color:#2563eb}.btn-outline{color:#374151;background:#fff;border-color:#d1d5db}.btn-outline:hover{background:#f9fafb;border-color:#9ca3af}.btn-success{color:#fff;background:#10b981;border-color:#10b981}.btn-success:hover{background:#059669;border-color:#059669}.marketplace-loading,.crm-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.loading-spinner{border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:32px;height:32px;margin-bottom:1rem;animation:1s linear infinite spin}.marketplace-error,.crm-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.error-content h2{color:#374151;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.upgrade-btn{color:#fff;background:#3b82f6;border-radius:.5rem;margin-top:1rem;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:background .2s}.upgrade-btn:hover{background:#2563eb}@media (max-width:768px){.crm-container,.marketplace-container{padding:1rem}.crm-header,.marketplace-header{flex-direction:column;align-items:stretch;gap:.75rem}.header-actions{justify-content:flex-start;gap:.5rem}.header-actions button,.header-actions a{flex:1;justify-content:center;padding:.625rem .75rem;font-size:.8rem}.header-stats{justify-content:space-between}.leads-stats-grid{grid-template-columns:1fr 1fr}.marketplace-leads-grid,.filter-row{grid-template-columns:1fr}.contact-row{flex-direction:column;gap:.75rem}.enhanced-lead-actions,.lead-card-actions,.purchase-actions{flex-direction:column}.search-section{flex-direction:column;align-items:stretch}.modal-content{max-height:calc(100vh - 2rem);margin:1rem}}.leads-table{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:visible;box-shadow:0 2px 8px #0000000f}.leads-table-header{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:1px solid #e5e7eb;grid-template-columns:1.8fr 1.3fr 1.4fr .9fr 1.6fr;gap:1rem;padding:.75rem 1rem;font-size:.7rem;font-weight:600;display:grid}.lead-row{cursor:pointer;border-bottom:1px solid #f3f4f6;grid-template-columns:1.8fr 1.3fr 1.4fr .9fr 1.6fr;align-items:center;gap:1rem;min-height:60px;padding:.75rem 1rem;transition:background-color .2s;display:grid}.lead-row:hover{background:#f8fafc}.lead-row:last-child{border-bottom:none}.lead-cell{flex-direction:column;gap:.2rem;min-width:0;display:flex}.phone-text{color:#6b7280;font-family:monospace;font-size:.75rem}.quality-mini-badge{text-transform:uppercase;letter-spacing:.025em;border-radius:.3rem;align-self:flex-start;padding:.1rem .3rem;font-size:.6rem;font-weight:600}.quality-score-badge{letter-spacing:.02em;white-space:nowrap;border-radius:999px;justify-content:center;align-self:flex-start;align-items:center;min-width:28px;padding:1px 6px;font-size:.7rem;font-weight:700;line-height:1.2;display:inline-flex}.service-cell{text-align:center}.budget-mini{color:#059669;font-size:.7rem;font-weight:500}.budget-icon{color:#dcfce7;flex-shrink:0}.budget-amount{white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.budget-display-modal{color:#fff;text-shadow:0 1px 2px #0000001a;background:linear-gradient(135deg,#059669,#047857);border-radius:.5rem;align-items:center;gap:.4rem;margin-left:.5rem;padding:.25rem .6rem;font-size:.85rem;font-weight:600;display:inline-flex;box-shadow:0 2px 4px #0000001a}.status-text{color:#374151;text-transform:capitalize;font-size:.8rem;font-weight:500}.date-text{color:#6b7280;font-size:.8rem;font-weight:500}.actions-cell .quick-actions{justify-content:flex-end;gap:.4rem;display:flex}.actions-cell .action-btn{min-width:32px;height:32px;padding:.4rem;font-size:.85rem}@media (min-width:769px){.leads-header-section{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:.75rem .75rem 0 0;margin-bottom:0;padding:2rem 1.5rem}.leads-header-section h1{margin-bottom:.5rem;font-size:2rem;font-weight:700}.leads-header-section p{opacity:.9;font-size:1.1rem}}.status-dropdown-container{width:100%;display:inline-block;position:relative}.status-dropdown-trigger{cursor:pointer;font:inherit;color:inherit;text-align:left;z-index:1;background:0 0;border:none;width:100%;padding:0;position:relative}.status-dropdown-trigger:hover:not(:disabled) .status-indicator{background:#0000000d;border-radius:.375rem;margin:-.25rem -.5rem;padding:.25rem .5rem}.status-dropdown-trigger:disabled{cursor:not-allowed;opacity:.6}.status-dropdown-trigger:disabled:hover .status-indicator{background:0 0;transform:none}.status-indicator{z-index:1;align-items:center;gap:.25rem;transition:all .2s;display:flex}.status-indicator.disabled{opacity:.6;cursor:not-allowed}.status-indicator.disabled:hover{background:0 0;transform:none}.status-dropdown-arrow{opacity:.5;margin-left:auto;transition:transform .2s}.status-dropdown-trigger:hover .status-dropdown-arrow{opacity:1}.status-dropdown-menu{z-index:9999;visibility:visible;opacity:1;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;min-width:200px;max-width:280px;max-height:300px;margin-top:.25rem;padding:.5rem;position:absolute;top:100%;left:0;overflow-y:auto;transform:translate(0);box-shadow:0 10px 25px #00000026}.crm-container{max-width:1400px;margin:0 auto;padding:0 24px;position:relative;overflow:visible}.leads-table,.leads-list,.lead-row{overflow:visible}.status-dropdown-menu.force-visible{z-index:10000!important;position:fixed!important}.status-dropdown-menu:not(.dropdown-upward){top:100%;bottom:auto}.status-dropdown-menu.dropdown-right{left:auto;right:0}.status-option{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.375rem;width:100%;margin:0;padding:0;transition:all .2s}.status-option:hover{background:#f8fafc}.status-option.current{background:#f0f9ff}.status-option-content{border:1px solid #0000;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.status-option:hover .status-option-content{border-color:currentColor;transform:translateY(-1px)}.current-indicator{color:#059669;margin-left:auto}@media (max-width:768px){.crm-container{padding:1rem;overflow:visible}.status-cell,.status-dropdown-container,.status-dropdown-trigger,.status-indicator{z-index:1!important}.status-dropdown-container.dropdown-open,.status-dropdown-trigger.dropdown-open{position:relative;z-index:2147483646!important}.status-indicator.dropdown-open{z-index:2147483646!important}.status-badge-btn{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;min-height:44px;padding:10px 14px;font-size:.85rem;font-weight:500;display:flex}.status-badge-btn:active:not(:disabled){opacity:.9;transform:scale(.98)}.status-badge-btn.disabled{opacity:.6;cursor:not-allowed}.status-dropdown-menu{display:none}.leads-table,.leads-list,.lead-row{z-index:1;overflow:visible}.status-cell:not(:has(.dropdown-open)){z-index:1!important}.status-dropdown-trigger:not(.dropdown-open),.status-indicator:not(.dropdown-open){z-index:1!important}}.action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.call-btn{color:#059669;background:#f0fdf4;border-color:#d1fae5}.call-btn:hover{color:#047857;background:#d1fae5;border-color:#059669}.details-btn{color:#3b82f6;background:#eff6ff;border-color:#dbeafe}.details-btn:hover{color:#2563eb;background:#dbeafe;border-color:#3b82f6}.sell-btn{color:#f59e0b;background:#fffbeb;border-color:#fde68a}.sell-btn:hover{color:#d97706;background:#fde68a;border-color:#f59e0b}.in-sale-badge{color:#dc2626;cursor:default;white-space:nowrap;background:#fef2f2;border:1px solid #dc2626;border-radius:.5rem;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.75rem;font-weight:600;display:flex}.in-sale-badge span{font-size:.75rem;font-weight:600}.name-cell .lead-name{flex-direction:column;gap:.25rem;display:flex}.name-text{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.phone-text{color:#6b7280;white-space:nowrap;font-family:monospace;font-size:.75rem}.service-name{color:#374151;white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:.8rem;font-weight:500;overflow:hidden}.budget-mini{color:#059669;white-space:nowrap;background:#d1fae5;border-radius:.25rem;margin-top:.25rem;padding:.125rem .25rem;font-size:.7rem;font-weight:500}.budget-display{color:#fff;text-shadow:0 1px 2px #0000001a;background:linear-gradient(135deg,#059669,#047857);border-radius:.5rem;align-items:center;gap:.3rem;width:fit-content;margin:.2rem auto 0;padding:.15rem .4rem;font-size:.7rem;font-weight:600;display:flex;box-shadow:0 1px 3px #0000001a}.status-cell{z-index:1;width:auto;min-width:170px;position:relative;overflow:visible}.status-indicator{align-items:center;gap:.25rem;display:flex}.status-text{color:#374151;text-transform:capitalize;white-space:nowrap;z-index:1;font-size:.75rem;font-weight:500}.date-cell{width:80px;min-width:80px}.date-text{color:#6b7280;white-space:nowrap;font-size:.75rem;font-weight:500}.actions-cell{flex-direction:row;justify-content:flex-end;align-items:center;display:flex;overflow:visible}.quick-actions{align-items:center;gap:.4rem;display:flex}.action-btn{cursor:pointer;border:none;border-radius:.4rem;justify-content:center;align-items:center;min-width:32px;height:32px;padding:.4rem;font-size:.8rem;text-decoration:none;transition:all .2s;display:flex}.call-btn{color:#fff;background:#10b981}.call-btn:hover{background:#059669;transform:translateY(-1px)}.details-btn{color:#fff;background:#3b82f6}.details-btn:hover{background:#2563eb;transform:translateY(-1px)}.sell-btn{color:#fff;background:#f59e0b}.sell-btn:hover{background:#d97706;transform:translateY(-1px)}.desktop-only,.mobile-leads-list{display:none}@media (max-width:768px){.desktop-only{display:none!important}.mobile-leads-list{flex-direction:column;gap:0;display:flex}}@media (min-width:769px){.desktop-only{display:block}.mobile-leads-list{display:none!important}}.mobile-leads-list{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;overflow:hidden;box-shadow:0 2px 8px #0000000f}.mobile-lead-card{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-bottom:1px solid #f3f4f6;padding:1rem;transition:background .12s;position:relative}.mobile-lead-card:last-child{border-bottom:none}.mobile-lead-card:active{background:#eef2ff}.mobile-lead-top{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.mobile-lead-name-block{flex:1;min-width:0}.mobile-lead-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;align-items:center;max-width:calc(100vw - 120px);font-size:.9rem;font-weight:600;display:flex;overflow:hidden}.mobile-lead-phone{color:#6b7280;margin-top:.1rem;font-family:monospace;font-size:.75rem;display:block}.mobile-actions-btn{color:#6b7280;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-left:.5rem;transition:all .15s;display:flex}.mobile-actions-btn:active{color:#374151;background:#e5e7eb;transform:scale(.95)}.mobile-lead-bottom{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.mobile-lead-service{color:#4b5563;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.78rem;font-weight:500;overflow:hidden}.mobile-status-btn{touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex-shrink:0;border-radius:8px!important;width:auto!important;min-height:36px!important;padding:8px 10px!important;font-size:.75rem!important}.mobile-lead-date{color:#9ca3af;margin-top:.35rem;font-size:.7rem}.mobile-actions-sheet-body{flex-direction:column;gap:4px;max-height:calc(80vh - 80px);padding:8px 12px 28px;display:flex;overflow-y:auto}.mobile-action-item{text-align:left;color:#1f2937;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:12px;align-items:center;gap:14px;width:100%;padding:13px 12px;font-size:.95rem;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.mobile-action-item:active:not(.disabled){background:#f3f4f6}.mobile-action-item.disabled{opacity:.5;cursor:default}.mobile-action-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.mobile-action-icon.green{color:#15803d;background:#dcfce7}.mobile-action-icon.blue{color:#1d4ed8;background:#dbeafe}.mobile-action-icon.purple{color:#6d28d9;background:#ede9fe}@media (max-width:768px){.leads-stats-grid{grid-template-columns:1fr 1fr;gap:.625rem;margin-bottom:1.25rem;padding:0;display:grid}.stat-card{gap:.625rem;min-height:auto;padding:.875rem 1rem}.stat-icon{width:36px;height:36px}.stat-content h3{font-size:1.1rem}.stat-content p{font-size:.7rem}.search-box input{border-radius:.75rem;padding:.75rem 1rem .75rem 2.75rem;font-size:.875rem}.filter-tabs{border-radius:.75rem;gap:.2rem;padding:.2rem}.filter-tabs button{border-radius:.625rem;min-height:36px;padding:.5rem .875rem;font-size:.78rem}}@media (min-width:769px){.leads-table-header{color:#374151;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;border-bottom:2px solid #e5e7eb;grid-template-columns:1.8fr 1.3fr 1.4fr .9fr 1.6fr;padding:1rem 1.5rem;font-size:.875rem;font-weight:600;display:grid}.header-cell{align-items:center;padding:0;display:flex}.header-cell.service-cell{text-align:center;justify-content:center}.lead-row{min-width:unset;grid-template-columns:1.8fr 1.3fr 1.4fr .9fr 1.6fr;width:100%;min-height:70px;padding:1.25rem 1.5rem;display:grid;overflow-x:visible}.lead-row:hover{background:#f8fafc;box-shadow:0 2px 8px #0000000d}.lead-cell{flex-direction:column;justify-content:center;width:auto;min-width:0;margin-right:0;padding-right:0;display:flex}.header-cell{min-width:0}.name-cell .lead-name{gap:.5rem}.name-text{white-space:normal;text-overflow:unset;font-size:1rem;font-weight:600;overflow:visible}.phone-text{color:#6b7280;font-size:.875rem}.quality-score-badge{border-radius:999px;align-self:flex-start;margin-top:.25rem;padding:2px 8px;font-size:.8rem;font-weight:700}.quality-mini-badge{color:#3730a3;background:#e0e7ff;border-radius:.375rem;align-self:flex-start;margin-top:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:500}.service-name{white-space:normal;text-overflow:unset;text-align:center;margin-bottom:.25rem;font-size:.9rem;font-weight:500;overflow:visible}.budget-mini{color:#166534;background:#dcfce7;border-radius:.375rem;margin-top:.25rem;padding:.25rem .5rem;font-size:.8rem;font-weight:500}.budget-display{color:#fff;text-shadow:0 1px 2px #0000001a;background:linear-gradient(135deg,#059669,#047857);border-radius:.75rem;align-items:center;gap:.4rem;width:fit-content;margin:.3rem auto 0;padding:.25rem .6rem;font-size:.8rem;font-weight:600;display:flex;box-shadow:0 2px 4px #0000001a}.budget-icon{color:#dcfce7;flex-shrink:0}.budget-amount{white-space:nowrap;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.status-indicator{gap:.5rem}.status-text{font-size:.875rem;font-weight:500}.date-text{color:#6b7280;font-size:.875rem}.actions-cell{justify-content:flex-end;width:auto;min-width:0;overflow:visible}.quick-actions{flex-wrap:wrap;justify-content:flex-end;gap:.4rem}.action-btn{border-radius:.5rem;min-width:36px;height:36px;padding:.4rem;font-size:.9rem}.action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.leads-list .leads-table:before{display:none}.leads-controls{background:#fff;border-radius:0 0 .75rem .75rem;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem;padding:1.5rem;display:flex;box-shadow:0 2px 8px #0000001a}.search-box{max-width:400px;position:relative}.search-box input{background:#f9fafb;border:2px solid #e5e7eb;border-radius:.75rem;width:100%;padding:.875rem 1rem .875rem 3rem;font-size:1rem;transition:all .2s}.search-box input:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.search-box svg{color:#9ca3af;z-index:10;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.filter-tabs{scrollbar-width:none;-ms-overflow-style:none;gap:.5rem;padding-bottom:2px;display:flex;overflow-x:auto}.filter-tabs::-webkit-scrollbar{display:none}.filter-tabs button{color:#6b7280;white-space:nowrap;background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;flex-shrink:0;min-height:44px;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s}.filter-tabs button:hover{color:#3b82f6;border-color:#3b82f6;transform:translateY(-1px)}.filter-tabs button.active{color:#fff;background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f640}.leads-list{margin-top:0}.leads-table{border-radius:.75rem;box-shadow:0 4px 20px #00000014}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080}.lead-details-modal{border-radius:1rem;width:90vw;max-width:900px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.modal-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:1rem 1rem 0 0;padding:1.5rem 2rem}.modal-header h2{margin:0;font-size:1.5rem;font-weight:700}.modal-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;transition:all .2s}.modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.modal-body{padding:2rem}.lead-details-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.detail-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.5rem}.detail-section h3{color:#1f2937;border-bottom:2px solid #e5e7eb;margin:0 0 1rem;padding-bottom:.5rem;font-size:1.1rem;font-weight:700}.detail-row{flex-direction:column;gap:.25rem;margin-bottom:1rem;display:flex}.detail-row strong{color:#374151;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.description-text{color:#4b5563;background:#fff;border:1px solid #d1d5db;border-radius:.5rem;margin-top:.5rem;padding:1rem;line-height:1.6}.empty-state{text-align:center;background:#fff;border-radius:.75rem;padding:4rem 2rem;box-shadow:0 4px 20px #00000014}.empty-state svg{color:#d1d5db;margin-bottom:1.5rem}.empty-state h3{color:#374151;margin-bottom:.5rem;font-size:1.5rem}.empty-state p{color:#6b7280;max-width:500px;margin:0 auto;font-size:1.1rem}.status-dropdown-container{display:inline-block;position:relative}.status-dropdown-header,.status-dropdown-container.dropdown-open:before{display:none}.status-dropdown-trigger{cursor:pointer;font:inherit;color:inherit;text-align:left;background:0 0;border:none;width:100%;padding:0}.status-dropdown-trigger:hover .status-indicator{background:#0000000d;border-radius:.5rem;margin:-.25rem -.5rem;padding:.25rem .5rem}.status-dropdown-arrow{opacity:.5;transition:transform .2s}.status-dropdown-trigger:hover .status-dropdown-arrow{opacity:1}.status-dropdown-menu{z-index:9999;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;min-width:200px;max-height:300px;margin-top:.25rem;padding:.5rem;position:absolute;top:100%;left:0;overflow-y:auto;transform:translate(0);box-shadow:0 10px 25px #00000026}.status-dropdown-menu:not(.dropdown-upward){top:100%;bottom:auto}.status-dropdown-menu.dropdown-upward{margin-top:0;margin-bottom:.25rem;top:auto;bottom:100%}.status-dropdown-menu.dropdown-right{left:auto;right:0}.status-option{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.5rem;width:100%;margin:0;padding:0;transition:all .2s}.status-option:hover{background:#f8fafc}.status-option.current{background:#f0f9ff}.status-option-content{border:1px solid #0000;border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.status-option:hover .status-option-content{border-color:currentColor;transform:translateY(-1px)}.current-indicator{color:#059669;margin-left:auto}}body{overflow:auto}.status-dropdown-menu{z-index:2147483647!important;pointer-events:auto!important;visibility:visible!important;opacity:1!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:.75rem!important;margin-top:.25rem!important;padding:.5rem!important;position:absolute!important;box-shadow:0 10px 25px #00000026!important}.status-cell:has(.status-dropdown-menu){z-index:2147483646!important}.status-dropdown-trigger:has(+.status-dropdown-menu){z-index:2147483646!important}.status-indicator:not(.dropdown-open),.lead-row:not(.has-open-dropdown) .status-cell{z-index:1}.lead-row.has-open-dropdown .status-cell{z-index:999998}.crm-dashboard,.crm-container,.leads-table,.leads-list,.lead-row,.lead-cell,.status-cell,.status-indicator,.status-text,.action-btn,.quick-actions{z-index:1!important}.crm-header,.leads-table-header{z-index:10!important}.status-dropdown-trigger{z-index:1!important}.status-dropdown-menu{z-index:2147483647!important;position:absolute!important}:is(.status-cell:has(.status-dropdown-menu),.status-dropdown-trigger:has(+.status-dropdown-menu)){z-index:2147483646!important}.modal,.dropdown,.tooltip,.popover{z-index:1000!important}.status-dropdown-menu,.status-dropdown-menu *{z-index:2147483647!important}.status-cell,.status-dropdown-container,.status-dropdown-trigger,.status-indicator{z-index:1!important}.status-dropdown-container.dropdown-open,.status-dropdown-trigger.dropdown-open{position:relative;z-index:2147483646!important}.status-indicator.dropdown-open{z-index:2147483646!important}.status-dropdown-menu.active-dropdown{z-index:2147483647!important;pointer-events:auto!important;visibility:visible!important;opacity:1!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:.75rem!important;position:absolute!important;box-shadow:0 10px 25px #00000026!important}.status-cell:not(:has(.dropdown-open)){z-index:1!important}.status-dropdown-trigger:not(.dropdown-open),.status-indicator:not(.dropdown-open){z-index:1!important}.lead-row{z-index:1;position:relative;overflow:visible}.lead-row.has-open-dropdown{position:relative;z-index:2147483645!important}.lead-row:not(.has-open-dropdown){z-index:1!important}.comments-btn{color:#fff;background:#8b5cf6}.comments-btn:hover{background:#7c3aed;transform:translateY(-1px)}.comments-modal{flex-direction:column;max-width:600px;max-height:80vh;display:flex;overflow:hidden}.comments-section{flex-direction:column;gap:1rem;height:100%;display:flex}.comments-list{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;flex:1;max-height:400px;padding:1rem;overflow-y:auto}.comment-item{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1rem;padding:1rem;position:relative;box-shadow:0 1px 3px #0000001a}.comment-item:last-child{margin-bottom:0}.comment-delete-btn{color:#dc2626;cursor:pointer;opacity:0;background:#fee2e2;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;font-weight:700;line-height:1;transition:opacity .2s,background .2s;display:flex;position:absolute;top:.5rem;left:.5rem}.comment-item:hover .comment-delete-btn{opacity:1}.comment-delete-btn:hover{color:#fff;background:#dc2626}.comment-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem;display:flex}.comment-type{color:#fff;text-transform:capitalize;background:#8b5cf6;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600}.comment-date{color:#6b7280;font-size:.75rem}.comment-message{color:#374151;white-space:pre-wrap;line-height:1.5}.no-comments{text-align:center;color:#6b7280;padding:2rem;font-style:italic}.loading-comments{text-align:center;color:#6b7280;padding:2rem}.add-comment-section{background:#fff;border-top:1px solid #e5e7eb;flex-direction:column;gap:1rem;padding:1rem;display:flex}.comment-textarea{resize:vertical;border:1px solid #d1d5db;border-radius:.5rem;width:100%;min-height:80px;padding:.75rem;font-family:inherit;font-size:.875rem}.comment-textarea:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.add-comment-btn{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:.5rem;align-self:flex-end;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s}.add-comment-btn:hover:not(:disabled){background:#7c3aed;transform:translateY(-1px)}.add-comment-btn:disabled{cursor:not-allowed;background:#9ca3af;transform:none}@media (max-width:768px){.comments-modal{max-width:95vw;max-height:90vh}.comments-list{max-height:300px}.comment-header{flex-direction:column;align-items:flex-start;gap:.5rem}.add-comment-section{padding:.75rem}.comment-textarea{min-height:60px}}.action-btn{cursor:pointer;color:#6b7280;background:#f9fafb;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;text-decoration:none;transition:all .2s;display:flex}.action-btn:hover:not(:disabled){color:#374151;background:#e5e7eb;transform:translateY(-1px)}.action-btn:active:not(:disabled){transform:translateY(0)}.action-btn.disabled{opacity:.5;cursor:not-allowed;color:#9ca3af;background:#f3f4f6}.action-btn.disabled:hover{color:#9ca3af;background:#f3f4f6;transform:none}.call-btn{color:#059669}.call-btn:hover:not(:disabled){color:#047857;background:#d1fae5}.comments-btn{color:#7c3aed}.comments-btn:hover:not(:disabled){color:#6d28d9;background:#ede9fe}.details-btn{color:#2563eb}.details-btn:hover:not(:disabled){color:#1d4ed8;background:#dbeafe}.sell-btn{color:#dc2626}.sell-btn:hover:not(:disabled){color:#b91c1c;background:#fee2e2}.in-sale-badge{color:#92400e;background:#fef3c7;border:1px solid #f59e0b;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;font-weight:500;display:flex}.in-sale-badge svg{width:12px;height:12px}.crm-actions-row{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px 2px;display:flex}.crm-action-wrap{color:inherit;text-decoration:none;display:contents}.crm-insale-badge{color:#92400e;white-space:nowrap;background:#fef3c7;border:1px solid #fde68a;border-radius:20px;align-items:center;gap:4px;margin-left:2px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.crm-insale-badge svg{width:11px;height:11px}.crm-inprivate-badge{color:#4338ca;white-space:nowrap;background:#e0e7ff;border:1px solid #c7d2fe;border-radius:20px;align-items:center;gap:4px;margin-left:2px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.crm-inprivate-badge svg{width:11px;height:11px}.mobile-status-modal-overlay{z-index:99999;background:#0009;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.mobile-status-modal{background:#fff;border-radius:20px 20px 0 0;width:100%;max-height:80vh;animation:.3s ease-out slideUp;overflow:hidden}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-status-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:20px 20px 16px;display:flex}.mobile-status-modal-header h3{color:#1f2937;margin:0;font-size:1.25rem;font-weight:700}.mobile-status-close{color:#6b7280;cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.mobile-status-close:active{background:#e5e7eb}.mobile-status-modal-body{max-height:calc(80vh - 80px);padding:12px 16px 32px;overflow-y:auto}.mobile-status-option{cursor:pointer;background:0 0;border:none;width:100%;margin-bottom:10px;padding:0}.mobile-status-option:last-child{margin-bottom:0}.mobile-status-option-inner{border-radius:12px;align-items:center;gap:12px;padding:16px 20px;font-size:1rem;font-weight:500;transition:transform .1s;display:flex}.mobile-status-option:active .mobile-status-option-inner{transform:scale(.98)}.mobile-status-option.current .mobile-status-option-inner{box-shadow:0 0 0 2px}@media (min-width:769px){.status-cell{width:auto;min-width:200px;position:relative;overflow:visible}.status-badge-btn{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border:none;border-radius:8px;justify-content:flex-start;align-self:flex-start;align-items:center;gap:6px;width:auto;max-width:100%;min-height:auto;padding:8px 10px;font-size:.8rem;font-weight:500;transition:all .15s;display:inline-flex;overflow:hidden}.status-badge-btn>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.status-badge-btn:hover:not(:disabled){opacity:.85;transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.status-badge-btn:active:not(:disabled){transform:translateY(0)}.status-badge-btn.disabled{opacity:.6;cursor:not-allowed}.status-badge-btn svg:last-child{opacity:.7;margin-left:2px}.status-dropdown-menu{z-index:99999;background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-width:200px;max-height:320px;padding:6px;display:block;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 10px 40px #00000026,0 4px 12px #0000001a}.status-option{cursor:pointer;background:0 0;border:none;width:100%;margin:0;padding:0;display:block}.status-option:disabled{opacity:.5;cursor:not-allowed}.status-option-content{border-radius:8px;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:.85rem;font-weight:500;transition:all .15s;display:flex}.status-option:hover:not(:disabled) .status-option-content{transform:translate(4px)}.status-option.current .status-option-content{box-shadow:inset 0 0 0 2px}.status-option-content svg:last-child{margin-left:auto}.mobile-status-modal-overlay{display:none}}.status-dropdown-menu.dropdown-upward{margin-top:0!important;margin-bottom:.25rem!important;top:auto!important;bottom:100%!important}