@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #14A42F;--primary-light: #22c43e;--primary-dark: #0f8025;--success: #10b981;--success-light: #d1fae5;--success-bg: #ecfdf5;--warning: #f59e0b;--warning-light: #fef3c7;--warning-bg: #fffbeb;--danger: #ef4444;--danger-light: #fee2e2;--danger-bg: #fef2f2;--purple: #14A42F;--purple-light: #d4f5db;--purple-bg: #eafbee;--gray-50: #fafafa;--gray-100: #f5f5f5;--gray-200: #e5e5e5;--gray-300: #d4d4d4;--gray-400: #a3a3a3;--gray-500: #737373;--gray-600: #525252;--gray-700: #404040;--gray-800: #262626;--gray-900: #171717;--white: #ffffff;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius: 8px;--radius-lg: 12px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--gray-50);color:var(--gray-800);line-height:1.5;min-height:100vh;overflow-y:scroll}#root{min-height:100vh}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.2rem;color:var(--gray-500)}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none}input,select,textarea{font-family:inherit}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#14a42f,#0f8025);padding:20px}.login-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:48px;width:100%;max-width:420px}.login-logo{text-align:center;margin-bottom:32px}.login-logo h1{font-size:28px;font-weight:700;color:var(--gray-900)}.login-logo p{color:var(--gray-500);margin-top:8px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:14px;font-weight:500;color:var(--gray-700)}.form-group input{padding:12px 16px;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:15px;transition:all .2s}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #14a42f1a}.login-btn{background:var(--primary);color:var(--white);padding:14px;border-radius:var(--radius);font-size:15px;font-weight:600;transition:all .2s;margin-top:8px}.login-btn:hover{background:var(--primary-dark)}.login-error{background:var(--danger-light);color:var(--danger);padding:12px;border-radius:var(--radius);font-size:14px;text-align:center}.app-layout{min-height:100vh;display:flex;flex-direction:column}.nav-header{background:var(--white);border-bottom:1px solid var(--gray-200);padding:0 24px;position:sticky;top:0;z-index:100}.nav-content{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1400px;margin:0 auto}.nav-brand{display:flex;align-items:center;gap:10px}.nav-logo{width:36px;height:36px}.nav-brand-text{font-size:20px;font-weight:700;color:var(--primary);margin-top:4px}.nav-tabs{display:flex;gap:4px;height:100%}.nav-tab{padding:0 20px;height:100%;display:flex;align-items:center;font-size:14px;font-weight:500;color:var(--gray-600);border-bottom:2px solid transparent;transition:all .2s}.nav-tab:hover{color:var(--gray-900);background:var(--gray-50)}.nav-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.nav-user{display:flex;align-items:center;gap:12px}.nav-user-info{text-align:right}.nav-user-name{font-size:14px;font-weight:600;color:var(--gray-900)}.nav-user-role{font-size:12px;color:var(--gray-500);text-transform:capitalize}.logout-btn{padding:8px 16px;background:var(--gray-100);color:var(--gray-700);border-radius:var(--radius);font-size:13px;font-weight:500;transition:all .2s}.logout-btn:hover{background:var(--gray-200)}.settings-dropdown-container{position:relative}.settings-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:var(--white);border-radius:var(--radius);box-shadow:0 4px 12px #00000026;min-width:180px;z-index:1000;overflow:hidden}.settings-dropdown button{width:100%;padding:12px 16px;text-align:left;background:none;border:none;font-size:13px;color:var(--gray-700);cursor:pointer;transition:background .2s}.settings-dropdown button:hover{background:var(--gray-100)}.settings-dropdown button:not(:last-child){border-bottom:1px solid var(--gray-200)}.nav-subtabs-container{background:var(--gray-100);border-bottom:none;margin-left:-24px;margin-right:-24px;padding:8px 24px;width:calc(100% + 48px)}.nav-subtabs{display:flex;gap:8px;max-width:1400px;margin:0;padding:0}.nav-subtab{padding:8px 20px;font-size:14px;font-weight:500;color:var(--gray-600);background:transparent;border:none;border-radius:var(--radius);cursor:pointer;transition:all .2s}.nav-subtab:hover{color:var(--gray-900)}.nav-subtab.active{color:#fff;background:var(--primary);box-shadow:none}.admin-filters{display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:24px}.settings-section h3{margin-bottom:16px;font-size:16px;font-weight:600}.theme-toggle{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--gray-100);color:var(--gray-600);transition:all .2s;cursor:pointer;margin-right:16px}.theme-toggle:hover{background:var(--gray-200);color:var(--gray-800)}.pwa-install-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;background:var(--primary);color:#fff;border-radius:var(--radius);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;margin-right:8px}.pwa-install-btn:hover{background:var(--primary-dark)}.pwa-install-btn svg{flex-shrink:0}@media(max-width:768px){.pwa-install-label{display:none}.pwa-install-btn{padding:8px;margin-right:4px}}.main-content{flex:1;padding:32px 24px;max-width:1400px;margin:0 auto;width:100%}.page-header{margin-bottom:32px}.page-title{font-size:24px;font-weight:700;color:var(--gray-900)}.page-subtitle{color:var(--gray-500);margin-top:4px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.stat-card{background:var(--white);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow)}.stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.stat-label{font-size:14px;font-weight:500;color:var(--gray-500)}.stat-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;background:#14a44d26;color:var(--primary)}.stat-icon.primary,.stat-icon.success{background:#14a44d26;color:var(--primary)}.stat-icon.warning{background:#6b728033;color:var(--gray-500)}.stat-value{font-size:32px;font-weight:700;color:var(--gray-900)}.stat-change{font-size:13px;margin-top:8px}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--danger)}.stat-separator{color:var(--gray-800);font-weight:700}.stat-target-inline{color:#d4a106;font-weight:600}.stat-subtitle{font-size:13px;color:var(--primary);margin-top:8px;font-weight:500}.stat-target-value{color:#d4a106;font-weight:700}.stat-subtitle.above-target{color:var(--primary)}.stat-subtitle.below-target{color:var(--danger)}.stat-target{font-size:13px;margin-top:8px;font-weight:500}.stat-target.above{color:var(--success)}.stat-target.below{color:var(--danger)}.period-tabs{display:flex;gap:8px;margin-bottom:24px;background:var(--white);padding:6px;border-radius:var(--radius);width:fit-content;box-shadow:var(--shadow-sm)}.period-tab{padding:8px 20px;font-size:13px;font-weight:500;color:var(--gray-600);border-radius:6px;transition:all .2s}.period-tab:hover{color:var(--gray-900)}.period-tab.active{background:var(--primary);color:var(--white)}.suivi-subfilters{display:flex;gap:8px;margin-top:12px;margin-bottom:8px;padding-left:8px}.suivi-subtab{padding:6px 14px;font-size:12px;font-weight:500;color:var(--gray-600);background:var(--white);border:1px solid var(--gray-200);border-radius:6px;cursor:pointer;transition:all .2s}.suivi-subtab:hover{border-color:var(--primary);color:var(--primary)}.suivi-subtab.active{background:var(--primary);color:var(--white);border-color:var(--primary)}.suivi-subfilters-divider{color:var(--gray-300);margin:0 8px;display:flex;align-items:center;font-size:14px}.crm-container{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow-x:auto;margin-top:24px}.crm-header{padding:20px 24px;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between}.crm-title{font-size:18px;font-weight:600}.crm-count{font-size:14px;color:var(--gray-500)}.crm-table{width:100%;border-collapse:collapse;table-layout:fixed}.crm-table th:nth-child(1),.crm-table td:nth-child(1){width:14%}.crm-table th:nth-child(2),.crm-table td:nth-child(2){width:16%}.crm-table th:nth-child(3),.crm-table td:nth-child(3){width:13%}.crm-table th:nth-child(4),.crm-table td:nth-child(4){width:7%}.crm-table th:nth-child(5),.crm-table td:nth-child(5){width:7%}.crm-table th:nth-child(6),.crm-table td:nth-child(6){width:12%}.crm-table th:nth-child(7),.crm-table td:nth-child(7){width:12%}.crm-table th:nth-child(8),.crm-table td:nth-child(8){width:19%}.crm-table th{text-align:left;padding:14px 20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-500);background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.crm-table td{padding:16px 20px;font-size:14px;border-bottom:1px solid var(--gray-100)}.crm-table tbody tr{transition:all .2s}.crm-table tbody tr:hover{background:var(--gray-50)}.crm-table tbody tr.status-booked{background:#eafbee}.crm-table tbody tr.status-booked:hover{background:#d4f5db}.crm-table tbody tr.status-closed{background:#e0f2fe}.crm-table tbody tr.status-closed:hover{background:#bae6fd}.crm-table tbody tr.status-disqualified{background:var(--danger-bg)}.crm-table tbody tr.status-disqualified:hover{background:var(--danger-light)}.crm-table tbody tr.status-followup1{background:#eff6ff}.crm-table tbody tr.status-followup1:hover{background:#dbeafe}.crm-table tbody tr.status-followup2{background:var(--warning-bg)}.crm-table tbody tr.status-followup2:hover{background:var(--warning-light)}.crm-table tbody tr.status-followup3{background:#faf5ff}.crm-table tbody tr.status-followup3:hover{background:#f3e8ff}.crm-table tbody tr.status-archived{background:#f5f5f5}.crm-table tbody tr.status-archived:hover{background:#e5e5e5}.copyable-cell{cursor:pointer;position:relative;-webkit-user-select:none;user-select:none;border-radius:4px;transition:all .15s}.copyable-cell:hover{background:#14a42f14}.copyable-cell.selected{background:#14a42f26}.col-edit{width:50px;padding:0!important}.edit-row-btn{background:transparent;border:none;cursor:pointer;font-size:18px;width:100%;height:100%;min-height:48px;display:flex;align-items:center;justify-content:center;opacity:.25;transition:all .15s ease;color:var(--gray-400)}.crm-table tbody tr:hover .edit-row-btn,.setter-crm tbody tr:hover .edit-row-btn{opacity:.6}.edit-row-btn:hover{opacity:1!important;color:var(--primary)}.edit-row-btn.active{opacity:1;color:var(--primary)}.inline-edit-input{width:100%;padding:4px 8px;border:1px solid var(--primary);border-radius:4px;font-size:13px;background:var(--white);color:var(--gray-900)}.inline-edit-input:focus{outline:none;border-color:var(--gray-400)}.dark-mode .inline-edit-input{background:#2a2a2a;color:#e5e5e5;border-color:var(--primary)}.editing-row{background:#14a42f0d!important}.editing-row .copyable-cell{cursor:default}.status-select{padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;border:1px solid var(--gray-300);background:var(--white);cursor:pointer;min-width:140px}.status-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #14a42f1a}.status-pill{display:inline-flex;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.status-pill.booked{background:#d4f5db;color:#14a42f}.status-pill.closed{background:#bae6fd;color:#0284c7}.status-pill.disqualified{background:var(--danger-light);color:var(--danger)}.status-pill.followup1{background:#dbeafe;color:#2563eb}.status-pill.followup2{background:var(--warning-light);color:var(--warning)}.status-pill.followup3{background:#f3e8ff;color:#9333ea}.status-pill.archived{background:#e5e5e5;color:#737373}.status-pill.new{background:var(--gray-200);color:var(--gray-600)}.admin-actions{display:flex;gap:12px;margin-bottom:24px}.btn{padding:10px 20px;border-radius:var(--radius);font-size:14px;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:var(--primary);color:var(--white)}.btn-secondary{background:var(--white);color:var(--gray-700);border:1px solid var(--gray-300)}.btn-secondary:hover{background:var(--gray-50)}.btn-danger{background:var(--danger);color:var(--white)}.btn-danger:hover{background:#dc2626}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-header{padding:20px 24px;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:18px;font-weight:600}.modal-close{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:var(--gray-500);transition:all .2s}.modal-close:hover{background:var(--gray-100);color:var(--gray-700)}.modal-body{padding:24px}.modal-body .form-group{margin-bottom:16px}.modal-footer{padding:16px 24px;border-top:1px solid var(--gray-200);display:flex;gap:12px;justify-content:flex-end}.admin-table{table-layout:fixed;overflow:visible}.admin-table th,.admin-table td{white-space:nowrap}.admin-table th:nth-child(1),.admin-table td:nth-child(1){width:11%;overflow:hidden;text-overflow:ellipsis}.admin-table th:nth-child(2),.admin-table td:nth-child(2){width:13%;overflow:hidden;text-overflow:ellipsis}.admin-table th:nth-child(3),.admin-table td:nth-child(3){width:14%}.admin-table th:nth-child(4),.admin-table td:nth-child(4){width:6%}.admin-table th:nth-child(5),.admin-table td:nth-child(5){width:7%}.admin-table th:nth-child(6),.admin-table td:nth-child(6){width:10%}.admin-table th:nth-child(7),.admin-table td:nth-child(7){width:11%}.admin-table th:nth-child(8),.admin-table td:nth-child(8){width:11%;overflow:hidden;text-overflow:ellipsis}.admin-table th:nth-child(9),.admin-table td:nth-child(9){width:17%}.admin-table td.actions{border-bottom:none}.admin-table input{padding:8px 12px;border:1px solid var(--gray-300);border-radius:6px;font-size:14px;width:100%;transition:all .2s}.admin-table input:focus{outline:none;border-color:var(--primary)}.admin-table .actions{display:flex;gap:8px}.admin-table .action-btn{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;transition:all .2s}.admin-table .action-btn.edit{background:var(--primary-light);color:var(--white)}.admin-table .action-btn.edit:hover{background:var(--primary)}.admin-table .action-btn.delete{background:var(--danger-light);color:var(--danger)}.admin-table .action-btn.delete:hover{background:var(--danger);color:var(--white)}.bookings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.booking-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px;border-left:4px solid var(--success)}.booking-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.booking-lead-name{font-size:18px;font-weight:600;color:var(--gray-900)}.booking-setter{font-size:13px;color:var(--gray-500);margin-top:4px}.booking-date{font-size:12px;font-weight:500;color:var(--primary);background:#14a42f1a;padding:4px 10px;border-radius:20px}.booking-details{display:flex;flex-direction:column;gap:10px}.booking-detail{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--gray-600)}.booking-detail-icon{width:20px;color:var(--gray-400)}.users-table{width:100%}.users-table th{text-align:left}.role-badge{display:inline-flex;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.role-badge.admin{background:#14a42f1a;color:var(--purple)}.role-badge.setter{background:#10b9811a;color:var(--success)}.role-badge.closer{background:#f59e0b1a;color:var(--warning)}.empty-state{text-align:center;padding:60px 20px;color:var(--gray-500)}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state-title{font-size:18px;font-weight:600;color:var(--gray-700);margin-bottom:8px}.assign-select{padding:8px 12px;border-radius:6px;font-size:13px;border:1px solid var(--gray-300);background:var(--white);cursor:pointer;min-width:150px}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--gray-300);transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--white);transition:.3s;border-radius:50%;box-shadow:var(--shadow-sm)}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.status-toggle-group{display:flex;flex-wrap:wrap;gap:4px}.status-toggle-btn{padding:4px 8px;font-size:10px;font-weight:500;border-radius:12px;border:1px solid var(--gray-300);background:var(--white);color:var(--gray-600);cursor:pointer;transition:all .2s;white-space:nowrap}.status-toggle-btn:hover{background:var(--gray-100)}.status-toggle-btn.active{border-color:transparent}.status-toggle-btn.new.active{background:var(--gray-200);color:var(--gray-700)}.status-toggle-btn.booked.active{background:var(--success-light);color:var(--success)}.status-toggle-btn.closed.active{background:#bae6fd;color:#0284c7}.status-toggle-btn.disqualified.active{background:var(--danger-light);color:var(--danger)}.status-toggle-btn.followup1.active{background:var(--success-light);color:var(--success)}.status-toggle-btn.followup2.active{background:var(--warning-light);color:var(--warning)}.status-toggle-btn.followup3.active{background:var(--purple-light);color:var(--purple)}.status-toggle-btn.archived.active{background:#e5e5e5;color:#737373}.details-input{padding:8px 12px;border:1px solid var(--gray-300);border-radius:6px;font-size:13px;width:100%;min-width:150px;transition:all .2s}.details-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #14a42f1a}.details-input::placeholder{color:var(--gray-400)}.meet-link{display:inline-block;padding:4px 12px;background:var(--primary);color:var(--white);text-decoration:none;border-radius:var(--radius);font-size:.8rem;font-weight:500;transition:background .2s}.meet-link:hover{background:var(--primary-dark)}.closer-table{table-layout:fixed}.closer-table th:nth-child(1){width:14%}.closer-table th:nth-child(2){width:14%}.closer-table th:nth-child(3){width:16%}.closer-table th:nth-child(4){width:12%}.closer-table th:nth-child(5){width:12%}.closer-table th:nth-child(6){width:22%}.closer-table th:nth-child(7){width:10%}.details-cell{position:relative}.hashtag-dropdown{position:absolute;top:100%;left:0;right:0;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:100;display:flex;flex-wrap:wrap;gap:6px;padding:8px;margin-top:4px}.hashtag-option{padding:6px 12px;background:var(--gray-100);color:var(--gray-700);border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.hashtag-option:hover{background:var(--primary);color:var(--white)}.dark-mode .hashtag-dropdown{background:var(--bg-card);border-color:var(--border-color)}.dark-mode .hashtag-option{background:var(--bg-hover);color:var(--text-primary)}.dark-mode .hashtag-option:hover{background:var(--primary);color:var(--white)}.hashtag-manager{display:flex;flex-direction:column;gap:12px}.hashtag-input-row{display:flex;gap:12px}.hashtag-input-field{flex:1;padding:10px 14px;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:14px}.hashtag-input-field:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #14a42f1a}.hashtag-list{display:flex;flex-wrap:wrap;gap:8px}.hashtag-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--gray-100);color:var(--gray-700);border-radius:20px;font-size:13px;font-weight:500}.hashtag-remove{background:none;border:none;color:var(--gray-500);cursor:pointer;font-size:16px;line-height:1;padding:0;margin-left:2px}.hashtag-remove:hover{color:var(--danger)}.dark-mode .hashtag-input-field{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .hashtag-tag{background:var(--bg-hover);color:var(--text-primary)}.dark-mode .hashtag-remove{color:var(--text-secondary)}.dark-mode .hashtag-remove:hover{color:var(--danger)}.custom-select-wrapper{position:relative;display:inline-block}.custom-status-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:8px 32px 8px 14px;border-radius:20px;font-size:12px;font-weight:600;border:none;cursor:pointer;transition:all .2s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;min-width:130px}.custom-status-select:focus{outline:none;box-shadow:0 0 0 3px #14a42f33}.custom-status-select.new{background-color:var(--gray-200);color:var(--gray-700)}.custom-status-select.booked{background-color:#d4f5db;color:#14a42f}.custom-status-select.closed{background-color:#bae6fd;color:#0284c7}.custom-status-select.disqualified{background-color:var(--danger-light);color:var(--danger)}.custom-status-select.followup1{background-color:#dbeafe;color:#2563eb}.custom-status-select.followup2{background-color:var(--warning-light);color:var(--warning)}.custom-status-select.followup3{background-color:#f3e8ff;color:#9333ea}.custom-status-select.archived{background-color:#e5e5e5;color:#737373}.answered-checkbox{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px;border-top:1px solid var(--gray-200)}.pagination-btn{padding:8px 16px;background:var(--primary);color:var(--white);border:none;border-radius:var(--radius);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--primary-dark)}.pagination-btn:disabled{background:var(--gray-300);cursor:not-allowed}.pagination-info{font-size:14px;color:var(--gray-600)}.date-display{font-size:13px;color:var(--gray-600);font-weight:500}.crm-filter-bar{display:flex;align-items:center;gap:16px;margin-bottom:16px;padding:12px 0}.crm-filter-bar .period-tabs{margin:0}.search-input{padding:6px 14px;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:13px;width:200px;transition:all .2s;margin-left:auto;height:35px;box-sizing:border-box}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #14a42f1a}.search-input::placeholder{color:var(--gray-400)}.search-highlight{background-color:#fef08a;color:inherit;padding:0 2px;border-radius:2px}.dark-mode .search-input{background:#2a2a2a;border-color:#404040;color:var(--text-primary)}.dark-mode .search-input:focus{border-color:var(--primary);background:#2a2a2a}.dark-mode .search-input::placeholder{color:#737373}.dark-mode .search-highlight{background-color:#facc1566}.crm-filter-bar .crm-title{font-size:18px;font-weight:600;margin:0}.crm-title-centered{font-size:18px;font-weight:600;margin:0;display:flex;align-items:center}.crm-filter-bar .crm-count{font-size:14px;color:var(--gray-500)}.crm-filter-right{display:flex;align-items:center;gap:16px;margin-left:auto}.crm-filter-right .search-input{margin-left:0}.total-count{font-size:14px;color:var(--gray-500);white-space:nowrap}.ceo-name{color:var(--primary);font-weight:500}.truncate-cell{max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.details-cell{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--gray-400);font-size:13px}.styled-checkbox{width:20px;height:20px;accent-color:var(--primary);cursor:pointer}.status-select{padding:6px 28px 6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff80' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 6px center;background-repeat:no-repeat;background-size:14px;white-space:nowrap}.status-select.new{background-color:#6b72804d;color:#a3a3a3}.status-select.booked{background-color:#22c55e40;color:#22c55e}.status-select.disqualified{background-color:#b9535359;color:#e57373}.status-select.followup1,.status-select.followup2,.status-select.followup3{background-color:#3891a659;color:#5eb8c9}.status-select.archived{background-color:#6b728059;color:#737373}.dark-mode .status-select.new{background-color:#6b728059;color:#a3a3a3}.dark-mode .status-select.booked{background-color:#22c55e4d;color:#4ade80}.dark-mode .status-select.disqualified{background-color:#b9535366;color:#f87171}.dark-mode .status-select.followup1,.dark-mode .status-select.followup2,.dark-mode .status-select.followup3{background-color:#3891a666;color:#67cfe0}.dark-mode .status-select.archived{background-color:#6b728066;color:#a3a3a3}.pagination-btn.active{background:var(--primary);color:#fff}.pagination-btn.active:hover:not(:disabled){background:var(--primary-dark)}.crm-scrollable{overflow-x:auto;max-width:100%}.crm-scrollable table{min-width:1800px}.status-row-booked{background-color:#14a44d14!important}.status-row-disqualified{background-color:#b950501f!important}.status-row-followup1,.status-row-followup2,.status-row-followup3{background-color:#3b82f614!important}.status-row-archived{background-color:#6b728014!important}.dark-mode .status-row-booked{background-color:#14a44d1f!important}.dark-mode .status-row-disqualified{background-color:#b950502e!important}.dark-mode .status-row-followup1,.dark-mode .status-row-followup2,.dark-mode .status-row-followup3{background-color:#3b82f61f!important}.dark-mode .status-row-archived{background-color:#6b72801f!important}.details-input{width:100%;padding:8px 12px;border:none;border-radius:6px;font-size:13px;background:transparent;color:#a3a3a3;transition:all .2s}.details-input:hover{background:#ffffff0d}.details-input:focus{outline:none;background:#0003;color:#e5e5e5}.details-input::placeholder{color:#737373;font-style:normal}.dark-mode .details-input{background:transparent;color:#a3a3a3}.dark-mode .details-input:hover{background:#ffffff08}.dark-mode .details-input:focus{background:#0000004d;color:#e5e5e5}.settings-section{padding:24px;border-bottom:1px solid var(--gray-200)}.settings-section:last-of-type{border-bottom:none}.settings-title{font-size:16px;font-weight:600;color:var(--gray-800);margin-bottom:16px}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.settings-grid .form-group input{padding:10px 14px;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:14px;width:100%}.settings-grid .form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #14a42f1a}.settings-actions{padding:24px;background:var(--gray-50);border-top:1px solid var(--gray-200)}@media(max-width:768px){.nav-content{flex-wrap:wrap;height:auto;padding:12px 0;gap:12px}.nav-tabs{order:3;width:100%;overflow-x:auto}.stats-grid{grid-template-columns:1fr}.crm-table{display:block;overflow-x:auto}}.dark-mode{--bg-primary: #141414;--bg-secondary: #1A1A1A;--bg-card: #1E1E1E;--bg-hover: #2a2a2a;--text-primary: #f5f5f5;--text-secondary: #d4d4d4;--border-color: #2a2a2a}.dark-mode body{background:var(--bg-primary);color:var(--text-primary)}.dark-mode .nav-header{background:var(--bg-secondary);border-bottom-color:var(--border-color)}.dark-mode .nav-tab{color:var(--text-secondary)}.dark-mode .nav-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.dark-mode .nav-tab.active{color:var(--primary)}.dark-mode .nav-user-name{color:var(--text-primary)}.dark-mode .nav-user-role{color:var(--text-secondary)}.dark-mode .logout-btn{background:var(--bg-hover);color:var(--text-primary)}.dark-mode .logout-btn:hover{background:#333}.dark-mode .settings-dropdown{background:var(--bg-card);box-shadow:0 4px 12px #0006}.dark-mode .settings-dropdown button{color:var(--text-primary)}.dark-mode .settings-dropdown button:hover{background:var(--bg-hover)}.dark-mode .settings-dropdown button:not(:last-child){border-bottom-color:var(--border-color)}.dark-mode .nav-subtabs-container{background:#2a2a2a;border-bottom:none}.dark-mode .nav-subtab{color:var(--text-secondary)}.dark-mode .nav-subtab:hover{color:var(--text-primary);background:transparent}.dark-mode .nav-subtab.active{color:#fff;background:var(--primary)}.dark-mode .theme-toggle{background:var(--bg-hover);color:var(--text-secondary)}.dark-mode .theme-toggle:hover{background:#333;color:var(--text-primary)}.dark-mode .pwa-install-btn{background:var(--primary);color:#fff}.dark-mode .pwa-install-btn:hover{background:var(--primary-dark)}.dark-mode .page-title{color:var(--text-primary)}.dark-mode .page-subtitle{color:var(--text-secondary)}.dark-mode .stat-card{background:var(--bg-card);box-shadow:0 4px 6px -1px #0000004d}.dark-mode .stat-label{color:var(--text-secondary)}.dark-mode .stat-value,.dark-mode .stat-separator{color:var(--text-primary)}.dark-mode .stat-change{color:var(--text-secondary)}.dark-mode .stat-change.positive{color:var(--success)}.dark-mode .stat-target{color:var(--text-secondary)}.dark-mode .stat-target.above{color:var(--success)}.dark-mode .stat-target.below{color:var(--danger)}.dark-mode .period-tabs{background:var(--bg-card)}.dark-mode .period-tab{color:var(--text-secondary)}.dark-mode .period-tab:hover{color:var(--text-primary)}.dark-mode .period-tab.active{color:#fff!important}.dark-mode .suivi-subtab{background:var(--bg-card);border-color:var(--border-color);color:var(--text-secondary)}.dark-mode .suivi-subtab:hover{border-color:var(--primary);color:var(--primary)}.dark-mode .suivi-subtab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.dark-mode .crm-container{background:var(--bg-card);box-shadow:0 4px 6px -1px #0000004d}.dark-mode .crm-header{border-bottom-color:var(--border-color)}.dark-mode .crm-title{color:var(--text-primary)}.dark-mode .crm-count{color:var(--text-secondary)}.dark-mode .crm-table th{background:var(--bg-secondary);color:var(--text-secondary);border-bottom-color:var(--border-color)}.dark-mode .crm-table td{color:var(--text-primary);border-bottom-color:var(--border-color)}.dark-mode .crm-table tbody tr:hover{background:var(--bg-hover)}.dark-mode .crm-table tbody tr.status-booked{background:#14a42f26}.dark-mode .crm-table tbody tr.status-booked:hover{background:#14a42f40}.dark-mode .crm-table tbody tr.status-closed{background:#0284c726}.dark-mode .crm-table tbody tr.status-closed:hover{background:#0284c740}.dark-mode .crm-table tbody tr.status-disqualified{background:#ef444426}.dark-mode .crm-table tbody tr.status-disqualified:hover{background:#ef444440}.dark-mode .crm-table tbody tr.status-followup1{background:#2563eb26}.dark-mode .crm-table tbody tr.status-followup1:hover{background:#2563eb40}.dark-mode .crm-table tbody tr.status-followup2{background:#f59e0b1a}.dark-mode .crm-table tbody tr.status-followup3{background:#9333ea26}.dark-mode .crm-table tbody tr.status-followup3:hover{background:#9333ea40}.dark-mode .crm-table tbody tr.status-archived{background:#6b728026}.dark-mode .crm-table tbody tr.status-archived:hover{background:#6b728040}.dark-mode .copyable-cell:hover{background:#14a42f26}.dark-mode .copyable-cell.selected{background:#14a42f40}.dark-mode .custom-status-select{opacity:.9}.dark-mode .custom-status-select.new{background-color:#333;color:var(--text-primary)}.dark-mode .custom-status-select.booked{background-color:#14a42f4d;color:#86efac}.dark-mode .custom-status-select.closed{background-color:#0284c74d;color:#7dd3fc}.dark-mode .custom-status-select.disqualified{background-color:#ef44444d;color:#fca5a5}.dark-mode .custom-status-select.followup1{background-color:#2563eb4d;color:#93c5fd}.dark-mode .custom-status-select.followup2{background-color:#f59e0b40;color:#fcd34d}.dark-mode .custom-status-select.followup3{background-color:#9333ea4d;color:#d8b4fe}.dark-mode .custom-status-select.archived{background-color:#6b72804d;color:#a3a3a3}.dark-mode .status-pill{opacity:.95}.dark-mode .status-pill.new{background:#333;color:var(--text-primary)}.dark-mode .status-pill.booked{background:#14a42f40;color:#86efac}.dark-mode .status-pill.closed{background:#0284c740;color:#7dd3fc}.dark-mode .status-pill.disqualified{background:#ef444440;color:#fca5a5}.dark-mode .status-pill.followup1{background:#2563eb40;color:#93c5fd}.dark-mode .status-pill.followup2{background:#f59e0b33;color:#fcd34d}.dark-mode .status-pill.followup3{background:#9333ea40;color:#d8b4fe}.dark-mode .status-pill.archived{background:#6b728040;color:#a3a3a3}.dark-mode .answered-checkbox{accent-color:var(--primary)}.dark-mode .date-display{color:var(--text-secondary)}.dark-mode .details-input{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .details-input:focus{border-color:var(--primary)}.dark-mode .details-input::placeholder{color:#737373}.dark-mode .pagination{border-top-color:var(--border-color)}.dark-mode .pagination-info{color:var(--text-secondary)}.dark-mode .pagination-btn:disabled{background:#333;color:#666}.dark-mode .booking-card{background:var(--bg-card)}.dark-mode .booking-lead-name{color:var(--text-primary)}.dark-mode .booking-setter,.dark-mode .booking-detail{color:var(--text-secondary)}.dark-mode .booking-date{background:#14a42f33;color:#86efac}.dark-mode .empty-state{color:var(--text-secondary)}.dark-mode .empty-state-title{color:var(--text-primary)}.dark-mode .modal-overlay{background:#000000b3}.dark-mode .modal{background:var(--bg-card)}.dark-mode .modal-header{border-bottom-color:var(--border-color)}.dark-mode .modal-title{color:var(--text-primary)}.dark-mode .modal-close{color:var(--text-secondary)}.dark-mode .modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.dark-mode .modal-footer{border-top-color:var(--border-color)}.dark-mode .form-group label{color:var(--text-primary)}.dark-mode .form-group input,.dark-mode .form-group select,.dark-mode .form-group textarea{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .form-group input:focus,.dark-mode .form-group select:focus,.dark-mode .form-group textarea:focus{border-color:var(--primary)}.dark-mode .form-group input::placeholder,.dark-mode .form-group textarea::placeholder{color:#737373}.dark-mode .btn-secondary{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-color)}.dark-mode .btn-secondary:hover{background:#525252}.dark-mode .settings-section{border-bottom-color:var(--border-color)}.dark-mode .settings-title{color:var(--text-primary)}.dark-mode .settings-actions{background:var(--bg-secondary);border-top-color:var(--border-color)}.dark-mode .settings-grid .form-group input{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .settings-grid .form-group label{color:var(--text-primary)}.dark-mode .btn-primary{color:#fff}.dark-mode .login-container{background:linear-gradient(135deg,#14a42f,#0f8025)}.dark-mode .login-card{background:var(--white)}.dark-mode .login-logo h1{color:var(--gray-900)}.dark-mode .login-logo p{color:var(--gray-500)}.dark-mode .login-form .form-group label{color:var(--gray-700)}.dark-mode .login-form .form-group input{background:var(--white);border-color:var(--gray-300);color:var(--gray-900)}.dark-mode .login-form .form-group input::placeholder{color:var(--gray-400)}.dark-mode .login-btn{background:var(--primary);color:#fff}.dark-mode .login-card>div[style]{background:#f5f5f5!important;color:var(--gray-900)!important}.dark-mode .pagination-btn{color:#fff}.dark-mode .admin-table .action-btn.edit{background:var(--primary);color:#fff}.dark-mode .admin-table .action-btn.delete{background:#ef444433;color:#fca5a5}.dark-mode .admin-table .action-btn.delete:hover{background:var(--danger);color:#fff}.dark-mode .status-select,.dark-mode .assign-select{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .role-badge{opacity:.9}.dark-mode .role-badge.admin{background:#14a42f33;color:#86efac}.dark-mode .role-badge.setter{background:#10b98133;color:#6ee7b7}.dark-mode .role-badge.closer{background:#f59e0b33;color:#fcd34d}.dark-mode .toggle-slider{background-color:#525252}.dark-mode .toggle-switch input:checked+.toggle-slider{background-color:var(--primary)}.dark-mode .stat-icon.primary,.dark-mode .stat-icon.success{background:#14a44d33;color:var(--primary)}.dark-mode .stat-icon.warning{background:#6b728040;color:var(--gray-400)}.dark-mode .stat-subtitle,.dark-mode .stat-subtitle.above-target{color:var(--primary)}.dark-mode .stat-subtitle.below-target{color:var(--danger)}.dark-mode .stat-target-value{color:#d4a106}.setter-crm-wrapper{width:100%;overflow-x:auto;background:var(--bg-card, #1e1e1e);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.setter-crm{width:100%;min-width:2650px;border-collapse:collapse;table-layout:fixed}.setter-crm .col-entreprise{width:280px}.setter-crm .col-ceo,.setter-crm .col-site{width:220px}.setter-crm .col-numero{width:180px}.setter-crm .col-checkbox{width:100px;text-align:center}.setter-crm .col-status,.setter-crm .col-date{width:180px}.setter-crm .col-recording{width:200px}.setter-crm .col-details{width:700px;min-width:700px}.setter-crm .col-edit{width:50px;padding:0!important}.setter-crm td.col-edit{padding:0!important}.setter-crm thead th{text-align:left;padding:16px 24px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#a3a3a3;background:#1a1a1a;border-bottom:1px solid #2a2a2a;white-space:nowrap}.setter-crm thead th.col-checkbox{text-align:center}.setter-crm tbody tr{transition:background .15s ease}.setter-crm tbody td{padding:14px 24px;font-size:14px;color:#e5e5e5;border-bottom:1px solid #2a2a2a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.setter-crm tbody td.col-ceo,.setter-crm tbody td.col-site{overflow:hidden;text-overflow:ellipsis}.setter-crm .copyable-cell{cursor:pointer;transition:box-shadow .2s ease,background .15s ease;position:relative}.setter-crm .copyable-cell:hover{background:#14a42f14}.setter-crm .copyable-cell.copied{box-shadow:inset 0 0 0 2px var(--primary)}.dark-mode .setter-crm .copyable-cell:hover{background:#14a42f1f}.dark-mode .setter-crm .copyable-cell.copied{box-shadow:inset 0 0 0 2px var(--primary)}.setter-crm tbody td.col-checkbox{text-align:center}.setter-crm tbody tr:hover{background:#ffffff08}.setter-crm tbody tr.row-booked{background:#22c55e1f}.setter-crm tbody tr.row-booked:hover{background:#22c55e2e}.setter-crm tbody tr.row-disqualified{background:#b9535326}.setter-crm tbody tr.row-disqualified:hover{background:#b9535338}.setter-crm tbody tr.row-followup{background:#3891a61f}.setter-crm tbody tr.row-followup:hover{background:#3891a62e}.setter-crm tbody tr.row-followup2{background:#f59e0b1f}.setter-crm tbody tr.row-followup2:hover{background:#f59e0b2e}.setter-crm tbody tr.row-followup3{background:#9333ea1f}.setter-crm tbody tr.row-followup3:hover{background:#9333ea2e}.setter-crm tbody tr.row-archived{background:#6b72801f}.setter-crm tbody tr.row-archived:hover{background:#6b72802e}.setter-crm .ceo-link{color:var(--primary);font-weight:500}.setter-crm input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.setter-crm .status-badge{appearance:none;-webkit-appearance:none;padding:6px 28px 6px 14px;border-radius:50px;font-size:12px;font-weight:600;border:none;cursor:pointer;min-width:130px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff80' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;transition:all .2s}.setter-crm .status-badge:focus{outline:none;box-shadow:0 0 0 2px #14a42f4d}.setter-crm .status-badge.status-new{background-color:#6b728059;color:#a3a3a3}.setter-crm .status-badge.status-booked{background-color:#22c55e4d;color:#4ade80}.setter-crm .status-badge.status-disqualified{background-color:#b9535366;color:#f87171}.setter-crm .status-badge.status-followup1{background-color:#3891a666;color:#67cfe0}.setter-crm .status-badge.status-followup2{background-color:#f59e0b59;color:#fbbf24}.setter-crm .status-badge.status-followup3{background-color:#9333ea59;color:#c084fc}.setter-crm .status-badge.status-archived{background-color:#6b728059;color:#a3a3a3}.setter-crm .details-field{width:100%;padding:10px 14px;border:none;border-radius:6px;font-size:13px;background:transparent;color:#a3a3a3;transition:all .2s}.setter-crm .details-field::placeholder{color:#737373}.setter-crm .details-field:hover{background:#ffffff08}.setter-crm .details-field:focus{outline:none;background:#0000004d;color:#e5e5e5}.setter-crm tr.row-booked .details-field{background:#22c55e14}.setter-crm tr.row-booked .details-field:hover{background:#22c55e26}.setter-crm tr.row-booked .details-field:focus{background:#22c55e33}.setter-crm tr.row-disqualified .details-field{background:#b953531a}.setter-crm tr.row-disqualified .details-field:hover{background:#b953532e}.setter-crm tr.row-disqualified .details-field:focus{background:#b9535340}.setter-crm tr.row-followup .details-field{background:#3891a614}.setter-crm tr.row-followup .details-field:hover{background:#3891a626}.setter-crm tr.row-followup .details-field:focus{background:#3891a633}.setter-crm tr.row-followup2 .details-field{background:#f59e0b14}.setter-crm tr.row-followup2 .details-field:hover{background:#f59e0b26}.setter-crm tr.row-followup2 .details-field:focus{background:#f59e0b33}.setter-crm tr.row-followup3 .details-field{background:#9333ea14}.setter-crm tr.row-followup3 .details-field:hover{background:#9333ea26}.setter-crm tr.row-followup3 .details-field:focus{background:#9333ea33}.setter-crm tr.row-archived .details-field{background:#6b728014}.setter-crm tr.row-archived .details-field:hover{background:#6b728026}.setter-crm tr.row-archived .details-field:focus{background:#6b728033}.setter-crm-wrapper{background:var(--white)}.setter-crm thead th{background:var(--gray-50);color:var(--gray-500);border-bottom-color:var(--gray-200)}.setter-crm tbody td{color:var(--gray-800);border-bottom-color:var(--gray-100)}.setter-crm tbody tr:hover{background:var(--gray-50)}.setter-crm tbody tr.row-booked{background:#14a44d14}.setter-crm tbody tr.row-booked:hover{background:#14a44d26}.setter-crm tbody tr.row-disqualified{background:#ef444414}.setter-crm tbody tr.row-disqualified:hover{background:#ef44441f}.setter-crm tbody tr.row-followup{background:#3b82f614}.setter-crm tbody tr.row-followup:hover{background:#3b82f61f}.setter-crm tbody tr.row-followup2{background:#f59e0b1a}.setter-crm tbody tr.row-followup2:hover{background:#f59e0b26}.setter-crm tbody tr.row-followup3{background:#9333ea14}.setter-crm tbody tr.row-followup3:hover{background:#9333ea1f}.setter-crm tbody tr.row-archived{background:#6b728014}.setter-crm tbody tr.row-archived:hover{background:#6b72801f}.setter-crm .status-badge.status-new{background-color:var(--gray-200);color:var(--gray-700)}.setter-crm .status-badge.status-booked{background-color:#d4f5db;color:#14a42f}.setter-crm .status-badge.status-disqualified{background-color:var(--danger-light);color:var(--danger)}.setter-crm .status-badge.status-followup1{background-color:#dbeafe;color:#2563eb}.setter-crm .status-badge.status-followup2{background-color:#fef3c7;color:#d97706}.setter-crm .status-badge.status-followup3{background-color:#f3e8ff;color:#9333ea}.setter-crm .status-badge.status-archived{background-color:#e5e5e5;color:#737373}.setter-crm .details-field{color:var(--gray-600)}.setter-crm .details-field:focus{background:#0000000d;color:var(--gray-800)}.dark-mode .setter-crm-wrapper{background:var(--bg-card)}.dark-mode .setter-crm thead th{background:#1a1a1a;color:#a3a3a3;border-bottom-color:#2a2a2a}.dark-mode .setter-crm tbody td{color:#e5e5e5;border-bottom-color:#2a2a2a}.dark-mode .setter-crm tbody tr:hover{background:#ffffff08}.dark-mode .setter-crm tbody tr.row-booked{background:#22c55e1f}.dark-mode .setter-crm tbody tr.row-booked:hover{background:#22c55e2e}.dark-mode .setter-crm tbody tr.row-disqualified{background:#b9535326}.dark-mode .setter-crm tbody tr.row-disqualified:hover{background:#b9535338}.dark-mode .setter-crm tbody tr.row-followup{background:#3891a61f}.dark-mode .setter-crm tbody tr.row-followup:hover{background:#3891a62e}.dark-mode .setter-crm tbody tr.row-followup2{background:#f59e0b26}.dark-mode .setter-crm tbody tr.row-followup2:hover{background:#f59e0b38}.dark-mode .setter-crm tbody tr.row-followup3{background:#9333ea26}.dark-mode .setter-crm tbody tr.row-followup3:hover{background:#9333ea38}.dark-mode .setter-crm tbody tr.row-archived{background:#6b728026}.dark-mode .setter-crm tbody tr.row-archived:hover{background:#6b728038}.dark-mode .setter-crm .status-badge.status-new{background-color:#6b728059;color:#a3a3a3}.dark-mode .setter-crm .status-badge.status-booked{background-color:#22c55e4d;color:#4ade80}.dark-mode .setter-crm .status-badge.status-disqualified{background-color:#b9535366;color:#f87171}.dark-mode .setter-crm .status-badge.status-followup1{background-color:#3891a666;color:#67cfe0}.dark-mode .setter-crm .status-badge.status-followup2{background-color:#f59e0b59;color:#fbbf24}.dark-mode .setter-crm .status-badge.status-followup3{background-color:#9333ea59;color:#c084fc}.dark-mode .setter-crm .status-badge.status-archived{background-color:#6b728059;color:#a3a3a3}.dark-mode .setter-crm .details-field{color:#a3a3a3}.dark-mode .setter-crm .details-field:hover{background:#ffffff08}.dark-mode .setter-crm .details-field:focus{background:#0000004d;color:#e5e5e5}.dark-mode .setter-crm tr.row-booked .details-field{background:#22c55e14}.dark-mode .setter-crm tr.row-booked .details-field:hover{background:#22c55e26}.dark-mode .setter-crm tr.row-booked .details-field:focus{background:#22c55e33}.dark-mode .setter-crm tr.row-disqualified .details-field{background:#b953531a}.dark-mode .setter-crm tr.row-disqualified .details-field:hover{background:#b953532e}.dark-mode .setter-crm tr.row-disqualified .details-field:focus{background:#b9535340}.dark-mode .setter-crm tr.row-followup .details-field{background:#3891a614}.dark-mode .setter-crm tr.row-followup .details-field:hover{background:#3891a626}.dark-mode .setter-crm tr.row-followup .details-field:focus{background:#3891a633}.dark-mode .setter-crm tr.row-followup2 .details-field{background:#f59e0b1a}.dark-mode .setter-crm tr.row-followup2 .details-field:hover{background:#f59e0b2e}.dark-mode .setter-crm tr.row-followup2 .details-field:focus{background:#f59e0b40}.dark-mode .setter-crm tr.row-followup3 .details-field{background:#9333ea1a}.dark-mode .setter-crm tr.row-followup3 .details-field:hover{background:#9333ea2e}.dark-mode .setter-crm tr.row-followup3 .details-field:focus{background:#9333ea40}.dark-mode .setter-crm tr.row-archived .details-field{background:#6b72801a}.dark-mode .setter-crm tr.row-archived .details-field:hover{background:#6b72802e}.dark-mode .setter-crm tr.row-archived .details-field:focus{background:#6b728040}.closer-stats-grid{display:flex;gap:16px;margin-bottom:24px}.closer-stat-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:20px 32px;text-align:center;min-width:140px}.dark-mode .closer-stat-card{background:#1a1a1a;border-color:#2a2a2a}.closer-stat-value{font-size:32px;font-weight:700;color:var(--primary);line-height:1}.closer-stat-label{font-size:13px;color:var(--gray-500);margin-top:8px;text-transform:uppercase;letter-spacing:.5px}.closer-crm{min-width:2600px!important}.closer-crm-compact.closer-crm-compact{min-width:100%!important;width:100%!important;table-layout:fixed!important}.closer-crm-compact th,.closer-crm-compact td{padding:12px 16px!important;white-space:normal!important}.closer-crm-compact .col-closer{width:120px}.closer-crm-compact .col-call-num,.closer-crm-compact .col-date{width:100px}.closer-crm-compact .col-name{width:auto}.closer-crm-compact .col-outcome{width:120px}.closer-crm-compact .col-edit{width:50px;text-align:center}.closer-crm-compact .expanded-details-row td{padding:0!important}.closer-crm-compact .expanded-details-row .expanded-details{padding:20px;background:var(--gray-100);border-top:1px solid var(--gray-200)}.dark-mode .closer-crm-compact .expanded-details-row .expanded-details{background:var(--gray-800);border-top-color:var(--gray-700)}.clickable-row{cursor:pointer;transition:background-color .15s ease}.clickable-row:hover{background-color:var(--gray-100)!important}.dark-mode .clickable-row:hover{background-color:var(--gray-700)!important}.expanded-row,.dark-mode .expanded-row{background-color:transparent!important}.expanded-details-row{display:table-row!important}.expanded-details-row{background-color:var(--gray-50)!important}.dark-mode .expanded-details-row{background-color:var(--gray-800)!important}.expanded-details-row td{padding:0!important}.expanded-details{padding:20px 24px;border-top:1px solid var(--gray-200)}.dark-mode .expanded-details{border-top-color:var(--gray-600)}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item.full-width{grid-column:span 3}.detail-item label{font-size:11px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px}.dark-mode .detail-item label{color:var(--gray-400)}.detail-item span{font-size:14px;color:var(--gray-800)}.dark-mode .detail-item span{color:var(--gray-200)}.detail-item .copyable{cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .15s ease}.detail-item .copyable:hover{background-color:var(--gray-200)}.dark-mode .detail-item .copyable:hover{background-color:var(--gray-600)}.detail-item .inline-edit-input,.detail-item .inline-select{width:100%;padding:8px 12px;font-size:14px;border:1px solid var(--gray-300);border-radius:6px;background:var(--white)}.detail-item .inline-edit-input:focus,.detail-item .inline-select:focus{outline:none;border-color:var(--gray-400)}.dark-mode .detail-item .inline-edit-input,.dark-mode .detail-item .inline-select{background:var(--gray-700);border-color:var(--gray-600);color:var(--gray-100)}.dark-mode .detail-item .inline-edit-input:focus,.dark-mode .detail-item .inline-select:focus{border-color:var(--gray-500)}.closer-crm th,.closer-crm td{text-align:left!important}.closer-crm tbody td{text-overflow:clip!important;white-space:nowrap!important}.closer-crm .col-closer{width:100px;font-weight:600}.closer-crm .col-sep-small,.closer-crm .col-sep-main{width:2px!important;min-width:2px!important;max-width:2px!important;padding:0!important;background:var(--gray-500)!important}.closer-crm th.col-sep-small,.closer-crm th.col-sep-main{background:var(--gray-500)!important}.closer-crm .col-owner{width:140px;padding-left:12px!important}.closer-crm .col-entreprise{width:160px}.closer-crm .col-site{width:180px;max-width:180px;overflow:hidden;text-overflow:ellipsis}.closer-crm .col-numero{width:150px;white-space:nowrap}.closer-crm .col-setter-recording{width:80px}.closer-crm .col-setter-details{width:90px}.closer-crm .col-booked{width:130px;white-space:nowrap}.closer-crm .col-source-wide{width:140px}.closer-crm .col-meet{width:100px;padding-right:16px!important}.closer-crm .col-pricing{width:140px;padding-left:16px!important}.closer-crm .col-duration{width:100px}.closer-crm .col-closer-recording{width:120px}.closer-crm .col-outcome-wide{width:140px}.closer-crm .col-emotions{width:180px}.closer-crm .col-mistake{width:200px}.closer-crm .col-conclusion{width:260px}.source-select{text-align:left!important;padding-left:8px!important;min-width:100px;text-overflow:clip!important;overflow:hidden!important}.outcome-select{text-overflow:clip!important;overflow:hidden!important}.meet-link-btn{display:inline-block;padding:6px 14px;background:var(--primary);color:#fff!important;border-radius:4px;font-size:12px;font-weight:500;text-decoration:none;transition:background .15s ease}.meet-link-btn:hover{background:var(--primary-dark)}.details-btn{background:transparent;border:1px solid var(--gray-500);border-radius:4px;padding:4px 10px;font-size:12px;color:inherit;cursor:pointer;transition:all .15s ease}.details-btn:hover{background:var(--gray-700);border-color:var(--gray-400)}.details-popup-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.details-popup{background:var(--gray-800);border-radius:12px;box-shadow:0 20px 40px #0006;width:90%;max-width:500px;max-height:80vh;overflow:hidden}.details-popup-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--gray-600);font-weight:600;font-size:16px}.details-popup-close{background:transparent;border:none;color:var(--gray-400);font-size:24px;cursor:pointer;padding:0;line-height:1}.details-popup-close:hover{color:#fff}.details-popup-content{padding:20px;font-size:14px;line-height:1.6;white-space:pre-wrap;max-height:60vh;overflow-y:auto}.closer-crm .outcome-select{min-width:100px}.closer-crm .col-duration .inline-edit-input,.closer-crm .col-closer-recording .inline-edit-input,.closer-crm .col-emotions .inline-edit-input,.closer-crm .col-mistake .inline-edit-input,.closer-crm .col-conclusion .inline-edit-input{width:100%;min-width:80px}.inline-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;border:1px solid transparent;border-radius:4px;padding:6px 28px 6px 8px;font-size:13px;color:inherit;cursor:pointer;width:100%;transition:all .15s ease}.inline-select::-ms-expand{display:none}.inline-select option{background:var(--gray-800);color:inherit}.inline-select:hover{background-color:#ffffff0d;border-color:var(--gray-600)}.inline-select:focus{outline:none;border-color:var(--gray-400)}.dark-mode .inline-select{color:#e5e5e5}.pricing-select.has-value{background-color:var(--primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='white' d='M6 8L2 4h8z'/%3E%3C/svg%3E");color:#fff;font-weight:500}.pricing-select.has-value:hover{background-color:#12903f}.outcome-select.outcome-won{background-color:#22c55e;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='white' d='M6 8L2 4h8z'/%3E%3C/svg%3E");color:#fff;font-weight:600}.outcome-select.outcome-lost{background-color:#ef4444;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='white' d='M6 8L2 4h8z'/%3E%3C/svg%3E");color:#fff;font-weight:600}.outcome-won{background:#22c55e14!important}.outcome-won:hover{background:#22c55e26!important}.outcome-lost{background:#ef444414!important}.outcome-lost:hover{background:#ef444426!important}.meet-link{color:var(--primary);text-decoration:none;font-weight:500;padding:4px 8px;border-radius:4px;transition:all .15s ease}.meet-link:hover{background:#14a42f1a}.reschedule-link{color:var(--warning);text-decoration:none;font-weight:500;padding:4px 8px;border-radius:4px;transition:all .15s ease;font-size:12px}.reschedule-link:hover{background:#ff9f431a}.closer-crm .col-email{width:180px;max-width:180px;overflow:hidden;text-overflow:ellipsis}.closer-crm .col-reschedule{width:80px;text-align:center}.scheduled-calls-container{padding:0 20px 20px}.scheduled-day-group{margin-bottom:16px;border:1px solid var(--gray-200);border-radius:12px;background:var(--white);overflow:hidden}.dark-mode .scheduled-day-group{border:1px solid #3a3a3a;background:var(--bg-card)}.scheduled-day-header{font-size:14px;font-weight:600;color:var(--gray-800);padding:14px 20px;background:var(--gray-50);border-bottom:1px solid var(--gray-200);text-transform:capitalize}.dark-mode .scheduled-day-header{color:var(--text-primary);background:var(--bg-secondary);border-bottom:1px solid #3a3a3a}.scheduled-calls-list{background:var(--white)}.dark-mode .scheduled-calls-list{background:var(--bg-card)}.scheduled-call-card{display:flex;align-items:center;padding:16px;border-bottom:1px solid var(--gray-200);transition:background .15s ease}.dark-mode .scheduled-call-card{border-bottom:1px solid #3a3a3a}.scheduled-call-card:last-child{border-bottom:none}.scheduled-call-card:hover{background:var(--gray-50)}.dark-mode .scheduled-call-card:hover{background:var(--bg-hover)}.scheduled-call-time-indicator{width:4px;height:40px;background:var(--primary);border-radius:2px;margin-right:16px;flex-shrink:0}.scheduled-call-content{flex:1;min-width:0}.scheduled-call-time{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.scheduled-call-info{font-size:15px;color:var(--text-primary)}.scheduled-call-name{font-weight:600}.scheduled-call-company{color:var(--text-secondary)}.scheduled-call-setter{font-size:12px;color:var(--text-muted);margin-top:4px}.scheduled-call-closer{font-size:12px;color:var(--gray-500);margin-top:2px}.dark-mode .scheduled-call-closer{color:var(--text-secondary)}.scheduled-call-actions{display:flex;gap:8px;flex-shrink:0}.scheduled-call-btn{padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s ease}.scheduled-call-btn.primary{background:var(--primary);color:#fff}.scheduled-call-btn.primary:hover{background:var(--primary-hover)}.scheduled-call-btn.secondary{background:var(--surface);color:var(--text-primary);border:1px solid var(--border)}.scheduled-call-btn.secondary:hover{background:var(--hover);border-color:var(--text-muted)}.closer-crm-fit-wrapper{width:100%;background:var(--bg-card, #1e1e1e);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.closer-crm-fit{width:100%;border-collapse:collapse;table-layout:fixed}.closer-crm-fit thead th{text-align:left;padding:16px 20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#a3a3a3;background:#1a1a1a;border-bottom:1px solid #2a2a2a;white-space:nowrap}.closer-crm-fit tbody tr{transition:background .15s ease}.closer-crm-fit tbody td{padding:14px 20px;font-size:14px;color:#e5e5e5;border-bottom:1px solid #2a2a2a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.closer-crm-fit tbody tr:hover{background:#ffffff08}.closer-crm-fit tbody tr.outcome-won{background:#22c55e1f}.closer-crm-fit tbody tr.outcome-won:hover{background:#22c55e2e}.closer-crm-fit tbody tr.outcome-lost{background:#b9535326}.closer-crm-fit tbody tr.outcome-lost:hover{background:#b9535338}.closer-crm-fit select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;padding:8px 28px 8px 12px;font-size:13px;color:#e5e5e5;cursor:pointer;min-width:100px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:border-color .15s ease}.closer-crm-fit select:hover{border-color:#4a4a4a}.closer-crm-fit select:focus,.closer-crm-fit select:focus-visible,.closer-crm-fit select:active{outline:none!important;box-shadow:none!important;border-color:#4a4a4a}.closer-crm-fit select.outcome-won{background-color:#22c55e4d;border-color:#22c55e80;color:#4ade80}.closer-crm-fit select.outcome-lost{background-color:#b953534d;border-color:#b9535380;color:#f87171}.closer-crm-fit select.pricing-select.has-value{background-color:var(--primary);border-color:var(--primary);color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='white' d='M6 8L2 4h8z'/%3E%3C/svg%3E")}.closer-crm-fit .expanded-row-details{background:#161616}.closer-crm-fit .expanded-row-details td{padding:20px;border-bottom:1px solid #2a2a2a}.closer-crm-fit .detail-row{display:flex;gap:16px;flex-wrap:nowrap}.closer-crm-fit .detail-field{display:flex;flex-direction:column;gap:8px;flex:1}.closer-crm-fit .detail-field.wide{flex:1.5}.closer-crm-fit .detail-field label{font-size:11px;text-transform:uppercase;color:#737373;letter-spacing:.5px;font-weight:500}.closer-crm-fit .detail-field input{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:6px;padding:10px 12px;font-size:13px;color:#e5e5e5;transition:border-color .15s ease}.closer-crm-fit .detail-field input:hover{border-color:#4a4a4a}.closer-crm-fit .detail-field input:focus{outline:none;border-color:#5a5a5a}.closer-crm-fit .detail-field input::placeholder{color:#737373}:root:not(.dark-mode) .closer-crm-fit-wrapper{background:var(--bg-card, #ffffff);border:1px solid #e5e5e5}:root:not(.dark-mode) .closer-crm-fit thead th{color:#737373;background:#fafafa;border-bottom:1px solid #e5e5e5}:root:not(.dark-mode) .closer-crm-fit tbody td{color:#404040;border-bottom:1px solid #e5e5e5}:root:not(.dark-mode) .closer-crm-fit tbody tr:hover{background:#00000005}:root:not(.dark-mode) .closer-crm-fit tbody tr.outcome-won{background:#22c55e14}:root:not(.dark-mode) .closer-crm-fit tbody tr.outcome-won:hover{background:#22c55e1f}:root:not(.dark-mode) .closer-crm-fit tbody tr.outcome-lost{background:#ef444414}:root:not(.dark-mode) .closer-crm-fit tbody tr.outcome-lost:hover{background:#ef44441f}:root:not(.dark-mode) .closer-crm-fit select{background-color:#f5f5f5;border:1px solid #d4d4d4;color:#404040}:root:not(.dark-mode) .closer-crm-fit select:hover{border-color:#a3a3a3}:root:not(.dark-mode) .closer-crm-fit select:focus,:root:not(.dark-mode) .closer-crm-fit select:focus-visible,:root:not(.dark-mode) .closer-crm-fit select:active{border-color:#a3a3a3}:root:not(.dark-mode) .closer-crm-fit select.outcome-won{background-color:#22c55e26;border-color:#22c55e66;color:#16a34a}:root:not(.dark-mode) .closer-crm-fit select.outcome-lost{background-color:#ef444426;border-color:#ef444466;color:#dc2626}:root:not(.dark-mode) .closer-crm-fit .expanded-row-details{background:#fafafa}:root:not(.dark-mode) .closer-crm-fit .expanded-row-details td{border-bottom:1px solid #e5e5e5}:root:not(.dark-mode) .closer-crm-fit .detail-field input{background:#fff;border:1px solid #d4d4d4;color:#404040}:root:not(.dark-mode) .closer-crm-fit .detail-field input:hover{border-color:#a3a3a3}:root:not(.dark-mode) .closer-crm-fit .detail-field input:focus{border-color:var(--primary)}.toggle-closed-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:var(--radius);background:transparent;border:1px solid #333;color:var(--gray-400);font-size:13px;cursor:pointer;transition:all .15s ease}:root:not(.dark-mode) .toggle-closed-btn{border-color:var(--gray-300);color:var(--gray-500)}.toggle-closed-btn:hover{border-color:var(--gray-500);color:var(--gray-300)}:root:not(.dark-mode) .toggle-closed-btn:hover{border-color:var(--gray-400);color:var(--gray-600)}.toggle-closed-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.pipeline-container{display:flex;flex-direction:column;gap:24px;padding:0 24px 24px}.pipeline-columns{display:flex;gap:16px;overflow-x:auto;padding:4px;margin:-4px}.pipeline-columns>div{flex:0 0 calc((100% - 32px) / 3);min-width:280px}.pipeline-column{background:var(--gray-100);border-radius:var(--radius-lg);min-height:400px;display:flex;flex-direction:column;transition:all .2s ease}.dark-mode .pipeline-column{background:#1a1a1a}.pipeline-column.drag-over{transform:scale(1.02);box-shadow:0 0 0 2px var(--primary),0 4px 12px #14a42f33;background:#14a42f0d}.dark-mode .pipeline-column.drag-over{background:#14a42f1a}.pipeline-column-header{display:flex;justify-content:space-between;align-items:center;padding:16px;font-weight:600;font-size:14px;color:var(--gray-700);border-bottom:1px solid var(--gray-200)}.dark-mode .pipeline-column-header{color:var(--gray-300);border-bottom-color:#2a2a2a}.pipeline-count{background:var(--gray-300);color:var(--gray-700);padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.dark-mode .pipeline-count{background:#333;color:var(--gray-400)}.pipeline-cards{flex:1;padding:12px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.pipeline-card{background:var(--white);border-radius:var(--radius);padding:12px;cursor:grab;transition:all .15s ease;border:1px solid var(--gray-200);position:relative}.dark-mode .pipeline-card{background:#252525;border-color:#333}.pipeline-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.pipeline-card:active{cursor:grabbing}.pipeline-card-due{background:#fff7ed;border-color:#fdba74}.dark-mode .pipeline-card-due{background:#3d2a1a;border-color:#c2410c}.pipeline-card-alert{position:absolute;top:8px;right:8px;color:#f97316}.pipeline-card-name{font-weight:600;font-size:14px;color:var(--gray-800);margin-bottom:4px}.dark-mode .pipeline-card-name{color:var(--gray-100)}.pipeline-card-company{font-size:13px;color:var(--gray-500);margin-bottom:8px}.dark-mode .pipeline-card-company{color:var(--gray-400)}.pipeline-card-date{font-size:12px;color:var(--gray-400)}.dark-mode .pipeline-card-date{color:var(--gray-500)}.pipeline-column-won{border:1px solid rgba(34,197,94,.3);background:#22c55e08}.dark-mode .pipeline-column-won{background:#22c55e0d}.pipeline-column-lost{border:1px solid rgba(239,68,68,.3);background:#ef444408}.dark-mode .pipeline-column-lost{background:#ef44440d}.pipeline-count-won{background:#22c55e33;color:#16a34a}.pipeline-count-lost{background:#ef444433;color:#dc2626}.pipeline-card-won{border-color:#22c55e4d;cursor:grab}.pipeline-card-won:hover{border-color:#22c55e80}.pipeline-card-won:active{cursor:grabbing}.pipeline-card-lost{border-color:#ef44444d;cursor:grab}.pipeline-card-lost:hover{border-color:#ef444480}.pipeline-card-lost:active{cursor:grabbing}.pipeline-outcomes{display:flex;gap:16px;justify-content:center;padding:4px;margin:-4px}.pipeline-outcome{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px 48px;border-radius:var(--radius-lg);font-weight:600;font-size:14px;transition:all .15s ease;border:2px dashed}.pipeline-outcome *{pointer-events:none}.pipeline-won{background:#22c55e1a;border-color:#22c55e4d;color:#16a34a}.pipeline-won:hover{background:#22c55e26;border-color:#22c55e80}.pipeline-won.drag-over{transform:scale(1.08);background:#22c55e40;border-color:#22c55ecc;border-style:solid;box-shadow:0 0 20px #22c55e4d}.dark-mode .pipeline-won{background:#22c55e26;border-color:#22c55e66}.pipeline-lost{background:#ef44441a;border-color:#ef44444d;color:#dc2626}.pipeline-lost:hover{background:#ef444426;border-color:#ef444480}.pipeline-lost.drag-over{transform:scale(1.08);background:#ef444440;border-color:#ef4444cc;border-style:solid;box-shadow:0 0 20px #ef44444d}.dark-mode .pipeline-lost{background:#ef444426;border-color:#ef444466}.pipeline-details-popup{max-width:600px;background:#252525}:root:not(.dark-mode) .pipeline-details-popup{background:var(--white)}.pipeline-details-popup .details-popup-header{border-bottom-color:#333}:root:not(.dark-mode) .pipeline-details-popup .details-popup-header{border-bottom-color:var(--gray-200)}.pipeline-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.pipeline-detail-item{display:flex;flex-direction:column;gap:4px}.pipeline-detail-item.wide{grid-column:span 2}.pipeline-detail-item label{font-size:12px;color:var(--gray-400);font-weight:500}.pipeline-detail-item span,.pipeline-detail-item a{font-size:14px;color:var(--gray-200);word-break:break-word}.pipeline-detail-item a{color:var(--primary)}.pipeline-detail-item a:hover{text-decoration:underline}:root:not(.dark-mode) .pipeline-detail-item span,:root:not(.dark-mode) .pipeline-detail-item a{color:var(--gray-700)}:root:not(.dark-mode) .pipeline-detail-item a{color:var(--primary)}.follow-up-popup{max-width:420px;background:#252525}:root:not(.dark-mode) .follow-up-popup{background:var(--white)}.follow-up-popup .details-popup-header{border-bottom-color:#333}:root:not(.dark-mode) .follow-up-popup .details-popup-header{border-bottom-color:var(--gray-200)}.quick-dates{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px}.quick-date-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 12px;background:#1a1a1a;border:1px solid #333;border-radius:var(--radius);cursor:pointer;transition:all .15s ease}:root:not(.dark-mode) .quick-date-btn{background:var(--gray-50);border-color:var(--gray-200)}.quick-date-btn:hover{background:#2a2a2a;border-color:var(--primary);transform:translateY(-1px)}:root:not(.dark-mode) .quick-date-btn:hover{background:var(--gray-100);border-color:var(--primary)}.quick-date-label{font-size:14px;font-weight:600;color:var(--gray-100)}:root:not(.dark-mode) .quick-date-label{color:var(--gray-800)}.quick-date-value{font-size:12px;color:var(--gray-400)}.custom-date-section{border-top:1px solid #333;padding-top:16px}:root:not(.dark-mode) .custom-date-section{border-top-color:var(--gray-200)}.custom-date-label{display:block;font-size:13px;color:var(--gray-400);margin-bottom:10px}.custom-date-row{display:flex;gap:10px}.custom-date-row .follow-up-date-input{flex:1}.custom-date-row .btn-primary{padding:10px 16px}.follow-up-date-input{padding:12px;border-radius:var(--radius);border:1px solid #333;background:#1a1a1a;color:var(--gray-200);font-size:14px}:root:not(.dark-mode) .follow-up-date-input{background:var(--white);border-color:var(--gray-300);color:var(--gray-800)}.follow-up-date-input:focus{outline:none;border-color:var(--primary)}.follow-up-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.btn-secondary{padding:10px 20px;border-radius:var(--radius);font-size:14px;font-weight:500;background:transparent;border:1px solid #333;color:var(--gray-300);cursor:pointer;transition:all .15s ease}:root:not(.dark-mode) .btn-secondary{border-color:var(--gray-300);color:var(--gray-600)}.btn-secondary:hover{background:#2a2a2a}:root:not(.dark-mode) .btn-secondary:hover{background:var(--gray-100)}.btn-primary{padding:10px 20px;border-radius:var(--radius);font-size:14px;font-weight:500;background:var(--primary);border:none;color:#fff;cursor:pointer;transition:all .15s ease}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.pipeline-edit-row{display:flex;gap:12px;margin-bottom:12px;flex-wrap:wrap}.pipeline-edit-field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:100px}.pipeline-edit-field.wide{flex:2;min-width:200px}.pipeline-edit-field label{font-size:11px;color:var(--gray-400);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.pipeline-edit-value{font-size:14px;color:var(--gray-200);padding:8px 0}:root:not(.dark-mode) .pipeline-edit-value{color:var(--gray-700)}.pipeline-select{padding:8px 12px;border-radius:var(--radius);border:1px solid #333;background:#1a1a1a;color:var(--gray-200);font-size:13px;cursor:pointer;transition:all .15s ease}:root:not(.dark-mode) .pipeline-select{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-700)}.pipeline-select:hover{border-color:var(--gray-500)}.pipeline-select:focus{outline:none;border-color:var(--primary)}.pipeline-select.pricing-select.has-value{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:500}.pipeline-input{padding:8px 12px;border-radius:var(--radius);border:1px solid #333;background:#1a1a1a;color:var(--gray-200);font-size:13px;transition:all .15s ease}:root:not(.dark-mode) .pipeline-input{background:var(--white);border-color:var(--gray-300);color:var(--gray-700)}.pipeline-input:hover{border-color:var(--gray-500)}.pipeline-input:focus{outline:none;border-color:var(--primary)}.pipeline-input::placeholder{color:var(--gray-500)}:root:not(.dark-mode) .pipeline-input::placeholder{color:var(--gray-400)}.pipeline-edit-divider{border:none;border-top:1px solid #333;margin:16px 0}:root:not(.dark-mode) .pipeline-edit-divider{border-top-color:var(--gray-200)}.pipeline-edit-info{margin-top:8px}.pipeline-info-item{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.pipeline-info-item label{font-size:11px;color:var(--gray-500);font-weight:500}.pipeline-info-item span,.pipeline-info-item a{font-size:13px;color:var(--gray-300);word-break:break-word}:root:not(.dark-mode) .pipeline-info-item span{color:var(--gray-600)}.pipeline-info-item a{color:var(--primary)}.pipeline-info-item a:hover{text-decoration:underline}.date-input-with-arrows{display:flex;align-items:center;gap:6px}.date-arrows{display:flex;flex-direction:column;gap:2px}.date-arrow-btn{display:flex;align-items:center;justify-content:center;width:20px;height:16px;padding:0;background:#333;border:1px solid #444;border-radius:3px;color:var(--gray-300);cursor:pointer;transition:all .15s ease}:root:not(.dark-mode) .date-arrow-btn{background:var(--gray-100);border-color:var(--gray-300);color:var(--gray-600)}.date-arrow-btn:hover{background:#444;border-color:var(--primary);color:var(--gray-100)}:root:not(.dark-mode) .date-arrow-btn:hover{background:var(--gray-200);border-color:var(--primary);color:var(--gray-700)}.pipeline-date-input{flex:1}.dark-mode .pipeline-date-input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.pipeline-date-input::-webkit-calendar-picker-indicator{cursor:pointer}.dark-mode .follow-up-date-input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.follow-up-date-input::-webkit-calendar-picker-indicator{cursor:pointer}.roles-checkbox-group{display:flex;flex-direction:column;gap:8px}.role-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;padding:8px 12px;border-radius:var(--radius);background:#1a1a1a;border:1px solid #333;transition:all .15s ease}:root:not(.dark-mode) .role-checkbox{background:var(--gray-50);border-color:var(--gray-200)}.role-checkbox:hover{border-color:var(--primary)}.role-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.role-checkbox-label{font-size:14px;color:var(--gray-200)}:root:not(.dark-mode) .role-checkbox-label{color:var(--gray-700)}.role-checkbox-label.closer_test{color:#f59e0b}.role-badge.closer_test{background:#f59e0b26;color:#f59e0b}.role-checkbox-label.setter_test{color:#8b5cf6}.role-badge.setter_test{background:#8b5cf626;color:#8b5cf6}:root:not(.dark-mode) .details-popup{background:var(--white);box-shadow:0 20px 40px #00000026}:root:not(.dark-mode) .details-popup-header{border-bottom-color:var(--gray-200);color:var(--gray-800)}:root:not(.dark-mode) .details-popup-close{color:var(--gray-500)}:root:not(.dark-mode) .details-popup-close:hover{color:var(--gray-800)}:root:not(.dark-mode) .details-popup-content{color:var(--gray-700)}.details-popup .password-modal-input,.password-modal-input{padding:10px 14px!important;border:1px solid #404040!important;border-radius:var(--radius)!important;font-size:14px!important;width:100%!important;box-sizing:border-box!important;background:#1a1a1a!important;color:var(--gray-100)!important;transition:border-color .2s!important}.details-popup .password-modal-input:focus,.password-modal-input:focus{outline:none!important;border-color:#555!important;background:#1a1a1a!important}.details-popup .password-modal-input::placeholder,.password-modal-input::placeholder{color:#737373!important}:root:not(.dark-mode) .details-popup .password-modal-input,:root:not(.dark-mode) .password-modal-input{background:var(--white)!important;border-color:var(--gray-300)!important;color:var(--gray-800)!important}:root:not(.dark-mode) .details-popup .password-modal-input:focus,:root:not(.dark-mode) .password-modal-input:focus{border-color:var(--gray-400)!important}:root:not(.dark-mode) .details-popup .password-modal-input::placeholder,:root:not(.dark-mode) .password-modal-input::placeholder{color:var(--gray-400)!important}.password-modal-label{display:block;margin-bottom:6px;font-size:13px;color:var(--gray-400)}:root:not(.dark-mode) .password-modal-label{color:var(--gray-600)}.details-popup input[type=password],.details-popup-content input[type=password]{all:unset!important;display:block!important;width:100%!important;padding:10px 14px!important;font-size:14px!important;box-sizing:border-box!important;background-color:#1a1a1a!important;background:#1a1a1a!important;-webkit-box-shadow:0 0 0 1000px #1A1A1A inset!important;box-shadow:0 0 0 1000px #1a1a1a inset!important;-webkit-text-fill-color:#f5f5f5!important;color:#f5f5f5!important;border:none!important;border-radius:6px!important;caret-color:#f5f5f5!important}.details-popup input[type=password]:-webkit-autofill,.details-popup input[type=password]:-webkit-autofill:hover,.details-popup input[type=password]:-webkit-autofill:focus,.details-popup input[type=password]:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #1A1A1A inset!important;box-shadow:0 0 0 1000px #1a1a1a inset!important;-webkit-text-fill-color:#f5f5f5!important;background-color:#1a1a1a!important;transition:background-color 5000s ease-in-out 0s!important}:root:not(.dark-mode) .details-popup input[type=password],:root:not(.dark-mode) .details-popup-content input[type=password]{all:unset!important;display:block!important;width:100%!important;padding:10px 14px!important;font-size:14px!important;box-sizing:border-box!important;background-color:#fff!important;background:#fff!important;-webkit-box-shadow:0 0 0 1000px #ffffff inset!important;box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#262626!important;color:#262626!important;border:1px solid #d4d4d4!important;border-radius:6px!important;caret-color:#262626!important}:root:not(.dark-mode) .details-popup input[type=password]:-webkit-autofill,:root:not(.dark-mode) .details-popup input[type=password]:-webkit-autofill:hover,:root:not(.dark-mode) .details-popup input[type=password]:-webkit-autofill:focus,:root:not(.dark-mode) .details-popup input[type=password]:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px #ffffff inset!important;box-shadow:0 0 0 1000px #fff inset!important;-webkit-text-fill-color:#262626!important;background-color:#fff!important}.fb-questions-list{display:flex;flex-direction:column;gap:8px}.fb-question-card{border:1px solid var(--gray-200);border-radius:8px;background:var(--gray-50);transition:border-color .2s,box-shadow .2s}.fb-question-card:hover{border-color:var(--gray-300)}.fb-drag-over{border-color:var(--primary)!important;box-shadow:0 0 0 2px #14a42f26}.fb-editing{border-color:var(--primary)}.fb-question-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;-webkit-user-select:none;user-select:none}.fb-drag-handle{cursor:grab;color:var(--gray-400);font-size:18px;line-height:1;letter-spacing:1px}.fb-drag-handle:active{cursor:grabbing}.fb-question-num{background:var(--primary);color:#fff;min-width:24px;height:24px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.fb-question-label{font-weight:500;font-size:14px;color:var(--gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fb-type-badge{background:var(--gray-200);color:var(--gray-600);padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;white-space:nowrap;flex-shrink:0}.fb-btn-icon{background:none;border:none;cursor:pointer;font-size:20px;color:var(--gray-400);width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;transition:color .15s,background .15s;flex-shrink:0}.fb-btn-icon:hover{color:var(--danger);background:#ef444414}.fb-question-editor{padding:16px;border-top:1px solid var(--gray-200);margin-top:0}.dark-mode .fb-question-card{background:#1a1a1a;border-color:#2a2a2a}.dark-mode .fb-question-card:hover{border-color:#333}.dark-mode .fb-question-label{color:var(--gray-200)}.dark-mode .fb-type-badge{background:#2a2a2a;color:#d4d4d4}.dark-mode .fb-question-editor{border-top-color:#2a2a2a}.dark-mode .fb-drag-handle,.dark-mode .fb-btn-icon{color:var(--gray-500)}.fb-textarea{width:100%;padding:8px 12px;border:1px solid var(--gray-300);border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;box-sizing:border-box;background:#fff;color:var(--gray-800)}.dark-mode .fb-textarea{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.dark-mode .fb-textarea::placeholder{color:#737373}.fb-question-editor .form-group select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}.dark-mode .fb-question-editor .form-group select{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")}.dark-mode .fb-question-editor input[type=text]{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}.fb-responses-table{width:100%;border-collapse:collapse;table-layout:auto;font-size:14px}.fb-responses-table th,.fb-responses-table td{padding:12px 16px;text-align:left;white-space:nowrap;border-bottom:1px solid var(--gray-200)}.fb-responses-table th{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-500);background:var(--gray-50)}.fb-responses-table tbody tr:hover{background:var(--gray-50)}.dark-mode .fb-responses-table th{background:#1a1a1a;color:var(--gray-400);border-bottom-color:#2a2a2a}.dark-mode .fb-responses-table td{border-bottom-color:#1e1e1e}.dark-mode .fb-responses-table tbody tr:hover{background:#1e1e1e}.pf-container{min-height:100vh;background:#3ca332;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.pf-center-content{text-align:center;padding:40px 24px;max-width:700px;width:100%}.pf-top-logo{position:fixed;top:16px;left:20px;width:40px;height:40px;border-radius:50%;z-index:101}.pf-logo{width:280px;height:280px;border-radius:50%}.pf-title{color:#fff;font-size:38px;font-weight:700;margin-top:32px;line-height:1.3}.pf-description{color:#ffffffd9;font-size:17px;margin-top:12px;line-height:1.6}.pf-start-btn{background:#fff;color:#3ca332;border:none;padding:12px 32px;font-size:16px;font-weight:600;border-radius:30px;cursor:pointer;margin-top:28px;transition:transform .15s,box-shadow .15s;display:inline-block;font-family:inherit}.pf-start-btn:hover{transform:scale(1.04);box-shadow:0 6px 24px #0000001f}.pf-estimate{color:#fff9;font-size:13px;margin-top:16px}.pf-progress{position:fixed;top:0;left:0;right:0;height:4px;background:#fff3;z-index:100}.pf-progress-bar{height:100%;background:#fff;transition:width .35s ease;border-radius:0 2px 2px 0}.pf-question-page{flex:1;display:flex;align-items:center;justify-content:center;padding:0 12%;padding-bottom:15vh;width:100%;box-sizing:border-box}.pf-question-block{width:100%;max-width:800px}.pf-q-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:0}.pf-q-num{background:transparent;color:#fff;min-width:24px;height:24px;border-radius:4px;border:1px solid rgba(255,255,255,.5);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;margin-top:6px}.pf-q-label{color:#fff;font-size:24px;font-weight:400;line-height:1.4}.pf-required{color:#fff;margin-left:2px}.pf-q-description{color:#ffffffa6;font-size:15px;line-height:1.5;margin-top:8px;margin-left:34px}.pf-input-area{margin-top:32px;margin-bottom:28px}.pf-input{width:100%;background:transparent;border:none;border-bottom:2px solid #fff;color:#fff;font-size:22px;padding:12px 0;outline:none;font-family:inherit;transition:border-color .2s;box-sizing:border-box}.pf-input::placeholder{color:#fff6}.pf-input:focus{border-bottom-color:#fff}.pf-phone-row{display:flex;align-items:center;gap:12px}.pf-phone-select{background:#ffffff14;color:#fff;border:none;border-bottom:2px solid #fff;padding:12px 8px;font-size:16px;outline:none;cursor:pointer;border-radius:0;min-width:100px}.pf-phone-select option{background:#3ca332;color:#fff}.pf-choices{display:flex;flex-direction:column;gap:10px}.pf-choice{display:flex;align-items:center;gap:14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:30px;padding:14px 22px;color:#fff;font-size:16px;cursor:pointer;transition:all .15s;text-align:left;width:auto;max-width:420px;font-family:inherit}.pf-choice:hover{background:#ffffff2e;border-color:#ffffff80}.pf-choice-selected{background:#ffffff40!important;border-color:#fff!important}.pf-choice-letter{background:transparent;border:1.5px solid rgba(255,255,255,.6);min-width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.pf-ok-btn{background:#fff;color:#3ca332;border:none;padding:12px 28px;font-size:16px;font-weight:600;border-radius:30px;cursor:pointer;transition:transform .15s;font-family:inherit}.pf-ok-btn:hover{transform:scale(1.04)}.pf-multi-text-entries{display:flex;flex-direction:column;gap:12px}.pf-multi-text-row{display:flex;align-items:center;gap:10px}.pf-multi-text-num{color:#ffffff80;font-size:16px;font-weight:600;min-width:24px;text-align:right;flex-shrink:0}.pf-multi-text-row .pf-input{flex:1}.pf-multi-text-remove{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff9;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:16px;line-height:32px;text-align:center;padding:0;flex-shrink:0;transition:all .15s;font-family:Arial,sans-serif;margin-bottom:2px}.pf-multi-text-remove:hover{background:#ff505033;border-color:#ff505066;color:#ff6b6b}.pf-multi-text-add{background:#ffffff14;border:1px dashed rgba(255,255,255,.25);color:#ffffffb3;padding:10px 22px;border-radius:30px;cursor:pointer;font-size:15px;font-family:inherit;transition:all .15s;margin-top:4px;width:fit-content}.pf-multi-text-add:hover{background:#ffffff24;border-color:#fff6;color:#fff}.pf-error{color:#ffcdd2;font-size:14px;margin-bottom:16px}.pf-nav{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:2px}.pf-nav-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.25);color:#fff;width:36px;height:36px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.pf-nav-btn:hover:not(:disabled){background:#ffffff40}.pf-nav-btn:disabled{opacity:.3;cursor:not-allowed}.pf-file-upload{margin-top:24px}.pf-file-dropzone{display:flex;align-items:center;justify-content:center;border:2px dashed rgba(255,255,255,.35);border-radius:16px;padding:40px 24px;cursor:pointer;transition:border-color .2s,background .2s}.pf-file-dropzone:hover{border-color:#fff9;background:#ffffff0d}.pf-file-preview{display:flex;flex-direction:column;align-items:center}.pf-file-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:pf-spin .8s linear infinite}@keyframes pf-spin{to{transform:rotate(360deg)}}@media(max-width:600px){.pf-logo{width:180px;height:180px}.pf-title{font-size:28px}.pf-q-label{font-size:20px}.pf-input{font-size:18px}.pf-question-page{padding-top:8vh;padding-left:6%;padding-right:6%;padding-bottom:30px}.pf-q-description{margin-left:0}}.vp-status-online{color:#10b981;font-size:13px;font-weight:500}.vp-status-online:before{content:"";display:inline-block;width:8px;height:8px;background:#10b981;border-radius:50%;margin-right:6px;animation:vp-pulse 2s ease-in-out infinite}.vp-status-offline{color:#f59e0b;font-size:13px;font-weight:500}@keyframes vp-pulse{0%,to{opacity:1}50%{opacity:.4}}.vp-no-phone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;opacity:.6}.vp-no-phone h3{margin:16px 0 8px;font-size:18px}.vp-no-phone p{font-size:14px;opacity:.7}.vp-layout{display:grid;grid-template-columns:340px 1fr;gap:24px;margin-bottom:32px}@media(max-width:900px){.vp-layout{grid-template-columns:1fr}}.vp-dialpad-section{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;display:flex;flex-direction:column;align-items:center}.vp-search-box{width:100%;position:relative;margin-bottom:12px}.vp-search-input{width:100%;padding:10px 36px 10px 14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:inherit;font-size:14px;outline:none;box-sizing:border-box}.vp-search-input:focus{border-color:#ffffff40}.vp-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:inherit;font-size:18px;cursor:pointer;opacity:.5}.vp-search-results{width:100%;background:#1e1e28fa;border:1px solid rgba(255,255,255,.1);border-radius:10px;max-height:260px;overflow-y:auto;margin-bottom:8px}.vp-search-result{padding:10px 14px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);transition:background .15s}.vp-search-result:hover{background:#ffffff14}.vp-search-result:last-child{border-bottom:none}.vp-search-result-name{font-weight:600;font-size:14px;margin-bottom:2px}.vp-search-result-info{display:flex;justify-content:space-between;font-size:12px;opacity:.6}.vp-dial-display{width:100%;text-align:center;font-size:24px;font-weight:300;letter-spacing:1px;padding:16px 0;min-height:60px;display:flex;align-items:center;justify-content:center;gap:8px}.vp-backspace{background:none;border:none;color:inherit;cursor:pointer;opacity:.5;padding:4px}.vp-backspace:hover{opacity:1}.vp-pad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:280px;margin-bottom:20px}.vp-pad-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;aspect-ratio:1.3;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:14px;color:inherit;cursor:pointer;transition:all .15s}.vp-pad-btn:hover{background:#ffffff1f}.vp-pad-btn:active{transform:scale(.95);background:#ffffff2e}.vp-pad-digit{font-size:22px;font-weight:500;line-height:1}.vp-pad-letters{font-size:9px;letter-spacing:2px;opacity:.4;margin-top:2px}.vp-call-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:280px;padding:14px;background:#10b981;color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:all .15s}.vp-call-btn:hover:not(:disabled){background:#059669}.vp-call-btn:disabled{opacity:.4;cursor:not-allowed}.vp-end-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;max-width:280px;padding:14px;background:#ef4444;color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:all .15s}.vp-end-btn:hover{background:#dc2626}.vp-call-panel{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:32px;display:flex;align-items:center;justify-content:center;min-height:400px}.vp-idle-panel{text-align:center;opacity:.4}.vp-idle-panel p{margin:12px 0 4px;font-size:16px}.vp-idle-hint{font-size:13px!important;opacity:.6}.vp-active-call{width:100%;text-align:center}.vp-call-status-label{font-size:14px;text-transform:uppercase;letter-spacing:2px;opacity:.6;margin-bottom:24px}.vp-call-contact-info{margin-bottom:16px}.vp-call-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:600;color:#fff;margin:0 auto 16px}.vp-call-name{font-size:24px;font-weight:600;margin-bottom:4px}.vp-call-company{font-size:15px;opacity:.7}.vp-call-site{font-size:13px;opacity:.5}.vp-call-timer{font-size:36px;font-weight:300;font-variant-numeric:tabular-nums;margin:20px 0;color:#10b981}.vp-quality-bar{display:flex;align-items:center;gap:8px;margin:4px auto 12px;padding:6px 14px;background:#ffffff0f;border-radius:20px;font-size:12px;color:#fff9}.vp-quality-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.vp-quality-dot.good{background:#10b981;box-shadow:0 0 6px #10b981}.vp-quality-dot.fair{background:#f59e0b;box-shadow:0 0 6px #f59e0b}.vp-quality-dot.poor{background:#ef4444;box-shadow:0 0 6px #ef4444}.vp-quality-label{font-weight:500;color:#fffc}.vp-quality-details{font-size:11px;opacity:.7}.vp-call-notes{background:#ffffff0d;border-radius:10px;padding:12px 16px;margin:16px auto;max-width:400px;text-align:left}.vp-call-notes-label{font-size:11px;text-transform:uppercase;letter-spacing:1px;opacity:.5;margin-bottom:6px}.vp-call-notes-text{font-size:13px;line-height:1.5;opacity:.8}.vp-call-actions{display:flex;gap:16px;justify-content:center;margin-top:28px}.vp-action-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:inherit;cursor:pointer;transition:all .15s;min-width:80px}.vp-action-btn span{font-size:12px;opacity:.7}.vp-action-btn:hover{background:#ffffff1f}.vp-action-btn.active{background:#6366f133;border-color:#6366f166}.vp-action-end{background:#ef444426!important;border-color:#ef44444d!important;color:#ef4444}.vp-action-end:hover{background:#ef444440!important}.vp-call-log{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px}.vp-log-title{font-size:16px;font-weight:600;margin:0 0 16px}.vp-log-empty{text-align:center;opacity:.4;padding:32px}.vp-log-table{width:100%;border-collapse:collapse}.vp-log-table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.5px;opacity:.5;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.08)}.vp-log-table td{padding:10px 12px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.04)}.vp-log-row{cursor:pointer;transition:background .15s}.vp-log-row:hover{background:#ffffff0a}.vp-log-direction{width:30px;text-align:center}.vp-log-contact{font-weight:500}.vp-log-number{opacity:.7}.vp-log-duration{font-variant-numeric:tabular-nums;opacity:.7}.vp-log-date{opacity:.6;font-size:12px}.vp-log-badge{display:inline-block;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:500}.vp-log-badge-completed{background:#10b98126;color:#10b981}.vp-log-badge-missed,.vp-log-badge-rejected{background:#ef444426;color:#ef4444}.vp-log-badge-busy,.vp-log-badge-no-answer{background:#f59e0b26;color:#f59e0b}.vp-log-badge-in-progress,.vp-log-badge-ringing{background:#6366f126;color:#6366f1}.vp-log-badge-initiated{background:#ffffff14;color:inherit}.vp-log-badge-failed{background:#ef444426;color:#ef4444}.vp-incoming-overlay{position:fixed;top:20px;right:20px;z-index:10000;animation:vp-slide-in .3s ease-out}@keyframes vp-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.vp-incoming-popup{background:#14141ef7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:28px 32px;min-width:300px;text-align:center;box-shadow:0 20px 60px #00000080}.vp-incoming-pulse{width:60px;height:60px;border-radius:50%;background:#10b98133;margin:0 auto 16px;animation:vp-ring-pulse 1.5s ease-in-out infinite}@keyframes vp-ring-pulse{0%{transform:scale(.9);box-shadow:0 0 #10b98166}50%{transform:scale(1.05);box-shadow:0 0 0 15px #10b98100}to{transform:scale(.9);box-shadow:0 0 #10b98100}}.vp-incoming-label{font-size:12px;text-transform:uppercase;letter-spacing:2px;opacity:.6;margin-bottom:12px}.vp-incoming-name{font-size:20px;font-weight:600;margin-bottom:4px}.vp-incoming-company{font-size:14px;opacity:.7;margin-bottom:2px}.vp-incoming-phone{font-size:13px;opacity:.5;margin-bottom:20px}.vp-incoming-actions{display:flex;gap:12px}.vp-btn-accept{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#10b981;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.vp-btn-accept:hover{background:#059669}.vp-btn-reject{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#ef4444;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.vp-btn-reject:hover{background:#dc2626}.vp-active-bar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:8px 20px;background:linear-gradient(135deg,#10b98126,#6366f11a);border-bottom:1px solid rgba(16,185,129,.2);cursor:pointer;transition:background .15s}.vp-active-bar:hover{background:linear-gradient(135deg,#10b98133,#6366f126)}.vp-active-bar-left{display:flex;align-items:center;gap:12px}.vp-active-bar-indicator{width:10px;height:10px;background:#10b981;border-radius:50%;animation:vp-pulse 1.5s ease-in-out infinite}.vp-active-bar-status{font-size:13px;font-weight:600;color:#10b981}.vp-active-bar-contact{font-size:13px;opacity:.8}.vp-active-bar-timer{font-size:13px;font-variant-numeric:tabular-nums;opacity:.6}.vp-active-bar-actions{display:flex;gap:8px}.vp-bar-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff1a;border:none;border-radius:8px;color:inherit;cursor:pointer;transition:all .15s}.vp-bar-btn:hover{background:#fff3}.vp-bar-btn.active,.vp-bar-btn-end{background:#ef444433;color:#ef4444}.vp-bar-btn-end:hover{background:#ef44444d}.vp-phone-link{color:#6366f1;cursor:pointer;transition:color .15s}.vp-phone-link:hover{color:#818cf8;text-decoration:underline}.vp-clickable-phone{cursor:pointer}.vp-auto-checkbox{opacity:.5;cursor:not-allowed}.dark-mode .vp-dialpad-section,.dark-mode .vp-call-panel,.dark-mode .vp-call-log{background:#ffffff08}.dark-mode .vp-search-input{background:#ffffff0f}.dark-mode .vp-incoming-popup{background:#14141ef7}.an-dashboard{max-width:1400px;margin:0 auto}.an-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.an-topbar-left,.an-topbar-center,.an-topbar-right{display:flex;align-items:center;gap:12px}.an-topbar-center{flex-direction:column;align-items:flex-start}.an-site-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--gray-600);background:var(--white);padding:6px 12px;border-radius:var(--radius);box-shadow:var(--shadow-sm)}.an-btn-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:transparent;color:var(--gray-400);cursor:pointer;transition:all .2s}.an-btn-icon:hover{background:var(--gray-100);color:var(--gray-700)}.an-date-presets{display:flex;gap:4px;background:var(--white);padding:4px;border-radius:var(--radius);box-shadow:var(--shadow-sm)}.an-date-btn{padding:6px 14px;font-size:12px;font-weight:500;color:var(--gray-600);border-radius:6px;transition:all .2s;cursor:pointer}.an-date-btn:hover{color:var(--gray-900)}.an-date-btn.active{background:var(--primary);color:var(--white)}.an-custom-range{display:flex;align-items:center;gap:8px;margin-top:8px}.an-live-indicator{display:flex;align-items:center;gap:8px;background:var(--white);padding:6px 14px;border-radius:var(--radius);box-shadow:var(--shadow-sm);font-size:13px}.an-live-dot{width:8px;height:8px;border-radius:50%;background:#10b981;animation:an-pulse 2s ease-in-out infinite}.an-live-count{font-weight:700;font-size:18px;color:var(--gray-900)}.an-live-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#10b981;font-weight:600}@keyframes an-pulse{0%,to{opacity:1}50%{opacity:.4}}.an-tabs{display:flex;gap:4px;margin-bottom:24px;background:var(--white);padding:4px;border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow-x:auto}.an-tab{padding:8px 18px;font-size:13px;font-weight:500;color:var(--gray-600);border-radius:6px;transition:all .2s;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:6px}.an-tab:hover{color:var(--gray-900);background:var(--gray-50)}.an-tab.active{background:var(--primary);color:var(--white)}.an-tab-live-dot{width:6px;height:6px;border-radius:50%;background:#10b981;animation:an-pulse 2s ease-in-out infinite}.an-tab.active .an-tab-live-dot{background:#86efac}.an-input{padding:8px 12px;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:13px;font-family:inherit;background:var(--white);color:var(--gray-800);transition:all .2s}.an-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #14a42f1a}.an-input-sm{padding:5px 10px;font-size:12px}.an-select{padding:8px 12px;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:13px;font-family:inherit;background:var(--white);color:var(--gray-800);cursor:pointer}.an-select-sm{padding:5px 10px;font-size:12px}.an-btn{padding:8px 16px;font-size:13px;font-weight:500;border-radius:var(--radius);cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--gray-300);background:var(--white);color:var(--gray-700)}.an-btn:hover{background:var(--gray-50);border-color:var(--gray-400)}.an-btn-primary{background:var(--primary);color:var(--white);border-color:var(--primary)}.an-btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.an-btn-sm{padding:5px 12px;font-size:12px}.an-btn:disabled{opacity:.5;cursor:not-allowed}.an-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.an-kpi-grid-3{grid-template-columns:repeat(3,1fr)}.an-kpi-grid-4{grid-template-columns:repeat(4,1fr)}.an-kpi-card{background:var(--white);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow);transition:box-shadow .2s}.an-kpi-card:hover{box-shadow:var(--shadow-md)}.an-kpi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.an-kpi-label{font-size:13px;font-weight:500;color:var(--gray-500)}.an-kpi-icon{font-size:20px}.an-kpi-value{font-size:28px;font-weight:700;color:var(--gray-900)}.an-panels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-top:24px}.an-panels-grid-2{grid-template-columns:repeat(2,1fr)}.an-panel{background:var(--white);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow)}.an-panel-wide{grid-column:1 / -1}.an-panel-full{margin-bottom:20px;background:var(--white);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow)}.an-panel-title{font-size:15px;font-weight:600;color:var(--gray-800);margin-bottom:16px}.an-panel-subtitle{font-size:13px;font-weight:600;color:var(--gray-600);margin:16px 0 8px}.an-panel-desc{font-size:12px;color:var(--gray-500);margin-top:-8px;margin-bottom:16px}.an-panel-empty-text{text-align:center;color:var(--gray-400);font-size:13px;padding:32px 16px}.an-chart-panel{background:var(--white);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow);margin-bottom:24px}.an-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:8px}.an-chart-controls{display:flex;gap:8px}.an-chart-body{min-height:320px}.an-chart-skeleton{width:100%;height:320px}.an-chart-empty{display:flex;align-items:center;justify-content:center;height:320px;color:var(--gray-400);font-size:14px}.an-funnel{display:flex;flex-direction:column;gap:12px}.an-funnel-large{gap:16px}.an-funnel-summary{font-size:13px;color:var(--gray-600);margin-bottom:16px}.an-funnel-step{display:flex;flex-direction:column;gap:4px}.an-funnel-step-large{display:flex;flex-direction:row;align-items:flex-start;gap:16px}.an-funnel-step-number{width:28px;height:28px;border-radius:50%;background:var(--primary);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;flex-shrink:0}.an-funnel-step-content{flex:1}.an-funnel-step-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.an-funnel-step-name{font-size:13px;font-weight:500;color:var(--gray-800)}.an-funnel-step-count{font-size:13px;font-weight:600;color:var(--gray-600)}.an-funnel-bar-track{width:100%;height:24px;background:var(--gray-100);border-radius:6px;overflow:hidden}.an-funnel-bar-track-lg{height:32px}.an-funnel-bar{height:100%;border-radius:6px;transition:width .5s ease;display:flex;align-items:center;justify-content:flex-end;padding-right:8px}.an-funnel-bar.success{background:linear-gradient(90deg,#14a42f,#22c43e)}.an-funnel-bar.warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.an-funnel-bar.danger{background:linear-gradient(90deg,#ef4444,#f87171)}.an-funnel-bar-label{font-size:11px;font-weight:600;color:var(--white)}.an-funnel-dropoff{font-size:11px;font-weight:500;margin-top:2px}.an-funnel-dropoff.success{color:var(--success)}.an-funnel-dropoff.warning{color:var(--warning)}.an-funnel-dropoff.danger{color:var(--danger)}.an-funnel-step-details{display:flex;gap:12px;align-items:center;margin-top:4px}.an-funnel-step-lost{font-size:11px;color:var(--gray-400)}.an-donut-container{margin-bottom:8px}.an-legend{display:flex;flex-direction:column;gap:6px}.an-legend-item{display:flex;align-items:center;gap:8px;font-size:12px}.an-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.an-legend-label{flex:1;color:var(--gray-700)}.an-legend-value{font-weight:600;color:var(--gray-800)}.an-mini-bars{display:flex;flex-direction:column;gap:8px}.an-mini-bar-row{display:flex;align-items:center;gap:8px}.an-mini-bar-label{font-size:12px;color:var(--gray-700);min-width:80px}.an-mini-bar-track{flex:1;height:8px;background:var(--gray-100);border-radius:4px;overflow:hidden}.an-mini-bar-fill{height:100%;background:var(--primary);border-radius:4px;transition:width .3s ease}.an-mini-bar-value{font-size:12px;font-weight:600;color:var(--gray-600);min-width:40px;text-align:right}.an-table-wrapper{overflow-x:auto}.an-table{width:100%;border-collapse:collapse;font-size:13px}.an-table th{text-align:left;padding:10px 12px;font-weight:600;color:var(--gray-600);border-bottom:2px solid var(--gray-200);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none}.an-table th:hover{color:var(--gray-900)}.an-table td{padding:10px 12px;border-bottom:1px solid var(--gray-100);color:var(--gray-700)}.an-table-sm th,.an-table-sm td{padding:8px 10px;font-size:12px}.an-table-row-clickable{cursor:pointer;transition:background .15s}.an-table-row-clickable:hover{background:var(--gray-50)}.an-page-url{font-family:SF Mono,Fira Code,monospace;font-size:12px;color:var(--gray-600);max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.an-sort-icon{font-size:11px;color:var(--gray-400);margin-left:4px}.an-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.an-badge-sm{padding:2px 8px;font-size:11px}.an-badge-lg{padding:6px 16px;font-size:14px;font-weight:600}.an-badge-success{background:var(--success-bg);color:#059669}.an-badge-danger{background:var(--danger-bg);color:#dc2626}.an-badge-warning{background:var(--warning-bg);color:#d97706}.an-badge-info{background:#eff6ff;color:#2563eb}.an-badge-neutral{background:var(--gray-100);color:var(--gray-600)}.an-visitor-id{font-family:SF Mono,Fira Code,monospace;font-size:12px;background:var(--gray-100);padding:2px 6px;border-radius:4px;color:var(--gray-700)}.an-device-badge{font-size:12px}.an-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;padding:12px 0}.an-pagination-info{font-size:13px;color:var(--gray-500)}.an-visitors-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:16px;flex-wrap:wrap}.an-vd-header{display:flex;align-items:flex-start;gap:16px;margin-top:16px;margin-bottom:24px;padding:20px;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.an-vd-avatar{width:56px;height:56px;border-radius:50%;background:var(--gray-100);display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.an-vd-info{flex:1}.an-vd-id{font-size:18px;font-weight:700;color:var(--gray-900);margin-bottom:4px}.an-vd-id code{font-family:SF Mono,Fira Code,monospace;background:var(--gray-100);padding:2px 8px;border-radius:4px;font-size:14px}.an-vd-meta{font-size:13px;color:var(--gray-600);margin-bottom:4px}.an-vd-sep{margin:0 6px;color:var(--gray-300)}.an-vd-dates{font-size:12px;color:var(--gray-500)}.an-vd-conversion-status{flex-shrink:0}.an-vd-funnel-steps{display:flex;flex-direction:column;gap:0;position:relative}.an-vd-funnel-step{display:flex;align-items:flex-start;gap:12px;padding:12px 0;position:relative}.an-vd-funnel-step:not(:last-child):after{content:"";position:absolute;left:13px;top:40px;bottom:-12px;width:2px;background:var(--gray-200)}.an-vd-funnel-step.completed:not(:last-child):after{background:var(--primary)}.an-vd-funnel-step-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0;background:var(--gray-200);color:var(--gray-600)}.an-vd-funnel-step.completed .an-vd-funnel-step-dot{background:var(--primary);color:var(--white)}.an-vd-funnel-step-name{font-size:13px;font-weight:500;color:var(--gray-800)}.an-vd-funnel-step-meta{font-size:11px;color:var(--gray-500);margin-top:2px}.an-vd-sessions{display:flex;flex-direction:column;gap:8px}.an-vd-session{border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden}.an-vd-session-header{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:background .15s}.an-vd-session-header:hover{background:var(--gray-50)}.an-vd-session-toggle{font-size:10px;color:var(--gray-400);width:16px;flex-shrink:0}.an-vd-session-info{flex:1}.an-vd-session-date{font-size:13px;font-weight:500;color:var(--gray-800)}.an-vd-session-meta{display:flex;gap:12px;font-size:11px;color:var(--gray-500);margin-top:2px;flex-wrap:wrap}.an-vd-session-badges{display:flex;gap:6px;flex-shrink:0}.an-vd-session-timeline{border-top:1px solid var(--gray-200);padding:16px;background:var(--gray-50)}.an-timeline{display:flex;flex-direction:column;gap:0;position:relative}.an-timeline-item{display:flex;gap:12px;padding:8px 0;position:relative}.an-timeline-item:not(:last-child):after{content:"";position:absolute;left:11px;top:32px;bottom:-8px;width:2px;background:var(--gray-200)}.an-timeline-dot{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0}.an-timeline-content{flex:1;min-width:0}.an-timeline-event-type{display:flex;align-items:center;gap:8px}.an-timeline-time{font-size:11px;color:var(--gray-400)}.an-timeline-page{font-size:12px;color:var(--gray-600);margin-top:2px;font-family:SF Mono,Fira Code,monospace}.an-timeline-data{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.an-timeline-data-item{font-size:11px;color:var(--gray-500);background:var(--white);padding:2px 6px;border-radius:4px}.an-vd-conversions{display:flex;flex-direction:column;gap:8px}.an-vd-conversion-item{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--gray-700)}.an-vd-conversion-value{font-weight:600;color:var(--primary)}.an-rt-hero{text-align:center;padding:32px;margin-bottom:24px;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);position:relative}.an-rt-hero-number{font-size:72px;font-weight:800;color:var(--gray-900);line-height:1}.an-rt-hero-label{font-size:15px;color:var(--gray-500);margin-top:8px}.an-rt-hero-dot{position:absolute;top:16px;right:16px;width:12px;height:12px;border-radius:50%;background:#10b981;animation:an-pulse 2s ease-in-out infinite}.an-rt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.an-rt-device-list,.an-rt-country-list{display:flex;flex-direction:column;gap:8px}.an-rt-device-item,.an-rt-country-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--gray-100);font-size:13px}.an-rt-device-icon{font-size:18px}.an-rt-device-name,.an-rt-country-name{flex:1;color:var(--gray-700);font-weight:500}.an-rt-device-count,.an-rt-country-count{font-weight:700;color:var(--gray-900)}.an-rt-feed{max-height:400px;overflow-y:auto}.an-rt-feed-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--gray-100);font-size:12px}.an-rt-feed-time{font-family:SF Mono,Fira Code,monospace;font-size:11px;color:var(--gray-400);min-width:60px}.an-rt-feed-page{flex:1;color:var(--gray-600);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.an-rt-feed-visitor{font-family:SF Mono,Fira Code,monospace;font-size:11px;color:var(--gray-400)}.an-error-message{display:flex;align-items:flex-start;gap:8px}.an-error-message code{font-family:SF Mono,Fira Code,monospace;font-size:12px;color:var(--danger);word-break:break-all}.an-error-expand{font-size:10px;color:var(--gray-400);flex-shrink:0;margin-top:2px}.an-error-detail-row td{background:var(--gray-50);padding:0}.an-error-detail{padding:16px 20px;font-size:13px;color:var(--gray-700)}.an-error-detail-item{margin-bottom:8px}.an-error-detail-item strong{color:var(--gray-800)}.an-error-pages-list{list-style:none;padding:0;margin:4px 0 0}.an-error-pages-list li{font-family:SF Mono,Fira Code,monospace;font-size:12px;color:var(--gray-600);padding:2px 0}.an-cwv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.an-cwv-card{text-align:center;padding:16px;border:1px solid var(--gray-200);border-radius:var(--radius)}.an-cwv-label{font-size:16px;font-weight:700;color:var(--gray-800)}.an-cwv-desc{font-size:11px;color:var(--gray-500);margin-bottom:12px}.an-cwv-gauge{padding:16px;border-radius:var(--radius);margin:8px 0}.an-cwv-good{background:#ecfdf5;border:2px solid #10b981}.an-cwv-needs-improvement{background:#fffbeb;border:2px solid #f59e0b}.an-cwv-poor{background:#fef2f2;border:2px solid #ef4444}.an-cwv-value{font-size:24px;font-weight:700;color:var(--gray-900)}.an-cwv-rating{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.an-cwv-good .an-cwv-rating{color:#10b981}.an-cwv-needs-improvement .an-cwv-rating{color:#f59e0b}.an-cwv-poor .an-cwv-rating{color:#ef4444}.an-cwv-thresholds{display:flex;justify-content:center;gap:12px;margin-top:8px}.an-cwv-threshold{font-size:10px;padding:2px 6px;border-radius:4px}.an-cwv-threshold.good{background:#ecfdf5;color:#059669}.an-cwv-threshold.poor{background:#fef2f2;color:#dc2626}.an-perf-cell-good{color:#059669;font-weight:600}.an-perf-cell-needs-improvement{color:#d97706;font-weight:600}.an-perf-cell-poor{color:#dc2626;font-weight:600}.an-empty-state{text-align:center;padding:48px 24px;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.an-empty-icon{margin-bottom:16px;color:var(--gray-300)}.an-empty-state h3{font-size:18px;font-weight:700;color:var(--gray-800);margin-bottom:8px}.an-empty-state p{font-size:14px;color:var(--gray-500);max-width:400px;margin:0 auto}.an-setup-form{display:flex;gap:8px;justify-content:center;margin-top:20px}.an-setup-form .an-input{width:300px}.an-error{text-align:center;padding:24px;color:var(--danger);font-size:13px}.an-error p{margin-bottom:12px}.an-skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;animation:an-shimmer 1.5s infinite;border-radius:4px}.an-skeleton-text{height:14px;border-radius:4px}.an-skeleton-text-lg{height:28px;border-radius:4px}.an-skeleton-card{min-height:100px}@keyframes an-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media(max-width:1024px){.an-panels-grid,.an-panels-grid-2{grid-template-columns:1fr}.an-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.an-kpi-grid-3,.an-kpi-grid-4{grid-template-columns:repeat(2,1fr)}.an-topbar{flex-direction:column;align-items:stretch}.an-rt-hero-number{font-size:48px}}@media(max-width:768px){.an-tabs{gap:2px}.an-tab{padding:6px 12px;font-size:12px}.an-kpi-grid{grid-template-columns:repeat(2,1fr)}.an-kpi-grid-3,.an-kpi-grid-4{grid-template-columns:1fr}.an-vd-header{flex-direction:column;align-items:center;text-align:center}.an-cwv-grid{grid-template-columns:repeat(2,1fr)}.an-funnel-step-large{flex-direction:column}}.an-sites-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px}.an-sites-title{font-size:20px;font-weight:700;color:var(--gray-900);margin:0}.an-sites-name{font-weight:600;color:var(--gray-800);font-size:13px}.an-sites-id{font-family:SF Mono,Fira Code,monospace;font-size:11px;color:var(--gray-400);margin-top:2px}.an-sites-domain{font-family:SF Mono,Fira Code,monospace;font-size:12px;color:var(--gray-600)}.an-sites-activity{font-size:12px;color:var(--gray-500)}.an-sites-actions{display:flex;gap:4px;align-items:center}.an-btn-icon-danger{color:var(--gray-400)}.an-btn-icon-danger:hover{background:var(--danger-bg);color:#dc2626}.an-sites-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:13px}.an-sites-breadcrumb-sep{color:var(--gray-300)}.an-sites-breadcrumb-current{font-weight:600;color:var(--gray-800)}.an-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.an-modal{background:var(--white);border-radius:var(--radius-lg);box-shadow:0 20px 60px #0003;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.an-modal-lg{max-width:600px}.an-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.an-modal-title{font-size:17px;font-weight:700;color:var(--gray-900);margin:0}.an-modal-title-danger{color:#dc2626}.an-modal-body{padding:20px 24px}.an-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px 24px;border-top:1px solid var(--gray-100)}.an-sites-field-group{margin-bottom:16px}.an-sites-label{display:block;font-size:13px;font-weight:600;color:var(--gray-700);margin-bottom:6px}.an-sites-hint{font-size:12px;color:var(--gray-500);margin:0 0 8px}.an-input-full{width:100%;box-sizing:border-box}.an-sites-form-error{background:var(--danger-bg);color:#dc2626;padding:10px 14px;border-radius:var(--radius);font-size:13px;margin-bottom:16px}.an-sites-delete-warning{display:flex;gap:12px;padding:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius);margin-bottom:16px}.an-sites-delete-warning p{font-size:13px;color:var(--gray-700);margin:0 0 6px}.an-sites-delete-warning p:last-child{margin-bottom:0}.an-sites-delete-warning svg{flex-shrink:0;margin-top:2px}.an-btn-danger{background:#dc2626;color:var(--white);border-color:#dc2626}.an-btn-danger:hover{background:#b91c1c;border-color:#b91c1c}.an-sites-success-info{display:flex;align-items:center;gap:12px;padding:16px;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:var(--radius);margin-bottom:20px}.an-sites-success-info strong{display:block;font-size:14px;color:var(--gray-900)}.an-sites-success-domain{font-size:12px;color:var(--gray-500);margin-top:2px}.an-sites-success-icon{flex-shrink:0}.an-sites-id-display{display:flex;align-items:center;gap:8px;background:var(--gray-50);padding:10px 12px;border-radius:var(--radius);border:1px solid var(--gray-200)}.an-sites-id-display code{font-family:SF Mono,Fira Code,monospace;font-size:13px;color:var(--gray-700);flex:1;word-break:break-all}.an-sites-snippet{position:relative}.an-sites-snippet-code{background:var(--gray-900);color:#e5e5e5;padding:16px;border-radius:var(--radius);font-family:SF Mono,Fira Code,monospace;font-size:12px;line-height:1.6;overflow-x:auto;white-space:pre;margin:0 0 8px}.an-btn-copied{background:#ecfdf5;border-color:#a7f3d0;color:#059669}.dark-mode .an-kpi-card,.dark-mode .an-panel,.dark-mode .an-panel-full,.dark-mode .an-chart-panel,.dark-mode .an-empty-state,.dark-mode .an-rt-hero,.dark-mode .an-vd-header{background:#1e1e1e;box-shadow:0 1px 3px #0000004d}.dark-mode .an-kpi-value,.dark-mode .an-rt-hero-number,.dark-mode .an-panel-title,.dark-mode .an-vd-id,.dark-mode .an-cwv-label,.dark-mode .an-cwv-value{color:#e5e5e5}.dark-mode .an-kpi-label,.dark-mode .an-vd-meta,.dark-mode .an-vd-dates,.dark-mode .an-rt-hero-label,.dark-mode .an-panel-desc{color:#a3a3a3}.dark-mode .an-tabs,.dark-mode .an-date-presets,.dark-mode .an-live-indicator,.dark-mode .an-site-label{background:#1e1e1e;box-shadow:0 1px 3px #0000004d}.dark-mode .an-live-count{color:#fff}.dark-mode .an-tab{color:#f5f5f5}.dark-mode .an-tab:hover,.dark-mode .an-table-row-clickable:hover,.dark-mode .an-vd-session-header:hover{background:#2a2a2a}.dark-mode .an-input,.dark-mode .an-select{background:#2a2a2a;border-color:#404040;color:#e5e5e5}.dark-mode .an-table th{border-bottom-color:#404040;color:#a3a3a3}.dark-mode .an-table td{border-bottom-color:#2a2a2a;color:#d4d4d4}.dark-mode .an-funnel-bar-track,.dark-mode .an-mini-bar-track{background:#2a2a2a}.dark-mode .an-vd-session{border-color:#404040}.dark-mode .an-vd-session-timeline{background:#161616;border-top-color:#404040}.dark-mode .an-timeline-item:not(:last-child):after,.dark-mode .an-vd-funnel-step:not(:last-child):after{background:#404040}.dark-mode .an-cwv-card{background:#1e1e1e;border-color:#404040}.dark-mode .an-cwv-desc{color:#a3a3a3}.dark-mode .an-cwv-good{background:#052e16;border-color:#10b981}.dark-mode .an-cwv-needs-improvement{background:#422006;border-color:#f59e0b}.dark-mode .an-cwv-poor{background:#450a0a;border-color:#ef4444}.dark-mode .an-cwv-threshold.good{background:#052e16;color:#34d399}.dark-mode .an-cwv-threshold.poor{background:#450a0a;color:#f87171}.dark-mode .an-perf-cell-good{color:#34d399}.dark-mode .an-perf-cell-needs-improvement{color:#fbbf24}.dark-mode .an-perf-cell-poor{color:#f87171}.dark-mode .recharts-tooltip-wrapper .recharts-default-tooltip{background:#1e1e1e!important;border-color:#404040!important;color:#e5e5e5!important}.dark-mode .recharts-tooltip-item{color:#d4d4d4!important}.dark-mode .recharts-cartesian-grid line{stroke:#333!important}.dark-mode .recharts-legend-item-text{color:#d4d4d4!important}.dark-mode .an-error-detail-row td{background:#161616}.dark-mode .an-visitor-id,.dark-mode .an-vd-id code{background:#2a2a2a;color:#d4d4d4}.dark-mode .an-skeleton{background:linear-gradient(90deg,#2a2a2a 25%,#333,#2a2a2a 75%);background-size:200% 100%}.dark-mode .an-badge-neutral{background:#2a2a2a;color:#a3a3a3}.dark-mode .an-badge-info{background:#1e293b;color:#60a5fa}.dark-mode .an-legend-label{color:#d4d4d4}.dark-mode .an-legend-value,.dark-mode .an-funnel-step-name{color:#e5e5e5}.dark-mode .an-funnel-step-count{color:#a3a3a3}.dark-mode .an-vd-funnel-step-dot{background:#404040;color:#a3a3a3}.dark-mode .an-vd-funnel-step.completed .an-vd-funnel-step-dot{background:var(--primary);color:var(--white)}.dark-mode .an-mini-bar-label,.dark-mode .an-rt-device-name,.dark-mode .an-rt-country-name{color:#d4d4d4}.dark-mode .an-rt-device-count,.dark-mode .an-rt-country-count{color:#e5e5e5}.dark-mode .an-rt-device-item,.dark-mode .an-rt-country-item,.dark-mode .an-rt-feed-item{border-bottom-color:#2a2a2a}.dark-mode .an-btn{background:#2a2a2a;border-color:#404040;color:#d4d4d4}.dark-mode .an-btn:hover{background:#333}.dark-mode .an-btn-primary{background:var(--primary);border-color:var(--primary);color:var(--white)}.dark-mode .an-date-btn{color:#f5f5f5}.dark-mode .an-date-btn:hover{color:#e5e5e5}.dark-mode .an-vd-avatar{background:#2a2a2a}.dark-mode .an-sites-title,.dark-mode .an-sites-name{color:#e5e5e5}.dark-mode .an-sites-domain{color:#a3a3a3}.dark-mode .an-sites-breadcrumb-current{color:#e5e5e5}.dark-mode .an-sites-breadcrumb-sep{color:#404040}.dark-mode .an-modal{background:#1e1e1e;box-shadow:0 20px 60px #00000080}.dark-mode .an-modal-title{color:#e5e5e5}.dark-mode .an-modal-footer{border-top-color:#2a2a2a}.dark-mode .an-sites-label{color:#d4d4d4}.dark-mode .an-sites-hint{color:#a3a3a3}.dark-mode .an-sites-id-display{background:#2a2a2a;border-color:#404040}.dark-mode .an-sites-id-display code{color:#d4d4d4}.dark-mode .an-sites-snippet-code{background:#0a0a0a}.dark-mode .an-sites-form-error{background:#3b1111;color:#fca5a5}.dark-mode .an-sites-delete-warning{background:#3b1111;border-color:#7f1d1d}.dark-mode .an-sites-delete-warning p{color:#d4d4d4}.dark-mode .an-sites-success-info{background:#052e16;border-color:#14532d}.dark-mode .an-sites-success-info strong{color:#e5e5e5}.dark-mode .an-sites-success-domain{color:#a3a3a3}.dark-mode .an-btn-danger{background:#dc2626;border-color:#dc2626}.dark-mode .an-btn-danger:hover{background:#b91c1c}.dark-mode .an-btn-copied{background:#052e16;border-color:#14532d;color:#4ade80}.dark-mode .an-btn-icon-danger:hover{background:#3b1111;color:#fca5a5}.an-entries-page{display:flex;flex-direction:column;gap:20px}.an-entries-filters{display:flex;gap:12px;align-items:center;padding:0 0 16px;flex-wrap:wrap}.an-entries-search{flex:1;min-width:200px}.an-entries-search .an-input{width:100%}.an-entries-table{width:100%;border-collapse:collapse;font-size:13px}.an-entries-table thead th{text-align:left;padding:10px 12px;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--gray-500);border-bottom:1px solid var(--gray-200);white-space:nowrap}.an-th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.an-th-sortable:hover{color:var(--gray-800)}.an-entries-table tbody td{padding:10px 12px;border-bottom:1px solid var(--gray-100);vertical-align:middle}.an-entries-row{cursor:pointer;transition:background .15s}.an-entries-row:hover,.an-entries-row.expanded{background:var(--gray-50)}.an-entries-date{white-space:nowrap;color:var(--gray-500);font-size:12px}.an-entries-name{font-weight:500;color:var(--gray-800)}.an-entries-email{color:var(--primary)}.an-entries-phone{white-space:nowrap}.an-entries-delete-cell{width:32px;text-align:center;padding:0 4px}.an-entries-delete-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;border-radius:4px;background:transparent;color:#ef444480;font-size:13px;line-height:1;cursor:pointer;transition:color .15s,background .15s}.an-entries-delete-btn:hover{color:#ef4444;background:#ef444418}.an-entries-expand-icon{width:32px;text-align:center;color:var(--gray-400)}.an-device-badge{font-size:12px;padding:2px 8px;border-radius:12px;background:var(--gray-100);color:var(--gray-600)}.an-status-select{font-family:inherit;font-size:12px;font-weight:600;padding:4px 8px;border-radius:6px;border:1px solid;cursor:pointer;outline:none;background:transparent;appearance:auto}.an-entries-detail-row td{padding:0!important;border-bottom:2px solid var(--gray-200)!important}.an-entry-detail{padding:20px;background:var(--gray-50)}.an-entry-summary{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:14px 18px;margin-bottom:18px}.an-entry-summary p{font-size:13px;line-height:1.6;color:#15803d;margin:0}.an-entry-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.an-entry-detail-notes{grid-column:1 / -1}.an-entry-detail-title{font-size:13px;font-weight:600;color:var(--gray-700);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.an-entry-detail-fields{display:flex;flex-direction:column;gap:6px}.an-entry-field{display:flex;gap:12px;font-size:13px;line-height:1.5}.an-entry-field-key{font-weight:500;color:var(--gray-500);min-width:120px;flex-shrink:0}.an-entry-field-value{color:var(--gray-800);word-break:break-all}.an-entry-notes-input{width:100%;min-height:70px;resize:vertical;font-size:13px;padding:10px;border:1px solid var(--gray-200);border-radius:var(--radius);background:var(--white);color:var(--gray-800);font-family:inherit;line-height:1.5}.an-entry-notes-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #14a42f1a}.an-entries-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 0}.an-entries-page-info{font-size:13px;color:var(--gray-500)}.dark-mode .an-entries-table thead th{color:#a3a3a3;border-bottom-color:#404040}.dark-mode .an-entries-table tbody td{border-bottom-color:#333}.dark-mode .an-entries-row:hover,.dark-mode .an-entries-row.expanded{background:#262626}.dark-mode .an-entries-date{color:#a3a3a3}.dark-mode .an-entries-name{color:#e5e5e5}.dark-mode .an-entries-email{color:#22c43e}.dark-mode .an-th-sortable:hover{color:#e5e5e5}.dark-mode .an-device-badge{background:#333;color:#a3a3a3}.dark-mode .an-entry-detail{background:#1a1a1a}.dark-mode .an-entry-summary{background:#052e16;border-color:#166534}.dark-mode .an-entry-summary p{color:#86efac}.dark-mode .an-entry-detail-title{color:#a3a3a3}.dark-mode .an-entry-field-key{color:#737373}.dark-mode .an-entry-field-value{color:#e5e5e5}.dark-mode .an-entry-notes-input{background:#262626;border-color:#404040;color:#e5e5e5}.dark-mode .an-entry-notes-input:focus{border-color:#22c43e;box-shadow:0 0 0 3px #22c43e26}.dark-mode .an-entries-detail-row td{border-bottom-color:#404040!important}.dark-mode .an-entries-page-info{color:#737373}@media(max-width:768px){.an-entries-filters{flex-direction:column;align-items:stretch}.an-entries-search{min-width:auto}.an-entry-detail-grid{grid-template-columns:1fr}.an-entries-table{font-size:12px}.an-entries-table thead th,.an-entries-table tbody td{padding:8px 6px}}
