.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);z-index:100;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-brand{padding:var(--space-lg) var(--space-lg) var(--space-md);align-items:center;gap:var(--space-sm);display:flex}.sidebar-logo{background:var(--accent-gradient);border-radius:var(--radius-md);justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex;box-shadow:0 2px 10px #6c5ce74d}.sidebar-brand-text{font-size:var(--font-size-md);color:var(--text-primary);font-weight:700}.sidebar-section{padding:var(--space-sm) var(--space-md)}.sidebar-section-label{font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;padding:var(--space-sm) var(--space-sm);margin-top:var(--space-sm);font-weight:600}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.sidebar-link{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);width:100%;font-weight:500;font-family:var(--font-family);background:0 0;border:none;padding:10px 12px;text-decoration:none;display:flex;position:relative}.sidebar-link:hover{background:var(--bg-card);color:var(--text-primary)}.sidebar-link.active{color:var(--accent-primary);background:#6c5ce71f}.sidebar-link.active:before{content:"";background:var(--accent-primary);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-link-badge{background:var(--color-danger);color:#fff;border-radius:var(--radius-full);margin-left:auto;padding:2px 7px;font-size:10px;font-weight:600}.sidebar-user{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-subtle);align-items:center;gap:var(--space-sm);margin-top:auto;display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:var(--font-size-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar-user-role{font-size:var(--font-size-xs);color:var(--text-tertiary)}.sidebar-logout{border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;padding:6px;display:flex}.sidebar-logout:hover{background:var(--color-danger-bg);color:var(--color-danger)}.topbar{height:var(--topbar-height);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);padding:0 var(--space-lg);z-index:50;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-search{align-items:center;gap:var(--space-sm);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:320px;transition:border-color var(--transition-fast);padding:8px 14px;display:flex}.topbar-search:focus-within{border-color:var(--accent-primary)}.topbar-search input{color:var(--text-primary);font-size:var(--font-size-sm);font-family:var(--font-family);background:0 0;border:none;outline:none;width:100%}.topbar-search input::placeholder{color:var(--text-tertiary)}.topbar-search svg{color:var(--text-tertiary);flex-shrink:0}.topbar-right{align-items:center;gap:var(--space-md);display:flex}.topbar-ai-status{align-items:center;gap:var(--space-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--accent-primary);background:#6c5ce71a;border:1px solid #6c5ce733;padding:6px 14px;font-weight:500;display:flex}.topbar-ai-dot{background:var(--color-success);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}.topbar-notification{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;padding:8px;display:flex;position:relative}.topbar-notification:hover{background:var(--bg-card);color:var(--text-primary)}.topbar-notification-dot{background:var(--color-danger);border:2px solid var(--bg-secondary);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.login-page{background:var(--bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";background:radial-gradient(circle,#6c5ce71f 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;right:-200px}.login-page:after{content:"";background:radial-gradient(circle,#00cec914 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-150px;left:-150px}.login-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-2xl);z-index:1;width:420px;max-width:90vw;box-shadow:var(--shadow-lg);position:relative}.login-brand{text-align:center;margin-bottom:var(--space-xl)}.login-logo{background:var(--accent-gradient);border-radius:var(--radius-lg);width:56px;height:56px;margin-bottom:var(--space-md);justify-content:center;align-items:center;font-size:28px;display:inline-flex;box-shadow:0 4px 20px #6c5ce74d}.login-brand h1{font-size:var(--font-size-xl);margin-bottom:var(--space-xs)}.login-brand p{font-size:var(--font-size-sm);color:var(--text-secondary)}.login-subtitle{text-align:center;font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-lg)}.login-roles{gap:var(--space-md);flex-direction:column;display:flex}.login-role-btn{align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);text-align:left;font-family:var(--font-family);color:var(--text-primary);width:100%;display:flex}.login-role-btn:hover{border-color:var(--accent-primary);background:var(--bg-card-hover);box-shadow:var(--shadow-md), var(--shadow-glow);transform:translateY(-2px)}.login-role-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.login-role-icon.manager{background:linear-gradient(135deg,#6c5ce733,#a855f733)}.login-role-icon.sales{background:linear-gradient(135deg,#00cec933,#00b89433)}.login-role-info h3{font-size:var(--font-size-md);margin-bottom:2px}.login-role-info p{font-size:var(--font-size-xs);color:var(--text-secondary)}.login-footer{text-align:center;margin-top:var(--space-xl);font-size:var(--font-size-xs);color:var(--text-tertiary)}.stat-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);align-items:flex-start;gap:var(--space-md);transition:all var(--transition-normal);display:flex;position:relative;overflow:hidden}.stat-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card:before{content:"";border-radius:14px 14px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.stat-card.purple:before{background:var(--accent-gradient)}.stat-card.green:before{background:linear-gradient(90deg,#00b894,#00cec9)}.stat-card.yellow:before{background:linear-gradient(90deg,#fdcb6e,#f39c12)}.stat-card.red:before{background:linear-gradient(90deg,#ff6b6b,#ee5a24)}.stat-card.blue:before{background:linear-gradient(90deg,#74b9ff,#0984e3)}.stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-icon.purple{color:#a78bfa;background:#6c5ce71f}.stat-icon.green{background:var(--color-success-bg);color:var(--color-success)}.stat-icon.yellow{background:var(--color-warning-bg);color:var(--color-warning)}.stat-icon.red{background:var(--color-danger-bg);color:var(--color-danger)}.stat-icon.blue{background:var(--color-info-bg);color:var(--color-info)}.stat-content{flex:1}.stat-value{font-size:var(--font-size-2xl);color:var(--text-primary);font-weight:700;line-height:1.2}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:2px}.stat-trend{font-size:var(--font-size-xs);margin-top:var(--space-xs);align-items:center;gap:4px;font-weight:500;display:flex}.stat-trend.up{color:var(--color-success)}.stat-trend.down{color:var(--color-danger)}.dashboard-page{animation:fadeIn var(--transition-normal)}.dashboard-greeting{margin-bottom:var(--space-lg)}.dashboard-greeting h2{font-size:var(--font-size-2xl)}.dashboard-greeting p{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:2px}.dashboard-sections{gap:var(--space-lg);flex-direction:column;display:flex}.dashboard-section-title{font-size:var(--font-size-lg);margin-bottom:var(--space-md);align-items:center;gap:var(--space-sm);font-weight:600;display:flex}.ai-status-banner{background:var(--accent-gradient-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);border:1px solid #6c5ce733;display:flex}.ai-status-icon{background:var(--accent-gradient);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex;box-shadow:0 2px 12px #6c5ce74d}.ai-status-content{flex:1}.ai-status-title{font-size:var(--font-size-md);align-items:center;gap:var(--space-sm);font-weight:600;display:flex}.ai-status-desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:2px}.ai-active-badge{border-radius:var(--radius-full);background:var(--color-success-bg);color:var(--color-success);font-size:var(--font-size-xs);align-items:center;gap:4px;padding:3px 10px;font-weight:600;display:inline-flex}.ai-active-dot{background:var(--color-success);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}.team-ranking{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.team-ranking-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);font-weight:600;font-size:var(--font-size-sm)}.team-ranking-item{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast);display:flex}.team-ranking-item:last-child{border-bottom:none}.team-ranking-item:hover{background:var(--bg-card-hover)}.team-rank{border-radius:var(--radius-full);width:24px;height:24px;font-size:var(--font-size-xs);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.team-rank.gold{color:#fdcb6e;background:#fdcb6e33}.team-rank.silver{color:#b2bec3;background:#b2bec333}.team-rank.bronze{color:#e17055;background:#e1705533}.team-rank.normal{background:var(--bg-input);color:var(--text-tertiary)}.team-ranking-info{flex:1;min-width:0}.team-ranking-name{font-size:var(--font-size-sm);font-weight:600}.team-ranking-title{font-size:var(--font-size-xs);color:var(--text-tertiary)}.team-ranking-stats{gap:var(--space-lg);font-size:var(--font-size-xs);color:var(--text-secondary);display:flex}.team-ranking-stat-value{color:var(--text-primary);font-weight:600}.recent-activities{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.recent-activity-item{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast);display:flex}.recent-activity-item:last-child{border-bottom:none}.recent-activity-item:hover{background:var(--bg-card-hover)}.recent-activity-icon{flex-shrink:0;font-size:20px}.recent-activity-content{flex:1;min-width:0}.recent-activity-title{font-size:var(--font-size-sm);font-weight:500}.recent-activity-meta{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:2px}.recent-activity-time{font-size:var(--font-size-xs);color:var(--text-tertiary);flex-shrink:0}.pipeline-quick{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.pipeline-stage-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);text-align:center;transition:all var(--transition-fast)}.pipeline-stage-card:hover{border-color:var(--border-default);transform:translateY(-1px)}.pipeline-stage-count{font-size:var(--font-size-xl);font-weight:700}.pipeline-stage-name{font-size:var(--font-size-xs);color:var(--text-secondary);margin-top:2px}.dashboard-two-col{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}@media (width<=900px){.dashboard-two-col{grid-template-columns:1fr}}.leads-page{animation:fadeIn var(--transition-normal)}.leads-toolbar{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.leads-filters{gap:var(--space-xs);flex-wrap:wrap;display:flex}.filter-chip{border-radius:var(--radius-full);font-size:var(--font-size-xs);cursor:pointer;border:1px solid var(--border-subtle);background:var(--bg-card);color:var(--text-secondary);transition:all var(--transition-fast);font-weight:500;font-family:var(--font-family);padding:6px 14px}.filter-chip:hover{border-color:var(--accent-primary);color:var(--text-primary)}.filter-chip.active{border-color:var(--accent-primary);color:var(--accent-primary);background:#6c5ce726}.view-toggle{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-subtle);gap:2px;margin-left:auto;padding:3px;display:flex}.view-toggle button{border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--text-secondary);cursor:pointer;font-family:var(--font-family);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:4px;padding:6px 12px;font-weight:500;display:flex}.view-toggle button.active{background:var(--accent-primary);color:#fff}.kanban-board{gap:var(--space-md);padding-bottom:var(--space-md);display:flex;overflow-x:auto}.kanban-column{flex:1;min-width:260px}.kanban-column-header{padding:var(--space-sm) var(--space-sm);margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.kanban-column-title{font-size:var(--font-size-sm);align-items:center;gap:var(--space-sm);font-weight:600;display:flex}.kanban-column-dot{border-radius:50%;width:8px;height:8px}.kanban-column-count{font-size:var(--font-size-xs);color:var(--text-tertiary);background:var(--bg-card);border-radius:var(--radius-full);padding:2px 8px}.kanban-cards{gap:var(--space-sm);flex-direction:column;display:flex}.lead-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);cursor:pointer;transition:all var(--transition-normal)}.lead-card:hover{border-color:var(--border-active);box-shadow:var(--shadow-md);transform:translateY(-2px)}.lead-card-top{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.lead-card-name{font-size:var(--font-size-sm);flex:1;font-weight:600}.lead-card-tags{margin-bottom:var(--space-sm);flex-wrap:wrap;gap:4px;display:flex}.lead-card-tag{border-radius:var(--radius-full);color:var(--text-accent);background:#6c5ce71a;padding:2px 8px;font-size:10px}.lead-card-bottom{font-size:var(--font-size-xs);color:var(--text-tertiary);justify-content:space-between;align-items:center;display:flex}.lead-card-amount{color:var(--text-secondary);font-weight:600}.lead-card-source{border-radius:var(--radius-full);background:var(--bg-input);color:var(--text-secondary);align-items:center;gap:4px;padding:2px 8px;font-size:10px;display:inline-flex}.leads-list{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.leads-list-header{gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;font-weight:600;display:grid}.leads-list-row{gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background var(--transition-fast);font-size:var(--font-size-sm);grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;align-items:center;display:grid}.leads-list-row:last-child{border-bottom:none}.leads-list-row:hover{background:var(--bg-card-hover)}.leads-list-name{align-items:center;gap:var(--space-sm);display:flex}.add-lead-modal .form-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}@media (width<=600px){.add-lead-modal .form-row{grid-template-columns:1fr}}.lead-detail-page{animation:fadeIn var(--transition-normal)}.lead-detail-back{align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;margin-bottom:var(--space-md);font-family:var(--font-family);transition:color var(--transition-fast);background:0 0;border:none;padding:4px 0;display:inline-flex}.lead-detail-back:hover{color:var(--text-primary)}.lead-detail-header{align-items:center;gap:var(--space-lg);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.lead-detail-avatar{width:64px;height:64px;font-size:24px}.lead-detail-name{font-size:var(--font-size-2xl);font-weight:700}.lead-detail-company{font-size:var(--font-size-sm);color:var(--text-secondary)}.lead-detail-layout{gap:var(--space-lg);grid-template-columns:1fr 320px;display:grid}@media (width<=900px){.lead-detail-layout{grid-template-columns:1fr}}.lead-info-panel{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg)}.lead-info-section{margin-bottom:var(--space-lg)}.lead-info-section:last-child{margin-bottom:0}.lead-info-section h4{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-sm);font-weight:600}.lead-info-grid{gap:var(--space-sm) var(--space-lg);grid-template-columns:1fr 1fr;display:grid}.lead-info-item{flex-direction:column;gap:2px;display:flex}.lead-info-label{font-size:var(--font-size-xs);color:var(--text-tertiary)}.lead-info-value{font-size:var(--font-size-sm);font-weight:500}.lead-score-panel{gap:var(--space-md);flex-direction:column;display:flex}.lead-score-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center}.lead-score-big{width:72px;height:72px;font-size:var(--font-size-2xl);margin-bottom:var(--space-sm);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.lead-score-label-text{font-size:var(--font-size-sm);color:var(--text-secondary)}.lead-pipeline-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg)}.pipeline-steps{margin-top:var(--space-sm);gap:4px;display:flex}.pipeline-step{background:var(--bg-input);height:6px;transition:background var(--transition-fast);border-radius:3px;flex:1}.pipeline-step.filled{background:var(--accent-primary)}.pipeline-step.current{background:var(--color-success)}.lead-ai-card{background:var(--accent-gradient-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);border:1px solid #6c5ce733}.lead-ai-card h4{font-size:var(--font-size-sm);margin-bottom:var(--space-sm);align-items:center;gap:var(--space-sm);display:flex}.lead-ai-suggestion{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}.activity-timeline{flex-direction:column;gap:0;display:flex}.timeline-item{gap:var(--space-md);padding:var(--space-md) 0;display:flex;position:relative}.timeline-line{background:var(--border-subtle);width:2px;position:absolute;top:40px;bottom:0;left:15px}.timeline-item:last-child .timeline-line{display:none}.timeline-dot{background:var(--bg-card);border:2px solid var(--border-default);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.timeline-content{flex:1}.timeline-title{font-size:var(--font-size-sm);font-weight:500}.timeline-meta{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:2px}.timeline-outcome{font-size:var(--font-size-xs);color:var(--text-secondary);padding:var(--space-sm);background:var(--bg-input);border-radius:var(--radius-sm);margin-top:4px}.activities-page{animation:fadeIn var(--transition-normal)}.activities-toolbar{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.activities-filters{gap:var(--space-sm);align-items:center;display:flex}.activity-type-chips{gap:var(--space-xs);flex-wrap:wrap;display:flex}.activity-stats{gap:var(--space-sm);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.activity-stat{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);text-align:center;transition:all var(--transition-fast)}.activity-stat:hover{border-color:var(--border-default)}.activity-stat-icon{margin-bottom:var(--space-xs);font-size:24px}.activity-stat-count{font-size:var(--font-size-xl);font-weight:700}.activity-stat-label{font-size:var(--font-size-xs);color:var(--text-secondary)}.activity-list{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.activity-list-header{gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;grid-template-columns:40px 2fr 1fr 1fr 1fr 100px;font-weight:600;display:grid}.activity-list-row{gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast);font-size:var(--font-size-sm);grid-template-columns:40px 2fr 1fr 1fr 1fr 100px;align-items:center;display:grid}.activity-list-row:last-child{border-bottom:none}.activity-list-row:hover{background:var(--bg-card-hover)}.activity-list-icon{font-size:20px}.activity-status-badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);padding:3px 10px;font-weight:500}.activity-status-badge.completed{background:var(--color-success-bg);color:var(--color-success)}.activity-status-badge.scheduled{background:var(--color-info-bg);color:var(--color-info)}.activity-type-manager{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);margin-top:var(--space-lg)}.activity-type-list{gap:var(--space-sm);margin-top:var(--space-md);flex-direction:column;display:flex}.activity-type-item{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-input);border-radius:var(--radius-md);display:flex}.activity-type-item-icon{font-size:20px}.activity-type-item-name{font-size:var(--font-size-sm);flex:1;font-weight:500}.activity-type-item-color{border-radius:4px;width:16px;height:16px}.add-type-row{gap:var(--space-sm);margin-top:var(--space-md);display:flex}.add-type-row .input{flex:1}.ai-task-page{animation:fadeIn var(--transition-normal)}.ai-task-stats{gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.ai-task-stat{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);display:flex}.ai-task-stat-count{font-size:var(--font-size-lg);font-weight:700}.ai-task-list{gap:var(--space-md);flex-direction:column;display:flex}.ai-task-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}.ai-task-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md)}.ai-task-card:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.ai-task-card.high:before{background:var(--color-danger)}.ai-task-card.medium:before{background:var(--color-warning)}.ai-task-card.low:before{background:var(--color-success)}.ai-task-card-header{align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.ai-task-priority{border-radius:var(--radius-full);font-size:var(--font-size-xs);padding:3px 10px;font-weight:600}.ai-task-priority.high{background:var(--color-danger-bg);color:var(--color-danger)}.ai-task-priority.medium{background:var(--color-warning-bg);color:var(--color-warning)}.ai-task-priority.low{background:var(--color-success-bg);color:var(--color-success)}.ai-task-title{font-size:var(--font-size-md);flex:1;font-weight:600}.ai-task-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-md);line-height:1.6}.ai-task-suggestion{background:var(--accent-gradient-subtle);border-radius:var(--radius-md);padding:var(--space-md);font-size:var(--font-size-sm);color:var(--text-accent);margin-bottom:var(--space-md);border:1px solid #6c5ce726}.ai-task-suggestion-label{font-size:var(--font-size-xs);color:var(--accent-primary);margin-bottom:4px;font-weight:600}.ai-task-card-footer{justify-content:space-between;align-items:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.ai-task-meta{align-items:center;gap:var(--space-md);font-size:var(--font-size-xs);color:var(--text-tertiary);display:flex}.ai-task-actions{gap:var(--space-sm);display:flex}.ai-completed-section{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border-subtle)}.ai-completed-grid{gap:var(--space-md);margin-top:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.ai-completed-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-md);align-items:center;gap:var(--space-md);display:flex}.ai-completed-icon{font-size:24px}.ai-completed-count{font-size:var(--font-size-xl);font-weight:700}.ai-completed-label{font-size:var(--font-size-xs);color:var(--text-secondary)}.analytics-page{animation:fadeIn var(--transition-normal)}.analytics-tabs{margin-bottom:var(--space-lg)}.analytics-grid{gap:var(--space-lg);grid-template-columns:1fr 1fr;display:grid}@media (width<=900px){.analytics-grid{grid-template-columns:1fr}}.analytics-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg)}.analytics-card-title{font-size:var(--font-size-md);margin-bottom:var(--space-md);font-weight:600}.analytics-card-full{grid-column:1/-1}.funnel-chart{gap:var(--space-sm);padding:var(--space-md) 0;flex-direction:column;display:flex}.funnel-step{align-items:center;gap:var(--space-md);display:flex}.funnel-bar-container{flex:1;position:relative}.funnel-bar{border-radius:var(--radius-sm);height:32px;padding:0 var(--space-md);font-size:var(--font-size-xs);color:#fff;transition:width var(--transition-slow);align-items:center;font-weight:600;display:flex}.funnel-label{width:80px;font-size:var(--font-size-sm);color:var(--text-secondary);text-align:right;flex-shrink:0;font-weight:500}.funnel-count{text-align:right;width:60px;font-size:var(--font-size-sm);flex-shrink:0;font-weight:600}.funnel-rate{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:2px}.perf-table{border-collapse:collapse;width:100%}.perf-table th{text-align:left;padding:var(--space-sm) var(--space-md);font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-subtle);font-weight:600}.perf-table td{padding:var(--space-sm) var(--space-md);font-size:var(--font-size-sm);border-bottom:1px solid var(--border-subtle)}.perf-table tr:last-child td{border-bottom:none}.perf-table tr:hover td{background:var(--bg-card-hover)}.perf-bar{background:var(--bg-input);border-radius:3px;height:6px;overflow:hidden}.perf-bar-fill{background:var(--accent-gradient);border-radius:3px;height:100%}.team-page{animation:fadeIn var(--transition-normal)}.team-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.team-member-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-normal)}.team-member-card:hover{border-color:var(--border-default);box-shadow:var(--shadow-md);transform:translateY(-2px)}.team-member-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.team-member-info{flex:1}.team-member-name{font-size:var(--font-size-md);font-weight:600}.team-member-title{font-size:var(--font-size-xs);color:var(--text-secondary)}.team-member-contact{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:4px}.team-member-stats{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}.team-member-stat{text-align:center;padding:var(--space-sm);background:var(--bg-input);border-radius:var(--radius-sm)}.team-member-stat-value{font-size:var(--font-size-md);font-weight:700}.team-member-stat-label{color:var(--text-tertiary);margin-top:2px;font-size:10px}.lead-assignment{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg)}.lead-assignment h3{font-size:var(--font-size-lg);margin-bottom:var(--space-md)}.assignment-list{gap:var(--space-sm);flex-direction:column;max-height:400px;display:flex;overflow-y:auto}.assignment-item{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-input);border-radius:var(--radius-md);display:flex}.assignment-lead-name{font-size:var(--font-size-sm);flex:1;font-weight:500}.assignment-select{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--font-size-xs);font-family:var(--font-family);padding:4px 8px}.team-section-title{font-size:var(--font-size-lg);margin-bottom:var(--space-md);align-items:center;gap:var(--space-sm);font-weight:600;display:flex}:root{--bg-primary:#0b0e14;--bg-secondary:#131720;--bg-card:#1a1f2e;--bg-card-hover:#212738;--bg-input:#161b28;--bg-sidebar:#0f1219;--bg-overlay:#0009;--accent-primary:#6c5ce7;--accent-primary-hover:#7d6ff0;--accent-secondary:#00cec9;--accent-gradient:linear-gradient(135deg, #6c5ce7 0%, #a855f7 50%, #6366f1 100%);--accent-gradient-subtle:linear-gradient(135deg, #6c5ce726 0%, #a855f714 100%);--color-success:#00b894;--color-success-bg:#00b8941f;--color-warning:#fdcb6e;--color-warning-bg:#fdcb6e1f;--color-danger:#ff6b6b;--color-danger-bg:#ff6b6b1f;--color-info:#74b9ff;--color-info-bg:#74b9ff1f;--score-hot:#ff6b6b;--score-warm:#fdcb6e;--score-cold:#74b9ff;--text-primary:#e8ecf1;--text-secondary:#8b95a5;--text-tertiary:#5a6474;--text-accent:#a78bfa;--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-active:#6c5ce780;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 2px 8px #0003;--shadow-md:0 4px 16px #0000004d;--shadow-lg:0 8px 32px #0006;--shadow-glow:0 0 20px #6c5ce733;--font-family:"Inter", "Noto Sans TC", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs:11px;--font-size-sm:13px;--font-size-base:14px;--font-size-md:15px;--font-size-lg:18px;--font-size-xl:22px;--font-size-2xl:28px;--font-size-3xl:36px;--sidebar-width:240px;--topbar-height:60px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;line-height:1.3}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{color:var(--text-secondary)}a{color:var(--accent-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-primary-hover)}.btn{align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-normal);font-weight:500;font-family:var(--font-family);white-space:nowrap;border:none;padding:10px 20px;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 2px 12px #6c5ce74d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #6c5ce773}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--border-active)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover{background:#00d2a0;transform:translateY(-1px)}.btn-danger{color:var(--color-danger);border:1px solid var(--color-danger);background:0 0}.btn-danger:hover{background:var(--color-danger-bg)}.btn-ghost{color:var(--text-secondary);background:0 0;padding:8px 12px}.btn-ghost:hover{background:var(--bg-card);color:var(--text-primary)}.btn-sm{font-size:var(--font-size-xs);padding:6px 14px}.btn-icon{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:inline-flex}.btn-icon:hover{background:var(--bg-card);color:var(--text-primary)}.input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-size-base);font-family:var(--font-family);transition:border-color var(--transition-fast);width:100%;padding:10px 14px}.input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #6c5ce726}.input::placeholder{color:var(--text-tertiary)}select.input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%238b95a5' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:32px}textarea.input{resize:vertical;min-height:80px}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-normal)}.card:hover{border-color:var(--border-default)}.card-interactive:hover{box-shadow:var(--shadow-md);border-color:var(--border-active);transform:translateY(-2px)}.badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;font-weight:600;display:inline-flex}.badge-purple{color:#a78bfa;background:#6c5ce726}.badge-green{background:var(--color-success-bg);color:var(--color-success)}.badge-yellow{background:var(--color-warning-bg);color:var(--color-warning)}.badge-red{background:var(--color-danger-bg);color:var(--color-danger)}.badge-blue{background:var(--color-info-bg);color:var(--color-info)}.score-badge{border-radius:var(--radius-full);width:36px;height:36px;font-size:var(--font-size-sm);justify-content:center;align-items:center;font-weight:700;display:inline-flex}.score-hot{color:var(--score-hot);border:2px solid var(--score-hot);background:#ff6b6b26}.score-warm{color:var(--score-warm);border:2px solid var(--score-warm);background:#fdcb6e26}.score-cold{color:var(--score-cold);border:2px solid var(--score-cold);background:#74b9ff26}.avatar{border-radius:var(--radius-full);color:#fff;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.avatar-sm{width:32px;height:32px;font-size:var(--font-size-xs)}.avatar-md{width:40px;height:40px;font-size:var(--font-size-sm)}.avatar-lg{width:48px;height:48px;font-size:var(--font-size-base)}.avatar-1{background:linear-gradient(135deg,#6c5ce7,#a855f7)}.avatar-2{background:linear-gradient(135deg,#00b894,#00cec9)}.avatar-3{background:linear-gradient(135deg,#fd79a8,#e84393)}.avatar-4{background:linear-gradient(135deg,#fdcb6e,#f39c12)}.avatar-5{background:linear-gradient(135deg,#74b9ff,#0984e3)}.avatar-6{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.tabs{gap:var(--space-xs);border-bottom:1px solid var(--border-subtle);padding-bottom:0;display:flex}.tab{font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);font-weight:500;font-family:var(--font-family);background:0 0;border:none;padding:10px 18px;position:relative}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent-primary)}.tab.active:after{content:"";background:var(--accent-primary);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.modal-overlay{background:var(--bg-overlay);z-index:1000;animation:fadeIn var(--transition-fast);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-xl);width:90%;max-width:520px;max-height:85vh;box-shadow:var(--shadow-lg);animation:slideUp var(--transition-normal);overflow-y:auto}.modal-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.modal-header h3{font-size:var(--font-size-lg)}.form-group{margin-bottom:var(--space-md)}.form-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-xs);font-weight:500;display:block}.form-actions{justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg);display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--text-accent)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.empty-state{padding:var(--space-2xl);color:var(--text-tertiary);text-align:center;justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.empty-state svg{opacity:.3}.page-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.page-title{font-size:var(--font-size-xl);font-weight:700}.page-subtitle{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:2px}.stat-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}