*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0;padding:0;background-color:#f8f9fa;color:#333;line-height:1.6}:root{--primary-color: #4caf50;--primary-hover: #45a049;--primary-light: #e8f5e8;--secondary-color: #2196f3;--secondary-hover: #1976d2;--secondary-light: #e3f2fd;--success-color: #4caf50;--warning-color: #ff9800;--danger-color: #f44336;--info-color: #2196f3;--white: #ffffff;--light-gray: #f8f9fa;--medium-gray: #e9ecef;--dark-gray: #6c757d;--text-color: #333333;--text-muted: #6c757d;--border-color: #ddd;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-xxl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}.crm-container{max-width:1400px;margin:0 auto;padding:var(--spacing-md);min-height:100vh}.crm-header{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.header-left{display:flex;flex-direction:column;gap:var(--spacing-xs)}.header-right{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.header-subtitle{margin:0;color:var(--text-muted);font-size:.875rem;font-weight:400}.crm-header h1,.crm-header h2{margin:0;color:var(--text-color);font-size:1.75rem;font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm)}.crm-header h1 i,.crm-header h2 i{color:var(--primary-color)}.header-actions{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.date-filter{display:flex;align-items:center;gap:var(--spacing-sm)}.filter-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--white);font-size:.875rem;transition:var(--transition-fast)}.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}.crm-nav{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);background:var(--white);padding:var(--spacing-sm);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow-x:auto}.nav-item{padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;color:var(--text-muted);border-radius:var(--radius-sm);transition:var(--transition-fast);white-space:nowrap;display:flex;align-items:center;gap:var(--spacing-sm);font-size:.875rem;font-weight:500}.nav-item:hover{background:var(--light-gray);color:var(--text-color)}.nav-item.active{background:var(--primary-color);color:var(--white)}.nav-item.back{margin-left:auto;background:var(--medium-gray)}.nav-item.back:hover{background:var(--dark-gray);color:var(--white)}.crm-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);transition:var(--transition-fast)}.crm-card:hover{box-shadow:var(--shadow-md)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--medium-gray)}.card-header h3{margin:0;color:var(--text-color);font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm)}.view-all-btn{background:none;border:none;color:var(--primary-color);font-size:.875rem;cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:var(--transition-fast)}.view-all-btn:hover{background:var(--primary-light)}.crm-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;text-decoration:none;cursor:pointer;transition:var(--transition-fast);line-height:1.4}.crm-button.primary{background:var(--primary-color);color:var(--white)}.crm-button.primary:hover{background:var(--primary-hover)}.crm-button.secondary{background:var(--medium-gray);color:var(--text-color)}.crm-button.secondary:hover{background:var(--dark-gray);color:var(--white)}.crm-button.danger{background:var(--danger-color);color:var(--white)}.crm-button.danger:hover{background:#d32f2f}.crm-button:disabled{opacity:.6;cursor:not-allowed}.metrics-section{margin-bottom:var(--spacing-lg)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.metric-card{margin-bottom:0}.metric-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.metric-header h3{margin:0;font-size:.875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.metric-icon{font-size:1.5rem;color:var(--primary-color)}.metric-value{margin-bottom:var(--spacing-md)}.metric-value .value{display:block;font-size:2.5rem;font-weight:700;color:var(--text-color);line-height:1}.metric-value .change{display:block;font-size:.875rem;font-weight:500;margin-top:var(--spacing-xs)}.change.positive{color:var(--success-color)}.change.negative{color:var(--danger-color)}.change.neutral{color:var(--text-muted)}.change.pending{color:var(--warning-color)}.metric-footer{font-size:.75rem;color:var(--text-muted)}.quick-actions-section{margin-bottom:var(--spacing-lg)}.quick-actions-section h3{margin:0 0 var(--spacing-lg) 0;font-size:1.125rem;font-weight:600}.action-buttons{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.activity-feed{max-height:400px;overflow-y:auto}.activity-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) 0;border-bottom:1px solid var(--medium-gray)}.activity-item:last-child{border-bottom:none}.activity-item.loading{justify-content:center;color:var(--text-muted)}.activity-icon{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:var(--primary-light);color:var(--primary-color);display:flex;align-items:center;justify-content:center;font-size:.875rem}.activity-content{flex:1;min-width:0}.activity-content h4{margin:0 0 var(--spacing-xs) 0;font-size:.875rem;font-weight:600;color:var(--text-color)}.activity-content p{margin:0;font-size:.8rem;color:var(--text-muted);line-height:1.4}.activity-time{font-size:.75rem;color:var(--text-muted);margin-top:var(--spacing-xs)}.pipeline-stages{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md)}.pipeline-stage{text-align:center;padding:var(--spacing-md);background:var(--light-gray);border-radius:var(--radius-md);transition:var(--transition-fast)}.pipeline-stage:hover{background:var(--medium-gray)}.stage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.stage-header h4{margin:0;font-size:.8rem;font-weight:600;color:var(--text-color)}.stage-count{background:var(--primary-color);color:var(--white);font-size:.75rem;font-weight:600;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center}.stage-value{font-size:1.125rem;font-weight:700;color:var(--text-color)}.leads-list,.tasks-list{max-height:350px;overflow-y:auto}.lead-item,.task-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid var(--medium-gray)}.lead-item:last-child,.task-item:last-child{border-bottom:none}.lead-item.loading,.task-item.loading{justify-content:center;color:var(--text-muted)}.lead-info,.task-info{flex:1;min-width:0}.lead-info h4,.task-info h4{margin:0 0 var(--spacing-xs) 0;font-size:.875rem;font-weight:600;color:var(--text-color)}.lead-info p,.task-info p{margin:0;font-size:.8rem;color:var(--text-muted)}.crm-status{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.crm-status.new{background:var(--info-color);color:var(--white)}.crm-status.qualified{background:var(--success-color);color:var(--white)}.crm-status.interested,.crm-status.pending{background:var(--warning-color);color:var(--white)}.crm-status.completed{background:var(--success-color);color:var(--white)}.crm-status.overdue{background:var(--danger-color);color:var(--white)}.crm-priority{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;font-size:.75rem;font-weight:600}.crm-priority.low{background:#e8f5e8;color:var(--success-color)}.crm-priority.medium{background:#fff3e0;color:var(--warning-color)}.crm-priority.high{background:#ffebee;color:var(--danger-color)}.crm-priority.urgent{background:var(--danger-color);color:var(--white);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.chart-section{margin-bottom:var(--spacing-lg)}.chart-controls{display:flex;gap:var(--spacing-xs)}.chart-btn{background:none;border:1px solid var(--border-color);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer;transition:var(--transition-fast)}.chart-btn:hover{background:var(--light-gray)}.chart-btn.active{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.chart-container{height:300px;display:flex;align-items:center;justify-content:center;background:var(--light-gray);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.chart-placeholder{text-align:center;color:var(--text-muted)}.chart-placeholder i{font-size:3rem;margin-bottom:var(--spacing-md);opacity:.5}.crm-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;visibility:hidden;transition:var(--transition-normal)}.crm-modal.show{opacity:1;visibility:visible}.modal-content{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:600px;max-height:90vh;overflow-y:auto;transform:scale(.95);transition:var(--transition-normal)}.crm-modal.show .modal-content{transform:scale(1)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--medium-gray)}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-color)}.modal-close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--text-muted);padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:var(--transition-fast)}.crm-form{padding:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-size:.875rem;font-weight:600;color:var(--text-color)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.875rem;transition:var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}.form-group textarea{resize:vertical;min-height:80px}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--medium-gray)}.crm-table{width:100%;border-collapse:collapse;background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.crm-table th,.crm-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--medium-gray)}.crm-table th{background:var(--light-gray);font-weight:600;color:var(--text-color);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.crm-table tr:hover{background:var(--light-gray)}.crm-table tr:last-child td{border-bottom:none}@media(max-width:768px){.crm-container{padding:var(--spacing-sm)}.header-content{flex-direction:column;align-items:stretch}.header-actions{justify-content:space-between}.crm-nav{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.crm-nav::-webkit-scrollbar{display:none}.metrics-grid,.dashboard-grid{grid-template-columns:1fr}.pipeline-stages{grid-template-columns:repeat(2,1fr)}.action-buttons{flex-direction:column}.form-row{grid-template-columns:1fr}.modal-content{width:95%;margin:var(--spacing-sm)}.chart-controls{justify-content:center;flex-wrap:wrap}}@media(max-width:480px){.pipeline-stages{grid-template-columns:1fr}.stage-header{flex-direction:column;gap:var(--spacing-xs)}.crm-header h1{font-size:1.5rem}.metric-value .value{font-size:2rem}}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-danger{color:var(--danger-color)}.bg-light{background-color:var(--light-gray)}.bg-white{background-color:var(--white)}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.d-grid{display:grid}.mb-0{margin-bottom:0}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mt-0{margin-top:0}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.p-0{padding:0}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.rounded{border-radius:var(--radius-sm)}.timeline-container{position:relative}.timeline-stats{display:flex;gap:1rem;color:var(--text-muted);font-size:.9rem}.stat-item{display:flex;align-items:center;gap:.25rem}.timeline{position:relative;padding:1rem 0}.timeline:before{content:"";position:absolute;left:30px;top:0;bottom:0;width:2px;background:var(--border-color)}.timeline-item{position:relative;display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.timeline-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.timeline-icon{position:relative;width:60px;height:60px;background:var(--white);border:3px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--text-muted);flex-shrink:0;z-index:2}.timeline-icon.call{border-color:var(--success-color);color:var(--success-color)}.timeline-icon.email{border-color:var(--info-color);color:var(--info-color)}.timeline-icon.sms{border-color:var(--warning-color);color:var(--warning-color)}.timeline-icon.meeting{border-color:var(--primary-color);color:var(--primary-color)}.timeline-icon.note{border-color:var(--dark-gray);color:var(--dark-gray)}.timeline-content{flex:1;background:var(--white);border:1px solid var(--border-color);border-radius:8px;padding:1rem;position:relative}.timeline-content:before{content:"";position:absolute;left:-8px;top:20px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid var(--border-color)}.timeline-content:after{content:"";position:absolute;left:-7px;top:20px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid var(--white)}.timeline-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:.5rem}.timeline-title{font-weight:600;color:var(--text-color);margin:0}.timeline-meta{display:flex;flex-direction:column;align-items:end;gap:.25rem;font-size:.85rem;color:var(--text-muted)}.timeline-date{font-weight:500}.timeline-lead{color:var(--primary-color);text-decoration:none}.timeline-lead:hover{text-decoration:underline}.timeline-subject{font-style:italic;color:var(--text-muted);margin-bottom:.5rem}.timeline-content-text{line-height:1.6;margin-bottom:1rem}.timeline-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;border-top:1px solid var(--border-color)}.timeline-outcome{display:flex;align-items:center;gap:.5rem}.outcome-badge{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase}.outcome-badge.connected{background:var(--success-light);color:var(--success-color)}.outcome-badge.voicemail{background:var(--warning-light);color:var(--warning-color)}.outcome-badge.no_answer{background:var(--medium-gray);color:var(--dark-gray)}.outcome-badge.bounced{background:var(--danger-light);color:var(--danger-color)}.outcome-badge.responded{background:var(--success-light);color:var(--success-color)}.outcome-badge.not_interested{background:var(--danger-light);color:var(--danger-color)}.outcome-badge.interested{background:var(--primary-light);color:var(--primary-color)}.outcome-badge.callback_requested{background:var(--info-light);color:var(--info-color)}.timeline-actions{display:flex;gap:.5rem}.timeline-duration{display:flex;align-items:center;gap:.25rem;font-size:.85rem;color:var(--text-muted)}.communication-direction{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .375rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase}.communication-direction.inbound{background:var(--success-light);color:var(--success-color)}.communication-direction.outbound{background:var(--info-light);color:var(--info-color)}.filter-panel{margin-bottom:1.5rem}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:end}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:500;color:var(--text-color);font-size:.9rem}.crm-textarea{width:100%;min-height:120px;padding:.75rem;border:1px solid var(--border-color);border-radius:6px;font-family:inherit;font-size:.9rem;line-height:1.5;resize:vertical;transition:border-color .2s ease}.crm-textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-light)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:768px){.timeline:before{left:20px}.timeline-icon{width:40px;height:40px;font-size:1rem}.timeline-header{flex-direction:column;align-items:start;gap:.5rem}.timeline-meta{align-items:start}.timeline-footer{flex-direction:column;align-items:start;gap:.5rem}.filter-grid,.form-row{grid-template-columns:1fr}}.communication-detail{display:flex;flex-direction:column;gap:1.5rem}.detail-section{padding:1rem;background:var(--light-gray);border-radius:6px}.detail-section h4{margin:0 0 .5rem;color:var(--text-color);font-size:1rem;font-weight:600}.detail-grid{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;align-items:center}.detail-label{font-weight:500;color:var(--text-muted);font-size:.9rem}.detail-value{color:var(--text-color)}.communication-full-content{background:var(--white);padding:1rem;border-radius:6px;border:1px solid var(--border-color);line-height:1.6;white-space:pre-wrap}:root{--success-light: #e8f5e8;--warning-light: #fff3cd;--danger-light: #f8d7da;--info-light: #d1ecf1}.view-toggle{display:flex;border:1px solid var(--border-color);border-radius:6px;overflow:hidden;margin-right:1rem}.toggle-btn{padding:.5rem 1rem;border:none;background:var(--white);color:var(--text-muted);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;font-size:.9rem}.toggle-btn:hover{background:var(--light-gray)}.toggle-btn.active{background:var(--primary-color);color:var(--white)}.toggle-btn:first-child{border-right:1px solid var(--border-color)}.kanban-view{margin-top:1.5rem}.kanban-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;min-height:600px}.kanban-column{background:var(--light-gray);border-radius:8px;padding:1rem;display:flex;flex-direction:column}.kanban-column.overdue-column{background:var(--danger-light);border:1px solid var(--danger-color)}.column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--border-color)}.column-header h3{margin:0;display:flex;align-items:center;gap:.5rem;color:var(--text-color);font-size:1.1rem}.task-count{background:var(--primary-color);color:var(--white);padding:.25rem .5rem;border-radius:12px;font-size:.8rem;font-weight:600;min-width:20px;text-align:center}.overdue-column .task-count{background:var(--danger-color)}.column-content{flex:1;display:flex;flex-direction:column;gap:1rem;min-height:200px;padding:.5rem}.task-card{background:var(--white);border:1px solid var(--border-color);border-radius:8px;padding:1rem;cursor:move;transition:all .2s ease;position:relative}.task-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.task-card.dragging{opacity:.5;transform:rotate(5deg)}.task-card.selected{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}.task-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:.5rem}.task-title{font-weight:600;color:var(--text-color);margin:0;font-size:.95rem;line-height:1.3}.task-priority{padding:.125rem .375rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;flex-shrink:0}.task-priority.urgent{background:var(--danger-color);color:var(--white)}.task-priority.high{background:var(--warning-color);color:var(--white)}.task-priority.medium{background:var(--info-color);color:var(--white)}.task-priority.low{background:var(--medium-gray);color:var(--dark-gray)}.task-description{color:var(--text-muted);font-size:.85rem;line-height:1.4;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.task-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.task-type{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:var(--text-muted)}.task-due-date{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:.25rem}.task-due-date.overdue{color:var(--danger-color);font-weight:600}.task-due-date.today{color:var(--warning-color);font-weight:600}.task-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.5rem;border-top:1px solid var(--border-color)}.task-lead{font-size:.8rem;color:var(--primary-color);text-decoration:none;font-weight:500}.task-lead:hover{text-decoration:underline}.task-actions{display:flex;gap:.25rem}.task-action-btn{padding:.25rem;border:none;background:none;color:var(--text-muted);cursor:pointer;border-radius:4px;transition:all .2s ease;font-size:.8rem}.task-action-btn:hover{background:var(--light-gray);color:var(--text-color)}.task-checkbox{position:absolute;top:.5rem;right:.5rem;width:16px;height:16px;cursor:pointer}.column-content.drag-over{background:var(--primary-light);border:2px dashed var(--primary-color);border-radius:8px}.calendar-view{margin-top:1.5rem}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:var(--white);border-radius:8px;border:1px solid var(--border-color)}.calendar-header h3{margin:0;color:var(--text-color);font-size:1.2rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background:var(--border-color);border-radius:8px;overflow:hidden}.calendar-day-header{background:var(--medium-gray);color:var(--text-color);font-weight:600;padding:.75rem;text-align:center;font-size:.9rem}.calendar-day{background:var(--white);min-height:120px;padding:.5rem;position:relative;transition:background-color .2s ease}.calendar-day:hover{background:var(--light-gray)}.calendar-day.other-month{background:var(--light-gray);color:var(--text-muted)}.calendar-day.today{background:var(--primary-light);font-weight:600}.calendar-day-number{font-size:.9rem;font-weight:600;margin-bottom:.25rem}.calendar-task{background:var(--primary-color);color:var(--white);padding:.125rem .25rem;border-radius:3px;font-size:.7rem;margin-bottom:.125rem;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-task.high-priority{background:var(--warning-color)}.calendar-task.urgent-priority{background:var(--danger-color)}.calendar-task.overdue{background:var(--danger-color);text-decoration:line-through}.calendar-task-count{font-size:.7rem;color:var(--text-muted);text-align:center;margin-top:.25rem}.task-stats{display:flex;gap:1.5rem;margin-top:1rem;padding:1rem;background:var(--white);border-radius:6px;border:1px solid var(--border-color)}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-label{font-size:.8rem;color:var(--text-muted);font-weight:500}.stat-value{font-size:1.2rem;font-weight:600;color:var(--text-color)}.stat-value.overdue{color:var(--danger-color)}.stat-value.today{color:var(--warning-color)}.stat-value.completed{color:var(--success-color)}.pipeline-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease}.stat-card:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.stat-icon{width:50px;height:50px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.stat-content h3{font-size:1.8rem;font-weight:700;color:var(--text-color);margin:0 0 .25rem}.stat-content p{color:var(--text-muted);margin:0;font-size:.875rem}.workflow-switcher{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 4px 12px #667eea33}.workflow-buttons{display:flex;gap:1rem;margin-bottom:.75rem;flex-wrap:wrap}.workflow-btn{flex:1;min-width:200px;padding:1rem 1.5rem;background:#ffffff26;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;backdrop-filter:blur(10px)}.workflow-btn:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.workflow-btn.active{background:#fff;color:#667eea;border-color:#fff;box-shadow:0 4px 16px #0000004d}.workflow-btn i{font-size:1.1rem}.workflow-description{text-align:center;color:#ffffffe6;font-size:.9rem;font-weight:500}.workflow-description p{margin:0}.deal-card-badges{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.deal-card-workflow{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.workflow-fix_flip{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.workflow-wholesaling{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.pipeline-filters{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;margin-bottom:2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;align-items:end}.pipeline-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;min-height:600px}.pipeline-column{background:var(--surface-color);border:1px solid var(--border-color);border-radius:8px;display:flex;flex-direction:column;max-height:80vh}.pipeline-column-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;border-radius:7px 7px 0 0;display:flex;justify-content:space-between;align-items:center}.pipeline-column-title{font-weight:600;font-size:1rem}.pipeline-column-count{background:#fff3;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600}.pipeline-column-content{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;min-height:200px}.pipeline-column-content.drag-over{background:#3b82f61a;border:2px dashed var(--primary-color)}.deal-card{background:#fff;border:1px solid var(--border-color);border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s ease;position:relative;draggable:true}.deal-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.deal-card.dragging{opacity:.5;transform:rotate(5deg)}.deal-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.deal-card-title{font-weight:600;color:var(--text-color);font-size:.95rem;line-height:1.3}.deal-card-value{font-weight:700;color:var(--success-color);font-size:.9rem}.deal-card-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.deal-card-property{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:.25rem}.deal-card-type{display:inline-block;background:var(--accent-color);color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase}.deal-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.75rem;border-top:1px solid var(--border-light)}.deal-card-probability{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-muted)}.probability-bar{width:60px;height:4px;background:var(--border-light);border-radius:2px;overflow:hidden}.probability-fill{height:100%;background:linear-gradient(90deg,var(--warning-color),var(--success-color));border-radius:2px;transition:width .3s ease}.deal-card-date{font-size:.75rem;color:var(--text-muted)}.deal-card-actions{position:absolute;top:.5rem;right:.5rem;opacity:0;transition:opacity .2s ease}.deal-card:hover .deal-card-actions{opacity:1}.deal-action-btn{background:#ffffffe6;border:1px solid var(--border-color);border-radius:4px;padding:.25rem;margin-left:.25rem;cursor:pointer;color:var(--text-muted);transition:all .2s ease;font-size:.75rem}.deal-action-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.deal-value-high{color:var(--success-color)!important}.deal-value-medium{color:var(--warning-color)!important}.deal-value-low{color:var(--text-muted)!important}.pipeline-empty{text-align:center;padding:2rem;color:var(--text-muted)}.pipeline-empty i{font-size:3rem;margin-bottom:1rem;opacity:.3}.deal-type-fix_flip{background:linear-gradient(135deg,#ef4444,#dc2626)}.deal-type-wholesale{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.deal-type-buy_hold{background:linear-gradient(135deg,#10b981,#059669)}.deal-type-owner_finance{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.deal-type-other{background:linear-gradient(135deg,#6b7280,#4b5563)}@media(max-width:1200px){.pipeline-board{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media(max-width:768px){.pipeline-board,.pipeline-filters{grid-template-columns:1fr}.pipeline-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.pipeline-stats{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-icon{width:40px;height:40px;font-size:1.25rem}.stat-content h3{font-size:1.5rem}}.bulk-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1rem}.bulk-action-btn{padding:1rem;border:1px solid var(--border-color);background:var(--white);border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-color);text-align:center}.bulk-action-btn:hover{border-color:var(--primary-color);background:var(--primary-light)}.bulk-action-btn.danger{border-color:var(--danger-color);color:var(--danger-color)}.bulk-action-btn.danger:hover{background:var(--danger-light)}.bulk-action-btn i{font-size:1.2rem}.recurring-options{background:var(--light-gray);padding:1rem;border-radius:6px;border:1px solid var(--border-color)}.filter-actions{display:flex;gap:.5rem}@media(max-width:1200px){.kanban-board{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.header-right{flex-direction:column;gap:.5rem}.view-toggle{margin-right:0;width:100%}.toggle-btn{flex:1;justify-content:center}.kanban-board{grid-template-columns:1fr;gap:1rem}.task-stats{flex-wrap:wrap;gap:1rem}.stat-item{min-width:120px}.calendar-day{min-height:80px;padding:.25rem}.bulk-actions-grid,.filter-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.modal-container{background:#fff;border-radius:8px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tabs{display:flex;border-bottom:2px solid #e9ecef;margin-bottom:1.5rem;gap:.5rem}.tab-btn{background:none;border:none;padding:.75rem 1.5rem;font-size:.95rem;font-weight:500;color:#6c757d;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.tab-btn:hover{color:#495057;background:#f8f9fa}.tab-btn.active{color:#007bff;border-bottom-color:#007bff}.tab-content{display:none}.tab-content.active{display:block}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:.75rem;background:#f8f9fa}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:9999;align-items:center;justify-content:center;padding:20px}.modal-content{background:#fff;border-radius:8px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;display:flex;align-items:center;gap:.5rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.modal-close:hover{background:var(--light-gray);color:var(--text-color)}.modal-body{padding:1.5rem}.modal-actions{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.5rem}.modal-large{max-width:1200px}.detail-section{margin-bottom:1.5rem}.detail-section:last-child{margin-bottom:0}.detail-section h4{margin:0 0 1rem;color:var(--text-color);display:flex;align-items:center;gap:.5rem}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.85rem;color:var(--text-muted);font-weight:500}.detail-value{font-size:1rem;color:var(--text-color);font-weight:600}.detail-notes{background:var(--light-gray);padding:1rem;border-radius:6px;white-space:pre-wrap;font-size:.9rem;color:var(--text-color);line-height:1.6}.action-btn.send-sms{color:#2196f3}.action-btn.send-sms:hover:not(:disabled){background-color:#e3f2fd}.action-btn.send-email{color:#4caf50}.action-btn.send-email:hover:not(:disabled){background-color:#e8f5e8}.action-btn:disabled,.action-btn.disabled{opacity:.4;cursor:not-allowed!important;color:#999!important}.send-message-modal .modal-content{max-width:600px}.send-message-modal .recipient-info{background:#f8f9fa;padding:12px;border-radius:6px;margin:8px 0}.send-message-modal .recipient-list{background:#f8f9fa;padding:12px;border-radius:6px;margin:8px 0;max-height:150px;overflow-y:auto}.send-message-modal .recipient-list div{padding:4px 0}.send-message-modal .alert{padding:12px;border-radius:6px;margin-bottom:16px;display:flex;align-items:center;gap:8px}.send-message-modal .alert-warning{background-color:#fff3cd;border-left:4px solid #ff9800;color:#856404}.send-message-modal .form-text{font-size:.875rem;color:#6c757d;margin-top:4px}.send-message-modal .required{color:#f44336;margin-left:2px}.grade-badge{display:inline-block;padding:4px 12px;border-radius:16px;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.grade-badge.grade-a{background:#4caf50;color:#fff}.grade-badge.grade-b{background:#2196f3;color:#fff}.grade-badge.grade-c{background:#ff9800;color:#fff}.grade-badge.grade-d{background:#ff5722;color:#fff}.grade-badge.grade-f{background:#f44336;color:#fff}.score-detail{margin-left:8px;color:#666;font-size:.875rem;font-weight:400}.cost-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;white-space:nowrap}.cost-badge.cost-low{background-color:#e8f5e9;color:#2e7d32}.cost-badge.cost-medium{background-color:#fff3e0;color:#ef6c00}.cost-badge.cost-high{background-color:#ffebee;color:#c62828}.cost-badge i{font-size:.7rem}.nav-brand{display:flex;align-items:center;text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);flex-shrink:0}.nav-brand h1{font-size:1rem;font-weight:700;color:var(--primary-color);margin:0;white-space:nowrap;display:flex;align-items:center;gap:.375rem}.nav-brand h1 i{font-size:1rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat-value{font-size:1.75rem;font-weight:700;color:var(--text-color);margin:0 0 .2rem;line-height:1.2}.stat-label{color:var(--text-muted);font-size:.82rem;margin:0}.crm-content-wrapper{display:flex;gap:1.25rem;align-items:flex-start}.crm-filters{width:210px;flex-shrink:0;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.25rem;position:sticky;top:1rem}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.filter-header h3{margin:0;font-size:.9rem;font-weight:600;color:var(--text-color);display:flex;align-items:center;gap:.4rem}.filter-section{margin-bottom:.875rem}.filter-section>label{display:block;font-size:.8rem;font-weight:500;color:var(--text-muted);margin-bottom:.3rem}.filter-section label:has(input[type=checkbox]){display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-color);cursor:pointer;margin-bottom:0}.slider{width:100%;accent-color:var(--primary-color);margin-top:.25rem}.slider-value{text-align:right;font-size:.8rem;color:var(--text-muted);font-weight:600;margin-top:.2rem}.price-range{display:flex;align-items:center;gap:.4rem}.price-range .form-control{min-width:0!important;flex:1;width:auto!important}.crm-button.small{padding:.25rem .6rem;font-size:.75rem}.crm-button.full-width{width:100%;justify-content:center}.form-control{display:block;width:100%;padding:.45rem .65rem;font-size:.875rem;line-height:1.5;color:var(--text-color);background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4caf5026}select.form-control{cursor:pointer}textarea.form-control{resize:vertical;min-height:80px}.crm-main-content{flex:1;min-width:0;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.25rem}.action-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.action-bar-left,.action-bar-right{display:flex;align-items:center;gap:.75rem}.record-count{font-size:.875rem;color:var(--text-muted);font-weight:500}.buyer-name{min-width:0}#buyersTableContainer{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-md)}.badge{display:inline-flex;align-items:center;padding:.2rem .55rem;border-radius:999px;font-size:.72rem;font-weight:600;line-height:1.4;letter-spacing:.02em;text-transform:capitalize;white-space:nowrap}.badge-primary{background:#dbeafe;color:#1d4ed8}.badge-success{background:#dcfce7;color:#15803d}.badge-warning{background:#fef9c3;color:#a16207}.badge-danger{background:#fee2e2;color:#b91c1c}.badge-secondary{background:#f3f4f6;color:#4b5563}.badge-info{background:#cffafe;color:#0e7490}.badge-purple{background:#ede9fe;color:#6d28d9}.table-actions{display:flex;align-items:center;gap:.35rem}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:var(--radius-sm);background:var(--light-gray);color:var(--text-muted);font-size:.8rem;cursor:pointer;transition:var(--transition-fast);padding:0}.action-btn:hover{background:var(--medium-gray);color:var(--text-color)}.action-btn.edit:hover{background:#dbeafe;color:#1d4ed8}.action-btn.delete:hover{background:#fee2e2;color:#b91c1c}.action-btn.view:hover{background:#dbeafe;color:#1d4ed8}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border-color);font-size:.875rem;color:var(--text-muted)}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:var(--text-muted);text-align:center;gap:.75rem}.loading-state i,.empty-state>i{font-size:2.5rem;opacity:.4}.empty-state h3{margin:0;font-size:1.1rem;color:var(--text-color)}.empty-state p{margin:0;font-size:.9rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-color)}.form-group .form-control{margin:0}.form-help{font-size:.78rem;color:var(--text-muted)}.required{color:var(--danger-color)}.checkbox-group{display:flex;flex-wrap:wrap;gap:.75rem}.checkbox-group label{display:flex;align-items:center;gap:.4rem;font-size:.875rem;cursor:pointer}.performance-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-item{background:var(--light-gray);border-radius:var(--radius-md);padding:1rem;text-align:center}.stat-item label{display:block;font-size:.78rem;font-weight:500;color:var(--text-muted);margin-bottom:.375rem}.stat-item span{font-size:1.3rem;font-weight:700;color:var(--text-color)}@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.nav-brand h1{font-size:0!important}.nav-brand h1 i{font-size:1.3rem!important}.nav-item{font-size:0!important;padding:.5rem!important;gap:0!important}.nav-item i{font-size:1.1rem!important}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.625rem;margin-bottom:1rem}.stat-card{padding:.875rem}.stat-icon{width:40px!important;height:40px!important;font-size:1.2rem!important;border-radius:10px!important}.stat-value{font-size:1.4rem}.crm-content-wrapper{flex-direction:column}.crm-filters{width:100%;position:static}.action-bar{flex-direction:column;align-items:flex-start}.action-bar-right select{width:100%!important}.crm-header h1{font-size:1.25rem!important}.header-right{gap:.5rem}}@media(max-width:600px){#buyersTable thead{display:none}#buyersTable,#buyersTable tbody{display:block}#buyersTable tr{display:flex;flex-wrap:wrap;align-items:flex-start;background:var(--white);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.875rem;margin-bottom:.625rem;box-shadow:var(--shadow-sm);gap:0}#buyersTable tr:hover{background:var(--white)}#buyersTable td{border:none!important;padding:.1rem 0!important;background:transparent!important}#buyersTable td:nth-child(1){order:1;width:calc(100% - 85px);font-size:.95rem;padding-bottom:.4rem!important}#buyersTable td:nth-child(8){order:2;width:85px;text-align:right;padding-bottom:.4rem!important}#buyersTable td:nth-child(2){order:3;width:100%;border-top:1px solid var(--medium-gray)!important;padding-top:.4rem!important;padding-bottom:.4rem!important;font-size:.8rem;color:var(--text-muted)}#buyersTable td:nth-child(3){order:4;width:auto;padding-right:.75rem!important;padding-top:.25rem!important}#buyersTable td:nth-child(4){display:none!important}#buyersTable td:nth-child(5){order:5;width:auto;font-size:.78rem;color:var(--text-muted);padding-right:.75rem!important;padding-top:.3rem!important}#buyersTable td:nth-child(5):before{content:"Deals: ";font-weight:600;color:var(--text-color)}#buyersTable td:nth-child(6){order:6;width:auto;font-size:.78rem;color:var(--text-muted);padding-top:.3rem!important}#buyersTable td:nth-child(6):before{content:"Fees: ";font-weight:600;color:var(--text-color)}#buyersTable td:nth-child(7){display:none!important}#buyersTable td:nth-child(9){order:9;width:100%;border-top:1px solid var(--medium-gray)!important;padding-top:.5rem!important;margin-top:.125rem}#buyersTable .table-actions{justify-content:flex-end;gap:.5rem}#buyersTable .action-btn{width:34px;height:34px;font-size:.875rem}.crm-filters{padding:.875rem}.filter-section{margin-bottom:.625rem}.form-row{grid-template-columns:1fr}}