*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.lead-creator{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.lead-creator.compact,.lead-creator.inline{background:#0000;border-radius:0;box-shadow:none;margin-bottom:0;padding:0}.lead-creator.inline{max-width:600px}.lead-creator h3{color:#333;font-size:1.1rem;margin:0 0 16px}.lead-creator.compact h3{color:#374151;font-size:.9rem;font-weight:600;margin:0 0 8px}.lead-creator-form{display:flex;gap:10px;margin-bottom:12px}.lead-creator.compact .lead-creator-form{gap:8px;margin-bottom:8px}.lead-creator.inline .lead-creator-form{gap:10px;margin-bottom:0}.lead-name-input{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:.95rem;padding:10px 14px;transition:border-color .2s}.lead-creator.compact .lead-name-input,.lead-creator.inline .lead-name-input{border-radius:6px;font-size:.9rem;padding:8px 12px}.lead-creator.inline .lead-name-input{border:1px solid #d1d5db}.lead-name-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.create-lead-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s;white-space:nowrap}.lead-creator.compact .create-lead-btn,.lead-creator.inline .create-lead-btn{border-radius:6px;font-size:.9rem;padding:8px 16px}.lead-creator.inline .create-lead-btn{min-width:80px}.create-lead-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.create-lead-btn:active{transform:translateY(0)}.success-message{animation:slideIn .3s ease-out;background:#10b981;color:#fff;font-weight:600;margin-bottom:12px;padding:10px 14px}.lead-creator-hint{color:#666;font-size:.85rem;line-height:1.4;margin:0}.lead-creator.compact .lead-creator-hint{color:#6b7280;font-size:.75rem}.lead-creator.compact .success-message{font-size:.85rem;margin-bottom:6px;padding:6px 10px}.lead-creator.inline .success-message{display:inline-block;font-size:.85rem;margin-bottom:0;margin-top:8px;padding:6px 12px}.qa-tracker{background:#fff;border-left:4px solid #667eea;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin-bottom:20px;padding:20px}.qa-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:15px}.qa-header,.qa-stats{align-items:center;display:flex;gap:15px}.qa-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:8px 16px}.saving-indicator{animation:pulse 1.5s ease-in-out infinite;color:#4caf50;font-size:.85rem;font-weight:600}.qa-actions{display:flex;flex-wrap:wrap;gap:10px}.qa-button{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.qa-button.summary{background:#667eea;color:#fff}.qa-button.export{background:#4caf50;color:#fff}.qa-button.clear{background:#ff6b6b;color:#fff}.qa-button:hover:not(:disabled){box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.qa-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.qa-summary{border-top:2px solid #e0e0e0;margin-top:20px;padding-top:20px}.qa-summary h3{color:#333;font-size:1.3rem;margin-bottom:15px}.empty-summary{color:#999;font-style:italic;padding:20px;text-align:center}.summary-list{display:flex;flex-direction:column;gap:15px}.summary-item{background:#f8f9fa;border-left:3px solid #667eea;border-radius:8px;padding:15px}.summary-question{color:#333;font-size:.95rem;margin-bottom:8px}.summary-question strong{color:#667eea;margin-right:5px}.summary-answer{color:#555;font-size:.95rem;line-height:1.5;padding-left:20px}.summary-answer strong{color:#4caf50;margin-right:5px}.question-input-container{background:#f0f7ff;border-left:4px solid #2196f3;margin:15px 0}.question-label{color:#2196f3}.question-input{border-radius:6px;box-sizing:border-box;font-family:inherit;padding:10px 12px;transition:border-color .2s ease}.question-input:focus{border-color:#2196f3}.question-input::placeholder{color:#999;font-style:italic}@media (max-width:768px){.qa-header{align-items:stretch;flex-direction:column}.qa-actions{width:100%}.qa-button{flex:1 1}}.phone-script-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.script-header{align-items:center;color:#fff;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto 30px;max-width:1600px}.header-left{display:flex;flex-direction:column;gap:12px}.script-title-section{align-items:center;display:flex;gap:16px}.script-logo{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));height:50px;object-fit:contain;width:50px}.script-header h1{font-size:2.5rem;margin:0;text-shadow:2px 2px 4px #0000004d}.lead-context-banner{background:#fff3;border:2px solid #fff6;border-radius:8px;font-size:1rem;padding:8px 16px}.lead-context-banner strong{color:#fff5f5;font-weight:700}.script-selector{align-items:center;display:flex;gap:10px}.script-dropdown,.script-selector label{font-size:1rem;font-weight:600}.script-dropdown{background:#fff;border:2px solid #fff;border-radius:8px;color:#667eea;cursor:pointer;padding:8px 16px;transition:all .2s ease}.script-dropdown:hover{background:#ffffffe6}.script-dropdown:focus{box-shadow:0 0 0 3px #ffffff4d;outline:none}.header-actions{align-items:center;gap:15px}.playbook-button{background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.playbook-button:hover{background:#fff;box-shadow:0 4px 12px #0003;color:#667eea;transform:translateY(-2px)}.print-button{background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s ease}.print-button:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.back-link{background:#0000;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.back-link:hover{background:#fff;color:#667eea}.script-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:350px 1fr;margin:0 auto;max-width:1600px}@media (max-width:1200px){.script-container{grid-template-columns:1fr}.script-sidebar{order:2}.script-content{order:1}}@media (max-width:768px){.phone-script-page{padding:10px}.script-header{align-items:flex-start;flex-direction:column;gap:15px}.script-header h1{font-size:1.8rem}.lead-context-banner{font-size:.9rem;padding:6px 12px}.header-actions{flex-direction:column;gap:10px;width:100%}.back-link,.playbook-button,.print-button{font-size:.95rem;padding:12px;width:100%}.script-container{gap:15px}.script-sidebar{max-height:300px;padding:15px}.script-content{padding:20px 15px}.section-title{font-size:1.4rem}.section-content p{font-size:1rem}.question-input-container{margin:10px 0 20px 10px;padding:12px}.question-input{font-size:1rem;padding:10px}}.script-sidebar{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;max-height:calc(100vh - 150px);overflow-y:auto;padding:25px;position:-webkit-sticky;position:sticky;top:20px}.variables-panel h2{color:#333;margin-bottom:20px;margin-top:0}.variable-section{margin-bottom:30px}.variable-section h3{border-bottom:2px solid #e0e0e0;color:#667eea;font-size:1rem;letter-spacing:1px;margin-bottom:15px;padding-bottom:8px;text-transform:uppercase}.form-group{margin-bottom:15px}.form-group input{box-sizing:border-box;width:100%}.script-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;min-height:600px;padding:40px}.script-display{max-width:900px}.script-section{border-bottom:2px solid #e0e0e0;margin-bottom:40px;padding-bottom:30px}.script-section:last-child{border-bottom:none}.section-title{color:#667eea;font-size:1.8rem;font-weight:700;margin-bottom:20px}.section-content{line-height:1.8}.section-content p{color:#333;font-size:1.1rem;margin:12px 0}.section-content p.dialogue{border-left:4px solid #667eea;color:#000;font-size:1.15rem;font-weight:500;line-height:1.9;margin:15px 0;padding-left:20px}.section-content p.instruction{background:#fff5f5;border-left:4px solid #ff6b6b;border-radius:6px;color:#ff6b6b;font-style:italic;font-weight:700;margin:15px 0;padding:10px 15px}.section-content p.normal{color:#666;font-size:1rem}.question-input-container{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin:15px 0 25px 20px;padding:15px}.question-label{color:#667eea;display:block;font-size:.95rem;font-weight:600;margin-bottom:8px}.question-input{background-image:linear-gradient(45deg,#0000 60%,#999 0,#999 70%,#0000 0),linear-gradient(-45deg,#0000 60%,#999 0,#999 70%,#0000 0);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;background-size:12px 12px;border:2px solid #e0e0e0;border-radius:8px;cursor:text;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1rem;line-height:1.5;max-width:100%;min-height:60px;padding:12px;resize:both;transition:border-color .2s,box-shadow .2s;white-space:pre-wrap;width:100%}.question-input:hover{background-image:linear-gradient(45deg,#0000 60%,#667eea 0,#667eea 70%,#0000 0),linear-gradient(-45deg,#0000 60%,#667eea 0,#667eea 70%,#0000 0);border-color:silver}.question-input:focus{background:#fff;background-image:linear-gradient(45deg,#0000 60%,#667eea 0,#667eea 70%,#0000 0),linear-gradient(-45deg,#0000 60%,#667eea 0,#667eea 70%,#0000 0);border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}@media print{.phone-script-page{background:#fff;padding:0}.script-header{border-bottom:2px solid #333;color:#000;margin-bottom:30px;padding-bottom:20px}.script-header h1{text-shadow:none}.header-actions{display:none}.script-container{gap:0;grid-template-columns:1fr}.script-sidebar{display:none}.script-content{box-shadow:none;padding:20px 0}.script-section,.section-content p{page-break-inside:avoid}.question-input-container{display:none}}.script-sidebar::-webkit-scrollbar{width:8px}.script-sidebar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.script-sidebar::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.script-sidebar::-webkit-scrollbar-thumb:hover{background:#555}.specialized-inputs{background:#667eea0d;border-left:4px solid #667eea;border-radius:8px;padding:16px}.employment-income-container,.height-weight-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.dob-container{grid-gap:12px;display:grid;gap:12px;grid-template-columns:2fr 1fr 1.5fr}.input-group{display:flex;flex-direction:column;gap:6px}.dob-select,.employment-select,.height-select{background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;font-size:1rem;padding:10px;transition:border-color .2s}.dob-select:focus,.employment-select:focus,.height-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.income-input,.weight-input{border:2px solid #ddd;border-radius:6px;font-size:1rem;padding:10px;transition:border-color .2s}.income-input:focus,.weight-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.income-input::-webkit-inner-spin-button,.income-input::-webkit-outer-spin-button,.weight-input::-webkit-inner-spin-button,.weight-input::-webkit-outer-spin-button{height:30px;opacity:1}.appointment-scheduler{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.appointment-option-header{align-items:center;display:flex;gap:12px;margin-bottom:12px}.option-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 2px 8px #667eea4d;color:#fff;display:inline-block;font-size:.9rem;font-weight:700;padding:6px 16px}.option-badge-2{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 2px 8px #f5576c4d}.invert-btn{align-items:center;background:#fff;border:2px solid #667eea;border-radius:20px;color:#667eea;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:4px;padding:6px 14px;transition:all .2s}.invert-btn:hover{background:#667eea;color:#fff;transform:scale(1.05)}.invert-btn:active{transform:scale(.98)}.scheduler-inputs-two-col{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:12px}.scheduler-inputs-with-tz{grid-gap:12px;display:grid;gap:12px;grid-template-columns:2fr 2fr 1.5fr;margin-bottom:12px}.appt-date-select,.appt-time-select,.appt-timezone-select{background:#fff;border:2px solid #ddd;border-radius:6px;cursor:pointer;font-size:1rem;padding:10px;transition:border-color .2s}.appt-date-select:focus,.appt-time-select:focus,.appt-timezone-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.arizona-time-display{animation:fadeIn .3s ease-in;background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:8px;box-shadow:0 4px 12px #f5576c4d;color:#fff;font-size:1.1rem;padding:14px 20px}.arizona-time-display strong{font-weight:700;margin-right:8px}.client-time-display{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d}.client-time-incomplete{background:linear-gradient(135deg,#667eea99,#764ba299);opacity:.9}.appointment-select-checkbox{background:#667eea14;border:2px solid #667eea33;border-radius:6px;margin-top:12px;padding:12px}.appointment-select-checkbox label{align-items:center;color:#333;cursor:pointer;display:flex;font-weight:600;gap:10px;transition:color .2s}.appointment-select-checkbox label:hover{color:#667eea}.appointment-select-checkbox input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:20px;width:20px}.appointment-select-checkbox span{font-size:1rem}.selected-appointment-banner{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;box-shadow:0 4px 12px #10b9814d;color:#fff;font-size:1rem;margin-bottom:16px;padding:12px 20px;text-align:center}.selected-appointment-banner strong{font-weight:700;margin:0 4px}.time-result-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.time-result-text{flex:1 1;min-width:200px}.timezone-selector-inline{align-items:center;display:flex;flex-shrink:0;gap:8px}.timezone-selector-inline .sub-label{color:#fff;font-size:.85rem;margin-bottom:0;white-space:nowrap}.appt-timezone-select-inline{background:#fff;border:2px solid #ffffff80;border-radius:6px;color:#333;cursor:pointer;font-size:.95rem;min-width:100px;padding:8px 12px;transition:all .2s}.appt-timezone-select-inline:hover{border-color:#fff;box-shadow:0 2px 8px #0003}.appt-timezone-select-inline:focus{border-color:#fff;box-shadow:0 0 0 3px #ffffff4d;outline:none}.sub-label{color:#555;font-size:.85rem;font-weight:600;margin-bottom:4px}.variables-panel{background:#fff;border-radius:12px;box-shadow:0 4px 16px #0000001a;padding:24px}.variables-panel h2{border-bottom:3px solid #667eea;color:#667eea;font-size:1.5rem;font-weight:700;margin-bottom:24px;padding-bottom:12px}.variable-section{margin-bottom:24px}.variable-section h3{align-items:center;color:#4a5568;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin-bottom:16px}.form-group label{color:#4a5568;letter-spacing:.3px}.form-group input,.form-group select{background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;font-family:inherit;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23667eea' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer;padding-right:36px}.form-group select:hover{background-color:#fff;border-color:#667eea}.form-group input::placeholder{color:#a0aec0}.form-group input[type=tel]{letter-spacing:.5px}.form-group input:hover,.form-group select:hover{border-color:#cbd5e0}.form-group input:disabled,.form-group select:disabled{background:#edf2f7}@media (max-width:768px){.employment-income-container,.height-weight-container{gap:12px;grid-template-columns:1fr}.dob-container{gap:10px;grid-template-columns:1fr}.scheduler-inputs-two-col,.scheduler-inputs-with-tz{gap:12px;grid-template-columns:1fr}.time-result-content{align-items:flex-start;flex-direction:column}.timezone-selector-inline{width:100%}.appt-timezone-select-inline{flex:1 1}.variables-panel{padding:16px}.variables-panel h2{font-size:1.25rem}}.bulk-edit-overlay{animation:fadeIn .2s ease-out}.bulk-edit-modal{animation:slideUp .3s ease-out;box-shadow:0 10px 40px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto}.bulk-edit-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px 12px 0 0;color:#fff;padding:20px 24px}.bulk-edit-header h2{font-size:1.5rem;font-weight:700}.bulk-edit-header .close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;transition:all .2s;width:36px}.bulk-edit-header .close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.bulk-edit-option{color:#374151;margin-bottom:12px;padding:16px 20px;width:100%}.bulk-edit-option:hover{background:#f3f4f6;transform:translateX(4px)}.bulk-edit-option .option-icon{font-size:1.5rem}.bulk-edit-option .option-text{flex:1 1;text-align:left}.bulk-edit-form{animation:slideIn .3s ease-out}.bulk-input,.bulk-select{padding:12px 16px}.bulk-cancel-btn,.bulk-ok-btn{padding:12px 24px;transition:all .2s}.bulk-cancel-btn{color:#374151}.bulk-ok-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.bulk-ok-btn:hover{box-shadow:0 4px 12px #667eea66}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.import-export-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.import-export-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}.import-export-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.import-export-header h2{color:#111827;font-size:1.5rem;margin:0}.close-btn{background:none;border-radius:6px;color:#6b7280;padding:8px}.close-btn:hover{background:#f3f4f6;color:#111827}.import-export-tabs{background:#f9fafb;border-bottom:2px solid #e5e7eb;display:flex;gap:4px;padding:0 24px}.tab-btn{background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;position:relative;top:2px;transition:all .2s}.tab-btn:hover{background:#667eea1a;color:#111827}.tab-btn.active{background:#fff;border-bottom-color:#667eea;color:#667eea}.import-export-content{flex:1 1;overflow-y:auto;padding:24px}.export-section h3,.import-section h3,.versions-section h3{color:#111827;font-size:1.2rem;margin:0 0 12px}.export-section p,.import-section p,.versions-section p{color:#6b7280;margin:0 0 20px}.file-upload-area{align-items:center;display:flex;gap:16px;margin-bottom:20px}.file-upload-btn{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-weight:600;padding:12px 24px;transition:all .2s}.file-upload-btn:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.file-name{color:#059669;font-weight:500}.import-preview{background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;margin:20px 0;padding:16px}.import-preview h4{color:#111827;margin:0 0 12px}.preview-table-container{max-height:300px;overflow-x:auto}.preview-table{background:#fff;border-collapse:collapse;font-size:.85rem;width:100%}.preview-table td,.preview-table th{border:1px solid #e5e7eb;padding:8px 12px;text-align:left}.preview-table th{background:#667eea;color:#fff;font-weight:600;position:-webkit-sticky;position:sticky;top:0}.preview-table td{color:#374151}.import-actions{display:flex;justify-content:flex-end;margin-top:20px}.import-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 32px;transition:all .2s}.import-btn:hover:not(:disabled){box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.import-btn:disabled{cursor:not-allowed;opacity:.5}.export-info{display:flex;gap:16px;margin:20px 0}.info-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;flex:1 1;padding:20px;text-align:center}.info-label{color:#ffffffe6;font-size:.9rem;margin-bottom:8px}.info-value{color:#fff;font-size:2rem;font-weight:700}.export-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 32px;transition:all .2s}.export-btn:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.versions-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.backup-now-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s}.backup-now-btn:hover{box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.no-versions{color:#6b7280;padding:60px 20px;text-align:center}.versions-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.version-card{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s}.version-card:hover{background:#fff;border-color:#667eea}.version-info{flex:1 1}.version-title{color:#111827;font-weight:600;margin-bottom:4px}.version-meta{color:#6b7280;font-size:.85rem}.version-actions{display:flex;gap:8px}.restore-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s}.restore-btn:hover{box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.delete-version-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:all .2s}.delete-version-btn:hover{background:#dc2626;transform:translateY(-2px)}@media (max-width:768px){.import-export-modal{border-radius:0;max-height:100vh;max-width:100%}.import-export-tabs{overflow-x:auto}.tab-btn{font-size:.85rem;padding:10px 16px}.version-card{align-items:flex-start;flex-direction:column;gap:12px}.version-actions{justify-content:flex-end;width:100%}}.autostart-toggle-container{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:20px;justify-content:space-between;margin:16px 0;padding:16px 20px}.autostart-info{align-items:center;display:flex;flex:1 1;gap:12px}.autostart-icon{animation:rotate 3s linear infinite;font-size:2rem}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.autostart-text strong{color:#1f2937;display:block;font-size:1rem;margin-bottom:4px}.autostart-description{color:#6b7280;font-size:.875rem;margin:0}.autostart-toggle{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:24px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:12px;min-width:120px;padding:8px 16px;transition:all .3s ease}.autostart-toggle:hover:not(:disabled){border-color:#667eea;box-shadow:0 2px 8px #667eea33}.autostart-toggle:disabled{cursor:not-allowed;opacity:.6}.autostart-toggle.enabled{background:#f0fdf4;border-color:#10b981}.autostart-toggle.disabled{background:#fef2f2;border-color:#ef4444}.toggle-slider{align-items:center;border-radius:12px;display:flex;height:24px;padding:0 4px;position:relative;transition:all .3s ease;width:40px}.toggle-slider.on{background:#10b981;justify-content:flex-end}.toggle-slider.off{background:#ef4444;justify-content:flex-start}.toggle-icon{align-items:center;background:#fff;border-radius:50%;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;transition:all .3s ease;width:18px}.toggle-label{color:#1f2937}.autostart-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.autostart-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000004d;max-width:500px;width:90%}.autostart-modal-header{border-bottom:1px solid #e5e7eb;padding:20px}.autostart-modal-header h3{color:#1f2937;font-size:1.25rem;margin:0}.autostart-modal-body{padding:20px}.autostart-modal-body p{color:#374151;line-height:1.6;margin:0 0 16px}.autostart-info-box,.autostart-warning{border-radius:8px;margin-top:12px;padding:12px 16px}.autostart-warning{background:#fef3c7;border-left:4px solid #f59e0b}.autostart-info-box{background:#dbeafe;border-left:4px solid #3b82f6}.autostart-info-box strong,.autostart-warning strong{color:#1f2937;display:block;margin-bottom:8px}.autostart-info-box ul,.autostart-warning ul{margin:0;padding-left:20px}.autostart-info-box li,.autostart-warning li{color:#374151;font-size:.9rem;margin:4px 0}.autostart-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.modal-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.modal-btn-cancel{background:#f3f4f6;color:#374151}.modal-btn-cancel:hover{background:#e5e7eb}.modal-btn-confirm{background:#667eea;color:#fff}.modal-btn-confirm:hover{background:#5568d3;box-shadow:0 2px 8px #667eea4d}@media (max-width:768px){.autostart-toggle-container{align-items:flex-start;flex-direction:column}.autostart-toggle{justify-content:center;width:100%}.autostart-modal{width:95%}}.playbook-page{background:linear-gradient(135deg,#667eea,#764ba2);max-width:100vw;min-height:100vh;overflow-x:hidden;width:100%}.playbook-page .app-header{padding:20px}@media (max-width:768px){.playbook-page{max-width:100vw!important;overflow-x:hidden!important;padding:0;width:100vw}.playbook-page .app-header{box-sizing:border-box;padding:8px 6px;width:100%}.header-title-section h1{font-size:1.2rem}.header-title-section span{font-size:1.5rem!important;margin-right:4px!important}.header-title-section p{font-size:.75rem}.header-title-section{gap:8px}}.playbook-container{display:flex;gap:20px;height:calc(100vh - 100px);margin:0 auto;max-width:1800px;padding:20px}.quick-stats{background:#fffffff2;border-radius:12px;box-shadow:0 2px 8px #0000001a;flex-wrap:wrap;gap:8px;max-width:1400px;padding:12px 16px;width:100%}.quick-stat-item,.quick-stats{align-items:center;display:flex;justify-content:center}.quick-stat-item{flex-direction:column;gap:2px;max-width:90px;min-width:65px;padding:0 6px}.quick-stat-label{word-wrap:break-word;color:#666;font-size:.7rem;font-weight:500;line-height:1.1;max-width:100%;text-align:center;white-space:normal}.quick-stat-value{color:#667eea;font-size:1.2rem;font-weight:700;text-align:center;white-space:nowrap}.quick-stat-divider{background:#0000001a;height:35px;width:1px}.view-full-stats-btn{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-left:16px;padding:10px 18px;transition:all .2s;white-space:nowrap}.view-full-stats-btn:hover{background:#5568d3;box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.playbook-left-panel{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow-y:auto;padding:20px;width:360px}.leads-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.leads-title-row{align-items:baseline;display:flex;flex:1 1;gap:8px;justify-content:center;min-width:0}.leads-header h2{color:#333;font-size:1.3rem;margin:0}.leads-count,.leads-header h2{flex-shrink:0;white-space:nowrap}.leads-count{background:#f0f4ff;border-radius:12px;color:#667eea;font-size:.85rem;font-weight:600;padding:4px 12px}.leads-filters{border-bottom:2px solid #e0e0e0;display:flex;flex-direction:column;gap:10px;margin-bottom:16px;padding-bottom:16px}.search-input{border:2px solid #e0e0e0;border-radius:8px;font-size:.9rem;padding:10px 12px;transition:border-color .2s;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.owner-filter-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.9rem;padding:10px 12px;transition:border-color .2s;width:100%}.owner-filter-select:hover{border-color:#667eea}.owner-filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.clear-filters-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 16px;transition:all .2s;white-space:nowrap}.clear-filters-btn:hover{background:#dc2626;box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.leads-list{display:flex;flex-direction:column;gap:10px}.lead-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;padding:15px;transition:all .2s}.lead-card:hover{border-color:#667eea;box-shadow:0 4px 8px #667eea33;transform:translateY(-2px)}.lead-card.selected{background:#f0f4ff;border-color:#667eea}.lead-card.dimmed{opacity:.5!important}.lead-card.dimmed:hover{opacity:.7!important}.lead-card.dimmed.selected{opacity:1!important}.lead-card.appointment{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#86efac}.lead-card.appointment:hover{border-color:#4ade80;box-shadow:0 4px 8px #4ade804d}.lead-card.appointment.selected{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#4ade80}.lead-card.appointment-done{background:linear-gradient(135deg,#fdf2f8,#fce7f3);border-color:#f9a8d4}.lead-card.appointment-done:hover{border-color:#f472b6;box-shadow:0 4px 8px #f472b64d}.lead-card.appointment-done.selected{background:linear-gradient(135deg,#fce7f3,#fbcfe8);border-color:#f472b6}.lead-card.appointment-missed,.lead-card.follow-up{background:linear-gradient(135deg,#fefce8,#fef9c3);border-color:#fde047}.lead-card.appointment-missed:hover,.lead-card.follow-up:hover{border-color:#facc15;box-shadow:0 4px 8px #facc154d}.lead-card.appointment-missed.selected,.lead-card.follow-up.selected{background:linear-gradient(135deg,#fef9c3,#fef08a);border-color:#facc15}.lead-badges-container{align-items:center;display:flex;gap:8px;position:absolute;right:10px;top:10px}.lead-source-badge{background:#10b981;padding:4px 10px}.lead-source-badge,.lead-state-badge{border-radius:4px;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px}.lead-state-badge{background:#667eea;padding:4px 8px}.lead-card.has-followup{border-left:4px solid #fbbf24}.lead-info{display:flex;flex-direction:column;gap:4px;margin-bottom:10px;padding-right:100px}.lead-info strong{color:#333;font-size:1.1rem}.lead-info strong,.lead-meta{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-meta{color:#666;font-size:.9rem}.lead-owner{color:#667eea;font-size:.85rem;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lead-time{color:#999;font-size:.85rem}.last-activity{border-radius:4px;color:#10b981;font-size:.85rem}.last-activity,.lead-stage-badge{display:inline-block;font-weight:600;margin-top:4px}.lead-stage-badge{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 1px 3px #667eea4d;color:#fff}.lead-stage-badge,.next-step-badge{border-radius:6px;font-size:.8rem;padding:4px 8px}.next-step-badge{background:#0000;border:none;color:#333;display:inline-block;font-weight:600;margin-top:4px}.next-step-badge.non-contact-hours{animation:pulse-warning 2s ease-in-out infinite;background:#fee2e2;border-color:#f87171;color:#dc2626;font-weight:700}@keyframes pulse-warning{0%,to{box-shadow:0 0 0 0 #ef444466}50%{box-shadow:0 0 0 6px #ef444400}}.non-contact-warning{background:#fee2e2;border:2px solid #f87171;border-radius:8px;color:#dc2626;font-size:.9rem;line-height:1.5;margin-top:12px;padding:12px}.non-contact-warning strong{font-weight:700}.lead-stats{align-items:center;display:flex;justify-content:space-between}.status-badge{border-radius:12px;font-size:.85rem;font-weight:600;padding:4px 12px;text-transform:capitalize}.status-active{background:#e3f2fd;color:#1976d2}.status-contacted{background:#fff3e0;color:#f57c00}.status-appointment{background:#e8f5e9;color:#388e3c}.status-closed{background:#f3e5f5;color:#7b1fa2}.dial-count,.text-count{color:#666;font-size:.9rem;font-weight:600}.follow-up-indicator{align-items:center;background:#f59e0b26;border:1px solid #f59e0b66;border-radius:4px;display:inline-flex;font-size:1rem;justify-content:center;padding:2px 6px}.playbook-right-panel{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;flex:1 1;overflow-y:auto;padding:8px;padding:30px}.lead-details-card{background:#f8f9fa;border-radius:8px;box-sizing:border-box;margin-bottom:16px;padding:16px;width:100%}.lead-details-header{align-items:flex-start;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px;width:100%}.lead-details-header>div:first-child{flex:1 1;min-width:0}.lead-details-header h2{color:#333;font-size:1.4rem;margin:0 0 4px}.current-stage-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;box-shadow:0 2px 6px #667eea4d;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;margin:4px 0 6px;padding:6px 12px}.lead-details-header p{color:#666;font-size:.9rem;margin:0 0 3px}.lead-price-display{color:#10b981!important}.lead-price-display,.next-step-display{font-size:.9rem!important;font-weight:600;margin-top:4px!important}.next-step-display{color:#667eea!important}.lead-details-info{margin-top:8px}.lead-details-info p{color:#555;font-size:.9rem;margin:4px 0}.lead-details-info p strong{color:#333;margin-right:6px}.header-actions{display:flex;gap:8px}@media (max-width:768px){.next-step-dropdowns{flex-direction:column}.header-actions{flex-direction:row;flex-wrap:wrap;gap:6px;justify-content:flex-start;width:100%}.btn-cancel,.btn-delete-small,.btn-edit,.btn-phone-script,.btn-save,.btn-text-builder{flex-basis:calc(50% - 3px);flex-grow:1;flex-shrink:1;font-size:.85rem;min-width:120px;overflow:hidden;padding:8px 10px;text-overflow:ellipsis;white-space:nowrap}.lead-details-card{font-size:.95rem;padding:12px}.lead-details-header{flex-direction:column;gap:12px}.lead-details-header h2{word-wrap:break-word;font-size:1.3rem}.lead-details-info p{word-wrap:break-word;font-size:.85rem;line-height:1.5}.current-stage-badge{display:inline-block;font-size:.8rem;line-height:1.3;padding:5px 10px;text-align:center;white-space:normal}.lead-details-info p[style*=\1F4DE],.lead-details-info p[style*=\1F4E7]{word-break:break-all}}.edit-mode{background:#f8f9fa;border:2px solid #e0e7ff;border-radius:12px;margin-bottom:20px;padding:20px}.edit-input-large:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-1px)}.edit-name-row{display:flex;gap:12px;margin-bottom:16px}.edit-input-half{border:2px solid #e0e0e0}.edit-input-half:focus{transform:translateY(-1px)}.edit-input-large{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;margin-bottom:16px;padding:12px 16px;transition:all .2s;width:100%}.edit-price-row{align-items:center;display:flex;gap:12px;margin-top:8px}.edit-price-row label{color:#333;font-size:1rem;font-weight:600}.edit-lead-source{margin-top:12px}.lead-source-checkboxes{display:flex;flex-direction:column;gap:8px}.checkbox-label{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background .2s}.checkbox-label:hover{background:#f3f4f6}.checkbox-label input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.checkbox-label span{color:#333;font-size:.95rem}.lead-source-filter-group{align-items:center;display:flex;flex-wrap:nowrap;gap:8px}.lead-source-filter-group .checkbox-filter-label{align-items:center;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:6px;padding:6px 12px;transition:background .2s}.lead-source-filter-group .checkbox-filter-label:hover{background:#e5e7eb;border-color:#667eea}.lead-source-filter-group .checkbox-filter-label input[type=checkbox]{accent-color:#10b981;cursor:pointer;height:16px;width:16px}.lead-source-filter-group .checkbox-filter-label span{font-size:.85rem}.edit-next-step-row{margin-top:8px}.bulk-actions-bar{display:none}.bulk-select-all{align-items:center;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px}.bulk-select-all input[type=checkbox]{cursor:pointer;height:18px;width:18px}.bulk-action-buttons{display:flex;flex-wrap:wrap;gap:8px}.bulk-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s}.bulk-assign{background:#10b981}.bulk-assign:hover{background:#059669;transform:translateY(-2px)}.bulk-status{background:#3b82f6}.bulk-status:hover{background:#2563eb;transform:translateY(-2px)}.bulk-next-step{background:#f59e0b}.bulk-next-step:hover{background:#d97706;transform:translateY(-2px)}.bulk-clear{background:#ef4444}.bulk-clear:hover{background:#dc2626;transform:translateY(-2px)}.check-matched-filter-btn{background:#667eea;border:2px solid #667eea;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;transition:all .2s}.check-matched-filter-btn:hover{background:#5568d3;border-color:#5568d3;transform:translateY(-1px)}.check-matched-filter-btn.uncheck{background:#ef4444;border-color:#ef4444}.check-matched-filter-btn.uncheck:hover{background:#dc2626;border-color:#dc2626}.bulk-edit-action-btn{background:#f59e0b;border:2px solid #f59e0b;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;transition:all .2s}.bulk-edit-action-btn:hover{background:#d97706;border-color:#d97706;transform:translateY(-1px)}.bulk-edit-action-btn.disabled,.bulk-edit-action-btn:disabled{background:#e5e7eb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.6}.bulk-edit-action-btn.disabled:hover,.bulk-edit-action-btn:disabled:hover{background:#e5e7eb;border-color:#e5e7eb;transform:none}.toggle-filters-btn{background:#6b7280;border:2px solid #6b7280;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 12px;transition:all .2s}.toggle-filters-btn:hover{background:#4b5563;border-color:#4b5563;transform:translateY(-1px)}.bulk-edit-btn{background:#f59e0b!important;font-size:.9rem!important;padding:8px 16px!important}.bulk-edit-btn:hover{background:#d97706!important;transform:translateY(-2px)}.lead-card{position:relative}.lead-checkbox{left:8px;position:absolute;top:8px;z-index:10}.lead-checkbox input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:14px;width:14px}.lead-card-content{cursor:pointer;padding-left:30px}.lead-card-content .lead-info{padding-left:0}.lead-card-content .lead-info strong{display:block;margin-top:2px}.state-dropdown-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s ease}.state-dropdown-btn:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.state-dropdown-menu{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:300px;min-width:200px;overflow-y:auto;position:absolute;top:100%;z-index:1000}.state-dropdown-header{align-items:center;border-bottom:1px solid #e5e7eb;color:#333;display:flex;font-weight:600;justify-content:space-between;padding:12px}.state-header-actions{display:flex;gap:6px}.toggle-states-btn{background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;padding:4px 8px;transition:all .2s}.toggle-states-btn:hover{background:#5568d3}.clear-states-btn{background:#ef4444;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;padding:4px 8px;transition:all .2s}.clear-states-btn:hover{background:#dc2626}.state-dropdown-items{padding:8px}.state-dropdown-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background .2s}.state-dropdown-item:hover{background:#f3f4f6}.state-dropdown-item input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:16px;width:16px}.state-dropdown-item span{color:#333;font-size:.9rem}.bulk-edit-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.bulk-edit-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%}.bulk-edit-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.bulk-edit-header h2{color:#111827;margin:0}.close-btn{align-items:center;border-radius:50%;box-shadow:0 4px 12px #ef444466;display:flex;font-size:1.5rem;font-weight:700;height:40px;justify-content:center;position:fixed;right:20px;top:20px;transition:all .2s ease;width:40px;z-index:10001}.close-btn:hover{box-shadow:0 6px 16px #ef444480;transform:scale(1.1)}.bulk-edit-content{display:flex;flex-direction:column;gap:12px;padding:24px}.bulk-edit-option{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:16px;padding:16px;text-align:left;transition:all .2s}.bulk-edit-option:hover{background:#667eea;border-color:#667eea;box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.option-icon{font-size:1.5rem}.option-text{flex:1 1}.bulk-edit-form{padding:12px 0}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.95rem;margin-bottom:8px}.bulk-input,.bulk-select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:12px;transition:all .2s;width:100%}.bulk-input:focus,.bulk-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.bulk-edit-actions{border-top:2px solid #e5e7eb;display:flex;gap:12px;margin-top:24px;padding-top:20px}.bulk-cancel-btn,.bulk-ok-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:14px 24px;transition:all .2s ease}.bulk-cancel-btn{background:#f3f4f6;color:#6b7280}.bulk-cancel-btn:hover{background:#e5e7eb}.bulk-ok-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.bulk-ok-btn:hover{box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.edit-next-step-row label{color:#333;display:block;font-size:1rem;font-weight:600;margin-bottom:8px}.next-step-dropdowns{display:flex;gap:12px}.edit-input-half{background:#fff;border:2px solid #ddd;border-radius:8px;flex:1 1;font-size:1rem;padding:12px 16px;transition:all .2s}.edit-input-half:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.edit-input-price{background:#fff;border:2px solid #10b981;border-radius:8px;font-size:1rem;font-weight:600;padding:12px 16px;transition:all .2s;width:150px}.edit-input-price:focus{border-color:#059669;box-shadow:0 0 0 3px #10b9811a;outline:none;transform:translateY(-1px)}.btn-text-builder{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s}.btn-text-builder:hover{box-shadow:0 4px 8px #3b82f666;transform:translateY(-1px)}.btn-phone-script{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s}.btn-phone-script:hover{box-shadow:0 4px 8px #10b98166;transform:translateY(-1px)}.btn-edit{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s}.btn-edit:hover{background:#5568d3;box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.btn-save{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s}.btn-save:hover{background:#059669;box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.btn-cancel{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s}.btn-cancel:hover{background:#4b5563;box-shadow:0 4px 8px #6b72804d;transform:translateY(-1px)}.btn-delete-small{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:background .2s}.btn-delete-small:hover{background:#c82333}.btn-restore{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s}.btn-restore:hover{background:#059669;box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.btn-delete-permanent{background:#991b1b;border:2px solid #dc2626;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s}.btn-delete-permanent:hover{background:#7f1d1d;border-color:#b91c1c;box-shadow:0 4px 8px #dc262666;transform:translateY(-1px)}.trash-toggle-btn{background:#667eea1a;border:1px solid #667eea4d;border-radius:6px;color:#667eea;cursor:pointer;font-size:.85rem;font-weight:600;padding:6px 12px;transition:all .2s;white-space:nowrap}.trash-toggle-btn:hover{background:#667eea33;border-color:#667eea;transform:translateY(-1px)}.follow-up-filter-btn{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:6px;color:#f59e0b;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 14px;transition:all .2s;white-space:nowrap}.follow-up-filter-btn:hover{background:#f59e0b33;border-color:#f59e0b;transform:translateY(-1px)}.follow-up-filter-btn.active{background:#f59e0b;border-color:#f59e0b;color:#fff}.follow-up-filter-btn.active:hover{background:#d97706;border-color:#d97706}.new-filter-btn{background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:6px;color:#8b5cf6;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 14px;transition:all .2s;white-space:nowrap}.new-filter-btn:hover{background:#8b5cf633;border-color:#8b5cf6;transform:translateY(-1px)}.new-filter-btn.active{background:#8b5cf6;border-color:#8b5cf6;color:#fff}.new-filter-btn.active:hover{background:#7c3aed;border-color:#7c3aed}.closed-filter-btn{background:#6b21a81a;border:1px solid #6b21a84d;border-radius:6px;color:#6b21a8;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 14px;transition:all .2s;white-space:nowrap}.closed-filter-btn:hover{background:#6b21a833;border-color:#6b21a8;transform:translateY(-1px)}.closed-filter-btn.active{background:#6b21a8;border-color:#6b21a8;color:#fff}.closed-filter-btn.active:hover{background:#581c87;border-color:#581c87}.apv-inputs-container{background:#10b9810d;border:1px solid #10b98133;border-radius:8px;margin:12px 0;padding:12px}.apv-inputs-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:12px}.apv-input-item{display:flex;flex-direction:column;gap:4px}.apv-input-item label{color:#555;font-size:.85rem;font-weight:600}.apv-input-item input{border:1px solid #ddd;border-radius:4px;font-size:.95rem;padding:8px}.apv-input-item input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a;outline:none}.total-apv-display{background:#fff;border:2px solid #10b981;border-radius:6px;color:#10b981;font-size:1.1rem;padding:12px;text-align:center}.lead-status-controls{display:flex;flex-direction:column;gap:14px;margin-bottom:16px;width:100%}.lead-status-controls>div,.lead-status-controls>label+div,.lead-status-controls>label+select{display:contents}.status-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.status-row label{color:#555;font-weight:600;min-width:-webkit-fit-content;min-width:fit-content;white-space:nowrap}.status-row input[type=number],.status-row select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;flex:1 1;font-size:.95rem;min-width:150px;padding:8px 12px}.status-row input[type=number]{flex:0 0 auto;width:100px}.lead-status-controls label{color:#555;display:block;font-weight:600;margin-bottom:4px}.lead-status-controls select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.95rem;padding:8px 12px;width:100%}.lead-status-controls input[type=checkbox]{cursor:pointer;height:18px;width:18px}.next-step-inline-dropdowns{display:flex;flex:1 1;gap:10px;min-width:200px}.next-step-date-select,.next-step-time-select{background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;flex:1 1;font-size:.95rem;min-width:0;padding:8px 12px}.next-step-date-select:focus,.next-step-time-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.dial-attempts-card,.text-messages-card{background:#f8f9fa;border-radius:8px;margin-bottom:16px;padding:16px}.dial-attempts-card h3,.text-messages-card h3{color:#333;font-size:1.1rem;margin:0 0 10px}.dial-buttons,.text-buttons{display:flex;gap:10px;margin-bottom:20px}.btn-dial{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:12px 20px;transition:all .2s}.btn-dial.cell{background:#28a745;color:#fff}.btn-dial.cell:hover{background:#218838;box-shadow:0 4px 8px #28a7454d;transform:translateY(-2px)}.btn-dial.funnel{background:#007bff;color:#fff}.btn-dial.funnel:hover{background:#0056b3;box-shadow:0 4px 8px #007bff4d;transform:translateY(-2px)}.attempts-list,.text-list{display:flex;flex-direction:column;gap:12px}.btn-show-more{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 2px 4px #667eea4d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:4px;padding:10px 16px;transition:all .2s ease;width:100%}.btn-show-more:hover{box-shadow:0 4px 8px #667eea66;transform:translateY(-2px)}.btn-show-more:active{transform:translateY(0)}.attempt-item,.text-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;padding:12px}.header-content{flex-direction:column;gap:16px;max-width:1600px;width:100%}.header-right-section,.header-title-section{align-items:center;display:flex;gap:16px}.header-right-section{flex-wrap:nowrap;justify-content:center;max-width:1400px;width:100%}.page-logo{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));height:50px;object-fit:contain;width:50px}.attempt-actions{gap:8px}.attempt-actions,.attempt-info{align-items:center;display:flex}.attempt-info{gap:12px}.attempt-number{color:#667eea;font-size:.9rem;font-weight:700}.attempt-type{border-radius:12px;font-size:.85rem;font-weight:600;padding:4px 10px}.attempt-type.cell{background:#d4edda;color:#155724}.attempt-type.funnel{background:#cce5ff;color:#004085}.attempt-time{color:#666;font-size:.9rem}.outcome-select{border:1px solid #ddd;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;padding:6px 12px;transition:all .2s}.outcome-select.outcome-no-answer{background:#fff3cd;border-color:#ffc107;color:#856404}.outcome-select.outcome-answered{background:#d4edda;border-color:#28a745;color:#155724}.outcome-select.outcome-voicemail{background:#d1ecf1;border-color:#17a2b8;color:#0c5460}.dial-type-select{border:1px solid #ddd;border-radius:12px;cursor:pointer;font-size:.85rem;font-weight:600;padding:4px 10px;transition:all .2s}.dial-type-select.cell{background:#d4edda;border-color:#28a745;color:#155724}.dial-type-select.funnel{background:#cce5ff;border-color:#007bff;color:#004085}.dial-type-select:hover{opacity:.8;transform:scale(1.02)}.timestamp-display-group,.timestamp-edit-group{align-items:center;display:flex;gap:6px}.timestamp-input{background:#fff;border:1px solid #667eea;border-radius:4px;color:#333;font-size:.85rem;outline:none;padding:4px 8px}.timestamp-input:focus{border-color:#5568d3;box-shadow:0 0 0 2px #667eea33}.btn-edit-timestamp{background:#0000;border:none;cursor:pointer;font-size:.9rem;opacity:.6;padding:2px 4px;transition:opacity .2s}.btn-edit-timestamp:hover{opacity:1}.btn-save-timestamp{background:#28a745;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:4px 8px;transition:background .2s}.btn-save-timestamp:hover{background:#218838}.btn-cancel-timestamp{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:4px 8px;transition:background .2s}.btn-cancel-timestamp:hover{background:#c82333}.btn-text{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;padding:10px 16px;transition:all .2s}.btn-text.initial{background:#17a2b8;color:#fff}.btn-text.initial:hover{background:#138496;box-shadow:0 4px 8px #17a2b84d;transform:translateY(-2px)}.btn-text.follow-up{background:#ffc107;color:#333}.btn-text.follow-up:hover{background:#e0a800;box-shadow:0 4px 8px #ffc1074d;transform:translateY(-2px)}.btn-text.response{background:#28a745;color:#fff}.btn-text.response:hover{background:#218838;box-shadow:0 4px 8px #28a7454d;transform:translateY(-2px)}.text-item{border-left:4px solid #e0e0e0}.text-item.outbound{background:#f0f9ff;border-left-color:#17a2b8}.text-item.inbound{background:#f0fff4;border-left-color:#28a745}.text-info{align-items:center;display:flex;flex:1 1;gap:12px}.text-direction{font-size:1.2rem}.text-type{background:#e0e0e0;border-radius:12px;color:#555;font-size:.85rem;font-weight:600;padding:4px 10px}.text-type.initial{background:#cfe2ff;color:#084298}.text-type.follow-up{background:#fff3cd;color:#856404}.text-type.response{background:#d1e7dd;color:#0f5132}.text-message{color:#555;flex:1 1;font-size:.9rem}.text-time{color:#999;font-size:.85rem}.btn-delete-attempt{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:1.2rem;opacity:.6;padding:4px 8px;transition:all .2s}.btn-delete-attempt:hover{background:#fee;opacity:1;transform:scale(1.1)}.phone-script-summaries{background:linear-gradient(135deg,#f0f4ff,#e0e7ff);border:2px solid #667eea;border-radius:12px;margin-bottom:20px;padding:20px}.phone-script-summaries h3{color:#667eea;font-size:1.2rem;margin:0 0 16px}.script-summary-section{background:#fff;border-radius:8px;margin-bottom:12px;padding:16px}.script-summary-section:last-child{margin-bottom:0}.script-summary-section h4{border-bottom:2px solid #e0e0e0;color:#333;font-size:1rem;margin:0 0 12px;padding-bottom:8px}.summary-items{display:flex;flex-direction:column;gap:12px}.summary-qa{background:#f8f9fa;border-left:3px solid #667eea;border-radius:6px;padding:12px}.summary-q{color:#555;font-size:.9rem;margin-bottom:6px}.summary-a{color:#16a34a;font-size:.95rem;font-weight:700;padding-left:8px}.notes-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:16px;padding:16px}.notes-card h3{color:#333;font-size:1.05rem;margin:0 0 8px}.notes-textarea{background-image:linear-gradient(45deg,#0000 60%,#999 0,#999 70%,#0000 0),linear-gradient(-45deg,#0000 60%,#999 0,#999 70%,#0000 0);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;background-size:12px 12px;border:2px solid #e0e0e0;border-radius:8px;cursor:text;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.95rem;line-height:1.5;max-height:500px;max-width:100%;min-height:200px;overflow-y:auto;padding:12px;resize:vertical;transition:border-color .2s,box-shadow .2s;white-space:pre-wrap;width:100%}.notes-textarea:hover{border-color:silver}.notes-textarea:focus,.notes-textarea:hover{background-image:linear-gradient(45deg,#0000 60%,#667eea 0,#667eea 70%,#0000 0),linear-gradient(-45deg,#0000 60%,#667eea 0,#667eea 70%,#0000 0)}.notes-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.notes-hint{color:#666;font-size:.85rem;font-style:italic;margin:8px 0 0}.gameplan-textarea{background-image:linear-gradient(45deg,#0000 60%,#999 0,#999 70%,#0000 0),linear-gradient(-45deg,#0000 60%,#999 0,#999 70%,#0000 0);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;background-size:12px 12px;cursor:text;line-height:1.5;max-width:100%;resize:both!important;transition:border-color .2s,box-shadow .2s;white-space:pre-wrap}.gameplan-textarea:hover{border-color:#999!important}.gameplan-textarea:focus,.gameplan-textarea:hover{background-image:linear-gradient(45deg,#0000 60%,#10b981 0,#10b981 70%,#0000 0),linear-gradient(-45deg,#0000 60%,#10b981 0,#10b981 70%,#0000 0)}.gameplan-textarea:focus{border-color:#10b981!important;box-shadow:0 0 0 3px #10b9811a;outline:none}.playbook-steps-card{background:#f8f9fa;border-radius:8px;padding:16px}.playbook-steps-card h3{color:#333;font-size:1.05rem;margin:0 0 12px}.steps-list{display:flex;flex-direction:column;gap:15px}.step-item{background:#fff;border:2px solid #e0e0e0;border-radius:8px;display:flex;gap:15px;padding:15px;transition:all .2s}.step-item.current{background:#f0f4ff;border-color:#667eea}.step-item.completed{opacity:.6}.step-number{align-items:center;background:#e0e0e0;border-radius:50%;color:#666;display:flex;flex-shrink:0;font-weight:700;height:36px;justify-content:center;width:36px}.step-item.current .step-number{background:#667eea;color:#fff}.step-item.completed .step-number{background:#28a745;color:#fff}.step-content h4{color:#333;font-size:1rem;margin:0 0 5px}.step-content p{color:#666;font-size:.9rem;line-height:1.4;margin:0}.no-lead-selected{padding:40px 20px;text-align:center}.no-lead-selected h2{color:#333;margin-bottom:30px}.playbook-overview{display:flex;flex-direction:column;gap:20px;margin:0 auto 30px;max-width:800px;text-align:left}.overview-step{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;display:flex;gap:15px;padding:20px}.overview-step-number{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.overview-step-content h4{color:#333;font-size:1.1rem;margin:0 0 8px}.overview-step-content p{color:#666;line-height:1.5;margin:0}.select-lead-prompt{color:#667eea;font-size:1.1rem;font-weight:600;margin-top:20px}.empty-state-small{color:#999;font-size:.9rem;font-style:italic;padding:20px;text-align:center}.nav-buttons{flex-wrap:wrap;gap:12px}.dialog-hint{background:#f0f4ff;border-radius:6px;color:#555;font-size:.9rem;margin:10px 0;padding:10px}@media (max-width:1350px){.playbook-container{flex-direction:column;gap:0!important;height:auto;margin:0!important;max-width:100vw!important;padding:0!important}.playbook-left-panel{box-sizing:border-box;max-height:none;order:1;padding:0 16px;width:100%}.leads-list{display:none!important}.playbook-right-panel{box-sizing:border-box!important;margin:0 calc(-50vw + 50%)!important;max-width:100vw!important;order:2;padding:0!important;width:100vw!important}.lead-details-card{margin:0!important;max-width:100%!important;padding:20px!important}.lead-details-card,.lead-details-header{box-sizing:border-box!important;width:100%!important}.lead-details-header h2{font-size:1.5rem;line-height:1.3}}@media (max-width:768px){.playbook-container{margin:0!important;overflow-x:hidden!important;padding:0!important}.playbook-container.mobile-details-view .playbook-left-panel{display:none}.playbook-container.mobile-details-view .playbook-right-panel{box-sizing:border-box!important;left:0!important;margin:0!important;max-width:100vw!important;overflow-x:hidden!important;padding:0!important;right:0!important;width:100vw!important}.playbook-right-panel{display:none}.playbook-container.mobile-details-view .playbook-right-panel{display:block}.playbook-right-panel{max-width:100vw!important;overflow-x:hidden!important;padding:0!important;width:100vw!important}.lead-details-card,.playbook-right-panel{border-radius:0!important;box-sizing:border-box!important;margin:0!important}.lead-details-card{max-width:100%!important;width:100%!important}.quick-stats{flex-wrap:wrap;gap:6px;justify-content:space-evenly;padding:8px 5px}.quick-stat-item{gap:2px;min-width:70px;padding:4px 6px}.quick-stat-label{font-size:.65rem;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-stat-value{font-size:.95rem;white-space:nowrap}.quick-stat-divider{display:none}.view-full-stats-btn{font-size:.85rem;margin-left:0;padding:8px;width:100%}.timeline-header{flex-wrap:wrap;gap:8px}.timeline-header h3{flex:1 1 100%;font-size:.95rem;margin-bottom:4px}.timeline-count{font-size:.8rem}.timeline-event-horizontal{font-size:1.1rem;gap:8px;max-width:220px;min-width:130px;padding:12px 16px}.timeline-event-horizontal .lead-name{font-size:1.05rem;font-weight:600}.timeline-event-horizontal .lead-state{font-size:.95rem}.timeline-event-horizontal .lead-time{font-size:.95rem;font-weight:600}.quick-stat-item{min-width:95px;padding:8px 10px}.quick-stat-label{font-size:.8rem;font-weight:600}.quick-stat-value{font-size:1.3rem;font-weight:700}.user-info{font-size:.65rem;gap:2px}.user-info-name{font-size:.65rem;max-width:50px}.logout-btn{font-size:.65rem;min-width:auto;padding:2px 5px}.nav-button{font-size:.85rem;font-weight:600;padding:8px 12px;white-space:nowrap}.nav-buttons{gap:4px}.header-right-section{gap:8px}.dial-buttons{flex-direction:column}.lead-status-controls{grid-template-columns:1fr}.nav-buttons,.next-step-inline-dropdowns{flex-direction:column}.nav-button,.nav-buttons{width:100%}}.mobile-back-btn{display:none}@media (max-width:768px){.mobile-back-btn{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:600;margin-bottom:12px;padding:8px 16px}.mobile-back-btn:hover{background:#4b5563}}.timeline-toggle-btn{align-items:center;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s;white-space:nowrap}.timeline-toggle-btn:hover{background:#3b82f633;border-color:#3b82f6;transform:translateY(-1px)}.timeline-toggle-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.timeline-toggle-btn.active:hover{background:#2563eb;border-color:#2563eb}.timeline-wrapper{margin:0 auto;max-width:1600px;padding:0 20px 16px}.timeline-container-horizontal{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;max-height:none;overflow-x:auto;overflow-y:hidden;padding:16px 20px 20px;scroll-behavior:smooth}.timeline-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.timeline-header h3{color:#1f2937;font-size:1.1rem;font-weight:700;margin:0}.timeline-count{color:#6b7280;font-size:.9rem;font-weight:500}.timeline-content-horizontal{align-items:flex-start;display:flex;gap:16px;overflow-x:auto;padding:10px 0}.timeline-expanded-container{display:flex;flex-shrink:0;flex-wrap:nowrap;gap:16px}.timeline-collapsed-container{display:flex;flex-direction:column;flex-shrink:0;gap:8px;max-height:140px;min-width:200px;overflow-y:auto;padding-right:8px;width:250px}.timeline-collapsed-container::-webkit-scrollbar{width:8px}.timeline-collapsed-container::-webkit-scrollbar-track{background:#e5e7eb;border-radius:4px}.timeline-collapsed-container::-webkit-scrollbar-thumb{background:#9ca3af;border:2px solid #e5e7eb;border-radius:4px}.timeline-collapsed-container::-webkit-scrollbar-thumb:hover{background:#6b7280}.timeline-content-horizontal::-webkit-scrollbar{height:6px}.timeline-content-horizontal::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.timeline-content-horizontal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.timeline-content-horizontal::-webkit-scrollbar-thumb:hover{background:#9ca3af}.timeline-empty{color:#9ca3af;font-style:italic;padding:40px 20px;text-align:center}.timeline-content-wrapper{display:block;min-width:100%;width:-webkit-fit-content;width:fit-content}.timeline-collapsed-container,.timeline-expanded-container{display:inline-flex;flex-wrap:nowrap;gap:12px;min-width:100%}.timeline-date-section{display:inline-flex;flex-direction:column;flex-shrink:0;gap:8px;vertical-align:top}.timeline-collapsed-container .timeline-date-section{display:inline-flex;width:auto}.timeline-date-label{align-items:center;background:#f3f4f6;border-radius:5px;color:#4b5563;display:flex;font-size:.85rem;font-weight:700;padding:4px 10px;text-align:center;transition:all .2s ease;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.timeline-date-label:hover{background:#e5e7eb;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.timeline-date-label.today{background:#dbeafe;color:#1e40af}.timeline-date-label.today:hover{background:#bfdbfe}.timeline-date-label.collapsed{opacity:.7}.timeline-date-label.expanded{opacity:1}.timeline-events-horizontal{display:flex;flex-shrink:0;flex-wrap:nowrap;gap:6px;min-width:-webkit-max-content;min-width:max-content;white-space:nowrap}.timeline-event-horizontal{align-items:center;background:#f9fafb;border:2px solid #0000;border-radius:6px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;gap:3px;max-width:220px;min-width:-webkit-fit-content;min-width:fit-content;min-width:85px;padding:6px 10px;transition:all .2s;width:-webkit-fit-content;width:fit-content}.timeline-event-horizontal.uniform-width{max-width:160px!important;min-width:160px!important;width:160px!important}.timeline-event-horizontal:hover{background:#eff6ff;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.timeline-event-horizontal.highlighted{background:#fef3c7;border-color:#fbbf24;box-shadow:0 4px 12px #fbbf2466}.timeline-event-horizontal.selected{background:#dbeafe;border-color:#3b82f6}.timeline-event-horizontal.multi-selected{background:linear-gradient(135deg,#e0e7ff,#ddd6fe);border:2px solid #8b5cf6;box-shadow:0 0 0 3px #8b5cf633}.timeline-event-horizontal.multi-selected:before{align-items:center;background:#8b5cf6;border-radius:50%;color:#fff;content:"✓";display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;left:4px;position:absolute;top:4px;width:18px;z-index:10}.timeline-event-horizontal.appointment{background:#dcfce7;border-color:#10b981}.timeline-event-horizontal.appointment:hover{background:#bbf7d0;box-shadow:0 4px 12px #10b9814d}.timeline-event-horizontal.appointment-done{background:#fce7f3;border-color:#ec4899}.timeline-event-horizontal.appointment-done:hover{background:#fbcfe8;box-shadow:0 4px 12px #ec48994d}.timeline-event-horizontal.appointment-missed,.timeline-event-horizontal.follow-up{background:#fef9c3;border-color:#eab308}.timeline-event-horizontal.appointment-missed:hover,.timeline-event-horizontal.follow-up:hover{background:#fef08a;box-shadow:0 4px 12px #eab3084d}.timeline-event-horizontal.closed-complete-app{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:2px solid #10b981;box-shadow:0 2px 8px #10b9814d}.timeline-event-horizontal.closed-complete-app:hover{background:linear-gradient(135deg,#a7f3d0,#6ee7b7);border-color:#059669;box-shadow:0 4px 12px #10b98166}.timeline-event-time-horizontal{color:#1f2937;font-size:.75rem;font-weight:700;white-space:nowrap}.timeline-event-name-horizontal{align-items:center;color:#374151;display:flex;flex-wrap:wrap;font-size:.75rem;font-weight:600;gap:3px;justify-content:center;line-height:1.2;overflow-wrap:break-word;position:relative;text-align:center;width:100%;word-break:break-word;z-index:1}.timeline-event-state{color:#6b7280;font-size:.65rem;font-weight:600;letter-spacing:.2px;margin-top:0;text-align:center}.timeline-days-badge{align-items:center;border-radius:50%;bottom:4px!important;box-shadow:0 2px 4px #00000026;color:#fff;display:flex;font-size:.65rem;font-weight:700;height:22px;justify-content:center;line-height:1;position:absolute!important;right:4px!important;width:22px;z-index:10}.timeline-days-badge.green{background:linear-gradient(135deg,#10b981,#059669)}.timeline-days-badge.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.timeline-days-badge.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.timeline-appt-badge{font-size:.7rem}.timeline-no-gameplan-indicator{animation:pulse-red 2s ease-in-out infinite;background:#dc2626;border-radius:2px;height:2px;margin-top:2px;width:100%}.timeline-event-horizontal.needs-gameplan{position:relative}.timeline-event-horizontal.needs-gameplan:after{content:"⚠️";font-size:.7rem;opacity:.8;position:absolute;right:4px;top:4px}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.6}}.lead-card.timeline-highlighted{animation:pulse-highlight 1.5s ease-in-out;box-shadow:0 0 0 3px #fbbf24}@keyframes pulse-highlight{0%,to{box-shadow:0 0 0 3px #fbbf24}50%{box-shadow:0 0 0 6px #fbbf2466}}.leads-grid .lead-card.flashing-highlight,.timeline-events-horizontal .timeline-event-horizontal.flashing-highlight{animation:flash-shake 1s ease-in-out!important;overflow:visible!important;position:relative!important;z-index:100!important}.playbook-right-panel .flashing-highlight,.playbook-right-panel .lead-details-card.flashing-highlight{animation:none!important}.leads-grid:has(.lead-card.flashing-highlight){overflow:visible!important}.timeline-container-horizontal:has(.timeline-event-horizontal.flashing-highlight){overflow-y:visible!important}@keyframes flash-shake{0%{background:#fbbf24!important;border:3px solid #f59e0b!important;box-shadow:0 0 0 4px #fbbf24,0 0 30px #fbbf24e6!important;transform:translateX(0) scale(1)}10%{background:#fcd34d!important;border:3px solid #fbbf24!important;box-shadow:0 0 0 6px #f59e0b,0 0 40px #f59e0b!important;transform:translateX(-10px) scale(1.05)}20%{background:#fbbf24!important;border:3px solid #f59e0b!important;box-shadow:0 0 0 6px #fbbf24,0 0 40px #fbbf24!important;transform:translateX(10px) scale(1.05)}30%{background:#fcd34d!important;border:3px solid #fbbf24!important;box-shadow:0 0 0 6px #f59e0b,0 0 40px #f59e0b!important;transform:translateX(-8px) scale(1.05)}40%{background:#fbbf24!important;border:3px solid #f59e0b!important;box-shadow:0 0 0 6px #fbbf24,0 0 40px #fbbf24!important;transform:translateX(8px) scale(1.05)}50%{background:#fcd34d!important;border:3px solid #fbbf24!important;box-shadow:0 0 0 6px #f59e0b,0 0 40px #f59e0b!important;transform:translateX(-5px) scale(1.05)}60%{background:#fbbf24!important;border:3px solid #f59e0b!important;box-shadow:0 0 0 6px #fbbf24,0 0 40px #fbbf24!important;transform:translateX(5px) scale(1.05)}70%{background:#fcd34d!important;border:3px solid #fbbf24!important;box-shadow:0 0 0 5px #f59e0b,0 0 30px #f59e0bcc!important;transform:translateX(-3px) scale(1.03)}80%{background:#fbbf24!important;border:3px solid #f59e0b!important;box-shadow:0 0 0 5px #fbbf24,0 0 30px #fbbf24cc!important;transform:translateX(3px) scale(1.03)}90%{background:#fde68a!important;border:2px solid #fbbf24!important;box-shadow:0 0 0 3px #fbbf24,0 0 20px #fbbf2480!important;transform:translateX(-1px) scale(1.01)}to{background:#fff!important;border:2px solid #e0e0e0!important;box-shadow:0 2px 4px #0000001a!important;transform:translateX(0) scale(1)}}.leads-grid .lead-card.flashing-highlight.appointment,.leads-grid .lead-card.flashing-highlight.appointment-done,.leads-grid .lead-card.flashing-highlight.appointment-missed,.leads-grid .lead-card.flashing-highlight.selected,.timeline-events-horizontal .timeline-event-horizontal.flashing-highlight.appointment,.timeline-events-horizontal .timeline-event-horizontal.flashing-highlight.appointment-done,.timeline-events-horizontal .timeline-event-horizontal.flashing-highlight.appointment-missed,.timeline-events-horizontal .timeline-event-horizontal.flashing-highlight.selected{animation:flash-shake 1s ease-in-out!important}.attempt-item,.text-item{cursor:move;transition:opacity .2s,transform .2s}.attempt-item:hover,.text-item:hover{background:#f9fafb}.attempt-item.dragging,.text-item.dragging{opacity:.5;transform:scale(.95)}.attempt-item[draggable=true],.text-item[draggable=true]{-webkit-user-select:none;user-select:none}.quick-stat-item[style*="cursor: pointer"]:hover{background:#667eea0d;transform:translateY(-1px);transition:all .2s ease}.quick-stat-item.active{background:#667eea26;border-color:#667eea;box-shadow:0 0 0 2px #667eea4d}.quick-stat-item.active .quick-stat-label{color:#667eea;font-weight:600}.quick-stat-item.active .quick-stat-value{color:#667eea}.edit-playbook-option{margin-top:16px}.playbook-option-radios{display:flex;flex-direction:column;gap:8px}.radio-label{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:background-color .2s}.radio-label:hover{background-color:#f3f4f6}.radio-label input[type=radio]{cursor:pointer;height:16px;width:16px}.radio-label span{color:#374151;font-size:.95rem}.timeline-event-horizontal{cursor:move;position:relative;transition:all .2s ease}.timeline-event-horizontal.dragging{box-shadow:0 4px 12px #0003;opacity:.4;transform:scale(.95);z-index:1000}.timeline-event-horizontal[draggable=true]:hover:not(.dragging){box-shadow:0 2px 8px #667eea33;transform:translateY(-2px)}.timeline-event-horizontal[draggable=true]{-webkit-user-select:none;user-select:none}.timeline-events-horizontal:has(.timeline-event-horizontal.dragging) .timeline-event-horizontal:not(.dragging):hover{background:#667eea0d;border-left:3px solid #667eea;padding-left:calc(1rem - 3px)}.floating-notepad-container{position:relative}.floating-notepad-container:hover .resize-handle{opacity:1}@media (max-width:768px){.floating-notepad-container{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;bottom:0!important;height:45vh!important;left:5%!important;margin:0 auto;max-height:45vh!important;max-width:90vw!important;position:fixed!important;right:5%!important;top:auto!important;width:90%!important}.floating-notepad-container textarea{font-size:16px!important;min-height:80px!important}.resize-handle{display:none!important}.notepad-backdrop{background:#0000004d!important}.floating-notes-btn{bottom:70px!important;font-size:.9rem!important;padding:12px 16px!important;right:15px!important}}.storage-manager-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.storage-manager{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.storage-manager-header{align-items:center;background:#fff;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.storage-manager-header h2{color:#1f2937;margin:0}.close-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.2rem;padding:8px 16px;transition:all .2s}.close-btn:hover{background:#dc2626;transform:scale(1.05)}.storage-gauge{background:#f9fafb;border-radius:12px;margin:20px;padding:24px}.gauge-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.gauge-header h3{color:#374151;margin:0}.usage-badge{background:#10b981;border-radius:20px;color:#fff;font-size:1.1rem;font-weight:600;padding:6px 12px}.usage-badge.warning{animation:pulse 2s infinite;background:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.gauge-bar{background:#e5e7eb;border-radius:15px;height:30px;margin:12px 0;overflow:hidden}.gauge-fill{border-radius:15px;height:100%;transition:width .5s ease,background-color .5s ease}.gauge-info{color:#6b7280;display:flex;font-size:.9rem;justify-content:space-between}.warning-banner{background:#fef3c7;border:2px solid #fbbf24;border-radius:8px;color:#92400e;font-weight:600;margin:20px;padding:16px;text-align:center}.backup-section,.recommendations,.storage-actions,.storage-breakdown{background:#fff;border:2px solid #e5e7eb;border-radius:12px;margin:20px;padding:20px}.backup-section h3,.recommendations h3,.storage-actions h3,.storage-breakdown h3{color:#1f2937;margin-top:0}.breakdown-list{display:flex;flex-direction:column;gap:8px}.breakdown-item{background:#f9fafb;border-radius:6px;display:flex;font-size:.9rem;justify-content:space-between;padding:12px}.breakdown-key{color:#4b5563;font-family:Courier New,monospace}.breakdown-stats{align-items:center;display:flex;gap:6px}.breakdown-size{color:#1f2937;font-weight:600}.breakdown-percentage{color:#6b7280;font-size:.85rem;font-weight:500}.recommendation-item{background:#dbeafe;border-left:4px solid #3b82f6;border-radius:6px;margin-bottom:8px;padding:12px}.recommendation-text{display:flex;flex-direction:column;gap:4px}.recommendation-text strong{color:#1e40af}.recommendation-text span{color:#475569;font-size:.9rem}.recommendation-size{color:#3b82f6!important;font-weight:600!important}.action-group{border-bottom:1px solid #e5e7eb;margin-bottom:20px;padding-bottom:20px}.action-group:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.action-group h4{color:#1f2937;margin:0 0 8px}.action-group p{color:#6b7280;font-size:.9rem;margin:0 0 12px}.action-buttons{display:flex;flex-wrap:wrap;gap:8px}.action-buttons button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s}.action-buttons button:hover{background:#5568d3;box-shadow:0 4px 8px #667eea4d;transform:translateY(-1px)}.backup-section{text-align:left}.backup-info-box{background:#f0f9ff;border:2px solid #bfdbfe;border-radius:8px;margin:16px 0;padding:16px}.backup-info-box p{color:#1e40af;margin:0 0 8px}.backup-info-box ol{color:#1e3a8a;margin:8px 0 0;padding-left:20px}.backup-info-box li{font-size:.9rem;margin:4px 0}.backup-actions{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0}.backup-btn{border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:600;min-width:150px;padding:12px 20px;transition:all .2s}.backup-btn.download{background:linear-gradient(135deg,#10b981,#059669)}.backup-btn.download:hover{box-shadow:0 8px 16px #10b9814d;transform:translateY(-2px)}.backup-btn.merge{background:linear-gradient(135deg,#3b82f6,#2563eb)}.backup-btn.merge:hover{box-shadow:0 8px 16px #3b82f64d;transform:translateY(-2px)}.backup-btn.replace{background:linear-gradient(135deg,#ef4444,#dc2626)}.backup-btn.replace:hover{box-shadow:0 8px 16px #ef44444d;transform:translateY(-2px)}.backup-note{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:4px;color:#78350f;font-size:.85rem;line-height:1.6;margin:12px 0 0;padding:12px}.backup-history-section{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px;padding:20px}.backup-history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.backup-history-header h3{color:#1f2937;margin:0}.clear-history-btn{background:#ef4444;font-weight:600;padding:6px 12px;transition:all .2s}.clear-history-btn:hover{background:#dc2626;transform:translateY(-1px)}.no-backups-message{color:#6b7280;font-style:italic;padding:24px;text-align:center}.backup-history-list{display:flex;flex-direction:column;gap:12px}.backup-history-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s}.backup-history-item:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateX(2px)}.backup-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.backup-label{align-items:center;display:flex;gap:8px}.backup-icon{font-size:1.2rem}.backup-name{color:#1f2937;font-weight:600;text-transform:capitalize}.backup-meta{color:#6b7280;display:flex;font-size:.85rem;gap:12px}.backup-date{color:#4b5563}.backup-size{color:#9ca3af;font-family:Courier New,monospace}.backup-actions-btns{display:flex;gap:8px}.backup-action-btn{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 14px;transition:all .2s;white-space:nowrap}.backup-action-btn.restore{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.backup-action-btn.restore:hover{box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.backup-action-btn.download{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.backup-action-btn.download:hover{box-shadow:0 4px 8px #10b9814d;transform:translateY(-1px)}.backup-history-note{background:#dbeafe;border-left:4px solid #3b82f6;border-radius:4px;color:#1e3a8a;font-size:.85rem;line-height:1.6;margin:16px 0 0;padding:12px}@media (max-width:768px){.storage-manager{margin:10px;max-height:95vh}.storage-manager-header{padding:16px}.gauge-header{align-items:flex-start;gap:8px}.action-buttons,.gauge-header{flex-direction:column}.action-buttons button{width:100%}.backup-history-item{align-items:flex-start;flex-direction:column;gap:12px}.backup-actions-btns{justify-content:stretch;width:100%}.backup-action-btn{flex:1 1}.backup-actions{flex-direction:column}.backup-btn{width:100%}}.stats-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.user-profile-section{align-items:center;display:flex;margin-left:auto}.user-profile{align-items:center;background:#fff;border:1px solid #667eea33;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;gap:8px;padding:6px 10px}.user-info{gap:6px}.user-icon{color:#667eea;font-size:1.1rem}.user-name{color:#1f2937!important;font-size:.85rem!important;font-weight:600!important;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{background:#ef4444;border:none;border-radius:5px;color:#fff!important;font-size:.75rem;font-weight:600;padding:5px 10px;transition:all .2s;white-space:nowrap}.logout-btn:hover{background:#dc2626;box-shadow:0 2px 6px #ef44444d}.filter-section{margin:0 auto;max-width:1400px;padding:20px 20px 0}.filter-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-wrap:wrap;gap:12px;padding:16px 20px}.filter-label{color:#555;font-size:.95rem;font-weight:600}.filter-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.95rem;min-width:200px;padding:8px 16px;transition:border-color .2s}.filter-select:hover{border-color:#667eea}.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.date-picker-input{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.95rem;padding:8px 16px;transition:border-color .2s}.date-picker-input:hover{border-color:#667eea}.date-picker-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-clear-btn{background:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s}.filter-clear-btn:hover{background:#dc2626;box-shadow:0 4px 8px #ef44444d;transform:translateY(-1px)}.export-csv-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-left:auto;padding:8px 16px;transition:all .2s}.export-csv-btn:hover{box-shadow:0 4px 12px #10b98166;transform:translateY(-1px)}.export-csv-btn:active{transform:translateY(0)}.refresh-graph-btn{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:all .2s}.refresh-graph-btn:hover{box-shadow:0 4px 12px #f59e0b66;transform:translateY(-1px)}.refresh-graph-btn:active{transform:translateY(0)}.storage-btn{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.storage-btn:hover{box-shadow:0 4px 12px #8b5cf666;transform:translateY(-2px)}.stats-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:400px 1fr;margin:0 auto;max-width:1400px;min-height:calc(100vh - 100px);padding:20px}.stats-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:30px}.stats-card h2{color:#333;font-size:1.5rem;margin:0 0 20px}.full-stats-table{border-collapse:collapse;width:100%}.full-stats-table thead{background:#f8f9fa}.full-stats-table th{border-bottom:2px solid #dee2e6;color:#555;font-weight:600;padding:12px;text-align:left}.full-stats-table td{border-bottom:1px solid #e9ecef;color:#333;padding:12px}.full-stats-table tbody tr:hover{background:#f8f9fa}.full-stats-table tbody tr.clickable-row{cursor:pointer;transition:all .2s}.full-stats-table tbody tr.clickable-row:hover{background:#e3f2fd;box-shadow:-4px 0 0 #2196f3;transform:translateX(4px)}.full-stats-table tbody tr.clickable-row:active{background:#bbdefb}.full-stats-table tbody tr.clickable-row.sub-row:hover{background:#f0f9ff;box-shadow:-3px 0 0 #60a5fa;transform:translateX(2px)}.full-stats-table tbody tr.activity-row.clickable-row:hover{background:#f0fdf4;box-shadow:-4px 0 0 #10b981;transform:translateX(4px)}.stat-value{color:#667eea;font-size:1.2rem;font-weight:700;text-align:right}.activity-row{background:#f0fdf4;border-top:1px solid #86efac!important}.activity-row:hover{background:#dcfce7!important}.activity-row .stat-value{color:#16a34a}.financial-row{background:#f0f9ff;border-top:2px solid #667eea!important}.financial-row:hover{background:#e0f2fe!important}.highlight-row{background:#fef3c7!important;font-weight:700}.highlight-row:hover{background:#fde68a!important}.roi-value{color:#059669;font-size:1.4rem;font-weight:800}.financial-row .stat-value{color:#0891b2}.chart-controls{flex-wrap:wrap;gap:20px;margin-bottom:20px}.chart-controls,.control-group{align-items:center;display:flex}.control-group{gap:10px}.chart-controls label{color:#555;font-size:.9rem;font-weight:600;white-space:nowrap}.chart-controls select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.9rem;padding:8px 12px;transition:border-color .2s}.chart-controls select:hover{border-color:#667eea}.chart-controls select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.time-range-select{min-width:140px}.chart-type-select{min-width:200px}.chart-container{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;min-height:350px;padding:20px}.line-chart{height:auto;max-width:100%}@media (max-width:1200px){.stats-container{grid-template-columns:1fr}}@media (max-width:768px){.filter-section{padding:10px 10px 0}.filter-container{flex-wrap:wrap;padding:12px 16px}.filter-select{flex:1 1;min-width:150px}.export-csv-btn,.filter-clear-btn{margin-top:8px;width:100%}.export-csv-btn{margin-left:0}.stats-container{padding:10px}.stats-card{padding:20px}.line-chart{width:100%}.chart-container{overflow-x:auto}}.lead-source-filter-checkboxes{align-items:center;display:flex;gap:16px}.checkbox-filter-label{align-items:center;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:6px;padding:6px 12px;transition:background .2s}.checkbox-filter-label:hover{background:#f3f4f6}.checkbox-filter-label input[type=checkbox]{accent-color:#10b981;cursor:pointer;height:18px;width:18px}.diagnostic-page{background:#f9fafb;margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.diagnostic-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.diagnostic-header h1{color:#111827;margin:0}.back-btn{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;transition:all .2s}.back-btn:hover{background:#4b5563;transform:translateY(-2px)}.diagnostic-actions{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.diagnostic-btn{border:none;border-radius:12px;box-shadow:0 4px 12px #0000001a;color:#fff;cursor:pointer;flex:1 1;font-size:1.2rem;font-weight:700;min-width:200px;padding:20px;transition:all .2s}.diagnostic-btn:hover{box-shadow:0 6px 16px #0003;transform:translateY(-4px)}.check-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.check-btn:hover{box-shadow:0 6px 16px #667eea66}.cleanup-btn{background:linear-gradient(135deg,#10b981,#059669)}.cleanup-btn:hover{box-shadow:0 6px 16px #10b98166}.cleanup-results{background:#fff;border:3px solid #10b981;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:30px;padding:30px}.cleanup-results h2{color:#10b981;margin:0 0 20px}.diagnostic-results{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:30px}.diagnostic-results h2{color:#111827;margin:0 0 20px}.result-section{border-bottom:1px solid #e5e7eb;margin-bottom:30px;padding-bottom:20px}.result-section:last-child{border-bottom:none}.result-section h3{color:#374151;font-size:1.1rem;margin:0 0 15px}.result-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.result-item{align-items:center;background:#f9fafb;border-left:4px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:15px}.result-item.removed{background:#fef2f2;border-left-color:#ef4444}.result-item.total{background:#eff6ff;border-left-color:#3b82f6;font-weight:700}.result-label{color:#6b7280;font-weight:600}.result-value{color:#111827;font-size:1.2rem;font-weight:700}.result-value.success{color:#10b981}.result-value.error{color:#ef4444}.issue-list{list-style:none;margin:10px 0 0;padding:0}.issue-list li{background:#fef2f2;border-left:3px solid #ef4444;border-radius:4px;font-size:.9rem;margin-bottom:8px;padding:8px 12px}.duplicate-group{background:#fef2f2;border-left:4px solid #ef4444;border-radius:8px;margin-bottom:20px;padding:15px}.duplicate-group strong{color:#dc2626;display:block;margin-bottom:10px}.success-message{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:8px;color:#059669;font-size:1.2rem;font-weight:700;margin-top:20px;padding:20px;text-align:center}.refresh-note{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:4px;color:#92400e;font-weight:600;margin-top:15px;padding:12px}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{animation:slideUp .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:40px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:32px;text-align:center}.login-logo{animation:spin 20s linear infinite;height:80px;margin-bottom:16px;width:80px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;margin:0}.login-header p{color:#666;font-size:.95rem;margin:8px 0 0}.login-form{display:flex;flex-direction:column;gap:20px}.form-group label{font-size:.9rem}.form-group input[type=password],.form-group input[type=text],.form-group select.account-select{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:12px 16px;transition:all .3s ease;width:100%}.form-group select.account-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;cursor:pointer;padding-right:40px}.form-group input[type=password]:focus,.form-group input[type=text]:focus,.form-group select.account-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input:disabled,.form-group select:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.checkbox-group{align-items:center;flex-direction:row;margin-top:-8px}.checkbox-group label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:8px}.checkbox-group input[type=checkbox]{cursor:pointer;height:18px;width:18px}.guest-btn,.login-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 24px;transition:all .3s ease}.login-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.login-btn:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.guest-btn{background:#fff;border:2px solid #667eea;color:#667eea}.guest-btn:hover:not(:disabled){background:#f8f9ff;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.guest-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.login-divider{color:#999;font-size:.85rem;margin:8px 0;position:relative;text-align:center}.login-divider:after,.login-divider:before{background:#e0e0e0;content:"";height:1px;position:absolute;top:50%;width:calc(50% - 30px)}.login-divider:before{left:0}.login-divider:after{right:0}.login-error{align-items:center;animation:shake .5s ease;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;display:flex;font-size:.9rem;gap:8px;padding:12px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.login-footer{border-top:1px solid #e0e0e0;margin-top:32px;padding-top:24px}.default-credentials{background:#f8f9ff;border:1px solid #e0e7ff;border-radius:8px;margin-bottom:16px;padding:16px}.default-credentials strong{color:#667eea;display:block;font-size:.9rem;margin-bottom:12px}.cred-row{align-items:center;color:#666;display:flex;font-size:.85rem;gap:8px;margin-bottom:6px}.cred-row:last-child{margin-bottom:0}.cred-row span{font-weight:600;min-width:45px}.cred-row code{background:#fff;border:1px solid #e0e7ff;border-radius:4px;font-family:Courier New,monospace;font-size:.8rem;padding:4px 8px}.info-text{color:#666;font-size:.85rem;line-height:1.5;margin:8px 0 0}.login-version{color:#999;font-size:.8rem;margin:0;text-align:center}@media (max-width:500px){.login-card{padding:30px 24px}.login-header h1{font-size:1.75rem}.login-logo{height:60px;width:60px}}.user-management-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.page-header{align-items:center;display:flex;gap:20px;margin-bottom:30px}.page-header h1{color:#fff;font-size:32px;margin:0}.back-button{background:#fff3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:all .3s}.back-button:hover{background:#ffffff4d;transform:translateX(-2px)}.user-management-container{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;margin:0 auto;max-width:1200px;padding:30px}.action-bar{display:flex;justify-content:flex-end;margin-bottom:30px}.add-user-button{background:#10b981;border:none;border-radius:8px;box-shadow:0 2px 8px #10b9814d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s}.add-user-button:hover{background:#059669;box-shadow:0 4px 12px #10b98166;transform:translateY(-2px)}.add-user-form{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;margin-bottom:30px;padding:30px}.add-user-form h3{color:#111827;font-size:24px;margin:0 0 10px}.form-subtitle{color:#6b7280;font-size:14px;margin:0 0 20px}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:14px;margin-bottom:20px;padding:12px}.form-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px}.form-group{gap:8px}.form-group label{color:#374151;font-size:14px}.form-group input{border:1px solid #d1d5db;font-size:14px;transition:all .2s}.form-group input:focus{box-shadow:0 0 0 3px #667eea1a}.form-group small{color:#6b7280;font-size:12px}.form-actions{display:flex;gap:12px;justify-content:flex-end}.submit-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s}.submit-button:hover{background:#5a67d8;box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.cancel-button{background:#e5e7eb;border:none;border-radius:8px;color:#374151;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s}.cancel-button:hover{background:#d1d5db}.team-hierarchy{margin-top:40px}.team-hierarchy h2{color:#111827;font-size:24px;margin:0 0 10px}.hierarchy-subtitle{color:#6b7280;font-size:14px;margin:0 0 24px}.hierarchy-tree{margin-top:20px}.user-card{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px 20px;transition:all .3s}.user-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateX(4px)}.user-info{flex:1 1;gap:16px}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;justify-content:center;width:48px}.user-name{color:#111827;font-size:16px;font-weight:600;margin-bottom:4px}.user-details{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px}.agency-head-badge{background:#fbbf24;border-radius:4px;color:#78350f;font-size:12px;font-weight:600;padding:2px 8px}.deactivate-btn{background:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.deactivate-btn:hover{background:#fecaca;transform:scale(1.05)}.direct-reports{margin-top:8px}.app{min-height:100vh;padding:20px}.app-header{color:#fff;margin-bottom:30px;text-align:center}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.header-branding{align-items:center;display:flex;flex-direction:column;gap:15px;text-align:center}.mill-logo-container{align-items:center;background:#fff;border:3px solid #ffffffe6;border-radius:50%;box-shadow:0 8px 32px #0003;display:flex;flex-shrink:0;height:180px;justify-content:center;overflow:hidden;position:relative;width:180px}.mill-logo-container:before{background:linear-gradient(45deg,#f0f0f0 25%,#0000 0),linear-gradient(-45deg,#f0f0f0 25%,#0000 0),linear-gradient(45deg,#0000 75%,#f0f0f0 0),linear-gradient(-45deg,#0000 75%,#f0f0f0 0);background-color:#fff;background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:0}.mill-logo{height:140px;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;object-fit:contain;position:relative;width:140px;z-index:1}.mill-logo-fallback{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.3));font-size:100px;position:relative;z-index:1}.header-text{display:flex;flex-direction:column;gap:4px}.app-header h1{font-size:2.5rem;margin:0;text-shadow:2px 2px 4px #0000004d}.brand-subtitle{font-size:1.1rem;font-weight:600;margin:0;opacity:.95}.subtitle{font-size:1.1rem;margin:0;opacity:.85}.nav-buttons{align-items:center;display:flex;gap:16px}.nav-button{background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:all .2s ease;white-space:nowrap}.nav-button:hover{box-shadow:0 4px 12px #ffffff4d;transform:translateY(-2px)}.user-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:8px;display:flex;gap:12px;padding:8px 16px}.user-name{color:#fff;font-size:.95rem;font-weight:500}.user-role{color:#fffc;font-size:.85rem;font-style:italic}.logout-btn{background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:6px 14px;transition:all .2s ease}.logout-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.access-url-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 12px #667eea4d;margin:0 auto 20px;max-width:1400px;padding:16px 24px}.access-url-content{justify-content:center}.access-url-content,.localhost-warning{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.localhost-text{color:#ffe066;font-size:.95rem;font-weight:600}.ip-input{background:#ffffffe6;border:2px solid #ffffff80;border-radius:8px;color:#333;font-family:Courier New,monospace;font-size:1rem;font-weight:600;min-width:220px;padding:8px 16px;transition:all .2s}.ip-input:focus{background:#fff;border-color:#fff;box-shadow:0 0 0 3px #ffffff4d;outline:none}.ip-input::placeholder{color:#999;font-weight:400}.access-url-icon{font-size:1.5rem}.access-url-label{color:#fff;font-size:1rem;font-weight:600}.access-url-link{background:#fff3;border:2px solid #ffffff4d;border-radius:8px;color:#fff;font-family:Courier New,monospace;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .2s}.access-url-link:hover{background:#ffffff4d;box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.change-ip-btn,.copy-url-btn{background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s}.change-ip-btn:hover,.copy-url-btn:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.change-ip-btn{background:#ffffffe6;color:#f59e0b}.change-ip-btn:hover{background:#fff}.auto-detected-badge{background:#10b9814d}.auto-detected-badge,.secure-badge{border:1px solid #ffffff4d;border-radius:6px;color:#fff;font-size:.85rem;font-weight:600;padding:6px 12px}.secure-badge{background:#22c55e4d}@media (max-width:768px){.header-branding{flex-direction:column;gap:10px;text-align:center}.mill-logo-container{height:140px;width:140px}.mill-logo{height:100px;width:100px}.mill-logo-fallback{font-size:70px}.app-header h1{font-size:2rem}.brand-subtitle,.subtitle{font-size:.95rem}.header-content{flex-direction:column;gap:15px}.access-url-banner{padding:12px 16px}.access-url-content{flex-direction:column;gap:8px}.localhost-warning{flex-direction:column;width:100%}.localhost-text{font-size:.85rem}.ip-input{font-size:.9rem;min-width:0;min-width:auto;width:100%}.access-url-link{font-size:.85rem;word-break:break-all}.change-ip-btn,.copy-url-btn{width:100%}}.container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1400px}@media (max-width:1024px){.container{grid-template-columns:1fr}}.left-panel,.right-panel{display:flex;flex-direction:column;gap:20px}.template-selector{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:25px}.template-selector h2{color:#333;font-size:1.5rem;margin-bottom:20px}.template-category{margin-bottom:20px}.template-category h3{border-bottom:2px solid #e0e0e0;color:#666;font-size:.9rem;letter-spacing:1px;margin-bottom:10px;padding-bottom:5px;text-transform:uppercase}.template-button{background:#f5f5f5;border:2px solid #0000;border-radius:8px;cursor:pointer;display:block;font-size:.95rem;margin-bottom:8px;padding:12px 15px;text-align:left;transition:all .2s ease;width:100%}.template-button:hover{background:#e8e8e8;transform:translateX(5px)}.template-button.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#5568d3;color:#fff;font-weight:600}.variable-form{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:25px}.variable-form h2{color:#333;font-size:1.5rem;margin-bottom:20px}.form-grid{grid-gap:15px;display:grid;gap:15px}.form-group{display:flex;flex-direction:column}.form-group label{align-items:center;color:#333;display:flex;font-weight:600;justify-content:space-between;margin-bottom:5px}.variable-tag{background:#f0f0f0;border-radius:4px;color:#666;font-family:monospace;font-size:.75rem;font-weight:400;padding:2px 8px}.form-group input{border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;padding:10px 12px;transition:border-color .2s ease}.form-group input:focus{border-color:#667eea;outline:none}.preview{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:25px;position:-webkit-sticky;position:sticky;top:20px}.preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.preview-header h2{color:#333;font-size:1.5rem}.preview-actions{display:flex;flex-wrap:wrap;gap:10px}.copy-button,.send-message-button{border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;transition:transform .2s ease,box-shadow .2s ease}.copy-button{background:linear-gradient(135deg,#667eea,#764ba2)}.send-message-button{background:linear-gradient(135deg,#06b6d4,#0891b2)}.copy-button:hover,.send-message-button:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.copy-button:active,.send-message-button:active{transform:translateY(0)}.template-name{background:#f8f9fa;border-radius:6px;color:#555;font-weight:600;margin-bottom:20px;padding:10px 15px;text-align:center}.phone-mockup{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:30px;box-shadow:0 10px 30px #0003;margin-bottom:20px;padding:40px 20px}.phone-screen{background:#e5ddd5;border-radius:20px;min-height:300px;padding:20px}.message-bubble{word-wrap:break-word;background:#fff;border-radius:18px;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000001a;color:#333;font-size:1rem;line-height:1.5;max-width:100%;padding:15px 18px;white-space:pre-wrap}.character-count{color:#666;font-size:.9rem;text-align:center}.character-count .warning{color:#ff6b6b;font-weight:600}.contact-manager{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:25px}.contact-manager h2{color:#333;font-size:1.5rem;margin-bottom:20px}.contact-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:15px}.action-button{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 15px;transition:all .2s ease}.action-button.save{background:#4caf50;color:#fff}.action-button.load{background:#2196f3;color:#fff}.action-button.export{background:#ff9800;color:#fff}.action-button:hover:not(:disabled){box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.action-button:disabled{cursor:not-allowed;opacity:.5}.contact-count{color:#666;font-size:.85rem;margin-top:10px;text-align:center}.custom-template-creator{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:25px}.create-template-button{background:linear-gradient(135deg,#11998e,#38ef7d);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:15px;transition:all .2s ease;width:100%}.create-template-button:hover{box-shadow:0 4px 12px #11998e66;transform:translateY(-2px)}.template-history{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:20px}.template-history h3{color:#333;font-size:1.2rem;margin-bottom:15px}.history-list{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.history-item{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;cursor:pointer;font-size:.9rem;padding:10px 12px;text-align:left;transition:all .2s ease}.history-item:hover{background:#e9ecef;border-color:#667eea}.clear-history-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:8px;transition:all .2s ease;width:100%}.clear-history-btn:hover{background:#c82333}.dialog-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.dialog{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;max-width:500px;padding:30px;width:100%}.dialog.large{max-width:700px}.dialog.xlarge{max-width:900px}.dialog h3{color:#333;font-size:1.5rem;margin-bottom:20px}.dialog input,.dialog select,.dialog textarea{border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;margin-bottom:15px;padding:10px 12px;transition:border-color .2s ease;width:100%}.dialog input:focus,.dialog select:focus,.dialog textarea:focus{border-color:#667eea;outline:none}.dialog-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:10px 20px;transition:all .2s ease}.btn-secondary:hover{background:#5a6268}.contact-list{margin-bottom:20px;max-height:400px;overflow-y:auto}.contact-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px;transition:all .2s ease}.contact-item:hover{background:#e9ecef;transform:translateX(5px)}.contact-info{display:flex;flex:1 1;flex-direction:column;gap:5px}.contact-info strong{color:#333;font-size:1.1rem}.contact-details{color:#666;font-size:.9rem}.contact-date{color:#999;font-size:.8rem}.contact-actions-inline{display:flex;gap:8px}.btn-load{background:#2196f3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.btn-load:hover{background:#1976d2}.btn-delete{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s ease}.btn-delete:hover{background:#c82333}.empty-state{color:#999;font-style:italic;padding:40px 20px;text-align:center}.variable-buttons{margin-top:15px}.variable-buttons label{color:#333;display:block;font-weight:600;margin-bottom:10px}.button-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.variable-insert-btn{background:#e3f2fd;border:1px solid #90caf9;border-radius:6px;color:#1976d2;cursor:pointer;font-family:monospace;font-size:.85rem;padding:8px 12px;transition:all .2s ease}.variable-insert-btn:hover{background:#bbdefb;border-color:#1976d2}.template-button-wrapper{align-items:center;display:flex;gap:5px;margin-bottom:8px;position:relative}.template-button-wrapper .template-button{flex:1 1;margin-bottom:0}.delete-template-btn{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:1rem;padding:8px 12px;transition:all .2s ease}.delete-template-btn:hover{background:#c82333;transform:scale(1.1)}.message-preview-box{word-wrap:break-word;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;color:#333;font-size:.95rem;line-height:1.5;max-height:200px;overflow-y:auto;padding:15px;white-space:pre-wrap}.help-text{color:#666;display:block;font-size:.85rem;font-style:italic;margin-top:5px}.info-box{background:#e3f2fd;border:1px solid #90caf9;border-radius:8px;color:#1976d2;font-size:.9rem;margin-top:15px;padding:12px}.info-box strong{display:block;margin-bottom:5px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#888;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#555}