@charset "UTF-8";:root{color-scheme:light dark;--spacing-0: 0;--spacing-0-5: .125rem;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.5rem;--spacing-6: 2rem;--spacing-8: 3rem;--spacing-10: 4rem;--spacing-12: 5rem;--spacing-16: 6rem;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-light: #93bbfc;--color-secondary: #6366f1;--color-secondary-dark: #4338ca;--color-secondary-light: #818cf8;--color-accent: #f59e0b;--color-success: #16a34a;--color-success-dark: #166534;--color-success-light: #bbf7d0;--color-success-bg: #f0fdf4;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-danger-dark: #991b1b;--color-danger-light: #fecaca;--color-danger-bg: #fef2f2;--color-warning: #facc15;--color-warning-light: #fef3c7;--color-warning-dark: #a16207;--color-warning-bg: #fffbeb;--color-info: #0ea5e9;--color-info-bg: #f0f9ff;--color-indigo-bg: #eef2ff;--color-purple-bg: #f5f3ff;--color-purple-dark: #6d28d9;--color-pink-bg: #fdf2f8;--color-accent-pink-hover: #db2777;--color-neutral-50: #fdfbfc;--color-neutral-100: #f9fafb;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--color-white: #fff;--color-black: #000;--color-error: var(--color-danger);--focus-color: var(--color-primary);--border-focus: var(--color-primary);--focus-ring: 0 0 0 3px rgb(59 130 246 / 25%);--font-family-sans: "FKGroteskNeue", "Open Sans", "Inter", sans-serif;--font-family-serif: "Playfair Display", "Merriweather", serif;--font-family-mono: "Fira Code", monospace;--font-size-xxs: .625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: .9375rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--easing-default: cubic-bezier(.4, 0, .2, 1);--transition-fast: .15s var(--easing-default);--transition-base: .3s var(--easing-default);--transition-slow: .5s var(--easing-default);--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--line-height-loose: 1.8;--container-padding: 1rem;--section-padding: 4rem;--max-w-2xs: 280px;--max-w-xs: 320px;--max-w-sm: 400px;--max-w-md: 500px;--max-w-lg: 600px;--max-w-xl: 800px;--max-w-2xl: 1000px;--max-w-3xl: 1200px;--max-w-4xl: 1400px;--transition-colors: color .15s var(--easing-default), background-color .15s var(--easing-default), border-color .15s var(--easing-default);--transition-all: all .3s var(--easing-default);--transition-interactive: background-color .2s var(--easing-default), border-color .2s var(--easing-default), color .2s var(--easing-default), box-shadow .2s var(--easing-default), transform .2s var(--easing-default), opacity .2s var(--easing-default);--ease-out: cubic-bezier(0, 0, .2, 1);--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-2xl: 1rem;--border-radius-3xl: 1.5rem;--border-radius-pill: 9999px;--bg-surface: var(--surface-primary);--bg-body: var(--surface-secondary);--glass-bg-subtle: rgb(255 255 255 / 15%);--glass-border: rgb(255 255 255 / 20%);--blur-sm: 4px;--blur-md: 12px;--blur-lg: 16px;--blur-xl: 40px;--gradient-primary: linear-gradient(135deg, var(--color-primary), var(--color-secondary));--shadow-text: 0 4px 20px rgb(0 0 0 / 30%);--shadow-text-sm: 0 2px 10px rgb(0 0 0 / 30%);--shadow-glass-hover: 0 8px 32px 0 rgb(31 38 135 / 15%);--z-background: -2;--z-negative: -1;--z-elevate: 1;--z-overlay: 20;--z-sticky: 100;--z-fixed: 500;--z-header: 1000;--z-workflow-modals: 1020;--z-modal-backdrop: 1040;--z-modal: 1050;--z-dropdown: 1055;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--z-max: 9999;--alpha-5: .05;--alpha-10: .1;--alpha-15: .15;--alpha-20: .2;--alpha-25: .25;--alpha-30: .3;--alpha-40: .4;--alpha-50: .5;--alpha-75: .75;--alpha-90: .9;--alpha-95: .95;--alpha-98: .98}.lead-detail-page{--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-40: 40px;--space-48: 48px;--lead-transition: background-color var(--duration-normal) var(--ease-standard), border-color var(--duration-normal) var(--ease-standard), color var(--duration-normal) var(--ease-standard), fill var(--duration-normal) var(--ease-standard), stroke var(--duration-normal) var(--ease-standard), opacity var(--duration-normal) var(--ease-standard), box-shadow var(--duration-normal) var(--ease-standard), transform var(--duration-normal) var(--ease-standard);background:var(--color-background, #111827);display:grid;font-family:var(--font-family-sans);grid-template-columns:240px minmax(0,1fr);height:calc(100vh - var(--header-height, 64px) - 1rem);overflow:hidden}.lead-sidebar{background:var(--surface-secondary, #1f2937);border-right:1px solid var(--border-secondary, #374151);display:flex;flex-direction:column;gap:var(--spacing-3, .75rem);height:100%;overflow-y:auto;padding:var(--spacing-3, .75rem);scrollbar-width:none}.lead-sidebar::-webkit-scrollbar{display:none}.sidebar-top-actions{display:flex;gap:var(--spacing-2, .5rem);margin-bottom:var(--spacing-2, .5rem)}.sidebar-top-actions button{flex:1;background:transparent;border:1px solid var(--border-secondary, #374151);border-radius:var(--border-radius-md, .375rem);color:var(--text-secondary, #9ca3af);cursor:pointer;font-family:var(--font-family-sans);font-size:.8125rem;font-weight:500;padding:.375rem .5rem;text-align:center;white-space:nowrap;transition:color .18s ease,border-color .18s ease,background-color .18s ease}.sidebar-top-actions button:hover{border-color:var(--color-primary, #6366f1);color:var(--color-primary, #6366f1)}.sidebar-top-actions button.active{background:var(--color-primary, #6366f1);border-color:var(--color-primary, #6366f1);color:#fff}.sidebar-actions-group{display:flex;gap:.5rem}.sidebar-actions-group .sidebar-delete-button{color:var(--color-danger, #ef4444);border-color:color-mix(in srgb,var(--color-danger, #ef4444) 30%,var(--border-secondary, #374151))}.sidebar-actions-group .sidebar-delete-button:hover:not(:disabled){border-color:var(--color-danger, #ef4444);background:color-mix(in srgb,var(--color-danger, #ef4444) 10%,transparent);color:var(--color-danger, #ef4444)}.lead-sidebar-profile{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-2, .5rem);padding:var(--spacing-2, .5rem) 0}.lead-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary, #6366f1),#8b5cf6);border-radius:50%;color:#fff;display:flex;font-size:1.25rem;font-weight:700;height:56px;justify-content:center;letter-spacing:.05em;width:56px}.lead-sidebar-name{color:var(--text-primary, #f9fafb);font-size:.95rem;font-weight:700;line-height:1.3;margin:0;text-align:center;word-break:break-word}.lead-sidebar-badges{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-1, .25rem);justify-content:center}.lead-sidebar-section{border-top:1px solid var(--border-secondary, #374151);display:flex;flex-direction:column;gap:.2rem;padding-top:var(--spacing-3, .75rem)}.lead-sidebar-row{align-items:flex-start;color:var(--text-secondary, #9ca3af);display:flex;font-size:.8125rem;gap:.5rem;min-width:0;padding:.2rem 0;text-decoration:none}.sidebar-inline-action{align-items:center;background:transparent;border:1px solid var(--border-secondary, #374151);border-radius:var(--border-radius-md, .375rem);color:var(--color-primary, #6366f1);cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:700;justify-content:center;margin-top:.25rem;min-height:30px;padding:0 .75rem;transition:background-color .18s ease,border-color .18s ease,color .18s ease;width:100%}.sidebar-inline-action:hover{background:#6366f11f;border-color:var(--color-primary, #6366f1)}.lead-sidebar-icon{flex-shrink:0;font-size:.875rem;line-height:1.4}.lead-sidebar-link:hover{color:var(--color-primary, #6366f1)}.lead-sidebar-truncate{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-sidebar-actions{border-top:1px solid var(--border-secondary, #374151);display:flex;flex-direction:column;gap:var(--spacing-2, .5rem);margin-top:auto;padding-top:var(--spacing-3, .75rem)}.lead-status-badge{border-radius:var(--border-radius-md, .375rem);font-size:.75rem;font-weight:500;padding:.25rem .5rem;text-align:center}.lead-status-badge.saving{color:var(--color-warning, #f59e0b)}.lead-status-badge.saved{color:var(--color-success, #10b981)}.lead-status-badge.offline{color:var(--color-danger, #ef4444)}.sidebar-btn{align-items:center;border-radius:var(--border-radius-md, .375rem);cursor:pointer;display:flex;font-size:.78rem;font-weight:600;gap:var(--spacing-2, .5rem);justify-content:center;padding:.5rem 1rem;transition:background-color .2s ease,border-color .2s ease,color .2s ease;width:100%}.sidebar-btn:disabled{cursor:not-allowed;opacity:.55}.sidebar-btn--convert{background:var(--color-primary, #6366f1);border:none;color:#fff}.sidebar-btn--convert:hover:not(:disabled){filter:brightness(1.1)}.sidebar-btn--edit{background:transparent;border:1px solid var(--border-secondary, #374151);color:var(--text-secondary, #9ca3af);font-size:.8rem}.sidebar-btn--edit:hover:not(:disabled){border-color:var(--color-primary, #6366f1);color:var(--color-primary, #6366f1)}.sidebar-btn--edit.active{background:#6366f11a;border-color:var(--color-primary, #6366f1);color:var(--color-primary, #6366f1)}.lead-sidebar-section-label{color:var(--text-secondary, #9ca3af);font-size:.6875rem;font-weight:700;letter-spacing:.06em;margin-bottom:.25rem;text-transform:uppercase}.lead-sidebar-empty em{color:var(--text-secondary, #9ca3af);font-size:.8rem;opacity:.6}.sidebar-edit-field{display:flex;flex-direction:column;gap:.25rem;padding:.125rem 0}.sidebar-edit-field>label{color:var(--text-secondary, #9ca3af);font-size:.75rem;font-weight:600}.sidebar-edit-field .field-display-container{background:var(--surface-secondary, #1f2937);border-color:var(--border-secondary, #374151);border-radius:var(--border-radius-sm, 4px);min-height:36px;padding:.375rem .5rem;display:flex;justify-content:space-between;align-items:center;gap:.5rem}.sidebar-edit-field .field-value-wrapper{flex:1;display:flex;flex-direction:column}.sidebar-edit-field .field-option-details{font-size:.75rem;color:var(--text-tertiary, #6b7280);margin-top:.125rem}.sidebar-edit-field .btn-edit-field{background:transparent;border:none;cursor:pointer;font-size:.875rem;padding:.25rem;opacity:.6;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center}.sidebar-edit-field .btn-edit-field:hover{opacity:1;transform:scale(1.1)}.sidebar-edit-field .field-value,.sidebar-edit-field .field-empty{font-size:.8125rem}.sidebar-edit-field .field-edit-container{flex-direction:column;gap:.375rem}.sidebar-edit-field .field-edit-input,.sidebar-edit-field .field-edit-select,.sidebar-edit-field .field-edit-textarea{font-size:.8125rem;padding:.375rem .5rem}.sidebar-edit-field .field-edit-actions{align-self:flex-end}.sidebar-edit-field .btn-save-field,.sidebar-edit-field .btn-cancel-field{height:28px;width:28px;font-size:.75rem}.sidebar-edit-field .btn-edit-field{height:24px;opacity:100%;width:24px}.sidebar-edit-mode .lead-sidebar-section{background:#6366f108;border-radius:var(--border-radius-md, .375rem);border-top:none;margin:0 -.5rem;padding:.5rem}.sidebar-name-edit{display:flex;flex-direction:column;gap:.375rem;width:100%}.lead-sidebar-about span{display:block;font-size:.8rem;line-height:1.45}.lead-main{display:flex;flex-direction:column;height:100%;min-width:0;overflow:hidden;padding:var(--spacing-5, 1.5rem) clamp(var(--spacing-4, 1rem),2.5vw,var(--spacing-6, 2rem));padding-bottom:0}.lead-tab-panels{flex:1;min-height:0;overflow-y:auto;padding-bottom:var(--spacing-5, 1.5rem);scrollbar-width:thin}.lead-tabs-nav{border-bottom:1px solid var(--border-secondary, #374151);display:flex;flex-wrap:wrap;gap:0;margin-bottom:var(--spacing-5, 1.5rem);max-width:100%}.tab-btn{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary, #9ca3af);cursor:pointer;font-family:var(--font-family-sans);font-size:.875rem;font-weight:600;margin-bottom:-1px;min-height:2.5rem;padding:0 var(--spacing-4, 1rem);transition:color .18s ease,border-color .18s ease;white-space:nowrap}.tab-btn:hover,.tab-btn:focus-visible{color:var(--color-primary, #6366f1);outline:none}.tab-btn.active{border-bottom-color:var(--color-primary, #6366f1);color:var(--color-primary, #6366f1)}.badge-score,.badge-stage{border-radius:999px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 12px}.badge-budget{background:#374151;border-radius:999px;color:#d1d5db;font-size:.75rem;font-weight:500;padding:4px 12px}.badge-priority{border-radius:999px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 12px}.lead-detail-loading{align-items:center;background:var(--color-background);display:flex;height:100vh;justify-content:center}.loading-container{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:1.5rem;max-width:var(--max-w-sm);padding:2rem;text-align:center}.loading-spinner-large{animation:spin 1s linear infinite;border:4px solid var(--color-secondary);border-radius:var(--border-radius-pill);border-top:4px solid var(--color-primary);height:60px;width:60px}.loading-content h3{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 .5rem}.loading-content p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:0}.lead-detail-error{align-items:center;background:var(--color-background);display:flex;height:100vh;justify-content:center;padding:1.5rem}.error-container{align-items:center;background:var(--color-surface);border:1px solid var(--color-error);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:1.5rem;max-width:var(--max-w-md);padding:2rem;text-align:center}.error-icon{color:var(--color-error);font-size:var(--font-size-4xl)}.error-content h3{color:var(--color-error);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0 0 .75rem}.error-content p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:0 0 1.5rem}.error-actions{display:flex;gap:.75rem}.btn-retry,.btn-back-error{border:2px solid var(--color-primary);border-radius:var(--border-radius-md);cursor:pointer;font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:.75rem 1.5rem;transition:var(--lead-transition)}.btn-retry{background:var(--color-primary);color:var(--color-btn-primary-text)}.btn-retry:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-back-error{background:transparent;color:var(--color-primary)}.btn-back-error:hover{background:var(--color-primary);box-shadow:var(--shadow-md);color:var(--color-btn-primary-text);transform:translateY(-2px)}.credential-box{border-radius:var(--border-radius-md);margin:16px 0;padding:16px}.credential-box h4{margin-top:0}.credential-box p{margin:8px 0}.credential-box .credential-note{color:var(--text-secondary);font-size:.85em}.credential-box code{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:1.1em;font-weight:var(--font-weight-bold);padding:4px 8px}.next-steps h4{margin-bottom:8px}.next-steps ul{margin:0;padding-left:20px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.timeline-header{align-items:center;background:linear-gradient(135deg,var(--color-surface),var(--color-secondary));border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-20) var(--space-24)}.timeline-header h3{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.timeline-filters{display:flex;gap:var(--spacing-8)}.filter-btn{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-pill);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-family-sans);font-weight:var(--font-weight-medium);gap:var(--spacing-6);padding:var(--spacing-6) var(--spacing-16);transition:var(--lead-transition)}.filter-btn:hover{background:var(--color-secondary);border-color:var(--color-primary);color:var(--color-text);transform:translateY(-1px)}.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-btn-primary-text)}.filter-icon,.filter-label{font-size:var(--font-size-sm)}.timeline-content{max-height:600px;overflow-y:auto;padding:var(--space-24)}.timeline-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--space-48) var(--space-24);text-align:center}.timeline-empty .empty-icon{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-16);opacity:50%}.timeline-empty p{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0}.timeline-list{display:flex;flex-direction:column;gap:var(--space-24);position:relative}.timeline-item{display:flex;gap:var(--space-20);position:relative}.timeline-marker{align-items:center;background:var(--activity-color, var(--color-primary));border:4px solid var(--color-surface);border-radius:var(--border-radius-pill);box-shadow:var(--shadow-sm);display:flex;flex-shrink:0;height:40px;justify-content:center;position:relative;width:40px;z-index:2}.timeline-icon{color:var(--color-surface);font-size:var(--font-size-base)}.timeline-content-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-xs);flex:1;padding:var(--spacing-16);position:relative;transition:var(--lead-transition)}.timeline-content-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.timeline-content-item:before{border-color:transparent var(--color-border) transparent transparent;border-style:solid;border-width:8px 8px 8px 0;content:"";height:0;left:-8px;position:absolute;top:16px;width:0}.timeline-content-item:after{border-color:transparent var(--color-surface) transparent transparent;border-style:solid;border-width:8px 8px 8px 0;content:"";height:0;left:-7px;position:absolute;top:16px;width:0}.timeline-header-item{align-items:flex-start;display:flex;gap:var(--spacing-12);justify-content:space-between;margin-bottom:var(--spacing-8)}.timeline-action{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}.timeline-meta{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-2)}.timeline-user{color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.timeline-time{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.timeline-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin-bottom:var(--spacing-8)}.timeline-expand{background:none;border:none;color:var(--color-primary);cursor:pointer;font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-left:var(--spacing-4);padding:var(--spacing-2) 0;transition:var(--lead-transition)}.timeline-expand:hover{color:var(--color-primary-hover);text-decoration:underline}.timeline-connector{background:linear-gradient(to bottom,var(--activity-color, var(--color-border)),transparent);bottom:-24px;left:-36px;position:absolute;top:40px;width:2px;z-index:1}.analytics-dashboard{display:flex;flex-direction:column;gap:var(--space-32)}.analytics-grid{display:grid;gap:var(--space-20);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.analytics-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;padding:var(--space-24);position:relative;transition:var(--lead-transition)}.analytics-card:before{background:var(--card-color, var(--color-primary));content:"";height:4px;left:0;position:absolute;right:0;top:0}.analytics-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.analytics-card-stage{--card-color: var(--color-primary)}.analytics-card-engagement{--card-color: var(--color-info)}.analytics-card-conversion{--card-color: var(--color-warning)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-20)}.card-header h4{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin:0}.card-icon{font-size:var(--font-size-xl);opacity:80%}.stage-display{text-align:center}.stage-indicator-large{align-items:center;background:var(--color-primary);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);color:var(--color-surface);display:inline-flex;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);justify-content:center;letter-spacing:1px;margin-bottom:var(--spacing-16);padding:var(--spacing-16) var(--space-24);text-transform:uppercase}.stage-info{text-align:center}.stage-description{color:var(--text-secondary);font-size:var(--font-size-base);margin-bottom:var(--spacing-8)}.days-in-stage{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.engagement-display{align-items:center;display:flex;gap:var(--space-24)}.progress-circle{flex-shrink:0;height:100px;position:relative;width:100px}.circular-chart{height:100%;transform:rotate(-90deg);width:100%}.circle-bg{fill:none;stroke:var(--color-border);stroke-width:3}.circle{fill:none;stroke:var(--color-info);stroke-linecap:round;stroke-width:3;transition:stroke-dasharray .8s var(--ease-standard)}.percentage{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.engagement-stats{display:flex;flex:1;flex-direction:column;gap:var(--spacing-12)}.stat{display:flex;flex-direction:column;gap:var(--spacing-4)}.stat-value{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.stat-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.conversion-display{text-align:center}.probability-bar{background:var(--color-border);border-radius:var(--border-radius-pill);height:24px;margin-bottom:var(--spacing-16);overflow:hidden;position:relative}.probability-fill{background:var(--color-warning);border-radius:var(--border-radius-pill);height:100%;position:relative;transition:width .8s var(--ease-standard)}.probability-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3));bottom:0;content:"";position:absolute;right:0;top:0;width:20px}.probability-value{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);left:50%;position:absolute;text-shadow:0 1px 2px rgba(0,0,0,.1);top:50%;transform:translate(-50%,-50%)}.conversion-factors{display:grid;gap:var(--spacing-16);grid-template-columns:1fr 1fr}.factor{text-align:center}.factor-label{color:var(--text-secondary);display:block;font-size:var(--font-size-sm);margin-bottom:var(--spacing-4)}.factor-value{color:var(--color-text);display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.analytics-insights{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-24)}.analytics-insights h4{align-items:center;color:var(--color-text);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);gap:var(--spacing-8);margin:0 0 var(--space-20) 0}.analytics-insights h4:before{content:"🤖";font-size:var(--font-size-xl)}.insights-list{display:flex;flex-direction:column;gap:var(--spacing-16)}.insight{align-items:flex-start;background:var(--color-secondary);border:1px solid var(--color-border);border-left:4px solid var(--insight-color, var(--color-primary));border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-12);padding:var(--spacing-16);transition:var(--lead-transition)}.insight:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.insight-success{--insight-color: var(--color-success);background:rgb(var(--color-success-rgb),.05)}.insight-warning{--insight-color: var(--color-warning);background:rgb(var(--color-warning-rgb),.05)}.insight-info{--insight-color: var(--color-info);background:rgb(var(--color-info-rgb),.05)}.insight-icon{flex-shrink:0;font-size:var(--font-size-lg);margin-top:var(--spacing-2)}.insight-content{flex:1;min-width:0}.insight-title{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-4)}.insight-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.insight-action{background:transparent;border:1px solid var(--color-primary);border-radius:var(--border-radius-sm);color:var(--color-primary);cursor:pointer;flex-shrink:0;font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--spacing-6) var(--spacing-12);transition:var(--lead-transition)}.insight-action:hover{background:var(--color-primary);color:var(--color-btn-primary-text)}.documents-manager{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.documents-header{align-items:center;background:linear-gradient(135deg,var(--color-surface),var(--color-secondary));border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-20) var(--space-24)}.documents-header h3{color:var(--color-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}.btn-upload{align-items:center;background:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--border-radius-md);color:var(--color-btn-primary-text);cursor:pointer;display:flex;font-family:var(--font-family-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--spacing-8);padding:var(--spacing-8) var(--spacing-16);transition:var(--lead-transition)}.btn-upload:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.upload-icon{font-size:var(--font-size-base)}.documents-dropzone{min-height:400px;padding:var(--space-24);position:relative;transition:var(--lead-transition)}.documents-dropzone.dragover{background:#21808d0d;border:2px dashed var(--color-primary)}.documents-dropzone.dragover:after{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#21808d1a;color:var(--color-primary);content:"Drop files here to upload";display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);inset:0;justify-content:center;position:absolute;z-index:var(--z-elevate)}.documents-empty{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--space-32);text-align:center}.documents-empty .empty-icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-20);opacity:50%}.documents-empty p{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin:0 0 var(--spacing-8) 0}.empty-subtitle{font-size:var(--font-size-sm);opacity:80%}.documents-grid{display:grid;gap:var(--spacing-16);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.document-card{align-items:center;background:var(--color-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;display:flex;gap:var(--spacing-12);padding:var(--spacing-16);transition:var(--lead-transition)}.document-card:hover{background:var(--color-surface);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.document-icon{color:var(--text-secondary);flex-shrink:0;font-size:var(--font-size-2xl)}.document-info{flex:1;min-width:0}.document-name{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.document-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-8)}.document-size,.document-date{white-space:nowrap}.document-actions{align-items:center;display:flex;gap:var(--spacing-4);opacity:0%;transition:opacity var(--duration-normal) var(--ease-standard)}.document-card:hover .document-actions{opacity:100%}.document-action{align-items:center;background:var(--color-surface);border:none;border-radius:var(--border-radius-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:var(--lead-transition);width:32px}.document-action:hover{background:var(--color-primary);color:var(--color-btn-primary-text);transform:scale(1.1)}.document-action.delete:hover{background:var(--color-error)}.conflict-modal-backdrop{align-items:center;animation:fadeIn .3s var(--ease-standard);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:var(--space-24);position:fixed;z-index:var(--z-max)}.conflict-modal{animation:slideInUpmodal .4s var(--ease-standard);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:var(--max-w-md);padding:var(--space-32);text-align:center;width:100%}.conflict-modal h3{color:var(--color-error);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0 0 var(--spacing-16) 0}.conflict-modal p{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-normal);margin:0 0 var(--space-24) 0}.conflict-actions{display:flex;gap:var(--spacing-12);justify-content:center}.btn-accept-theirs,.btn-keep-mine{border:2px solid;border-radius:var(--border-radius-md);cursor:pointer;font-family:var(--font-family-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--spacing-12) var(--space-24);transition:var(--lead-transition)}.btn-accept-theirs{background:transparent;border-color:var(--color-primary);color:var(--color-primary)}.btn-accept-theirs:hover{background:var(--color-primary);color:var(--color-btn-primary-text)}.btn-keep-mine{background:var(--color-error);border-color:var(--color-error);color:var(--color-surface)}.btn-keep-mine:hover{background:var(--color-error);box-shadow:var(--shadow-md);transform:translateY(-2px)}.activity-timeline{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}@media(min-width:1440px){.lead-detail-header{padding:var(--space-32) var(--space-32)}.detail-content{padding:var(--space-32)}.analytics-grid{grid-template-columns:repeat(2,1fr)}.documents-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media(max-width:1439.98px){.lead-detail-header{padding:var(--space-24) var(--space-32)}.detail-content{padding:var(--space-32)}.analytics-grid{grid-template-columns:1fr}}@media(max-width:767.98px){.lead-detail-page{height:100dvh}.lead-detail-header{align-items:stretch;flex-direction:column;gap:var(--spacing-16);min-height:auto;padding:var(--spacing-16) var(--space-20)}.header-left{align-items:stretch;flex-direction:column;gap:var(--spacing-12)}.btn-back{align-self:flex-start}.lead-title h1{font-size:var(--font-size-2xl)}.lead-metadata{justify-content:center}.header-right{flex-direction:row;gap:var(--spacing-16);justify-content:space-around}.pipeline-stage-indicator{font-size:var(--font-size-sm);padding:var(--spacing-8) var(--spacing-12)}.detail-nav-tabs{gap:var(--spacing-4);padding:0 var(--space-20)}.nav-tab{font-size:var(--font-size-sm);padding:var(--spacing-8) var(--spacing-12)}.tab-label{display:none}.detail-content{padding:var(--space-20)}.timeline-filters{flex-wrap:wrap;gap:var(--spacing-4)}.filter-btn{font-size:var(--font-size-xs);padding:var(--spacing-4) var(--spacing-8)}.filter-label{display:none}.analytics-grid{gap:var(--spacing-16);grid-template-columns:1fr}.engagement-display{flex-direction:column;gap:var(--spacing-16);text-align:center}.conversion-factors{gap:var(--spacing-8);grid-template-columns:1fr}.documents-grid{grid-template-columns:1fr}.notification-center{left:var(--spacing-16);max-width:none;right:var(--spacing-16);top:var(--spacing-16)}}@media(max-width:479.98px){.lead-detail-header{padding:var(--spacing-12) var(--spacing-16)}.lead-title h1{font-size:var(--font-size-xl)}.header-right{flex-direction:column;gap:var(--spacing-12)}.detail-nav-tabs{padding:0 var(--spacing-16)}.nav-tab{min-width:40px;padding:var(--spacing-6) var(--spacing-8)}.detail-content{padding:var(--spacing-16)}.timeline-header{align-items:stretch;flex-direction:column;gap:var(--spacing-12)}.timeline-filters{justify-content:center}.analytics-card{padding:var(--spacing-16)}.insights-list{gap:var(--spacing-12)}.insight{padding:var(--spacing-12)}.documents-header{align-items:stretch;flex-direction:column;gap:var(--spacing-12)}.conflict-modal{margin:var(--spacing-16);padding:var(--space-24)}.conflict-actions{flex-direction:column}.metadata-item{padding:var(--spacing-2) var(--spacing-6)}.metadata-label{font-size:var(--font-size-xxs)}.metadata-value{font-size:var(--font-size-xs)}.timeline-content{max-height:400px;padding:var(--spacing-16)}.timeline-item{gap:var(--spacing-12);margin-bottom:var(--spacing-16)}.timeline-marker{height:32px;width:32px}.timeline-icon{font-size:var(--font-size-sm)}.timeline-content-item{padding:var(--spacing-12)}.timeline-action{font-size:var(--font-size-sm)}.documents-dropzone{min-height:200px;padding:var(--spacing-16)}.documents-empty{padding:var(--space-24)}.document-card{padding:var(--spacing-12)}.document-icon{font-size:var(--font-size-xl)}}@media(hover:none)and (pointer:coarse){.nav-tab:hover,.filter-btn:hover,.analytics-card:hover,.timeline-content-item:hover,.document-card:hover{transform:none}.document-actions{opacity:100%}.timeline-expand{padding:var(--spacing-8) var(--spacing-12)}}@media(prefers-contrast:high){.lead-detail-header,.analytics-card,.timeline-content-item,.document-card{border-width:2px}.nav-tab.active{border-bottom-width:4px}.notification{border-width:2px}}.nav-tab:focus-visible,.filter-btn:focus-visible,.btn-upload:focus-visible,.document-action:focus-visible,.insight-action:focus-visible{outline:var(--focus-outline);outline-offset:2px;position:relative;z-index:var(--z-elevate)}@media print{.lead-detail-page{height:auto}.notification-center,.header-actions,.status-indicators,.conflict-modal-backdrop{display:none!important}.lead-detail-header,.detail-nav-tabs,.analytics-card,.timeline-content-item{break-inside:avoid}.detail-content{overflow:visible}}
