:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--brand-primary);text-decoration:inherit}a:hover{color:var(--brand-primary-hover)}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--content-bg);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-secondary-bg);color:var(--text-primary);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--brand-primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:var(--text-primary);background-color:var(--content-bg)}a:hover{color:var(--brand-primary-hover)}button{background-color:var(--gray-50)}}.password-strength-meter{margin-top:12px;padding:16px;background:var(--card-bg, #f8f9fa);border:1px solid var(--border-light, #e9ecef);border-radius:var(--radius-md, 8px);font-size:14px;width:100%;box-sizing:border-box}.auth-form .password-strength-meter,.modal-content .password-strength-meter{width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}.strength-bar-container{margin-bottom:16px}.strength-bar-label{font-weight:500;margin-bottom:6px;color:var(--text-primary, #333)}.strength-bar{height:8px;background:var(--border-light, #e9ecef);border-radius:4px;overflow:hidden;margin-bottom:6px}.strength-bar-fill{height:100%;border-radius:4px;transition:width .3s ease,background-color .3s ease}.strength-text{font-weight:600;font-size:13px}.password-requirements{margin-bottom:16px}.requirements-title{font-weight:500;margin-bottom:8px;color:var(--text-primary, #333)}.requirements-list{display:grid;gap:4px}.requirement{display:flex;align-items:center;font-size:13px;padding:2px 0}.requirement.met{color:var(--color-success, #22c55e)}.requirement.unmet{color:var(--text-muted, #6b7280)}.password-errors{margin-bottom:12px}.password-error{color:var(--color-error, #ef4444);font-size:13px;margin-bottom:4px;padding:4px 8px;background:var(--status-failed-bg, #fee2e2);border-radius:4px;border:1px solid var(--color-error, #ef4444)}.password-suggestions{margin-bottom:8px}.suggestions-title{font-weight:500;margin-bottom:6px;color:var(--text-primary, #333)}.password-suggestion{color:var(--color-info, #3b82f6);font-size:13px;margin-bottom:3px;line-height:1.4}.validation-loading{color:var(--text-muted, #6b7280);font-size:12px;font-style:italic;text-align:center;padding:8px}@media (max-width: 768px){.password-strength-meter{padding:12px;font-size:13px}.requirements-list,.password-error,.password-suggestion{font-size:12px}}.dark-mode .password-strength-meter{background:var(--card-bg-dark, #374151);border-color:var(--border-dark, #4b5563)}.dark-mode .strength-bar{background:var(--border-dark, #4b5563)}.dark-mode .requirement.unmet{color:var(--text-muted-dark, #9ca3af)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--content-bg);border-radius:12px;padding:2rem;width:90%;max-width:450px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-xl)}@media (max-width: 480px){.modal-overlay .modal-content{width:calc(100% - 1rem)!important;max-width:calc(100% - 1rem)!important;margin:.5rem!important;padding:1.25rem!important}}.modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-secondary);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.modal-close:hover{background-color:var(--gray-100)}.modal-header h2{margin:0 0 1.5rem;color:var(--text-primary);font-size:1.5rem;font-weight:600;text-align:center}.auth-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group label{font-weight:500;color:var(--text-primary);font-size:.875rem}.form-group input{padding:.75rem;border:1px solid var(--input-border);border-radius:8px;font-size:1rem;background:var(--input-bg);color:var(--input-text);transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 3px #3b82f61a}.submit-button{background-color:var(--button-primary-bg);color:var(--text-on-primary);border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s;margin-top:.5rem}.submit-button:hover:not(:disabled){background-color:var(--button-primary-hover-bg)}.submit-button:disabled{background-color:var(--gray-400);cursor:not-allowed}.error-message{background-color:var(--status-failed-bg);color:var(--status-failed-text);padding:.75rem;border-radius:8px;border:1px solid var(--color-error-light);font-size:.875rem}.success-message{background-color:var(--status-completed-bg);color:var(--status-completed-text);padding:.75rem;border-radius:8px;border:1px solid var(--color-success-light);font-size:.875rem}.modal-footer{margin-top:1.5rem;text-align:center;color:var(--text-secondary);font-size:.875rem}.modal-footer p{margin:.5rem 0}.link-button{background:none;border:none;color:var(--brand-primary);text-decoration:underline;cursor:pointer;font-size:inherit}.link-button:hover{color:var(--brand-primary-hover)}@media (max-width: 640px){.modal-content{width:95%;max-width:none;margin:.5rem;padding:1.5rem;border-radius:8px}.form-row{grid-template-columns:1fr}.form-group input{font-size:16px}.auth-form button{padding:.875rem;font-size:1rem}}body.dark-mode .modal-close:hover{background-color:var(--content-container-bg)}body.dark-mode .submit-button{background:var(--gradient-secondary)}body.dark-mode .submit-button:hover:not(:disabled){background:linear-gradient(135deg,var(--brand-primary-hover) 0%,var(--brand-secondary-hover) 100%)}body.dark-mode .link-button{color:var(--brand-primary-light)}.account-selection{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.account-option{display:flex;align-items:center;padding:1rem;border:2px solid var(--border-color);border-radius:8px;transition:all .2s ease;cursor:pointer;background:var(--content-bg);width:100%;text-align:left}.account-option:hover{background:var(--background);border-color:var(--brand-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.account-option.selected{border-color:var(--brand-primary);background:var(--background);box-shadow:0 0 0 3px #3b82f61a}.account-info{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.account-name{color:var(--text-primary);font-weight:600;font-size:.95rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;word-break:break-word}.account-username{color:var(--text-secondary);font-size:.85rem;opacity:.8}.account-name .badge,.account-option .badge{display:inline-block;position:static!important;top:auto!important;right:auto!important;padding:.15rem .4rem;background:var(--brand-primary);color:#fff;border-radius:10px;font-size:.7rem;font-weight:600;margin-left:auto;margin-right:0;white-space:nowrap}.school-selection{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.school-option{display:flex;align-items:center;padding:1rem;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;background:var(--card-bg)}.school-option:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.school-option.selected{border-color:var(--brand-primary);background-color:#3b82f61a}.school-option.selected .school-name{color:var(--brand-primary);font-weight:600}.school-indicator{margin-right:.75rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:var(--brand-primary)}.school-info{flex:1}.school-name{font-weight:500;color:var(--text-primary)}.auth-form .password-strength-meter{width:100%!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.form-group .password-strength-meter{width:100%!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important}@media (max-width: 480px){.account-option{padding:.85rem}.account-name{font-size:.9rem}.account-username{font-size:.8rem}.school-option{padding:.85rem}.school-name{font-size:.9rem}}.profile-modal{background:var(--content-bg);border-radius:1rem;padding:0;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-xl)}.profile-form{padding:2rem}.profile-form .form-section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.profile-form .form-section:last-of-type{border-bottom:none;margin-bottom:1rem}.profile-form .form-section h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.profile-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.profile-form .form-group{margin-bottom:1rem}.profile-form .form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500;font-size:.875rem}.profile-form .form-group input{width:100%;padding:.75rem;border:1px solid var(--input-border);border-radius:.5rem;font-size:1rem;background:var(--input-bg);color:var(--input-text);transition:border-color .2s ease,box-shadow .2s ease}.profile-form .form-group input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #3b82f61a}.profile-form .form-help{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem;font-style:italic}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--border-color)}.cancel-button{background:var(--gray-50);color:var(--text-primary);border:1px solid var(--border-color);padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .2s ease}.cancel-button:hover{background:var(--gray-100);border-color:var(--border-medium)}.save-button{background:var(--gradient-secondary);color:var(--text-on-primary);border:none;padding:.75rem 1.5rem;border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .2s ease}.save-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.save-button:disabled{opacity:.6;cursor:not-allowed}.error-message{background-color:var(--status-error-bg);color:var(--color-error);padding:.75rem;border-radius:.5rem;margin-bottom:1rem;border:1px solid var(--status-error-border)}.success-message{background-color:var(--status-success-bg);color:var(--status-success-text);padding:.75rem;border-radius:.5rem;margin-bottom:1rem;border:1px solid var(--status-success-border)}body.dark-mode .profile-modal{background:var(--bg-secondary);color:var(--text-primary)}body.dark-mode .profile-form .form-section h3{color:var(--text-primary)}body.dark-mode .profile-form .form-section{border-bottom-color:var(--border-color)}body.dark-mode .profile-form .form-group label{color:var(--text-primary)}body.dark-mode .profile-form .form-group input{background:var(--bg-primary);border-color:var(--border-color);color:var(--text-primary)}body.dark-mode .profile-form .form-group input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #3b82f633}body.dark-mode .profile-form .form-help{color:var(--text-secondary)}body.dark-mode .modal-actions{border-top-color:var(--border-color)}body.dark-mode .cancel-button{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color)}body.dark-mode .cancel-button:hover{background:var(--bg-secondary);border-color:var(--text-secondary)}@media (max-width: 640px){.profile-form .form-row{grid-template-columns:1fr}.profile-modal{width:95%}.profile-form{padding:1.5rem}.modal-actions{flex-direction:column}.cancel-button,.save-button{width:100%}}.header{background:var(--gradient-secondary);color:var(--text-on-primary);padding:0;box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100}.header-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:1rem}.header-left .logo{font-size:1.75rem;font-weight:700;margin:0;background:linear-gradient(45deg,var(--text-on-primary),#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:opacity .3s ease}.header-left .logo:hover{opacity:.8}.header-right,.user-menu{display:flex;align-items:center;gap:1rem}.user-greeting{font-weight:500;opacity:.9}.login-button,.logout-button{background-color:#ffffff26;color:var(--text-on-primary);border:2px solid rgba(255,255,255,.3);padding:.5rem 1.5rem;border-radius:25px;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-button:hover,.logout-button:hover{background-color:#ffffff40;border-color:#ffffff80;transform:translateY(-1px)}@media (max-width: 768px){.header-container{padding:1rem}.header-left .logo{font-size:1.5rem}.user-greeting{display:none}.login-button,.logout-button{padding:.5rem 1rem}}.settings-dropdown{position:relative}.settings-button{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .3s ease;display:flex;align-items:center;justify-content:center}.settings-button:hover{background-color:#ffffff26}.settings-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--content-bg);border-radius:12px;box-shadow:var(--shadow-lg);padding:8px 0;min-width:200px;z-index:1000;border:1px solid var(--border-color)}.settings-item{padding:12px 16px}.settings-menu-item{width:100%;background:none;border:none;padding:12px 16px;text-align:left;cursor:pointer;transition:background-color .2s ease;color:var(--text-primary);display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;white-space:nowrap}.settings-menu-item:hover{background-color:var(--gray-100)}.settings-divider{height:1px;background-color:var(--border-color);margin:8px 0}body.dark-mode .settings-menu-item:hover{background-color:var(--content-container-bg)}.fact-sheet-display{background:var(--content-bg);border-radius:var(--radius-lg);padding:var(--space-2xl);border:1px solid var(--border-color)}.fact-sheet-section{margin-bottom:var(--space-2xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--border-light)}.fact-sheet-section:last-child{border-bottom:none;margin-bottom:0}.fact-sheet-section h3{color:var(--text-primary);font-size:var(--font-lg);font-weight:600;margin-bottom:var(--space-lg)}.list-display{list-style:disc;padding:0 0 0 var(--space-2xl);margin:0 0 var(--space-2xl) 0}.list-display li{padding:var(--space-sm) 0;color:var(--text-secondary);border-bottom:1px solid var(--border-light);margin-left:var(--space-lg)}.list-display li:last-child{border-bottom:none}.deadlines-list{display:flex;flex-direction:column;gap:var(--space-md)}.deadline-item{padding:var(--space-md);background:var(--gray-50);border-radius:var(--radius-md);border:1px solid var(--border-light)}.deadline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.deadline-name{font-weight:600;color:var(--text-primary);font-size:var(--font-md)}.deadline-date{font-weight:500;color:var(--brand-primary);font-size:var(--font-sm)}.deadline-description{color:var(--text-secondary);font-size:var(--font-sm);line-height:var(--leading-relaxed)}.fact-sheet-form{background:var(--content-bg);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--border-color)}.list-editor{margin-top:var(--space-md);position:relative}.add-item{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);align-items:center;margin-right:calc(80px + var(--space-md) + var(--space-sm))}.add-item input{flex:1}.add-item .add-button{position:absolute;right:var(--space-md);height:42px;width:80px}.editable-list{list-style:none;padding:0;margin:0}.editable-list li{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--gray-50);border:1px solid var(--border-light);border-radius:var(--radius-sm);margin-bottom:var(--space-sm)}.editable-list li .remove-button{width:80px}.deadlines-editor{margin-top:var(--space-md);position:relative}.add-deadline{margin-bottom:var(--space-lg);margin-right:calc(80px + var(--space-md) + var(--space-sm))}.add-deadline .add-button{position:absolute;right:var(--space-md);top:calc(var(--space-sm) * 2 + 42px);width:80px}.deadline-inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm);margin-bottom:var(--space-sm)}.deadline-editor{padding:var(--space-md);background:var(--gray-50);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:var(--space-md);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md)}.deadline-info{margin-bottom:var(--space-sm);flex:1}.deadline-editor .remove-button{flex-shrink:0;align-self:flex-start;width:80px}@media (max-width: 768px){.fact-sheet-display,.fact-sheet-form{padding:var(--space-lg)}.deadline-inputs{grid-template-columns:1fr}.list-editor .add-item{margin-right:0;flex-direction:column;gap:var(--space-sm)}.list-editor .add-item .add-button{position:static;align-self:flex-start}.deadlines-editor .add-deadline{margin-right:0}.deadlines-editor .add-deadline .add-button{position:static;margin-top:var(--space-sm)}}.resource-item{background:var(--content-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg);transition:var(--transition-base)}.resource-item:hover{border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.resource-info-row{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.resource-name{font-weight:600;color:var(--text-primary);font-size:var(--font-md)}.resource-url{color:var(--brand-primary);text-decoration:none;font-size:var(--font-sm);max-width:400px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-url:hover{text-decoration:underline}.resource-separator{color:var(--text-muted)}.resource-insights-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-top:var(--space-sm);margin-top:var(--space-md);border-top:1px solid var(--border-light)}.resource-actions-row{display:flex;gap:var(--space-sm);align-items:center;margin-left:auto}.view-insights-button,.generate-insights-button{background:var(--brand-primary);color:var(--text-on-primary);border:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-sm);cursor:pointer;transition:all .2s;white-space:nowrap;height:36px;display:inline-flex;align-items:center;gap:var(--space-xs)}.view-insights-button{background:var(--color-info)}.view-insights-button:hover{background:var(--color-info-hover);transform:translateY(-1px)}.generate-insights-button:hover:not(:disabled){background:var(--brand-primary-hover);transform:translateY(-1px)}.generate-insights-button:disabled{opacity:.6;cursor:not-allowed}.generating-text{font-size:var(--font-sm);color:var(--text-secondary);font-style:italic}.insights-content textarea{min-height:300px;font-family:var(--font-family-mono);line-height:var(--leading-relaxed)}@media (max-width: 768px){.resource-item{padding:var(--space-md)}.resource-info-row{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.resource-url{max-width:100%;word-break:break-word;white-space:normal}.resource-separator{display:none}.resource-insights-row{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.insights-container{justify-content:center}.resource-actions-row{margin-left:0;justify-content:center;gap:var(--space-md)}.view-insights-button,.generate-insights-button{flex:1;justify-content:center}}.manual-entry-explanation{background:var(--color-info-bg);border:1px solid var(--color-info);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg)}.manual-entry-explanation p{margin:0 0 var(--space-sm) 0;color:var(--text-primary)}.manual-entry-explanation p:last-child{margin-bottom:0}.manual-entry-explanation ol{margin:var(--space-sm) 0 0 0;padding-left:var(--space-lg)}.manual-entry-explanation ol li{margin-bottom:var(--space-xs);color:var(--text-secondary)}.manual-entry-explanation a{color:var(--brand-primary);text-decoration:none}.manual-entry-explanation a:hover{text-decoration:underline}.manual-content-input{margin-top:var(--space-lg)}.manual-content-input label{display:block;margin-bottom:var(--space-sm);font-weight:600;color:var(--text-primary)}.manual-content-textarea{width:100%;min-height:300px;padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-sm);line-height:1.5;resize:vertical;background:var(--page-bg);color:var(--text-primary)}.manual-content-textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-light)}.manual-content-textarea::placeholder{color:var(--text-muted)}.file-item{background:var(--content-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg);transition:var(--transition-base)}.file-item:hover{border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.file-name-row{display:flex;align-items:center;gap:var(--space-sm)}.file-name{font-weight:600;font-size:var(--font-md)}.file-details-row{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;margin-top:var(--space-xs);font-size:var(--font-sm);color:var(--text-secondary)}.file-filename{color:var(--text-muted);max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-insights-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-top:var(--space-sm);margin-top:var(--space-md);border-top:1px solid var(--border-light)}.insights-container{display:flex;align-items:center;min-height:36px}.file-actions-row{display:flex;gap:var(--space-sm);align-items:center;margin-left:auto}.processing-text{font-size:var(--font-sm);color:var(--text-secondary);font-style:italic}.selected-file{padding:var(--space-md);background:var(--gray-50);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-sm)}.file-upload-button{display:inline-block;cursor:pointer}.large-modal{max-width:800px;width:95%}.insights-details{display:flex;flex-direction:column;gap:var(--space-md)}.insights-content{display:flex;flex-direction:column;gap:var(--space-sm)}.insights-content textarea{width:100%;box-sizing:border-box;resize:vertical}@media (max-width: 768px){.file-item{padding:var(--space-md)}.file-name-row{flex-direction:column;align-items:flex-start}.file-details-row{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.file-filename{max-width:100%}.resource-separator{display:none}.file-insights-row{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.insights-container{justify-content:center}.file-actions-row{margin-left:0;justify-content:center;gap:var(--space-md)}}.interview-item{background:var(--content-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg);transition:var(--transition-base)}.interview-item:hover{border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.interview-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm)}.interview-name{font-weight:600;color:var(--text-primary);font-size:var(--font-md)}.interview-details-row{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--space-sm)}.interview-phone{color:var(--brand-primary);font-weight:500}.interview-topic{color:var(--text-primary);font-weight:500}.interview-duration{color:var(--text-secondary);font-family:var(--font-family-mono)}.interview-status-row{margin-bottom:var(--space-sm);font-size:var(--font-sm)}.interview-insights-preview{color:var(--text-secondary);font-style:italic}.start-call-button,.reset-button{background:var(--color-info);color:var(--text-on-primary);border:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-sm);cursor:pointer;transition:all .2s;white-space:nowrap;height:36px;display:inline-flex;align-items:center;gap:var(--space-xs)}.start-call-button{background:var(--color-success)}.start-call-button:hover:not(:disabled){background:var(--color-success-hover);transform:translateY(-1px)}.reset-button:hover:not(:disabled){background:var(--color-info-hover);transform:translateY(-1px)}.start-call-button:disabled,.reset-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.interview-item{padding:var(--space-md)}.interview-header-row,.interview-details-row{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.resource-separator{display:none}.actions-row{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.main-actions{justify-content:center}.edit-actions{margin-left:0;justify-content:center;gap:var(--space-md)}.start-call-button,.reset-button,.view-insights-button,.generate-insights-button{flex:1;justify-content:center}}.action-prompt-item{background:var(--content-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg);transition:var(--transition-base)}.action-prompt-item:hover{border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.action-prompt-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm)}.action-prompt-name{font-weight:600;color:var(--text-primary);font-size:var(--font-md)}.action-prompt-badges{display:flex;gap:var(--space-xs);align-items:center}.action-prompt-details-row{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap;font-size:var(--font-sm);margin-bottom:var(--space-sm)}.action-prompt-audience{color:var(--text-primary);font-weight:500}.action-prompt-type{color:var(--brand-primary);font-weight:500}.action-prompt-description-row{margin-bottom:var(--space-md)}.action-prompt-description{color:var(--text-secondary);font-size:var(--font-sm);line-height:var(--leading-normal)}.priority-badge{background:var(--color-warning-bg);color:var(--color-warning);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600}.inactive-badge{background:var(--gray-100);color:var(--gray-700);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600}.edit-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:start}.edit-form-grid .full-width{grid-column:1 / -1}.large-modal{max-width:700px;width:90%}@media (max-width: 768px){.action-prompt-item{padding:var(--space-md)}.action-prompt-header-row,.action-prompt-details-row{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.resource-separator{display:none}.action-prompt-badges{align-self:flex-start}.large-modal{width:95%;max-width:none}.edit-form-grid{grid-template-columns:1fr;gap:var(--space-md)}.edit-form-grid .full-width{grid-column:1}}.persona-tab{background:var(--tab-content-bg);border-radius:0 .5rem .5rem;padding:1rem 2rem 2rem;margin-top:0!important;position:relative;top:0!important}.persona-grid,.persona-display{display:grid;grid-template-columns:250px 1fr;gap:3rem;align-items:start}.persona-display{margin-bottom:2rem}.avatar-section,.avatar-display-section{text-align:center;min-width:250px}.avatar-section h3,.avatar-display-section h3{font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:1rem}.avatar-display,.avatar-preview,.avatar-placeholder,.avatar-placeholder-display{width:200px;height:200px;border-radius:50%;background:var(--gray-100);border:4px solid var(--gray-200);display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.avatar-display img,.avatar-preview img{width:100%;height:100%;object-fit:cover}.avatar-preview{position:relative;overflow:hidden}.avatar-placeholder{cursor:pointer;transition:all .2s}.avatar-placeholder:hover{background:var(--gray-200);border-color:var(--brand-primary)}.avatar-placeholder-display{flex-direction:column;gap:.5rem}.placeholder-icon{font-size:3rem}.placeholder-text{font-size:.875rem;color:var(--text-secondary);text-align:center}.placeholder-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1rem}.upload-icon{font-size:2rem;margin-bottom:.5rem}.upload-text{font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.25rem}.upload-hint{font-size:.75rem;color:var(--text-muted)}.avatar-overlay{position:absolute;inset:0;background:#000000b3;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;gap:.5rem}.avatar-preview:hover .avatar-overlay{opacity:1}.change-avatar-button,.remove-avatar-button{padding:.375rem .75rem;border:none;border-radius:.25rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:60px}.change-avatar-button{background:var(--brand-primary);color:var(--text-on-primary)}.change-avatar-button:hover{background:var(--brand-primary-hover)}.remove-avatar-button{background:var(--color-error);color:var(--text-on-primary)}.remove-avatar-button:hover{background:var(--color-error-hover)}.avatar-upload-button{width:220px;padding:.5rem 1rem;background:var(--brand-primary);color:var(--text-on-primary);border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s;margin:0 auto;display:block}.avatar-upload-button:hover{background:var(--brand-primary-hover)}.read-only-field{padding:.25rem 0;background:transparent;border:none;color:var(--text-primary);font-size:.875rem;line-height:1.5}.read-only-textarea{white-space:pre-wrap;line-height:1.6}.preview-section{background:var(--gray-50);border-radius:.75rem;padding:2rem;border:1px solid var(--border-color)}.preview-section h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.preview-section>p{color:var(--text-secondary);margin-bottom:2rem;font-size:.875rem}.persona-preview-card{background:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 2px 4px #0000000d;border:1px solid var(--border-color);display:flex;align-items:flex-start;gap:1rem}.preview-avatar{width:60px;height:60px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--gray-100);border:2px solid var(--gray-200);display:flex;align-items:center;justify-content:center}.preview-avatar img{width:100%;height:100%;object-fit:cover}.default-avatar{font-size:1.5rem;color:var(--text-secondary)}.preview-content{flex:1;min-width:0}.preview-content h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.preview-greeting{color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem;line-height:1.5}.preview-prompt{color:var(--text-secondary);margin:0;font-size:.875rem;font-style:italic}body.dark-mode .persona-preview-card{background:var(--content-container-bg);border-color:var(--border-color);box-shadow:0 2px 4px #0003}body.dark-mode .preview-avatar{background:var(--bg-secondary);border-color:var(--border-color)}@media (max-width: 768px){.persona-grid,.persona-display{grid-template-columns:1fr;gap:2rem}.avatar-section,.avatar-display-section{margin-bottom:1rem}.persona-preview-card{flex-direction:column;align-items:center;text-align:center}.preview-avatar{margin-bottom:1rem}}.voice-tab{background:var(--tab-content-bg);border-radius:0 .5rem .5rem;padding:1rem 2rem 2rem;margin-top:0!important;position:relative;top:0!important}.voice-display{display:grid;grid-template-columns:300px 1fr;gap:3rem;align-items:start;margin-bottom:2rem}.voice-settings-display{display:flex;flex-direction:column;gap:1.5rem}.settings-grid-display{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.setting-display{display:flex;flex-direction:column;gap:.25rem}.setting-display label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.voice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.voice-card{background:var(--content-bg);border:2px solid var(--border-color);border-radius:.5rem;padding:1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.75rem}.voice-card:hover{border-color:var(--brand-primary-light);box-shadow:var(--shadow-sm)}.voice-card.selected{border-color:var(--brand-primary);background:var(--brand-primary-light)}.voice-icon{font-size:1.5rem;flex-shrink:0}.voice-info{flex:1;min-width:0}.voice-info h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.voice-description{font-size:.875rem;color:var(--text-secondary);margin:0 0 .5rem;line-height:1.4}.voice-tags{display:flex;gap:.5rem;flex-wrap:wrap}.voice-tags .tag{background:var(--gray-100);color:var(--text-secondary);padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.preview-section{background:var(--gray-50);border-radius:.5rem;padding:1.5rem;border:1px solid var(--border-color);margin-top:2rem}.preview-section h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.preview-controls{display:flex;gap:1rem;align-items:flex-start;flex-wrap:wrap}.preview-text{flex:1;min-width:300px;padding:.75rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;resize:vertical;min-height:80px}.preview-text:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #3b82f61a}.preview-button{background:var(--brand-primary);color:var(--text-on-primary);border:none;padding:.75rem 1.5rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.preview-button:hover{background:var(--brand-primary-hover)}.preview-button:disabled{opacity:.6;cursor:not-allowed}.loading-voices{text-align:center;color:var(--text-secondary);padding:2rem;font-style:italic}body.dark-mode .voice-card{background:var(--content-container-bg);border-color:var(--border-color)}body.dark-mode .voice-card:hover{border-color:var(--brand-primary-light)}body.dark-mode .voice-card.selected{background:#3b82f61a}body.dark-mode .voice-tags .tag{background:var(--bg-secondary);color:var(--text-secondary)}body.dark-mode .preview-section{background:var(--bg-primary);border-color:var(--border-color)}@media (max-width: 768px){.voice-display{grid-template-columns:1fr;gap:2rem}.settings-grid,.settings-grid-display{grid-template-columns:1fr;gap:1rem}.voice-grid{grid-template-columns:1fr}.preview-controls{flex-direction:column;align-items:stretch}.preview-text{min-width:unset}}.personality-tab{background:var(--tab-content-bg);border-radius:0 .5rem .5rem;padding:1rem 2rem 2rem;margin-top:0!important;position:relative;top:0!important}.personality-display{margin-bottom:2rem}.settings-display-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.traits-display-section,.custom-instructions-display-section{margin-bottom:2rem}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.setting-group{display:flex;flex-direction:column;gap:.5rem}.setting-group label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.setting-group select{padding:.5rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;background:var(--input-bg);color:var(--input-text)}.setting-group select:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #3b82f61a}.setting-hint{font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.slider-container{margin:.5rem 0}.slider-container input[type=range]{width:100%;height:6px;background:var(--gray-200);border-radius:3px;outline:none;transition:background .2s}.slider-container input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;background:var(--brand-primary);border-radius:50%;cursor:pointer;transition:background .2s}.slider-container input[type=range]::-webkit-slider-thumb:hover{background:var(--brand-primary-hover)}.slider-container input[type=range]::-moz-range-thumb{width:20px;height:20px;background:var(--brand-primary);border-radius:50%;cursor:pointer;border:none;transition:background .2s}.slider-container input[type=range]::-moz-range-thumb:hover{background:var(--brand-primary-hover)}.slider-value{font-size:.875rem;font-weight:500;color:var(--text-primary);text-align:center;margin-top:.5rem}.traits-section{margin-bottom:2rem}.traits-section h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.traits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.trait-checkbox{display:flex;align-items:center;gap:.5rem;padding:.5rem;border:1px solid var(--border-color);border-radius:.375rem;cursor:pointer;transition:all .2s;font-size:.875rem}.trait-checkbox:hover{border-color:var(--brand-primary-light);background:var(--gray-50)}.trait-checkbox input[type=checkbox]{margin:0;cursor:pointer}.custom-instructions-section{margin-bottom:2rem}.custom-instructions-section h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.custom-instructions{width:100%;min-height:120px;padding:.75rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;font-family:inherit;resize:vertical;background:var(--input-bg);color:var(--input-text)}.custom-instructions:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #3b82f61a}.custom-instructions::placeholder{color:var(--input-placeholder)}body.dark-mode .trait-checkbox:hover{background:var(--bg-secondary);border-color:var(--brand-primary-light)}@media (max-width: 768px){.settings-display-grid,.settings-grid{grid-template-columns:1fr;gap:1rem}.traits-grid{grid-template-columns:1fr}}.special-instructions-tab{background:var(--tab-content-bg);border-radius:0 .5rem .5rem;padding:1rem 2rem 2rem;margin-top:0!important;position:relative;top:0!important}.special-instruction-item{background:var(--content-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg);transition:var(--transition-base)}.special-instruction-item:hover{border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.special-instruction-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm)}.special-instruction-title{font-weight:600;color:var(--text-primary);font-size:var(--font-md);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-word}.special-instruction-badges{display:flex;gap:var(--space-xs);align-items:center;flex-shrink:0}.special-instruction-type-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.special-instruction-type{color:var(--brand-primary);font-weight:500;font-size:var(--font-sm)}.special-instruction-text-row{margin-bottom:var(--space-md)}.special-instruction-text-preview{color:var(--text-secondary);font-size:var(--font-sm);line-height:var(--leading-normal);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-word}.special-instruction-actions-row{display:flex;justify-content:flex-end;gap:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-light)}.special-instruction-actions-row .edit-button,.special-instruction-actions-row .delete-button{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-size:var(--font-sm);border-radius:var(--radius-sm);transition:var(--transition-base);min-width:70px;justify-content:center}.special-instruction-actions-row .edit-button{background:var(--button-secondary-bg);color:var(--text-primary);border:1px solid var(--border-color)}.special-instruction-actions-row .edit-button:hover{background:var(--button-secondary-hover-bg)}.special-instruction-actions-row .delete-button{background:var(--color-error);color:var(--text-on-primary);border:none}.special-instruction-actions-row .delete-button:hover{background:var(--color-error-hover)}.form-section-clean{margin-bottom:var(--space-xl)}.form-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.form-group-enhanced{display:flex;flex-direction:column;gap:var(--space-sm)}.form-group-full{grid-column:1 / -1}.form-help-text{font-size:var(--font-xs);color:var(--text-muted);margin-top:var(--space-xs)}.checkbox-enhanced{display:flex;align-items:center;gap:var(--space-sm)}.checkbox-enhanced input[type=checkbox]{width:16px;height:16px}.modal-actions-enhanced{display:flex;gap:var(--space-md);padding:var(--space-xl);justify-content:flex-end;border-top:1px solid var(--border-color);background:var(--gray-50)}.modal-content.wide{max-width:700px;width:90%}.instruction-form{padding:var(--space-md) var(--space-xl)}.instruction-form .form-group-enhanced label{font-weight:var(--font-semibold);color:var(--text-primary)}.instruction-form textarea{min-height:120px;resize:vertical}@media (max-width: 768px){.special-instructions-tab{padding:1rem 1rem 2rem;margin:0}.special-instruction-item{padding:var(--space-md);margin:0;word-wrap:break-word;overflow-wrap:break-word}.special-instruction-header-row{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.special-instruction-title{white-space:normal;word-break:break-word;overflow-wrap:break-word;max-width:100%}.special-instruction-text-preview{white-space:normal;word-break:break-word;overflow-wrap:break-word;max-width:100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.special-instruction-badges{align-self:flex-start;flex-wrap:wrap}.special-instruction-actions-row{flex-direction:column;gap:var(--space-xs)}.special-instruction-actions-row .edit-button,.special-instruction-actions-row .delete-button{width:100%;max-width:120px;align-self:center}.form-grid-2col{grid-template-columns:1fr;gap:var(--space-md)}.modal-content.wide{width:95%;max-width:none;margin:0 var(--space-sm)}.modal-actions-enhanced{flex-direction:column;gap:var(--space-sm)}.modal-actions-enhanced button{width:100%;max-width:200px;align-self:center}}.ai-customization-page{min-height:100vh;background-color:var(--page-bg)}.ai-customization-page .accordion-container{display:none!important}.ai-customization-page .desktop-content{display:block!important}@media (max-width: 768px){.ai-customization-page .section-nav,.ai-customization-page .desktop-content{display:none!important}.ai-customization-page .accordion-container{display:block!important;margin-top:1rem}.accordion-content .persona-tab,.accordion-content .voice-tab,.accordion-content .personality-tab{padding:.5rem;margin-top:0;border-radius:0}}.modal-content{background:var(--content-bg);border-radius:12px;box-shadow:var(--shadow-xl);max-height:90vh;width:52%!important;max-width:840px!important;display:flex;flex-direction:column}.field-mapping-modal{width:52%!important;max-width:840px!important}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;color:var(--text-primary);font-size:1.5rem}.close-button{background:none;border:none;font-size:2rem;color:var(--text-muted);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-button:hover{background:var(--gray-100);color:var(--text-primary)}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.mapping-instructions{color:var(--text-secondary);margin-bottom:1.5rem}.mapping-table{border:1px solid var(--border-color);border-radius:8px;overflow:hidden;margin-bottom:2rem}.mapping-header{display:grid;grid-template-columns:1fr 1fr;background:var(--gray-50);padding:1rem;font-weight:600;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.mapping-row{display:grid;grid-template-columns:1fr 1fr;padding:.75rem 1rem;border-bottom:1px solid var(--border-light);align-items:center}.mapping-row:last-child{border-bottom:none}.mapping-row:hover{background:var(--gray-50)}.source-column{font-weight:500;color:var(--text-primary)}.target-field select{width:100%;padding:.5rem;border:1px solid var(--input-border);border-radius:6px;font-size:.95rem;background:var(--input-bg);color:var(--input-text);cursor:pointer}.target-field select:focus{outline:none;border-color:var(--brand-secondary);box-shadow:0 0 0 3px #667eea1a}.target-field input{width:100%;padding:.5rem;border:1px solid var(--brand-secondary);border-radius:6px;font-size:.95rem;background:var(--input-bg);color:var(--input-text);margin-top:.5rem}.target-field input:focus{outline:none;border-color:var(--brand-secondary);box-shadow:0 0 0 3px #667eea1a}.custom-field-section{background:var(--gray-50);border-radius:8px;padding:1.5rem}.custom-field-section h3{margin:0 0 .5rem;color:var(--text-primary);font-size:1.1rem}.custom-field-section p{color:var(--text-secondary);margin-bottom:1rem;font-size:.95rem}.custom-field-input{display:flex;gap:.5rem;margin-bottom:1rem}.custom-field-input input{flex:1;padding:.5rem;border:1px solid var(--input-border);border-radius:6px;font-size:.95rem;background:var(--input-bg);color:var(--input-text)}.custom-field-input input:focus{outline:none;border-color:var(--brand-secondary);box-shadow:0 0 0 3px #667eea1a}.custom-field-input button{padding:.5rem 1rem;background:var(--brand-secondary);color:var(--text-on-primary);border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s}.custom-field-input button:hover{background:var(--brand-secondary-hover)}.custom-fields-list{display:flex;flex-wrap:wrap;gap:.5rem}.custom-field-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;background:var(--content-bg);border:1px solid var(--border-color);border-radius:20px;font-size:.9rem;color:var(--text-primary)}.custom-field-tag button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;font-size:1.2rem;line-height:1;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center}.custom-field-tag button:hover{color:var(--color-error)}.modal-footer{padding:1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:1rem}.cancel-button,.confirm-button{padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.cancel-button{background:var(--button-secondary-bg);border:1px solid var(--border-color);color:var(--text-primary)}.cancel-button:hover{background:var(--button-secondary-hover)}.confirm-button{background:var(--gradient-secondary);border:none;color:var(--text-on-primary)}.confirm-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.prospects-page{min-height:100vh;background:var(--page-bg);width:100%}.page-header{background:var(--content-bg);box-shadow:var(--shadow-md)}.page-header-content{max-width:1200px;margin:0 auto;padding:2rem 3rem;display:flex;align-items:center;gap:2rem;justify-content:flex-start!important}.header-logo{font-size:1.5rem;font-weight:700;color:var(--text-primary);transition:opacity .3s ease}.back-button{background:var(--gray-50);border:1px solid var(--border-color);color:var(--brand-primary);font-size:.875rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:.375rem;transition:all .2s}.back-button:hover{background:var(--border-color);border-color:var(--border-medium)}.page-header h1{color:var(--text-primary);font-size:2rem;font-weight:700;margin:0}.page-content{max-width:1200px;margin:0 auto;padding:2rem 3rem}.prospects-content{background:var(--tab-content-bg)!important;border-radius:.5rem;padding:2rem;display:flex;flex-direction:column;gap:0}body.dark-mode .prospects-content{background:var(--content-container-bg)!important}.top-section{display:flex;gap:1.5rem;align-items:stretch;margin-bottom:2rem;margin-top:-1rem}.stats-section{display:flex;gap:1rem;flex:1}.stat-card{background:var(--content-bg);border:2px solid var(--border-color);border-radius:.5rem;padding:.5rem 1rem 1rem;text-align:center;box-shadow:none;flex:1;transition:all .2s}.stat-card:hover{border-color:var(--brand-primary);box-shadow:0 4px 12px #3b82f626}.stat-value{font-size:1.75rem;font-weight:700;color:var(--brand-secondary);margin-bottom:.25rem}.stat-label{color:var(--text-secondary);font-size:.75rem;text-transform:uppercase;letter-spacing:.3px}.upload-card{background:var(--content-bg);border:2px solid var(--border-color);border-radius:.5rem;padding:.5rem 1rem 1rem;text-align:center;box-shadow:none;flex-shrink:0;width:280px;transition:all .2s}.upload-card:hover{border-color:var(--brand-primary);box-shadow:0 4px 12px #3b82f626}.upload-header{margin-bottom:.375rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:100%}.upload-icon{font-size:1.75rem;margin-bottom:.25rem}.upload-controls{display:flex;flex-direction:column;align-items:center;gap:.75rem}.upload-button{padding:.5rem 1.5rem;background:var(--gradient-secondary);color:var(--text-on-primary);border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.upload-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.upload-button:disabled{opacity:.6;cursor:not-allowed}.selected-file{color:var(--text-secondary);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px;text-align:center}.upload-message{padding:.4rem .75rem;border-radius:6px;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.upload-message.success{background:var(--status-success-bg);color:var(--status-success-text)}.upload-message.warning{background:var(--status-warning-bg);color:var(--status-warning-text)}.upload-message.error{background:var(--status-error-bg);color:var(--color-error)}.prospects-section{background:var(--content-bg);border-radius:16px;padding:2rem;box-shadow:var(--shadow-lg)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.section-header h2{color:var(--text-primary);margin:0;font-size:1.8rem}.list-controls{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.search-input{padding:.5rem 1rem;border:1px solid var(--input-border);border-radius:6px;font-size:.95rem;width:250px;background:var(--input-bg);color:var(--input-text)}.search-input:focus{outline:none;border-color:var(--brand-secondary);box-shadow:0 0 0 3px #667eea1a}.filter-select{padding:.5rem 1rem;border:1px solid var(--input-border);border-radius:6px;font-size:.95rem;background:var(--input-bg);color:var(--input-text);cursor:pointer}.filter-select:focus{outline:none;border-color:var(--brand-secondary);box-shadow:0 0 0 3px #667eea1a}.delete-button{padding:1rem 2rem!important;background:var(--color-error)!important;color:var(--text-on-primary)!important;border:none!important;border-radius:8px!important;font-size:.75rem!important;font-weight:700!important;cursor:pointer!important;transition:all .2s!important;min-height:48px!important;min-width:150px!important;line-height:1.4!important}.delete-button:hover{background:var(--color-error-hover)}.prospects-table-wrapper{overflow-x:auto;margin-bottom:2rem;border:1px solid var(--border-color);border-radius:8px;max-width:100%;background:var(--content-bg)}.prospects-table{width:max-content;min-width:100%;border-collapse:collapse}.prospects-table thead{background:var(--gray-50);position:sticky;top:0;z-index:10}.prospects-table th{padding:.5rem .75rem;text-align:left;font-weight:600;font-size:.875rem;color:var(--text-primary);border-bottom:2px solid var(--border-color);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;min-width:100px;height:40px}.prospects-table th.checkbox-column{min-width:40px;width:40px;padding:.5rem;cursor:default}.prospects-table th:hover{background:var(--gray-100)}.prospects-table tbody tr{border-bottom:1px solid var(--gray-100);height:45px;max-height:45px}.prospects-table tbody tr:hover{background:var(--gray-50)}.prospects-table td{padding:.5rem .75rem;color:var(--text-primary);font-size:.875rem;height:45px;max-height:45px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prospects-table td.checkbox-column{width:40px;padding:.5rem}.prospects-table td.cell-nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.id-cell{font-family:monospace;font-size:.9rem;color:var(--text-secondary)}.name-cell{font-weight:500}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500}.status-badge.status-inquiry{background:var(--status-calling-bg);color:var(--status-calling-text)}.status-badge.status-applied{background:var(--status-warning-bg);color:var(--status-warning-text)}.status-badge.status-admitted{background:var(--status-success-bg);color:var(--status-success-text)}.status-badge.status-enrolled{background:var(--status-enrolled-bg);color:var(--status-enrolled-text)}.status-badge.status-unspecified{background:var(--gray-100);color:var(--text-secondary)}.status-badge.status-pending-enroll{background:var(--status-pending-bg);color:var(--status-pending-text)}.loading-state,.empty-state{text-align:center;padding:3rem;color:var(--text-secondary)}.empty-state{background:var(--gray-50);border-radius:8px;border:2px dashed var(--border-color)}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem}.pagination button{padding:.5rem 1rem;background:var(--content-bg);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;font-size:.95rem;transition:all .2s;color:var(--text-primary)}.pagination button:hover:not(:disabled){background:var(--gray-50);border-color:var(--brand-secondary)}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{color:var(--text-primary);font-weight:500}input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.modal-content{background:var(--content-bg);border-radius:.5rem;box-shadow:var(--shadow-xl);max-width:400px;width:90%;max-height:90vh;overflow:hidden}.modal-header{padding:1.5rem 1.5rem 0}.modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.modal-body{padding:1rem 1.5rem}.modal-body p{margin:0 0 1rem;color:var(--text-primary);line-height:1.5}.warning-text{color:var(--color-error)!important;font-size:.875rem}.modal-actions{display:flex;gap:.75rem;padding:1.5rem;justify-content:flex-end;border-top:1px solid var(--border-color)}.cancel-button{background:var(--gray-100);color:var(--text-primary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.cancel-button:hover{background:var(--border-color)}.delete-confirm-button{background:var(--color-error);color:var(--text-on-primary);border:none;padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}@media (max-width: 768px){.page-header-content{padding:1.5rem 2rem;flex-direction:column;align-items:flex-start;gap:1rem}.page-content{padding:2rem}.page-header h1{font-size:1.75rem}.stats-section{grid-template-columns:repeat(2,1fr)}.list-controls{flex-direction:column;width:100%}.search-input,.filter-select{width:100%}.prospects-table{font-size:.85rem}.prospects-table th,.prospects-table td{padding:.5rem}}.campaigns-page{min-height:100vh;background-color:var(--page-bg)}.page-header{background:var(--page-header-bg);border-bottom:1px solid var(--border-color);padding:1rem 0;margin-bottom:2rem}.page-header-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;gap:1rem;justify-content:flex-start!important}.header-nav{display:flex;align-items:center;gap:1rem}.back-button{background:var(--button-secondary-bg);border:1px solid var(--border-color);color:var(--brand-primary);font-size:.875rem;font-weight:500;cursor:pointer;padding:.5rem 1rem;border-radius:.375rem;transition:all .2s}.back-button:hover{background:var(--button-secondary-hover);border-color:var(--brand-primary-light)}.page-header h1{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin:0}.page-content{max-width:1200px;margin:0 auto!important;padding:.5rem 2rem 0!important}.campaigns-section,.templates-section,.analytics-section{background:var(--tab-content-bg)!important;border-radius:0 .5rem .5rem!important;padding:1rem 2rem 2rem!important;margin-top:0!important;position:relative;top:0!important}.section-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.section-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.section-actions{display:flex;gap:1rem}.campaigns-content,.templates-content,.analytics-content{background:var(--content-bg);border-radius:.5rem;padding:2rem;border:1px solid var(--border-color)}.empty-state{text-align:center;padding:3rem 2rem;color:var(--text-secondary);background:var(--content-bg);border:1px solid var(--border-color);border-radius:.5rem}.empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.empty-state h3{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.empty-state p{margin:0 0 2rem;opacity:.8;line-height:1.6;max-width:500px;margin-left:auto;margin-right:auto;font-size:1rem;color:var(--text-secondary)}.empty-state-actions{display:flex;justify-content:center;gap:1rem}.primary-button{background:var(--gradient-success);color:var(--text-on-primary);border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #10b98166}.primary-button:disabled{opacity:.5;cursor:not-allowed;transform:none}body.dark-mode .campaigns-page{background:var(--page-bg)}@media (max-width: 768px){.intro-card{flex-direction:column;text-align:center}.intro-icon{font-size:2.5rem}.empty-state{padding:2rem 1rem}.empty-state-icon{font-size:3rem}}.api-key-input{flex:1;font-family:monospace;font-size:var(--font-sm);padding:var(--space-md);border:1px solid var(--input-border);border-radius:var(--radius-md);background:var(--gray-50);color:var(--text-primary)}.embed-code-textarea{width:100%;font-family:monospace;font-size:var(--font-xs);line-height:1.4;padding:var(--space-lg);border:1px solid var(--input-border);border-radius:var(--radius-md);background:var(--gray-800);color:var(--gray-200);resize:vertical;min-height:300px}.inspect-button.inspect-insights{background:var(--color-success)}.inspect-button.inspect-insights:hover:not(:disabled){background:var(--color-success-hover)}.inspect-button.inspect-instructions{background:var(--brand-secondary)}.inspect-button.inspect-instructions:hover:not(:disabled){background:var(--brand-secondary-hover)}.modal-content.large-modal{max-width:80%;width:800px;max-height:80vh}.json-content{background:var(--gray-800);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg);max-height:50vh;overflow-y:auto}.json-content pre{margin:0;font-family:Courier New,monospace;font-size:var(--font-sm);line-height:var(--leading-relaxed);color:var(--gray-50);white-space:pre-wrap;word-wrap:break-word}body.dark-mode .api-key-input{background:var(--gray-700);color:var(--gray-200);border-color:var(--gray-600)}body.dark-mode .embed-code-textarea{background:var(--gray-900);color:var(--gray-100);border-color:var(--gray-600)}body.dark-mode .json-content{background:var(--gray-900)}body.dark-mode .json-content pre{color:var(--gray-100)}@media (max-width: 768px){.embed-code-textarea{font-size:var(--font-xs);min-height:250px}}.conversation-viewer-modal{max-width:1100px;width:95%;max-height:80vh;display:flex;flex-direction:column}.conversation-viewer-modal .modal-header{padding:var(--space-lg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.conversation-viewer-modal .modal-header h3{margin:0;color:var(--text-primary);flex:1}.conversation-viewer-modal .modal-body{flex:1;overflow-y:auto;padding:var(--space-lg);background:var(--content-bg)}.conversation-info{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg)}.conversation-info .info-row{display:flex;gap:var(--space-lg);margin-bottom:var(--space-sm)}.conversation-info .info-row:last-child{margin-bottom:0}.conversation-info strong{color:var(--text-secondary);margin-right:var(--space-xs)}.conversation-info .rating-stats{display:flex;gap:var(--space-md)}.conversation-info .rating-stats .excellent{color:var(--color-success)}.conversation-info .rating-stats .poor{color:var(--color-error)}.conversation-analysis{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-light)}.conversation-analysis .analysis-row{display:flex;gap:var(--space-lg);margin-bottom:var(--space-sm);align-items:flex-start;flex-wrap:wrap}.conversation-analysis .analysis-row:last-child{margin-bottom:0}.sentiment-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:500;white-space:nowrap}.sentiment-badge.positive{background:var(--color-success-bg, #f0f9ff);color:var(--color-success, #059669);border:1px solid var(--color-success-light, #bbf7d0)}.sentiment-badge.negative{background:var(--color-error-bg, #fef2f2);color:var(--color-error, #dc2626);border:1px solid var(--color-error-light, #fecaca)}.sentiment-badge.neutral{background:var(--color-neutral-bg, #f9fafb);color:var(--color-neutral, #6b7280);border:1px solid var(--color-neutral-light, #e5e7eb)}.engagement-score{padding:var(--space-xs) var(--space-sm);background:var(--color-primary-bg, #eff6ff);color:var(--color-primary, #2563eb);border:1px solid var(--color-primary-light, #bfdbfe);border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:500;white-space:nowrap}.topics-section{flex:1;min-width:0}.topic-badges{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-xs)}.topic-badge{display:inline-block;background:var(--color-secondary-bg, #f1f5f9);color:var(--color-secondary, #475569);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:500;border:1px solid var(--color-secondary-light, #cbd5e1);cursor:default;transition:all .2s ease}.topic-badge:hover{background:var(--color-secondary-hover, #e2e8f0)}.key-points{flex:1;min-width:0}.key-points ul{margin:var(--space-xs) 0 0 0;padding-left:var(--space-lg);list-style:disc}.key-points li{margin-bottom:var(--space-xs);color:var(--text-primary);font-size:var(--font-sm);line-height:1.4}.key-points li:last-child{margin-bottom:0}.messages-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-light)}.messages-header h4{margin:0;font-size:var(--font-md);color:var(--text-primary)}.lead-data-toggle{display:flex;align-items:center}.lead-data-toggle .toggle-label{display:flex;align-items:center;cursor:pointer;gap:var(--space-sm)}.lead-data-toggle input[type=checkbox]{cursor:pointer}.lead-data-toggle .toggle-text{font-size:var(--font-sm);color:var(--text-secondary)}.messages-list{display:flex;flex-direction:column;gap:var(--space-md)}.conversation-message{border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-md);transition:all .2s;margin-bottom:var(--space-sm)}.conversation-message.user{background:var(--gray-300, #dd720d);color:var(--text-primary);border:1px solid var(--border-light);border-right:3px solid var(--brand-primary);margin-left:var(--space-lg)}.conversation-message.assistant{background:var(--card-bg);color:var(--text-primary);border:2px solid var(--border-color);border-left:4px solid var(--brand-secondary);margin-right:var(--space-lg)}.conversation-message.rating-excellent{background:var(--status-completed-bg);border-color:var(--color-success)}.conversation-message.rating-poor{background:var(--status-failed-bg);border-color:var(--color-error)}.message-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm);padding-bottom:var(--space-sm)}.conversation-message.user .message-header{border-bottom:1px solid var(--border-light);justify-content:flex-end}.conversation-message.assistant .message-header{border-bottom:2px solid var(--border-color)}.message-role{font-weight:600;font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.conversation-message.user .message-role{color:var(--brand-primary);font-weight:600}.conversation-message.assistant .message-role{color:var(--brand-secondary);font-weight:600}.conversation-message.user .message-timestamp{color:var(--text-secondary)}.conversation-message.assistant .message-timestamp{color:var(--text-muted)}.message-timestamp{font-size:var(--font-xs);color:var(--text-muted);margin-left:auto}.message-sentiment{font-size:var(--font-xs);padding:4px 10px;border-radius:var(--radius-sm);text-transform:capitalize;font-weight:500;display:inline-block;margin-left:auto;margin-right:var(--space-sm)}.message-sentiment.sentiment-excited{background:#10b98120;color:#10b981;border:1px solid #10B98140}.message-sentiment.sentiment-interested{background:#3b82f620;color:#3b82f6;border:1px solid #3B82F640}.message-sentiment.sentiment-neutral{background:#6b728020;color:#6b7280;border:1px solid #6B728040}.message-sentiment.sentiment-confused{background:#f59e0b20;color:#f59e0b;border:1px solid #F59E0B40}.message-sentiment.sentiment-concerned{background:#f9731620;color:#f97316;border:1px solid #F9731640}.message-sentiment.sentiment-frustrated{background:#ef444420;color:#ef4444;border:1px solid #EF444440}.message-sentiment.sentiment-positive{background:#10b98120;color:#10b981;border:1px solid #10B98140}.message-sentiment.sentiment-negative{background:#ef444420;color:#ef4444;border:1px solid #EF444440}.message-content{line-height:1.6}.conversation-message.user .message-content{color:var(--text-primary);text-align:right}.conversation-message.assistant .message-content{color:var(--text-primary)}.message-content p{margin:0 0 var(--space-sm) 0}.message-content p:last-child{margin-bottom:0}.code-block-start,.code-block-end{font-family:var(--font-mono);font-size:var(--font-sm);color:var(--text-secondary);background:var(--hover-bg);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);margin:var(--space-sm) 0}.lead-data-header{font-weight:600;color:var(--brand-primary);margin:var(--space-md) 0 var(--space-sm) 0}.json-content{font-family:var(--font-mono);font-size:var(--font-sm);color:var(--text-secondary);background:var(--hover-bg);padding:2px 0;margin-left:var(--space-md)}.message-topics{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-light);align-items:center;justify-content:flex-end}.topics-label{font-size:var(--font-xs);color:var(--text-secondary);font-weight:500;margin-right:var(--space-xs)}.topic-badge{font-size:var(--font-xs);padding:2px 8px;background:var(--brand-primary);color:var(--text-on-primary);border-radius:var(--radius-sm);cursor:help}.message-rating{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-light)}.rating-indicator{font-size:var(--font-sm);font-weight:500}.rating-indicator.excellent{color:var(--color-success)}.rating-indicator.poor{color:var(--color-error)}.rating-notes{font-size:var(--font-sm);color:var(--text-secondary);font-style:italic}.message-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-light)}.message-actions button{font-size:var(--font-sm);padding:var(--space-xs) var(--space-sm);background:var(--button-secondary-bg);color:var(--button-secondary-text);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.message-actions button:hover{background:var(--button-secondary-hover-bg)}.btn-rate{background:var(--brand-primary)!important;color:var(--text-on-primary)!important;border:none!important}.btn-rate:hover{background:var(--brand-primary-hover)!important}.btn-edit-rating{background:var(--color-info)!important;color:#fff!important;border:none!important}.btn-delete-rating{background:var(--color-error)!important;color:#fff!important;border:none!important}.rating-modal{max-width:500px;width:90%}.rating-modal .form-group{margin-bottom:var(--space-md)}.rating-modal label{display:block;margin-bottom:var(--space-xs);font-weight:500;color:var(--text-secondary)}.rating-modal .radio-group{display:flex;gap:var(--space-lg)}.rating-modal .radio-group label{display:flex;align-items:center;gap:var(--space-xs);margin:0;cursor:pointer}.rating-modal select,.rating-modal textarea{width:100%;padding:var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-sm);background:var(--content-bg);color:var(--text-primary)}.rating-modal textarea{resize:vertical;min-height:100px}.delete-modal{max-width:400px;width:90%}.delete-modal p{margin-bottom:var(--space-lg);color:var(--text-primary)}.conversation-viewer-modal .loading{text-align:center;padding:var(--space-xl);color:var(--text-secondary)}.conversation-viewer-modal .error-message{background:var(--status-failed-bg);color:var(--status-failed-text);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md)}.conversation-viewer-modal .no-conversation{text-align:center;padding:var(--space-xl);color:var(--text-muted)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-light)}.modal-footer button{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;transition:all .2s}.btn-secondary{background:var(--button-secondary-bg);color:var(--button-secondary-text);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--button-secondary-hover-bg)}.btn-primary{background:var(--button-primary-bg);color:var(--text-on-primary);border:none}.btn-primary:hover{background:var(--button-primary-hover-bg)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:var(--color-error);color:#fff;border:none}.btn-danger:hover{background:var(--color-error-dark)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.conversation-viewer-modal{width:95%;max-height:90vh}.conversation-info .info-row{flex-direction:column;gap:var(--space-xs)}.messages-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.message-header{flex-wrap:wrap}.message-timestamp{margin-left:0;width:100%;margin-top:var(--space-xs)}.conversation-message.user{margin-left:var(--space-sm);margin-right:0}.conversation-message.assistant{margin-right:var(--space-sm);margin-left:0}}.modal-header-actions{display:flex;gap:var(--space-md);align-items:center}.conversation-viewer-modal .modal-close-button{position:static!important;top:auto!important;right:auto!important}.btn-print{background:var(--button-secondary-bg);color:var(--text-primary);border:1px solid var(--border-color);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-sm);display:flex;align-items:center;gap:var(--space-xs);transition:all .2s}.btn-print:hover{background:var(--button-secondary-hover-bg);border-color:var(--border-medium)}@media print{@page{margin:.5in}body.printing-conversation{margin:0!important;padding:0!important}body.printing-conversation .modal-overlay{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:auto!important;background:#fff!important;z-index:999999!important;padding:0!important;margin:0!important}body.printing-conversation>*:not(.modal-overlay){display:none!important}body.printing-conversation .conversation-viewer-modal{position:static!important;width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;box-shadow:none!important;border:none!important;margin:0!important;padding:20px!important}body.printing-conversation .modal-header-actions{display:none!important}body.printing-conversation .modal-header h3{font-size:24px!important;color:#000!important;margin-bottom:20px!important}body.printing-conversation .conversation-message.user{background:#f0f4ff!important;margin-left:50px!important;margin-bottom:15px!important;padding:15px!important;border:1px solid #ccc!important;page-break-inside:avoid!important}body.printing-conversation .conversation-message.assistant{background:#f9f9f9!important;margin-right:50px!important;margin-bottom:15px!important;padding:15px!important;border:1px solid #ccc!important;page-break-inside:avoid!important}}.engagement-badge{padding:4px 8px;border-radius:4px;font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;gap:4px}.engagement-badge.success{background:var(--status-completed-bg);color:var(--status-completed-text)}.engagement-badge.warning{background:var(--status-pending-bg);color:var(--status-pending-text)}.engagement-badge.muted{background:var(--gray-100);color:var(--text-muted)}.conversations-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s;position:relative}.conversations-table th.sortable:hover{background-color:var(--hover-bg);color:var(--brand-primary)}.conversations-table th.sortable.active{background-color:var(--brand-primary);color:#fff}.conversations-table th.sortable.active:hover{background-color:var(--brand-primary-hover)}.pagination{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-top:1px solid var(--border-color);margin-top:var(--space-lg)}.pagination-info{color:var(--text-muted);font-size:var(--font-sm)}.pagination-controls{display:flex;gap:var(--space-sm);align-items:center}.pagination-btn{padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);background:var(--content-bg);color:var(--text-primary);border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--hover-bg);border-color:var(--brand-primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-page{padding:0 var(--space-md);color:var(--text-primary);font-size:var(--font-sm);font-weight:500}.chatbot-logs-tab .modal-content.large-modal .modal-body{overflow-y:auto!important;overflow-x:hidden!important;max-height:calc(85vh - 140px)!important}.filters-section{background:#fff!important;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg);box-shadow:var(--shadow-sm)}.filters-container{display:flex;gap:var(--space-lg);align-items:end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:var(--space-xs);min-width:150px}.filter-label{font-size:var(--font-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-xs)}.filter-select,.filter-input{padding:var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-sm);background:var(--content-bg);color:var(--text-primary)}.filter-select:focus,.filter-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #3b82f61a}.refresh-button{padding:var(--space-sm) var(--space-md);background:var(--button-secondary-bg);color:var(--button-secondary-text);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-sm);transition:all .2s;height:fit-content}.refresh-button:hover{background:var(--button-secondary-hover-bg)}.refresh-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.filters-container{flex-direction:column;align-items:stretch}.filter-group{min-width:auto}.refresh-button{align-self:flex-start}}.conversations-container{background:var(--content-bg);border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden}.conversations-table{width:100%;border-collapse:collapse}.conversations-table thead{background:var(--gray-50);border-bottom:2px solid var(--border-color)}.conversations-table th{padding:.75rem 1rem;text-align:left;font-size:.875rem;font-weight:600;color:var(--text-primary)}.conversations-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s}.conversations-table tbody tr:hover{background:var(--gray-50)}.conversations-table td{padding:.75rem 1rem;font-size:.875rem;color:var(--text-primary)}.session-id{font-family:monospace;font-size:.75rem;color:var(--text-secondary)}.multiselect-dropdown{position:relative;width:100%}.multiselect-toggle{width:100%;padding:.5rem .75rem;background:var(--content-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.multiselect-toggle:hover{background:var(--hover-bg);border-color:var(--brand-primary)}.dropdown-arrow{font-size:.75rem;color:var(--text-secondary);transition:transform .2s}.multiselect-dropdown.open .dropdown-arrow{transform:rotate(180deg)}.multiselect-options{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;width:max-content;background:var(--content-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:10;max-height:400px;overflow-y:auto}.multiselect-option{display:flex;align-items:center;padding:.5rem .75rem;cursor:pointer;transition:background .2s;font-size:.875rem;color:var(--text-primary)}.multiselect-option:hover{background:var(--hover-bg)}.multiselect-option input[type=checkbox]{margin-right:.5rem;cursor:pointer}.multiselect-option span{flex:1;-webkit-user-select:none;user-select:none;white-space:nowrap}.multiselect-controls{display:flex;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid var(--border-color)}.multiselect-control-btn{flex:1;padding:.25rem .5rem;background:var(--button-secondary-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer;transition:all .2s}.multiselect-control-btn:hover{background:var(--brand-primary);color:var(--text-on-primary);border-color:var(--brand-primary)}.source-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.source-badge.widget{background:#3b82f61a;color:var(--brand-primary)}.message-count{font-weight:600;color:var(--text-primary)}.view-button{padding:.375rem .75rem;background:var(--brand-primary);color:#fff;border:none;border-radius:.25rem;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s}.view-button:hover{background:var(--brand-primary-dark);transform:translateY(-1px)}.view-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.conversation-card{display:none}.chatbot-logs-tab .modal-body{overflow-y:auto!important;min-height:0}.chatbot-logs-tab .modal-body::-webkit-scrollbar{width:12px}.chatbot-logs-tab .modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:6px}.chatbot-logs-tab .modal-body::-webkit-scrollbar-thumb{background:#888;border-radius:6px}.chatbot-logs-tab .modal-body::-webkit-scrollbar-thumb:hover{background:#555}.message-bubble.user{text-align:right;margin-left:2rem}.message-bubble.assistant{text-align:left;margin-right:2rem}.message-bubble.user .message-header{justify-content:flex-end}.code-block-start,.code-block-end{color:var(--text-secondary);font-family:monospace;font-size:.875rem;background:var(--gray-50);padding:.25rem .5rem;margin:.25rem 0;border-radius:.25rem}.json-line{font-family:monospace;font-size:.875rem;background:var(--gray-50);padding:.125rem .5rem;color:var(--text-primary);border-left:3px solid var(--brand-primary);margin-left:.5rem}.rating-buttons{display:flex;gap:.5rem;margin-left:auto}.rating-button{padding:.25rem .5rem;border:none;border-radius:.25rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.rating-button.excellent{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.3)}.rating-button.excellent:hover{background:#22c55e33;transform:translateY(-1px)}.rating-button.poor{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.rating-button.poor:hover{background:#ef444433;transform:translateY(-1px)}.rating-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{display:flex;flex-direction:column;gap:.5rem}.form-section label{font-weight:600;color:var(--text-primary)}.form-section textarea{padding:.75rem;border:1px solid var(--input-border);border-radius:.375rem;background:var(--input-bg);color:var(--text-primary);font-family:inherit;resize:vertical;min-height:100px}.form-section textarea:focus{outline:none;border-color:var(--brand-primary)}.form-section select{padding:.5rem;border:1px solid var(--input-border);border-radius:.375rem;background:var(--input-bg);color:var(--text-primary);font-family:inherit}.form-section small{color:var(--text-secondary);font-size:.75rem}.save-button{padding:.5rem 1.5rem;background:var(--brand-primary);color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.save-button:hover:not(:disabled){background:var(--brand-primary-dark)}.save-button:disabled{opacity:.5;cursor:not-allowed}.existing-rating{display:flex;align-items:center;gap:.5rem}.rating-indicator{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.rating-indicator.excellent{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.3)}.rating-indicator.poor{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.edit-rating-button{padding:.25rem .5rem;background:#3b82f61a;color:#3b82f6;border:1px solid rgba(59,130,246,.3);border-radius:.25rem;font-size:.75rem;cursor:pointer;transition:all .2s}.edit-rating-button:hover{background:#3b82f633;transform:translateY(-1px)}.delete-rating-button{padding:.25rem .5rem;background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.3);border-radius:.25rem;font-size:.75rem;cursor:pointer;transition:all .2s}.delete-rating-button:hover{background:#ef444433;transform:translateY(-1px)}.rating-count{text-align:center;font-weight:500;font-size:.875rem}.rating-count.excellent{color:#16a34a}.rating-count.poor{color:#dc2626}@media (max-width: 768px){.conversations-table{display:none}.conversation-card{display:block}.message-bubble.user,.message-bubble.assistant{margin:0}}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);margin:var(--space-lg) 0;padding:var(--space-md) 0}.checkbox-container{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.setting-checkbox{width:1.25rem;height:1.25rem;border:2px solid var(--border-color);border-radius:.25rem;background:var(--input-bg, white);cursor:pointer;transition:all .2s ease;position:relative;flex-shrink:0}.setting-checkbox:checked{background:var(--brand-primary);border-color:var(--brand-primary)}.setting-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.875rem;font-weight:700}.retention-options{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin:var(--space-lg) 0}@media (max-width: 768px){.setting-row{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.retention-options{flex-direction:column;width:100%}}.testing-content{background:var(--tab-content-bg);border-radius:.5rem;padding:2rem;border:1px solid var(--border-color)}.testing-header-actions{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.clear-chat-btn{background:#e0f2fe;border:1px solid #b3e5fc;color:#0277bd;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.clear-chat-btn:hover{background:#b3e5fc;border-color:#0277bd}.error-banner{background:var(--status-failed-bg);border:1px solid var(--color-error-light);border-radius:.5rem;padding:1rem;margin-bottom:1.5rem;color:var(--color-error);display:flex;align-items:center;gap:.5rem}.error-icon{font-size:1.25rem}.widget-testing-layout{display:grid;grid-template-columns:1fr 320px;gap:2rem;height:600px;margin-bottom:2rem}.widget-replica{display:flex;flex-direction:column}.widget-container{width:100%;height:600px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 4px 20px #00000026;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #e5e7eb;display:flex;flex-direction:column}.widget-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem;display:flex;justify-content:space-between;align-items:center}.widget-title{font-weight:600;font-size:1rem}.widget-body{height:calc(100% - 70px);display:flex;flex-direction:column}.widget-messages{flex:1;overflow-y:auto;padding:1rem;background:#f9fafb}.widget-message{margin-bottom:1rem;display:flex;align-items:flex-start;gap:.5rem}.widget-message-user{flex-direction:row-reverse}.message-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0}.avatar-image{width:100%;height:100%;border-radius:50%;background-size:cover;background-position:center;border:2px solid #667eea}.avatar-initials{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem}.avatar-user{width:100%;height:100%;background:#6b7280;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem}.message-bubble{background:#fff;padding:.75rem 1rem;border-radius:1rem;box-shadow:0 1px 3px #0000001a;max-width:80%;line-height:1.5}.widget-message-user .message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.typing-bubble{font-style:italic;opacity:.7}.typing-indicator{display:flex;align-items:center;gap:.25rem}.typing-indicator span{width:8px;height:8px;background:#6b7280;border-radius:50%;animation:typing-bounce 1.4s ease-in-out infinite both}.typing-indicator span:nth-child(1){animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}.typing-indicator span:nth-child(3){animation-delay:0s}@keyframes typing-bounce{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.widget-input-area{padding:1rem;border-top:1px solid #e5e7eb;background:#fff}.input-container{display:flex;gap:.5rem;align-items:flex-end}.widget-input{flex:1;border:1px solid #d1d5db;border-radius:.5rem;padding:.75rem;resize:none;font-family:inherit;font-size:.875rem;max-height:100px;min-height:44px;background:#fff}.widget-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.widget-input:disabled{background:#f3f4f6;color:#9ca3af}.widget-send-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.5rem;padding:.75rem 1rem;cursor:pointer;font-weight:500;min-width:60px;height:44px;transition:opacity .2s}.widget-send-button:disabled{opacity:.5;cursor:not-allowed}.widget-send-button:hover:not(:disabled){opacity:.9}.sample-questions-panel{background:var(--content-container-bg);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem;height:100%;display:flex;flex-direction:column}.sample-questions-panel h4{margin:0 0 1rem;color:var(--text-primary);font-size:1rem;font-weight:600}.testing-tools-section{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:start;background:var(--content-container-bg);border:1px solid var(--border-color);border-radius:.75rem;padding:1.5rem}.testing-tips-horizontal h4{margin:0 0 1rem;color:var(--text-primary);font-size:1rem;font-weight:600}.inspect-buttons-horizontal{display:flex;gap:1rem;flex-shrink:0}.sample-questions{display:flex;flex-direction:column;gap:.5rem}.sample-question-btn{background:#e0f2fe;border:1px solid #b3e5fc;color:#0277bd;padding:.75rem;border-radius:.5rem;font-size:.875rem;text-align:left;cursor:pointer;transition:all .2s;line-height:1.3}.sample-question-btn:hover:not(:disabled){background:#b3e5fc;border-color:#0277bd;transform:translateY(-1px)}.sample-question-btn:disabled{opacity:.5;cursor:not-allowed}.testing-tips-list{margin:0 0 1.5rem;padding-left:1.25rem;color:var(--text-secondary)}.testing-tips-list li{margin-bottom:.5rem;font-size:.875rem;line-height:1.4}.inspect-buttons{display:flex;flex-direction:column;gap:.5rem}.inspect-button{background:var(--brand-primary);color:#fff;border:none;padding:.75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.inspect-button:hover:not(:disabled){background:var(--brand-primary-dark)}.inspect-button:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:var(--content-container-bg);border-radius:.75rem;max-width:90vw;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.large-modal{width:800px;height:600px}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--content-container-bg)}.modal-header h3{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600}.modal-body{flex:1;overflow:hidden;padding:0}.json-content{background:var(--gray-800);color:var(--gray-200);border-radius:.5rem;padding:1.5rem;overflow:auto;max-height:60vh;height:100%}.json-content pre{margin:0;font-family:Fira Code,Monaco,monospace;font-size:.875rem;line-height:1.5;white-space:pre;min-width:max-content}.modal-actions{padding:1.5rem;border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end;background:var(--content-container-bg)}.copy-button,.close-button{padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:1px solid var(--border-color)}.copy-button{background:var(--brand-primary);color:#fff;border-color:var(--brand-primary)}.copy-button:hover{background:var(--brand-primary-dark)}.close-button{background:var(--button-secondary-bg);color:var(--text-primary)}.close-button:hover{background:var(--button-secondary-hover)}@media (max-width: 1024px){.widget-testing-layout{grid-template-columns:1fr;height:auto;gap:1.5rem}.widget-container{height:500px}.sample-questions-panel{height:auto}.sample-questions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.testing-tools-section{grid-template-columns:1fr;gap:1.5rem}.inspect-buttons-horizontal{justify-content:center}}@media (max-width: 640px){.sample-questions{grid-template-columns:1fr}.inspect-buttons-horizontal{flex-direction:column}.widget-container{height:400px}.modal-overlay{padding:.5rem}.large-modal{width:100%;height:90vh}.json-content pre{font-size:.75rem}}body.dark-mode .widget-container{background:#1f2937;border-color:#374151}body.dark-mode .widget-messages{background:#111827}body.dark-mode .widget-input-area{background:#1f2937;border-color:#374151}body.dark-mode .widget-input{background:#374151;border-color:#4b5563;color:#fff}body.dark-mode .widget-message-ai .message-bubble{background:#374151;color:#fff}.engagement-funnel{background:var(--content-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:2rem;margin:1.5rem 0;overflow:hidden}.funnel-stage{margin-bottom:1.5rem;position:relative}.funnel-bar{min-height:60px;border-radius:.25rem;display:flex;align-items:center;padding:0 1rem;box-shadow:0 2px 4px #0000001a;transition:all .3s ease;max-width:100%;box-sizing:border-box}.funnel-bar:hover{transform:translate(4px);box-shadow:0 3px 8px #00000026}.funnel-content{display:flex;justify-content:space-between;align-items:center;width:100%;color:#333}.funnel-label{font-weight:600;font-size:1rem}.funnel-value{font-weight:700;font-size:1.25rem}.funnel-conversion{margin:.5rem 0;font-size:.875rem;color:var(--text-muted);font-weight:500;padding-left:1rem}.funnel-summary{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color);text-align:center;color:var(--text-secondary);font-size:1rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.metric-card{background:var(--content-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .2s;position:relative;overflow:hidden}.metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.metric-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#3b82f61a;border-radius:50%;flex-shrink:0}.metric-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.metric-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.charts-section{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.chart-card{background:var(--content-bg);border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden}.chart-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);background:var(--gray-50)}.chart-header h3{margin:0;font-size:1rem;color:var(--text-primary);font-weight:600}.chart-content{padding:1.5rem}.bar-chart{display:flex;align-items:end;gap:1rem;height:200px;padding:1rem 0}.bar-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.bar-container{flex:1;width:100%;display:flex;align-items:end;justify-content:center}.bar{width:60%;min-height:8px;border-radius:4px 4px 0 0;transition:all .3s;cursor:pointer}.bar.high{background:var(--brand-primary)}.bar.medium{background:#10b981}.bar.low{background:#94a3b8}.bar:hover{opacity:.8;transform:scaleY(1.05)}.bar-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.bar-value{font-size:.875rem;color:var(--text-primary);font-weight:600}.hour-chart{display:grid;grid-template-columns:repeat(12,1fr);gap:.5rem}.hour-block{aspect-ratio:1;border-radius:.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;border:1px solid rgba(59,130,246,.2)}.hour-block:hover{transform:scale(1.05);border-color:var(--brand-primary)}.hour-label{font-size:.625rem;color:var(--text-primary);font-weight:600}.hour-count{font-size:.75rem;color:var(--text-primary);font-weight:500}@media (max-width: 768px){.metrics-grid,.charts-section{grid-template-columns:1fr}.hour-chart{grid-template-columns:repeat(6,1fr)}}@media (max-width: 480px){.hour-chart{grid-template-columns:repeat(4,1fr)}}.analytics-summary-card{background:var(--content-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-xl);border-left:4px solid var(--brand-primary)}.summary-header{display:flex;justify-content:space-between;align-items:center}.summary-stat{text-align:left}.stat-value{font-size:var(--font-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-xs)}.stat-label{font-size:var(--font-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.summary-period{font-size:var(--font-sm);color:var(--text-secondary);background:var(--bg-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}.topics-list{space-y:var(--space-md)}.topic-item{padding:var(--space-sm) 0;border-bottom:1px solid var(--border-light)}.topic-item:last-child{border-bottom:none}.sentiment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.sentiment-card{transition:all .2s}.sentiment-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width: 768px){.summary-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.sentiment-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.sentiment-grid{grid-template-columns:1fr}}.lead-gen-tab{max-width:1200px;margin:0 auto}.lead-gen-header{margin-bottom:var(--space-2xl);padding-bottom:20px;border-bottom:2px solid var(--border-color)}.enable-checkbox input[type=checkbox]{width:20px;height:20px;margin-right:10px;cursor:pointer}.checkbox-label{color:var(--text-primary);-webkit-user-select:none;user-select:none}.lead-gen-content.disabled{opacity:.5;pointer-events:none}.toggle-switch input:checked+.toggle-slider{background-color:var(--brand-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(26px)}.toggle-label{font-weight:600;color:var(--text-primary);font-size:16px}.mode-selector{margin-bottom:var(--space-2xl)}.mode-selector h3{color:var(--text-primary);margin-bottom:12px;font-size:18px}.mode-buttons{display:flex;gap:10px}.mode-btn{flex:1;padding:var(--space-md) var(--space-lg);border:2px solid var(--border-color);background:var(--content-bg);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .2s;color:var(--text-secondary)}.mode-btn:hover{border-color:var(--brand-primary);background:var(--hover-bg)}.mode-btn.active{background:var(--brand-primary);color:var(--text-on-primary);border-color:var(--brand-primary)}.instructions-section,.smart-card-section{margin-bottom:var(--space-2xl)}.smart-card-section h3,.instructions-section h3{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:var(--font-lg)}.field-help{color:var(--text-secondary);font-size:var(--font-sm);margin-bottom:var(--space-md)}.collection-instructions,.smart-card-instructions{width:100%;padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-sm);resize:vertical;font-family:inherit;line-height:var(--leading-relaxed);box-sizing:border-box;background:var(--input-bg);color:var(--text-primary)}.collection-instructions:focus,.smart-card-instructions:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-alpha)}.minimum-requirements-section{margin-bottom:var(--space-2xl)}.minimum-requirements-section h3{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:var(--font-lg)}.requirement-templates{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md)}.template-btn{padding:var(--space-sm) var(--space-lg);border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--content-bg);color:var(--text-secondary);font-size:var(--font-xs);cursor:pointer;transition:all .2s}.template-btn:hover{background:var(--hover-bg);border-color:var(--border-medium)}.template-btn.active{background:var(--brand-primary);color:var(--text-on-primary);border-color:var(--brand-primary)}.requirements-input{width:100%;padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-lg);font-size:var(--font-sm);font-family:var(--font-mono);box-sizing:border-box;background:var(--input-bg);color:var(--text-primary)}.requirements-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-alpha)}.field-hint{color:var(--text-muted);font-size:12px;margin-top:6px}.fields-section{margin-bottom:var(--space-2xl)}.fields-section h3{color:var(--text-primary);margin-bottom:8px;font-size:18px}.active-fields{margin-bottom:var(--space-2xl)}.field-item{background:var(--content-bg);border:1px solid var(--border-color);border-radius:8px;margin-bottom:12px;transition:all .2s;cursor:move}.field-item.dragging{opacity:.5}.field-item.drag-over{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--brand-primary-alpha)}.field-header{display:flex;align-items:center;padding:12px;gap:12px}.drag-handle{color:var(--text-muted);font-size:16px;cursor:grab;-webkit-user-select:none;user-select:none}.field-number{background:var(--brand-primary);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.field-info{flex:1;min-width:0}.field-label{display:block;font-weight:600;color:var(--text-primary);font-size:14px;margin-bottom:2px}.field-description{display:block;color:var(--text-secondary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-setting{padding:0 12px 12px}.available-fields{background:var(--page-bg);border-radius:8px;padding:20px}.available-fields h4{color:var(--text-primary);margin-bottom:8px;font-size:16px}.available-fields-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-top:12px}.available-field-btn{padding:10px 12px;border:1px dashed var(--border-medium);border-radius:6px;background:var(--content-bg);cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:center;font-size:14px}.available-field-btn:hover{border-color:var(--brand-primary);background:var(--hover-bg)}.available-field-btn .field-label{font-weight:400;margin-bottom:0;font-size:13px}.add-icon{color:var(--lead-gen-success);font-size:18px;font-weight:700}.actions{margin-top:30px;display:flex;justify-content:flex-end}@media (max-width: 768px){.lead-gen-tab{padding:15px}.requirement-templates{flex-direction:column}.template-btn{width:100%;text-align:center}.field-header{flex-wrap:wrap}.field-info{width:100%;order:3;margin-top:8px}.field-description{white-space:normal}.available-fields-grid{grid-template-columns:1fr}.actions{justify-content:stretch}.save-btn{width:100%}}@media (min-width: 769px){.field-item:hover{box-shadow:var(--shadow-md)}.available-fields-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (min-width: 1024px){.instructions-section,.minimum-requirements-section,.fields-section{margin-bottom:40px}.requirement-templates{gap:12px}.available-fields-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-md)}.icon-option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-sm);border:2px solid var(--border-color);border-radius:var(--radius-lg);background:var(--content-bg);cursor:pointer;transition:all .2s;min-height:100px}.icon-option:hover{border-color:var(--brand-primary);background:var(--hover-bg);transform:translateY(-2px)}.icon-option.selected{border-color:var(--brand-primary);background:var(--brand-primary-light)}.icon-emoji{font-size:2rem;margin-bottom:var(--space-sm)}.icon-name{font-size:var(--font-xs);color:var(--text-secondary);text-align:center}.custom-icon-preview{width:48px;height:48px;object-fit:contain}.preview-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:var(--radius-lg);padding:var(--space-3xl);min-height:400px;position:relative;overflow:hidden}.preview-window{position:relative;width:100%;height:100%;min-height:320px}.preview-chat-button{position:absolute;bottom:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-lg);transition:transform .2s,box-shadow .2s;overflow:hidden}.preview-chat-button:hover{transform:scale(1.05);box-shadow:var(--shadow-xl)}.preview-chat-window{position:absolute;bottom:100px;right:20px;width:320px;height:400px;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;display:flex;flex-direction:column}.preview-header{padding:var(--space-lg);font-weight:var(--font-semibold);display:flex;align-items:center;justify-content:center}.preview-messages{flex:1;padding:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md)}.preview-message{background:#0000000d;padding:var(--space-md) var(--space-lg);border-radius:18px;max-width:80%;align-self:flex-start}body.dark-mode .icon-option{background:var(--content-container-bg);border-color:var(--border-color)}body.dark-mode .icon-option:hover{background:var(--hover-bg);border-color:var(--brand-primary)}body.dark-mode .icon-option.selected{background:#3b82f633;border-color:var(--brand-primary)}body.dark-mode .preview-container{background:linear-gradient(135deg,var(--gray-800) 0%,var(--gray-700) 100%)}@media (max-width: 768px){.icon-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:var(--space-sm)}.icon-option{padding:var(--space-md) var(--space-xs);min-height:80px}.icon-emoji{font-size:1.5rem}.preview-container{padding:var(--space-lg);min-height:300px}.preview-chat-window{width:calc(100vw - 60px);max-width:280px;height:300px;right:10px;bottom:80px}.preview-chat-button{bottom:10px;right:10px}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes glow{0%,to{box-shadow:0 4px 8px #00000026}50%{box-shadow:0 4px 16px #0006,0 0 24px #0000004d}}@keyframes bounce{0%,to{transform:translateY(0)}25%{transform:translateY(-8px)}50%{transform:translateY(-4px)}75%{transform:translateY(-6px)}}@keyframes ripple{0%{box-shadow:0 4px 8px #00000026,0 0 #0000004d}70%{box-shadow:0 4px 8px #00000026,0 0 0 15px #0000}to{box-shadow:0 4px 8px #00000026,0 0 0 15px #0000}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.animation-pulse.continuous{animation:pulse 2s ease-in-out infinite}.animation-pulse.interval,.animation-pulse.once{animation:pulse 2s ease-in-out 1}.animation-glow.continuous{animation:glow 2s ease-in-out infinite}.animation-glow.interval,.animation-glow.once{animation:glow 2s ease-in-out 1}.animation-bounce.continuous{animation:bounce 1s ease-in-out infinite}.animation-bounce.interval,.animation-bounce.once{animation:bounce 1s ease-in-out 1}.animation-ripple.continuous{animation:ripple 2s ease-out infinite}.animation-ripple.interval,.animation-ripple.once{animation:ripple 2s ease-out 1}.animation-wiggle.continuous{animation:wiggle .5s ease-in-out infinite}.animation-wiggle.interval,.animation-wiggle.once{animation:wiggle .5s ease-in-out 1}.animation-shimmer.continuous:before,.animation-shimmer.interval:before,.animation-shimmer.once:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.7) 50%,transparent 100%);pointer-events:none;border-radius:inherit}.animation-shimmer.continuous:before{animation:shimmer-sweep 3s linear infinite}.animation-shimmer.interval:before,.animation-shimmer.once:before{animation:shimmer-sweep 3s linear 1}@keyframes shimmer-sweep{0%{left:-100%}to{left:100%}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animation-rotate.continuous{animation:rotate 2s linear infinite}.animation-rotate.interval,.animation-rotate.once{animation:rotate 2s linear 1}.animation-none{animation:none}.field-group{margin-bottom:var(--space-lg)}.field-group label{display:block;margin-bottom:var(--space-sm);font-weight:500;color:var(--text-primary)}.field-group select{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--content-bg);font-size:var(--font-sm);cursor:pointer;transition:border-color .2s}.field-group select:hover{border-color:var(--border-medium)}.field-group select:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),.1)}.field-help{display:block;margin-top:var(--space-xs);font-size:var(--font-xs);color:var(--text-muted);font-weight:400}.accordion-header.expanded .accordion-arrow{transform:rotate(180deg)}.filter-row>.btn-secondary,.filter-row>.dropdown-container{margin-bottom:var(--space-md)}.filters-section{margin-bottom:2rem}.filters-section:hover,.export-configuration:hover,.export-actions:hover,.export-help:hover{transform:none!important;box-shadow:none!important;background:var(--card-bg)!important}.export-configuration,.export-actions,.export-help{margin-bottom:2rem}.export-configuration .stats-row{margin-top:2rem}.export-help{margin-bottom:0}.source-badge.smart-card{background:#dcfce7;color:#166534}.source-badge.conversation{background:#dbeafe;color:#1e40af}.source-badge.other{background:var(--page-bg);color:var(--text-secondary);border:1px solid var(--border-color)}.csv-button{background:var(--color-success)}.csv-button:hover:not(:disabled){background:var(--color-success-hover)}.json-button{background:var(--brand-primary)}.json-button:hover:not(:disabled){background:var(--brand-primary-hover)}.lead-data-header{color:var(--brand-primary);font-weight:600;margin:.5rem 0}.json-line{border-left:3px solid var(--brand-primary);margin-left:.5rem}.field-checkboxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.5rem;max-height:300px;overflow-y:auto;padding:.5rem;border:1px solid var(--border-color);border-radius:.375rem;background:var(--page-bg)}.custom-date-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;align-items:end}.column-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:.25rem;transition:background-color .2s;margin-bottom:.25rem}.column-checkbox-label:hover{background:var(--card-hover-bg)}.column-checkbox-label:last-child{margin-bottom:0}.column-checkbox-label span{color:var(--text-primary);font-size:.875rem;-webkit-user-select:none;user-select:none;flex:1}.field-count{color:var(--text-secondary);font-weight:500}.visible-count{color:var(--text-secondary);font-size:.75rem;text-align:center}@media (max-width: 768px){.field-checkboxes,.custom-date-inputs{grid-template-columns:1fr}}.crm-config-section,.crm-fields-section{background:var(--tab-content-bg);border-radius:0 var(--radius-lg) var(--radius-lg) var(--radius-lg);padding:var(--space-lg);margin-top:0;position:relative;top:0}body.dark-mode .crm-config-section,body.dark-mode .crm-fields-section{background:var(--content-container-bg)}.success-card{border-left:4px solid var(--color-success)}.error-card{border-left:4px solid var(--color-error)}.crm-config-section .stats-card,.crm-fields-section .stats-card{background:transparent;border:1px solid rgba(255,255,255,.2)}.crm-setup-page .section-content{min-height:400px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-style:italic}.user-management-page{min-height:100vh;background:var(--page-bg);padding-top:0}.close-btn{background:none;border:none;font-size:var(--font-lg);cursor:pointer;color:inherit;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.role-badge{display:inline-block;padding:1px 4px;border-radius:8px;font-size:.65rem;font-weight:500;text-transform:uppercase;line-height:1;margin:0;vertical-align:middle}.role-user{background-color:#e3f2fd;color:#1976d2}.role-admin{background-color:#f3e5f5;color:#7b1fa2}.role-superuser{background-color:#ffebee;color:#d32f2f}.status-badge{display:inline-block;padding:1px 4px;border-radius:8px;font-size:.65rem;font-weight:500;text-transform:uppercase;line-height:1;margin:0;vertical-align:middle}.status-badge.active{background-color:#e8f5e8;color:#2e7d32}.status-badge.inactive{background-color:#fafafa;color:#757575}.status-badge.superuser{background-color:#fff3e0;color:#e65100}.status-badge.regular{background-color:#f5f5f5;color:#616161}.school-name{color:#333;font-weight:500}.no-school{color:#999;font-style:italic;font-size:.9rem}.btn{padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:500;text-decoration:none;display:inline-block;transition:background-color .2s,transform .1s}.btn:hover{transform:translateY(-1px)}.btn-primary{background-color:#1976d2;color:#fff}.btn-primary:hover{background-color:#1565c0}.btn-secondary{background-color:#757575;color:#fff}.btn-secondary:hover{background-color:#616161}.btn-warning{background-color:#f57c00;color:#fff}.btn-warning:hover{background-color:#e65100}.btn-success{background-color:#388e3c;color:#fff}.btn-success:hover{background-color:#2e7d32}.btn-danger{background-color:#d32f2f;color:#fff}.btn-danger:hover{background-color:#c62828}.btn-sm{padding:6px 12px;font-size:.875rem}.no-users{padding:40px;text-align:center;color:#666}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:calc(100vh - 40px);display:flex;flex-direction:column;box-shadow:0 4px 20px #0000004d;margin:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eee;flex-shrink:0}.modal-header h3{margin:0;color:#333}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.modal-close:hover{background-color:#f5f5f5}.modal-body{padding:24px;overflow-y:auto;flex:1;min-height:0}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #eee;flex-shrink:0}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.toggle-group{margin-top:24px;padding-top:20px;border-top:1px solid #eee}.toggle-container{display:flex;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;box-shadow:0 2px 8px #00000014}.toggle-info{flex:1}.toggle-label{display:block;font-weight:600;color:#2c3e50;font-size:15px;margin-bottom:4px}.toggle-description{display:block;color:#5a6c7d;font-size:13px;line-height:1.4}.toggle-switch{position:relative;display:inline-block;width:56px;height:28px;margin-left:16px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#cbd5e0;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);border-radius:34px;box-shadow:inset 0 2px 4px #00000026}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background:#fff;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#ff9a56,#ff6b6b);box-shadow:0 0 20px #ff6b6b66,inset 0 2px 4px #00000026}.toggle-switch input:checked+.toggle-slider:before{transform:translate(28px);box-shadow:0 2px 8px #0000004d}.toggle-switch:hover .toggle-slider{box-shadow:0 0 8px #0003,inset 0 2px 4px #00000026}.toggle-switch input:checked+.toggle-slider:hover{box-shadow:0 0 25px #ff6b6b80,inset 0 2px 4px #00000026}.info-message{margin-top:8px;padding:8px 12px;background-color:#e3f2fd;border-left:3px solid #2196f3;border-radius:4px;color:#1565c0;font-size:13px;line-height:1.4}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.users-cards-container{display:flex;flex-direction:column;gap:12px}.user-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:transform .2s ease,box-shadow .2s ease;border:1px solid #f0f0f0;width:100%;display:flex;align-items:center;gap:24px}.user-card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00000026}.user-card-main{display:flex;align-items:center;gap:24px;flex:1;min-width:0}.user-card-info{flex:1;min-width:0}.user-card-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.user-card-name{font-size:1.125rem;font-weight:600;color:#333;margin:0;line-height:1.3}.user-card-role{flex-shrink:0}.user-card-details{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.user-detail-item{display:flex;align-items:center;gap:6px;min-width:0}.user-detail-label{font-weight:500;color:#666;font-size:.8rem;flex-shrink:0}.user-detail-value{color:#333;font-size:.85rem;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card-actions{display:flex;gap:8px;flex-shrink:0}.user-card-actions .btn{text-align:center;font-size:.75rem;padding:6px 12px;border-radius:6px;white-space:nowrap;min-width:80px}.filter-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;margin-bottom:20px;border:1px solid #f0f0f0}.filter-row{display:flex;gap:20px;align-items:center;margin-bottom:12px}.filter-search{flex:1;min-width:250px}.filter-search .search-input{width:100%;padding:10px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;transition:border-color .2s,box-shadow .2s;background:#f8f9fa}.filter-search .search-input:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a;background:#fff}.filter-dropdowns{display:flex;gap:12px;align-items:center;flex-shrink:0}.filter-select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s;min-width:120px}.filter-select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 3px #1976d21a}.filter-clear{padding:8px 16px!important;font-size:.875rem!important;border-radius:6px!important;white-space:nowrap}.filter-results{font-size:.875rem;color:#666;font-weight:500;padding-left:4px}@media (max-width: 1200px){.user-management-container{padding:18px}.user-card{padding:18px;gap:20px}.user-card-main,.user-card-details{gap:20px}}@media (max-width: 768px){.user-management-container{padding:12px}.page-header{flex-direction:column;gap:16px;align-items:stretch;text-align:center}.filter-section{padding:16px}.filter-row{flex-direction:column;gap:16px;align-items:stretch}.filter-search{min-width:auto}.filter-dropdowns{flex-wrap:wrap;gap:10px}.filter-select{flex:1;min-width:110px}.filter-clear{width:100%;margin-top:8px}.page-header h1{font-size:1.5rem;margin-bottom:0}.user-card{flex-direction:column;align-items:stretch;padding:16px;gap:16px}.user-card-main{flex-direction:column;align-items:stretch;gap:12px}.user-card-header{justify-content:space-between;margin-bottom:12px}.user-card-name{font-size:1rem}.user-card-details{flex-direction:column;align-items:stretch;gap:8px}.user-detail-item{justify-content:space-between;padding:4px 0;border-bottom:1px solid #f0f0f0}.user-detail-item:last-child{border-bottom:none}.user-detail-label{font-size:.75rem}.user-detail-value{font-size:.8rem;white-space:normal;text-align:right}.user-card-actions{flex-wrap:wrap;gap:6px}.user-card-actions .btn{flex:1;min-width:0;font-size:.7rem;padding:8px 10px}.form-row{grid-template-columns:1fr;gap:12px}.modal-content{width:95%;margin:8px;max-height:calc(100vh - 30px)}.modal-header{padding:16px 20px}.modal-header h3{font-size:1.25rem}.modal-body{padding:20px;overflow-y:auto;flex:1;min-height:0}.modal-footer{padding:16px 20px;flex-direction:column;gap:10px}.modal-footer .btn{width:100%;padding:12px;font-size:1rem}.form-group input,.form-group select{padding:12px;font-size:16px}.error-message,.success-message{padding:12px;font-size:.875rem;text-align:center}.no-users{padding:40px 20px;font-size:1rem}}@media (max-width: 480px){.user-management-container{padding:10px}.page-header h1{font-size:1.375rem}.filter-section{padding:12px;margin-bottom:16px}.filter-row{gap:12px}.filter-search .search-input{font-size:16px}.filter-select{font-size:16px;min-width:100px}.filter-dropdowns{gap:8px}.filter-results{font-size:.8rem;text-align:center}.user-card{padding:12px}.user-card-header{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:10px}.user-card-name{font-size:.95rem}.user-card-details{gap:6px}.user-detail-item{padding:3px 0}.user-detail-label{font-size:.7rem}.user-detail-value{font-size:.75rem}.user-card-actions{flex-direction:column;gap:4px}.user-card-actions .btn{width:100%;font-size:.7rem;padding:8px 10px}.modal-overlay{padding:0}.modal-content{width:100%;margin:0;border-radius:0;max-height:100vh;height:100vh;display:flex;flex-direction:column}.modal-header{padding:16px;flex-shrink:0}.modal-body{padding:16px;overflow-y:auto;flex:1;min-height:0}.modal-footer{padding:16px;flex-shrink:0}}.scheduler-dashboard-page{min-height:100vh;background:var(--page-bg);padding-top:0}.refresh-button{background:var(--button-secondary-bg);color:var(--text-primary);border:1px solid var(--border-color);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-sm);transition:all .2s;display:flex;align-items:center;gap:var(--space-xs)}.refresh-button:hover:not(:disabled){background:var(--button-secondary-hover-bg);border-color:var(--border-color)}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.metrics-clickable{cursor:pointer;text-decoration:underline;text-decoration-style:dotted;transition:all .2s}.metrics-clickable:hover{background:var(--button-primary-bg);color:var(--button-primary-text);padding:2px 6px;border-radius:var(--radius-sm);text-decoration:none}.metrics-modal{width:90%;max-width:700px}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);padding:var(--space-xs);border-radius:var(--radius-sm);transition:all .2s}.modal-close:hover{background:var(--button-danger-bg);color:var(--button-danger-text)}.execution-info{margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);color:var(--text-primary)}.metrics-grid{display:grid;gap:var(--space-md)}.metric-item{display:grid;grid-template-columns:200px 1fr;gap:var(--space-md);padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-light)}.metric-label{font-weight:600;color:var(--text-secondary);font-size:var(--font-sm);display:flex;align-items:center}.metric-value{color:var(--text-primary);font-family:var(--font-mono)}.value-number{color:var(--text-success);font-weight:600}.value-string{color:var(--text-primary)}.value-boolean{color:var(--text-warning);font-weight:600}.value-object{color:var(--text-info);font-style:italic}.json-value{display:flex;align-items:center;gap:var(--space-sm);justify-content:space-between}.copy-json-btn{background:var(--button-secondary-bg);color:var(--button-secondary-text);border:1px solid var(--border-color);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-xs);transition:all .2s;display:flex;align-items:center;gap:var(--space-xs);white-space:nowrap}.copy-json-btn:hover{background:var(--button-secondary-hover-bg);border-color:var(--border-color);transform:translateY(-1px)}.copy-json-btn:active{transform:translateY(0)}.raw-data-display{background:var(--code-bg);color:var(--code-text);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--font-sm);overflow-x:auto;border:1px solid var(--border-light);white-space:pre-wrap}.task-cell{display:flex;align-items:center;gap:var(--space-sm)}.task-icon{font-size:1.25rem;flex-shrink:0}.task-name{font-weight:600;color:var(--text-primary)}.text-sm{font-size:var(--font-sm)}.font-semibold{font-weight:600}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-info{background:var(--info-bg);color:var(--info-text)}.badge-warning{background:var(--warning-bg);color:var(--warning-text)}.badge-secondary{background:var(--bg-secondary);color:var(--text-secondary)}.badge-success{background:var(--success-bg);color:var(--success-text)}.badge-danger{background:var(--danger-bg);color:var(--danger-text)}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--font-sm)}.code-inline{font-family:var(--font-mono);background:var(--code-bg);padding:2px 6px;border-radius:var(--radius-sm);font-size:var(--font-xs);color:var(--code-text);border:1px solid var(--border-light)}.overview-content{padding:var(--space-lg) 0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-lg);margin-bottom:var(--space-2xl)}.metric-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;align-items:center;gap:var(--space-md);transition:all .2s;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--brand-primary)}.metric-card.primary:before{background:var(--brand-primary)}.metric-card.success:before{background:var(--success-text)}.metric-card.danger:before{background:var(--danger-text)}.metric-card.secondary:before{background:var(--text-secondary)}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.metric-icon{font-size:2rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-md);flex-shrink:0}.metric-content{flex:1}.metric-value{font-size:var(--font-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-xs) 0}.metric-label{font-size:var(--font-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.no-executions{padding:var(--space-2xl);text-align:center;color:var(--text-secondary);font-style:italic}.status-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.5px}.status-success{background:var(--success-bg);color:var(--success-text)}.status-failure{background:var(--danger-bg);color:var(--danger-text)}.status-running{background:var(--info-bg);color:var(--info-text)}.success-result{color:var(--text-success);cursor:help}.error-result{color:var(--text-danger);cursor:help}.no-result{color:var(--text-secondary);font-style:italic}.no-data-message{padding:var(--space-2xl);text-align:center;color:var(--text-secondary);font-style:italic}.filter-controls{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md)}.filter-select{padding:var(--space-xs) var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--text-primary);font-size:var(--font-sm);cursor:pointer}.filter-select:focus{outline:none;border-color:var(--button-primary-bg);box-shadow:0 0 0 3px var(--focus-ring)}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:var(--space-md);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.pagination-button{padding:var(--space-xs) var(--space-md);background:var(--button-secondary-bg);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s}.pagination-button:hover:not(:disabled){background:var(--button-secondary-hover-bg)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:var(--text-secondary);font-size:var(--font-sm)}.date-range-selector{display:flex;align-items:flex-end;gap:var(--space-md);padding:var(--space-lg);background:var(--content-bg);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);flex-wrap:wrap}.date-input-group{display:flex;flex-direction:column;gap:var(--space-sm);flex:1;min-width:150px}.date-input-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.summary-card{background:var(--content-bg);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border-color);text-align:center;transition:transform .2s ease,box-shadow .2s ease}.summary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.summary-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-sm);font-weight:500}.summary-value{font-size:1.5rem;font-weight:700;color:var(--brand-primary)}.empty-state{text-align:center;padding:var(--space-3xl);color:var(--text-secondary)}.empty-icon{font-size:3rem;margin-bottom:var(--space-lg);opacity:.5}.empty-state h3{color:var(--text-primary);margin-bottom:var(--space-sm)}@media (max-width: 768px){.date-range-selector{flex-direction:column;align-items:stretch}.date-input-group{width:100%}.summary-cards{grid-template-columns:repeat(2,1fr)}.charts-section{grid-template-columns:1fr}.chart-card{max-width:100%}}@media (max-width: 480px){.summary-cards{grid-template-columns:1fr}}.chart-card .chart-content{min-height:400px}.empty-state .empty-icon{filter:hue-rotate(60deg)}.advanced-controls{background:var(--content-bg);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:var(--space-xl)}.school-selector{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.school-selector label{font-weight:600;color:var(--text-primary);min-width:120px}.school-selector select{min-width:200px;flex:1;max-width:300px}.loading-text{font-size:.875rem;color:var(--text-secondary);font-style:italic}@media (max-width: 768px){.school-selector{flex-direction:column;align-items:stretch}.school-selector label{min-width:auto}.school-selector select{width:100%;max-width:none}}.home-page{min-height:100vh;width:100%;background:var(--page-bg);transition:background .3s ease}.unauthenticated-content{max-width:var(--max-width-lg);margin:0 auto;width:100%}.about-us{min-height:100vh;background:var(--page-bg)}body.dark-mode .hero-section{background:var(--gradient-secondary)}.hero-section{background:var(--gradient-secondary);color:var(--text-on-primary);padding:4rem 0;text-align:center;position:relative;overflow:hidden;margin-bottom:0}.hero-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.hero-content{position:relative;z-index:1;max-width:800px;margin:0 auto;padding:0 2rem}.hero-content h1{font-size:3rem;font-weight:700;margin-bottom:1rem;color:var(--text-on-primary);text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-subtitle{font-size:1.25rem;color:var(--text-on-primary);opacity:1;max-width:600px;margin:0 auto;line-height:1.6;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.mission-section{background:var(--content-bg);padding:4rem 0;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.mission-text h2{font-size:2.5rem;color:var(--text-primary);margin-bottom:1.5rem;font-weight:700}.mission-text p{font-size:1.125rem;line-height:1.7;color:var(--text-secondary);margin-bottom:1.5rem}.orlando-skyline{background:linear-gradient(135deg,var(--color-warning) 0%,#ff6b6b 100%);border-radius:1rem;padding:2rem;text-align:center;color:var(--text-on-primary);position:relative;overflow:hidden;box-shadow:var(--shadow-xl);border:3px solid var(--content-bg)}.orlando-skyline h3{font-size:1.5rem;margin-bottom:.5rem;font-weight:600}.orlando-skyline p{margin-bottom:2rem;opacity:.9}.skyline-illustration{display:flex;justify-content:center;align-items:flex-end;height:100px;margin-bottom:1rem;gap:.5rem}.building{background:#ffffffe6;border-radius:4px 4px 0 0;position:relative}.building-1{width:30px;height:60px}.building-2{width:25px;height:80px}.building-3{width:35px;height:70px}.building-4{width:28px;height:90px}.building-5{width:32px;height:55px}.building:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:6px;height:6px;background:var(--color-error);border-radius:50%}.palm-trees{display:flex;justify-content:center;gap:1rem;font-size:1.5rem}.values-section{background:var(--gray-50);padding:4rem 0;border-bottom:1px solid var(--border-color)}.values-section h2{text-align:center;font-size:2.5rem;color:var(--text-primary);margin-bottom:3rem;font-weight:700}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.value-card{background:var(--content-bg);padding:2rem;border-radius:1rem;text-align:center;box-shadow:var(--shadow-md);transition:transform .3s ease,box-shadow .3s ease}.value-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.value-icon{font-size:3rem;margin-bottom:1rem}.value-card h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:1rem;font-weight:600}.value-card p{color:var(--text-secondary);line-height:1.6}.team-section{background:var(--content-bg);padding:4rem 0;border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.team-section h2{text-align:center;font-size:2.5rem;color:var(--text-primary);margin-bottom:1rem;font-weight:700}.team-intro{text-align:center;font-size:1.125rem;color:var(--text-secondary);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.team-member{background:var(--gray-50);border-radius:1rem;padding:2rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.team-member:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.member-avatar{width:100px;height:100px;background:var(--gradient-secondary);border-radius:50%;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.member-emoji{font-size:3rem}.member-info h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:.5rem;font-weight:600}.member-info h4{font-size:1rem;color:var(--brand-secondary);margin-bottom:1rem;font-weight:500}.member-info p{color:var(--text-secondary);line-height:1.6;text-align:left}.location-section{background:var(--gray-50);padding:4rem 0}.location-section h2{text-align:center;font-size:2.5rem;color:var(--text-primary);margin-bottom:3rem;font-weight:700}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.location-info h3{font-size:1.5rem;color:var(--text-primary);margin-bottom:1rem;font-weight:600}.address{background:var(--content-bg);padding:1.5rem;border-radius:.5rem;margin-bottom:2rem;box-shadow:var(--shadow-sm)}.address strong{color:var(--brand-secondary)}.location-features{display:grid;gap:1rem}.feature{display:flex;align-items:center;gap:1rem;background:var(--content-bg);padding:1rem;border-radius:.5rem;box-shadow:var(--shadow-sm)}.feature-icon{font-size:1.5rem}.orlando-card{background:linear-gradient(135deg,var(--color-warning) 0%,var(--color-error) 100%);color:var(--text-on-primary);padding:2rem;border-radius:1rem;box-shadow:var(--shadow-xl);border:3px solid var(--content-bg)}.orlando-card h4{font-size:1.5rem;margin-bottom:1rem;font-weight:600}.orlando-card p{line-height:1.6;margin-bottom:2rem;opacity:.9}.orlando-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.stat{text-align:center;background:#ffffff1a;padding:1rem;border-radius:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-number{display:block;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.stat-label{font-size:.875rem;opacity:.8}@media (max-width: 768px){.hero-content h1{font-size:2rem}.hero-subtitle{font-size:1rem}.mission-grid,.location-grid{grid-template-columns:1fr;gap:2rem}.team-grid,.values-grid,.orlando-stats{grid-template-columns:1fr}.container{padding:0 1rem}.hero-section,.mission-section,.values-section,.team-section,.location-section{padding:3rem 0}.orlando-skyline,.orlando-card{border:2px solid var(--content-bg)}}.contact-page{min-height:100vh;background:var(--page-bg);padding:var(--space-xl) 0}.contact-container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.contact-header{text-align:center;margin-bottom:var(--space-2xl)}.contact-header h1{color:var(--text-primary);font-size:2.5rem;font-weight:700;margin-bottom:var(--space-md)}.contact-header p{color:var(--text-secondary);font-size:1.1rem;line-height:1.6;max-width:600px;margin:0 auto}.contact-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-2xl);align-items:start}.contact-form{background:var(--card-bg);padding:var(--space-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg)}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm);font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;background:var(--input-bg);color:var(--input-text);transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:120px;font-family:inherit}.submit-button{width:100%;background:var(--brand-primary);color:var(--text-on-primary);border:none;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:var(--space-md)}.submit-button:hover:not(:disabled){background:var(--brand-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.submit-button:disabled{background:var(--gray-400);cursor:not-allowed;transform:none;box-shadow:none}.error-message{background:var(--status-failed-bg);color:var(--status-failed-text);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-error-light);margin-bottom:var(--space-lg);font-size:.9rem}.success-message{background:var(--status-completed-bg);color:var(--status-completed-text);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-success-light);margin-bottom:var(--space-lg);font-size:.9rem}.contact-info-section{position:sticky;top:var(--space-xl)}.contact-info-card{background:var(--card-bg);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.contact-info-card h3{color:var(--text-primary);font-size:1.3rem;font-weight:700;margin-bottom:var(--space-md)}.contact-info-card>p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-xl)}.contact-info-item{margin-bottom:var(--space-xl)}.contact-info-item:last-child{margin-bottom:0}.contact-info-item h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--space-sm)}.contact-info-item p{color:var(--text-secondary);line-height:1.5;margin:0}.contact-info-item ul{list-style:none;padding:0;margin:var(--space-sm) 0 0 0}.contact-info-item ul li{color:var(--text-secondary);padding:var(--space-xs) 0;position:relative;padding-left:var(--space-md)}.contact-info-item ul li:before{content:"•";color:var(--brand-primary);font-weight:700;position:absolute;left:0}@media (max-width: 768px){.contact-page{padding:var(--space-lg) 0}.contact-container{padding:0 var(--space-md)}.contact-header h1{font-size:2rem}.contact-content{grid-template-columns:1fr;gap:var(--space-xl)}.contact-form{padding:var(--space-xl)}.form-row{grid-template-columns:1fr;gap:0}.contact-info-section{position:static;order:-1}.contact-info-card{padding:var(--space-lg)}}@media (max-width: 480px){.contact-header h1{font-size:1.75rem}.contact-form{padding:var(--space-lg)}.contact-info-card{padding:var(--space-md)}}.site-footer{background:var(--page-bg);color:var(--text-secondary);margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;padding:3rem 2rem 2rem;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem}.footer-section h3{color:var(--text-on-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.footer-brand h3{color:var(--text-primary);font-size:1.2rem;font-weight:700;margin-bottom:1rem}.footer-section h4{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.footer-brand p{color:var(--text-secondary);line-height:1.6;margin-bottom:0}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:var(--text-secondary);text-decoration:none;transition:color .2s ease;font-size:.95rem}.footer-section ul li a:hover{color:var(--text-on-primary)}.footer-bottom{border-top:1px solid var(--border-color);background:#0003}.footer-bottom-content{max-width:1200px;margin:0 auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center}.footer-bottom p{color:var(--text-secondary);margin:0;font-size:.9rem}.footer-social{display:flex;gap:1rem}.footer-social a{color:var(--text-secondary);transition:color .2s ease,transform .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff1a}.footer-social a:hover{color:var(--text-on-primary);transform:translateY(-2px);background:#fff3}.footer-social svg{width:18px;height:18px}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;padding:2rem 1rem 1.5rem;gap:2rem;text-align:center}.footer-brand{order:-1}.footer-bottom-content{flex-direction:column;gap:1rem;padding:1.5rem 1rem;text-align:center}.footer-social{justify-content:center}}@media (max-width: 1024px) and (min-width: 769px){.footer-content{grid-template-columns:1fr 1fr;gap:2rem}.footer-brand{grid-column:1 / -1}}*,*:before,*:after{box-sizing:border-box}:root{--brand-primary: #3b82f6;--brand-primary-hover: #2563eb;--brand-primary-light: #60a5fa;--brand-primary-dark: #1d4ed8;--brand-secondary: #8b5cf6;--brand-secondary-hover: #7c3aed;--color-success: #10b981;--color-success-hover: #059669;--color-success-light: #4ade80;--color-error: #dc2626;--color-error-hover: #b91c1c;--color-error-light: #f87171;--color-warning: #f59e0b;--color-warning-hover: #d97706;--color-warning-light: #fbbf24;--color-info: #493df5;--color-info-hover: #0891b2;--color-info-light: #22d3ee;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--page-bg: var(--gray-50);--page-header-bg: white;--tab-container-bg: rgba(59, 130, 246, .05);--tab-content-bg: rgb(219, 230, 250);--tab-button-bg: transparent;--tab-button-hover-bg: rgba(59, 130, 246, .15);--tab-button-active-bg: rgba(59, 130, 246, .3);--tab-button-border: var(--brand-primary);--content-bg: white;--content-border: var(--gray-200);--content-container-bg: var(--tab-content-bg);--card-bg: white;--card-hover-bg: var(--gray-50);--card-selected-bg: var(--gray-100);--hover-bg: var(--gray-50);--text-primary: var(--gray-800);--text-secondary: var(--gray-500);--text-muted: var(--gray-400);--text-on-primary: white;--button-primary-bg: var(--brand-primary);--button-primary-hover-bg: var(--brand-primary-hover);--button-primary-text: white;--button-secondary-bg: var(--gray-200);--button-secondary-hover-bg: var(--gray-300);--button-disabled-bg: var(--gray-300);--button-disabled-text: var(--gray-500);--border-color: var(--gray-200);--border-light: var(--gray-100);--border-medium: var(--gray-300);--input-bg: white;--input-border: var(--gray-300);--input-border-focus: var(--brand-primary);--input-text: var(--text-primary);--input-placeholder: var(--gray-400);--status-pending-bg: #fef3c7;--status-pending-text: #d97706;--status-calling-bg: #dbeafe;--status-calling-text: #2563eb;--status-completed-bg: #dcfce7;--status-completed-text: #16a34a;--status-failed-bg: #fee2e2;--status-failed-text: #dc2626;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--gradient-primary: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);--gradient-secondary: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-success: linear-gradient(135deg, var(--color-success) 0%, #059669 100%)}body.dark-mode{--page-bg: linear-gradient(135deg, #1f2937 0%, #374151 100%);--page-header-bg: #1f2937;--content-bg: #111827;--content-container-bg: #1f2937;--tab-content-bg: #1f2937;--card-bg: #111827;--hover-bg: #374151;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--border-color: #374151;--border-light: #2d3748;--border-medium: #4a5568;--button-secondary-bg: #374151;--button-secondary-hover-bg: #4b5563;--card-hover-bg: #374151;--input-bg: #111827;--input-border: #374151;--input-text: var(--text-primary);--input-placeholder: var(--text-secondary);--status-pending-bg: rgba(245, 158, 11, .2);--status-pending-text: #fbbf24;--status-calling-bg: rgba(37, 99, 235, .2);--status-calling-text: #60a5fa;--status-completed-bg: rgba(34, 197, 94, .2);--status-completed-text: #4ade80;--status-failed-bg: rgba(239, 68, 68, .2);--status-failed-text: #f87171;--bg-primary: var(--content-bg);--bg-secondary: var(--content-container-bg);--text-primary: var(--text-primary);--text-secondary: var(--text-secondary);--border-color: var(--border-color)}.h2-heading{font-size:1.5rem;color:var(--text-primary);font-weight:700;margin:0 0 .5rem!important;padding-top:0!important}.h2-subheading{font-size:.9rem;color:var(--text-primary);font-weight:600;margin:0 0 .5rem!important;padding-top:0!important;padding-bottom:1rem}.h3-heading{font-size:1.1rem;color:var(--text-primary);font-weight:500;margin:0 0 .5rem!important;padding-top:0!important}.standard-text{font-size:.9rem;color:var(--text-primary);font-weight:400;margin:0 0 .5rem!important;padding-top:0!important}.info-text{font-size:1rem;color:var(--color-info);font-weight:600;margin:0 0 .5rem!important;padding-top:0!important}.warning-text{font-size:1rem;color:var(--color-warning);font-weight:600;margin:0 0 .5rem!important;padding-top:0!important}.success-text{font-size:1rem;color:var(--color-success);font-weight:600;margin:0 0 .5rem!important;padding-top:0!important}.section-nav{display:flex;margin-top:0!important;margin-bottom:0!important;background:var(--tab-container-bg);border-radius:20px 20px 0 0;padding:0;width:fit-content;overflow-y:visible}.nav-button{flex:1;background:transparent;border:none;padding:.5rem 1.5rem;cursor:pointer;font-size:.875rem;line-height:1.2;font-weight:500;color:var(--text-primary)!important;transition:all .2s ease;position:relative;outline:none!important;margin:0;border-radius:20px 20px 0 0;min-height:unset;height:auto}.nav-button:focus{outline:none!important;box-shadow:none!important}.nav-button:focus-visible{outline:none!important}.nav-button:hover{color:var(--text-primary)!important;background:var(--tab-button-hover-bg)}.nav-button:hover:after{content:"";position:absolute;bottom:0!important;left:0;right:0;height:4px!important;background-color:#3b82f6!important;border-radius:2px;z-index:10}.nav-button.active{color:var(--text-primary)!important;background:var(--tab-button-active-bg);font-weight:600;box-shadow:inset 0 0 0 1px #3b82f633}.nav-button.active:after{content:"";position:absolute;bottom:0!important;left:0;right:0;height:4px!important;background-color:#3b82f6!important;border-radius:2px;z-index:10}:root{--font-xs: .75rem;--font-sm: .875rem;--font-base: 1rem;--font-lg: 1.1rem;--font-xl: 1.25rem;--font-2xl: 1.5rem;--font-3xl: 1.75rem;--font-4xl: 2rem;--font-5xl: 2.5rem;--font-6xl: 3.5rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.6;--space-xs: .25rem;--space-sm: .5rem;--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem;--space-2xl: 2rem;--space-3xl: 2.5rem;--space-4xl: 3rem;--space-5xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 9999px;--max-width-sm: 600px;--max-width-md: 800px;--max-width-lg: 1000px;--max-width-xl: 1200px;--max-width-2xl: 1400px}.btn{border:none;cursor:pointer;font-weight:var(--font-semibold);transition:all .3s ease;border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-2xl);font-size:var(--font-base)}.btn-primary{background:var(--gradient-secondary);color:var(--text-on-primary);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--button-secondary-bg);color:var(--text-primary);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--button-secondary-hover-bg);box-shadow:var(--shadow-md)}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:var(--font-lg)}.card{background:var(--card-bg);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-md);transition:all .3s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-clickable{cursor:pointer;border:2px solid transparent;position:relative}.card-clickable:hover{border-color:var(--brand-secondary)}.card-disabled{cursor:not-allowed;opacity:.5;background:var(--gray-50)}.card-disabled:hover{transform:none;box-shadow:var(--shadow-md);border-color:transparent}.card-icon{font-size:var(--font-4xl);margin-bottom:var(--space-lg);display:block}.card-arrow{position:absolute;top:var(--space-2xl);right:var(--space-2xl);font-size:var(--font-xl);color:var(--brand-secondary);transition:transform .3s ease}.card-clickable:hover .card-arrow{transform:translate(4px)}.management-card{background:var(--tab-content-bg);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-md);transition:all .3s ease;cursor:pointer;position:relative;border:2px solid transparent;width:100%;max-width:400px}.management-card:hover:not(.coming-soon):not(.disabled){transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--brand-secondary)}.management-card.coming-soon{cursor:not-allowed;opacity:.7}.management-card.disabled{cursor:not-allowed;opacity:.5;background:var(--gray-50)}.feature-card{background:var(--content-bg);padding:var(--space-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.feature-item{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-xl);background:#ffffffe6;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.3);box-shadow:var(--shadow-md);transition:all .3s ease;font-weight:var(--font-medium);color:var(--text-primary)}.feature-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:#fffffff2}.feature-icon{font-size:var(--font-4xl);min-width:2rem}.info-card{background:linear-gradient(135deg,var(--gray-50) 0%,var(--border-color) 100%);padding:var(--space-3xl);border-radius:var(--radius-xl);border:1px solid var(--border-color)}.info-card ul{list-style:none;padding:0}.info-card li{padding:var(--space-md) 0;color:var(--text-secondary);position:relative;padding-left:var(--space-xl)}.info-card li:before{content:"✓";position:absolute;left:0;color:var(--color-success);font-weight:700}.section-container{max-width:var(--max-width-xl);margin:0 auto;width:100%}.section-bubble{background:var(--content-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);padding:var(--space-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);position:relative;overflow:hidden}.section-bubble:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--brand-primary),var(--brand-secondary),#ec4899)}.section-header{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.section-number{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:var(--text-on-primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--font-xl);box-shadow:var(--shadow-md)}.heading-hero{font-size:var(--font-6xl);font-weight:var(--font-bold);color:var(--brand-secondary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.heading-page{font-size:var(--font-5xl);font-weight:var(--font-bold);color:var(--text-primary)}.heading-section{font-size:var(--font-3xl);font-weight:var(--font-bold);color:var(--text-primary)}.heading-card{font-size:var(--font-2xl);font-weight:var(--font-semibold);color:var(--text-primary)}.text-subtitle{font-size:var(--font-xl);color:var(--text-secondary);line-height:var(--leading-relaxed)}.text-description{color:var(--text-secondary);line-height:var(--leading-relaxed)}.badge{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-lg);font-size:var(--font-xs);font-weight:var(--font-semibold);position:absolute;top:var(--space-lg);right:var(--space-lg)}.badge-warning{background:var(--color-warning);color:var(--text-on-primary)}.badge-error{background:var(--color-error);color:var(--text-on-primary)}.page-container{min-height:100vh;width:100%;background:var(--page-bg);transition:background .3s ease}.dashboard{min-height:100vh;background:var(--page-bg);padding:var(--space-5xl) var(--space-4xl)}.dashboard-content{max-width:var(--max-width-xl);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-4xl)}.hero-section{padding:var(--space-5xl) var(--space-4xl);text-align:center;width:100%}.hero-content{max-width:var(--max-width-xl);margin:0 auto;width:100%}.hero-title{font-size:var(--font-6xl);font-weight:var(--font-bold);margin-bottom:var(--space-lg);color:var(--brand-secondary);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}.hero-subtitle{font-size:var(--font-xl);color:var(--text-secondary);margin-bottom:var(--space-4xl);max-width:var(--max-width-sm);margin-left:auto;margin-right:auto}.info-section{background:var(--content-bg);padding:var(--space-5xl) var(--space-4xl);width:100%}.info-content{max-width:var(--max-width-xl);margin:0 auto;width:100%}.info-content h2{text-align:center;font-size:var(--font-5xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-4xl)}.container{padding:var(--space-5xl) var(--space-4xl)}.container-compact{padding:var(--space-2xl) var(--space-xl)}.content-wrapper{max-width:var(--max-width-xl);margin:0 auto;width:100%}.content-wrapper-lg{max-width:var(--max-width-lg);margin:0 auto;width:100%}.cta-text{font-size:var(--font-lg);color:var(--text-primary);margin-bottom:var(--space-4xl);opacity:.8}.text-center{text-align:center}.mx-auto{margin-left:auto;margin-right:auto}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.mb-3xl{margin-bottom:var(--space-3xl)}.mb-4xl{margin-bottom:var(--space-4xl)}.grid{display:grid;gap:var(--space-2xl)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-auto-fit-lg{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.grid-auto-fit-xl{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.management-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-2xl);justify-items:center}.features-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-2xl);margin-top:var(--space-2xl)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-4xl)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.gap-2xl{gap:var(--space-2xl)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.bg-primary{background-color:var(--brand-primary)}.bg-secondary{background-color:var(--brand-secondary)}.bg-success{background-color:var(--color-success)}.bg-error{background-color:var(--color-error)}.bg-warning{background-color:var(--color-warning)}.border-primary{border-color:var(--brand-primary)}.border-default{border-color:var(--border-color)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.center-container{display:flex;justify-content:center;padding:var(--space-md)}.status-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-pending{background:var(--gray-100);color:var(--gray-700)}.status-calling,.status-ringing{background:var(--color-warning-bg);color:var(--color-warning)}.status-in-progress{background:var(--color-info-bg);color:var(--color-info)}.status-completed{background:var(--color-success-bg);color:var(--color-success)}.status-failed{background:var(--color-error-bg);color:var(--color-error)}.actions-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--border-light)}.main-actions{display:flex;align-items:center;gap:var(--space-sm)}.edit-actions{display:flex;gap:var(--space-sm);align-items:center;margin-left:auto}.coming-soon-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;padding:var(--space-3xl);text-align:center}.coming-soon-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-md)}.coming-soon-text{font-size:2rem;font-weight:700;color:var(--brand-primary);margin-bottom:var(--space-lg)}.coming-soon-description{font-size:1rem;color:var(--text-secondary);max-width:500px;line-height:1.6}.page-header{background:var(--content-bg);border-bottom:1px solid var(--border-color);padding:var(--space-md) 0}.page-header-content{max-width:1200px;margin:0 auto;padding:0 var(--space-xl);display:flex;align-items:center;gap:var(--space-md)}.page-content{max-width:1200px;margin:0 auto;padding:var(--space-lg) var(--space-xl)}.accordion-container{display:flex;flex-direction:column;gap:var(--space-md)}.accordion-section{background:var(--content-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:all .3s ease}.accordion-header{width:100%;padding:var(--space-lg);background:var(--content-bg);border:none;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .2s ease;font-size:var(--font-md);font-weight:500;color:var(--text-primary);text-align:left}.accordion-header.expanded{background:var(--hover-bg);border-bottom:1px solid var(--border-color)}.accordion-icon{font-size:var(--font-lg)}.accordion-arrow{color:var(--text-muted);transition:transform .2s ease;font-size:var(--font-sm)}@media (max-width: 768px){:root{--font-6xl: 2.5rem;--font-5xl: 2rem;--font-4xl: 1.75rem;--font-3xl: 1.5rem}html,body{overflow-x:hidden!important;max-width:100vw!important}.styling-tab,.styling-sections,.color-grid,.color-field,.color-input-wrapper{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:8px!important;box-sizing:border-box!important}.styling-section{display:block!important;width:100%!important;max-width:100%!important;margin:0 0 var(--space-lg) 0!important;padding:var(--space-lg)!important;box-sizing:border-box!important}.styling-section:last-child{margin-bottom:0!important}.container,.hero-section,.dashboard{padding:var(--space-2xl) var(--space-lg)}.info-section{padding:var(--space-4xl) var(--space-lg)}.info-grid,.features-preview,.management-cards{grid-template-columns:1fr}.management-cards{gap:var(--space-xl)}.page-header-content{padding:var(--space-lg);flex-direction:column;align-items:flex-start;gap:var(--space-lg)}.page-content{padding:var(--space-sm)}.form-row{grid-template-columns:1fr;gap:var(--space-xs)}.color-row,.checkbox-grid{grid-template-columns:1fr}.modal-actions{flex-direction:column;gap:var(--space-md)}.modal-actions button{width:100%}.api-key-container,.flex-row-section{flex-direction:column;align-items:stretch}.styling-section{padding:var(--space-xl)}.color-grid,.settings-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-buttons button{width:100%}.color-input-wrapper{display:block!important;width:100%!important;max-width:100%!important;padding:4px!important;margin:0!important;overflow:hidden!important;box-sizing:border-box!important}.color-input-wrapper input[type=color]{display:block!important;width:50px!important;height:30px!important;margin:0 0 4px!important;padding:0!important;border:1px solid var(--border-color)!important;box-sizing:border-box!important}.color-input-wrapper input[type=text]{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:var(--space-sm)!important;border:1px solid var(--input-border)!important;border-radius:4px!important;font-size:var(--font-sm)!important;font-family:monospace!important;box-sizing:border-box!important;overflow:hidden!important;text-overflow:ellipsis!important}.setting-field select{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:var(--space-sm)!important;border:1px solid var(--input-border)!important;border-radius:4px!important;font-size:var(--font-sm)!important;box-sizing:border-box!important;overflow:hidden!important}.styling-section{padding:var(--space-md);overflow-x:hidden}.tab-header{padding:0 var(--space-sm)}.tab-header h2{font-size:var(--font-xl)}.styling-tab,.styling-sections,.styling-section,.color-grid,.settings-grid{max-width:100vw;box-sizing:border-box;overflow-x:hidden}.styling-tab{padding:var(--space-sm);margin:0}.color-field,.setting-field{width:100%!important;max-width:calc(100vw - 40px)!important;min-width:0!important;overflow:hidden}.color-input-wrapper input[type=color]{min-width:60px;max-width:80px;height:40px}.color-input-wrapper input[type=text]{min-width:0;flex:1}.setting-field select{width:100%;min-width:0}.styling-tab.styling-tab{padding:var(--space-sm)!important;margin:0!important}body{overflow-x:hidden}.styling-tab *{max-width:100%}}.page-header{background:var(--content-bg);box-shadow:var(--shadow-md);text-align:left}.page-header-content{max-width:var(--max-width-xl);margin:0 auto;padding:var(--space-lg) var(--space-2xl);display:flex;align-items:center;gap:var(--space-lg);justify-content:flex-start}.page-header h1{margin:0;color:var(--text-primary);font-size:var(--font-4xl);font-weight:var(--font-bold);text-align:left;width:100%}.page-content{max-width:var(--max-width-xl);margin:0 auto;padding:var(--space-sm) var(--space-lg) 0 var(--space-lg)}.header-nav{display:flex;align-items:center;gap:var(--space-lg)}.header-logo{font-size:var(--font-2xl);font-weight:var(--font-bold);color:var(--text-primary);transition:opacity .3s ease}.header-logo:hover{opacity:.7}.back-button{background:var(--gray-50);border:1px solid var(--border-color);color:var(--brand-primary);font-size:var(--font-sm);font-weight:var(--font-medium);cursor:pointer;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);transition:all .2s}.back-button:hover{background:var(--brand-primary-light);border-color:var(--brand-primary)}.loading{text-align:center;color:var(--text-secondary);font-size:var(--font-lg);padding:var(--space-4xl)}.error-message{background-color:var(--status-failed-bg);color:var(--color-error);padding:var(--space-lg);margin-bottom:var(--space-2xl);border-radius:var(--radius-md);border:1px solid var(--color-error-light)}.success-message{background-color:var(--status-completed-bg);color:var(--color-success);padding:var(--space-lg);margin-bottom:var(--space-2xl);border-radius:var(--radius-md);border:1px solid var(--color-success-light)}.info-message{background-color:var(--status-calling-bg);color:var(--status-calling-text);padding:var(--space-lg);margin-bottom:var(--space-2xl);border-radius:var(--radius-md);border:1px solid var(--brand-primary-light)}.form-section{margin-bottom:var(--space-xs);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border-color)}.form-section:last-of-type{border-bottom:none}.form-section h3{color:var(--text-primary);font-size:var(--font-base);font-weight:var(--font-semibold);margin-bottom:var(--space-xs);padding-bottom:var(--space-xs);border-bottom:1px solid var(--border-color)}.form-group{margin-bottom:var(--space-md)}.form-group label{display:block;font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-xs);font-size:var(--font-sm)}.form-group input,.form-group select,.form-group textarea{width:100%;max-width:100%;height:42px;padding:var(--space-md) var(--space-sm);border:1px solid var(--input-border);border-radius:var(--radius-md);font-size:var(--font-sm);background:var(--input-bg);color:var(--input-text);transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.form-group textarea{height:auto;min-height:80px;resize:vertical}input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],input[type=date],input[type=datetime-local],select{height:42px;padding:var(--space-md);border:1px solid var(--input-border);border-radius:var(--radius-md);font-size:var(--font-md);background:var(--input-bg);color:var(--input-text);transition:border-color .2s,box-shadow .2s;box-sizing:border-box}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=url]:focus,input[type=date]:focus,input[type=datetime-local]:focus,select:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #3b82f61a}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #3b82f61a}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-sm)}.form-actions{display:flex;justify-content:center;gap:var(--space-lg);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.form-help{color:var(--text-secondary);font-size:var(--font-sm);margin-top:var(--space-sm);margin-bottom:0}.input-group{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xs)}.input-group input{flex:1}.input-group button{background:var(--color-error);color:var(--text-on-primary);border:none;padding:var(--space-md) var(--space-md);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-xs)}.input-group button:hover{background:var(--color-error-hover)}.input-container{background:var(--gray-50);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--border-color);margin-bottom:var(--space-md)}.input-container input{margin-bottom:var(--space-md)}.input-container button{background:var(--color-error);color:var(--text-on-primary);border:none;padding:var(--space-md) var(--space-md);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-xs);margin-top:var(--space-xs)}.input-container button:hover{background:var(--color-error-hover)}.btn-standard{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-medium);line-height:1.2;border:none;cursor:pointer;transition:all .2s;display:inline-block;box-sizing:border-box;height:auto}.remove-button,.delete-item-button{background:var(--color-error);color:var(--text-on-primary);border:none;padding:var(--space-md) var(--space-md);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-xs);transition:all .2s}.remove-button:hover,.delete-item-button:hover{background:var(--color-error-hover)}.save-button{background:var(--brand-primary);color:var(--text-on-primary)}.save-button:hover{background:var(--brand-primary-dark)}.save-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.cancel-button{background:var(--button-secondary-bg);border:none;color:var(--text-primary);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .2s;outline:none;box-shadow:none}.cancel-button:hover{background:var(--button-secondary-hover-bg)}.cancel-button:focus{outline:none}.edit-button{background:var(--brand-primary);color:var(--text-on-primary);border:none;padding:var(--space-md) var(--space-md);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-xs);transition:all .2s}.edit-button:hover{background:var(--brand-primary-hover)}.add-button{background:var(--color-success);color:var(--text-on-primary);border:none;padding:var(--space-md) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-xs);cursor:pointer;transition:all .2s;width:auto;min-width:80px}.add-button:hover{background:var(--color-success-hover)}.copy-button{background:var(--button-secondary-bg);border:1px solid var(--border-color);color:var(--brand-primary);padding:var(--space-md);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-sm);transition:all .2s;min-width:50px;display:flex;align-items:center;justify-content:center}.copy-button:hover{background:var(--button-secondary-hover-bg);border-color:var(--brand-primary-light)}.download-button{background:var(--brand-primary);color:var(--text-on-primary);border:1px solid var(--brand-primary);padding:var(--space-sm) var(--space-md);font-size:var(--font-xs);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.download-button:hover{background:var(--brand-primary-hover);border-color:var(--brand-primary-hover)}.inspect-button{background:var(--button-primary-bg);color:var(--text-on-primary);border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .2s}.inspect-button:hover:not(:disabled){background:var(--button-primary-hover-bg);transform:translateY(-1px)}.inspect-button:disabled{opacity:.6;cursor:not-allowed}.regenerate-button{background:var(--color-warning);color:var(--text-on-primary);border:none;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .2s}.regenerate-button:hover{background:var(--color-warning-hover);transform:translateY(-1px)}.regenerate-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--content-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:400px;width:90%;max-height:90vh;overflow:hidden}.modal-header{padding:var(--space-xl) var(--space-xl) 0 var(--space-xl);position:relative}.modal-header h3{margin:0;font-size:var(--font-xl);font-weight:var(--font-semibold);color:var(--text-primary)}.modal-body{padding:var(--space-lg) var(--space-xl)}.modal-body p{margin:0 0 var(--space-lg) 0;color:var(--text-primary);line-height:var(--leading-normal)}.modal-body p:last-child{margin-bottom:0}.modal-close-button{position:absolute;top:var(--space-lg);right:var(--space-lg);width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);font-size:20px;line-height:1;cursor:pointer;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close-button:hover{background:var(--hover-bg);color:var(--text-primary)}.modal-close-button:focus{outline:none;background:var(--hover-bg);color:var(--text-primary)}.modal-actions{display:flex;gap:var(--space-md);padding:var(--space-xl);justify-content:flex-end;border-top:1px solid var(--border-color);background:var(--gray-50)}.delete-confirm-button{background:var(--color-error);color:var(--text-on-primary);border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .2s}.delete-confirm-button:hover:not(:disabled){background:var(--color-error-hover)}.delete-confirm-button:disabled{opacity:.6;cursor:not-allowed}.warning-text{color:var(--color-error);font-size:var(--font-sm);font-weight:var(--font-medium)}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md)}.checkbox-label{display:flex;align-items:center;gap:var(--space-md);cursor:pointer;padding:var(--space-md);border-radius:var(--radius-md);transition:background-color .2s}.checkbox-label:hover{background-color:var(--gray-100)}.checkbox-label input[type=checkbox]{width:auto;margin:0}.checkbox-display{width:18px;height:18px;border:2px solid var(--border-color);border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--text-on-primary)}.checkbox-display.checked{background-color:var(--brand-primary);border-color:var(--brand-primary)}.checkbox-label.read-only{cursor:default}.checkbox-label.read-only:hover{background-color:transparent}.enable-checkbox{display:flex;align-items:center;cursor:pointer;font-size:16px;font-weight:500}.form-group .enable-checkbox input[type=checkbox]{width:20px!important;height:20px!important;margin:0 10px 0 0!important;cursor:pointer;max-width:20px!important}.enable-checkbox .checkbox-label{color:var(--text-primary);-webkit-user-select:none;user-select:none}.crm-config-content.disabled{opacity:.5;pointer-events:none}.color-swatch{width:32px;height:32px;border-radius:50%;border:2px solid var(--border-color);cursor:pointer;transition:transform .2s}.color-swatch:hover{transform:scale(1.1)}.color-display{display:flex;gap:var(--space-md);align-items:center}.color-display-item{display:flex;align-items:center;gap:var(--space-sm)}.color-display-item .color-swatch{width:24px;height:24px;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.color-display-item .read-only-field{flex:1;margin-left:var(--space-sm);font-family:monospace;font-size:var(--font-xs)}.color-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.color-row input[type=color]{height:40px;cursor:pointer}.logo-upload-area{display:flex;flex-direction:column;gap:var(--space-md)}.logo-preview{width:150px;height:150px;border:2px dashed var(--border-color);border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--gray-50)}.logo-preview img{max-width:100%;max-height:100%;object-fit:contain}.logo-display{width:120px;height:120px;border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--gray-50)}.school-logo-view{max-width:100%;max-height:100%;object-fit:contain}.file-input{display:none}.file-label{background:var(--brand-primary);color:#fff;border:none;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);cursor:pointer;display:inline-block;transition:all .2s;text-align:center;max-width:150px;font-size:var(--font-sm);font-weight:var(--font-medium)}.file-label:hover{background:var(--brand-primary-dark);color:#fff}.current-logo-text{color:var(--text-secondary);font-size:var(--font-sm);margin:0}.read-only-field{padding:var(--space-xs) 0;background:transparent;border:none;color:var(--text-primary);min-height:1.2em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-sm)}.read-only-field a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:inline-block}.read-only-textarea{min-height:auto;white-space:pre-wrap;line-height:var(--leading-normal)}.contact-list-item{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color)}.contact-list-item:last-child{border-bottom:none}.contact-list-item label{font-weight:var(--font-semibold);margin-bottom:var(--space-xs);display:block}.contact-field{margin:var(--space-xs) 0;line-height:1.4}.contact-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.status-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;display:inline-flex;align-items:center;gap:.375rem;white-space:nowrap}.status-pending{background:var(--status-pending-bg);color:var(--status-pending-text)}.status-calling{background:var(--status-calling-bg);color:var(--status-calling-text)}.status-completed{background:var(--status-completed-bg);color:var(--status-completed-text)}.status-failed{background:var(--status-failed-bg);color:var(--color-error)}.priority-badge{background:var(--status-calling-bg);color:var(--status-calling-text);padding:.125rem .375rem;border-radius:.25rem;font-size:.75rem;font-weight:500;white-space:nowrap}.inactive-badge{background:#fef3c7;color:#d97706;padding:.125rem .375rem;border-radius:.25rem;font-size:.75rem;font-weight:500;white-space:nowrap}.drill-badge{background:var(--status-calling-bg);color:var(--status-calling-text);padding:.125rem .375rem;border-radius:.25rem;font-size:.75rem;font-weight:500;white-space:nowrap;flex-shrink:0}.section-content{background:var(--tab-content-bg);border-radius:0 var(--radius-lg) var(--radius-lg) var(--radius-lg);padding:var(--space-md);margin-top:0}.api-keys-tab,.styling-tab,.fact-sheet-tab,.weblinks-section,.files-section,.interviews-section,.action-prompts-section,.leads-section,.lead-export-section,.lead-gen-tab,.chatbot-logs-tab,.chatbot-analytics-tab,.tab-content-container{background:var(--tab-content-bg);border-radius:0 var(--radius-lg) var(--radius-lg) var(--radius-lg);padding:var(--space-lg);margin-top:0;position:relative;top:0}.api-content,.content-container{background:var(--content-bg);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--border-color)}.embed-instructions,.info-box{background:var(--gray-50);padding:var(--space-xl);border-radius:var(--radius-md);border:1px solid var(--border-color)}.embed-instructions h4,.info-box h4{margin:0 0 var(--space-lg) 0;font-size:var(--font-base);color:var(--text-primary)}.embed-instructions ol,.embed-instructions li,.info-box ol,.info-box li{margin-bottom:var(--space-sm);font-size:var(--font-sm);line-height:var(--leading-relaxed);color:var(--text-primary)}.api-key-warning,.warning-banner{font-size:var(--font-sm);color:var(--color-warning);margin-top:var(--space-sm);padding:var(--space-md);background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md)}.error-banner{background:var(--status-failed-bg);color:var(--status-failed-text);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-sm)}.error-icon{font-size:var(--font-xl)}.embed-code-container{display:flex;flex-direction:column;gap:var(--space-md)}.embed-code-section{display:flex;flex-direction:column;gap:var(--space-lg)}.embed-code-actions{display:flex;gap:var(--space-sm);align-self:flex-end}.embed-header{margin-bottom:var(--space-lg)}.inspect-buttons-section{display:flex;gap:var(--space-lg);justify-content:center}.api-key-actions{border-top:1px solid var(--border-color);padding-top:var(--space-xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}.api-key-generate,.text-center-section{text-align:center;padding:var(--space-2xl) 0}.api-key-generate p,.text-center-section p{margin-bottom:var(--space-xl);color:var(--text-secondary);line-height:var(--leading-relaxed)}.api-key-display,.flex-column-section{display:flex;flex-direction:column;gap:var(--space-xl)}.api-key-container,.flex-row-section{display:flex;gap:var(--space-sm);align-items:center}.embed-section,.bordered-section{border-top:1px solid var(--border-color);padding-top:var(--space-xl)}.embed-toggle-button,.toggle-button{background:none;border:none;color:var(--brand-primary);font-size:var(--font-base);font-weight:var(--font-medium);cursor:pointer;padding:var(--space-sm) 0;transition:opacity .2s}.embed-toggle-button:hover,.toggle-button:hover{opacity:.8}.tab-header{margin-bottom:var(--space-2xl)}.tab-header h2{font-size:var(--font-2xl);font-weight:var(--font-semibold);margin-bottom:var(--space-sm);color:var(--text-primary)}.tab-header p{color:var(--text-secondary);font-size:var(--font-sm)}.styling-sections{display:flex;flex-direction:column;gap:var(--space-2xl)}.styling-section{background:var(--content-bg);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-md)}.styling-section h3{font-size:var(--font-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-xl);color:var(--text-primary)}.color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-xl)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-xl)}.color-field,.setting-field{display:flex;flex-direction:column;gap:var(--space-sm)}.color-field label,.setting-field label{font-weight:var(--font-medium);color:var(--text-primary);font-size:var(--font-sm)}.color-field small,.help-text{color:var(--text-secondary);font-size:var(--font-xs)}.color-input-wrapper{display:flex;gap:var(--space-md);align-items:center}.color-input-wrapper input[type=color]{width:50px;height:40px;border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:border-color .2s}.color-input-wrapper input[type=color]:hover{border-color:var(--brand-primary)}.color-input-wrapper input[type=text]{flex:1;padding:var(--space-md);border:1px solid var(--input-border);border-radius:var(--radius-md);font-size:var(--font-sm);font-family:Courier New,monospace;transition:border-color .2s}.color-input-wrapper input[type=text]:focus{outline:none;border-color:var(--input-border-focus)}.setting-field select{padding:var(--space-md);border:1px solid var(--input-border);border-radius:var(--radius-md);font-size:var(--font-sm);background:var(--input-bg);cursor:pointer;transition:border-color .2s}.setting-field select:focus{outline:none;border-color:var(--input-border-focus)}.custom-icon{position:relative;overflow:hidden}.custom-icon-label{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;cursor:pointer}.upload-icon{font-size:2rem;margin-bottom:var(--space-sm)}.section-subtitle{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:var(--font-sm)}.action-buttons{display:flex;gap:var(--space-lg);justify-content:flex-end;margin-top:var(--space-2xl)}.save-message{margin-top:var(--space-lg);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-md);text-align:center;font-size:var(--font-sm);animation:slideIn .3s ease}.save-message.success{background:var(--status-completed-bg);color:var(--status-completed-text);border:1px solid var(--color-success-light)}.save-message.error{background:var(--status-failed-bg);color:var(--status-failed-text);border:1px solid var(--color-error-light)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl);gap:var(--space-lg)}.spinner{width:32px;height:32px;border:3px solid var(--border-color);border-top:3px solid var(--brand-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner p{color:var(--text-secondary);font-size:var(--font-sm)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-4xl) var(--space-2xl);text-align:center}.empty-icon{font-size:var(--font-4xl);margin-bottom:var(--space-lg);opacity:.6}.empty-state h3{color:var(--text-primary);margin-bottom:var(--space-sm);font-size:var(--font-lg);font-weight:var(--font-semibold)}.empty-state p{color:var(--text-secondary);font-size:var(--font-sm);max-width:400px;line-height:var(--leading-normal)}.accordion-container{display:flex;flex-direction:column;gap:var(--space-sm)}.accordion-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease}.accordion-header{width:100%;background:transparent;border:none;padding:var(--space-lg);display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:var(--font-base);font-weight:var(--font-medium);color:var(--text-primary);transition:all .2s ease}.accordion-header:hover{background:var(--hover-bg)}.accordion-header.expanded{background:var(--tab-button-active-bg);border-bottom:1px solid var(--border-color)}.accordion-title{display:flex;align-items:center;gap:var(--space-md)}.accordion-icon{font-size:var(--font-xl)}.accordion-arrow{color:var(--gray-500);transition:transform .2s ease;font-size:var(--font-sm)}.accordion-content{padding:var(--space-sm);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}body.dark-mode .hero-title{color:var(--brand-primary-light)}body.dark-mode .management-card:hover{border-color:var(--brand-primary)}body.dark-mode .page-header{background:var(--content-container-bg);color:var(--text-primary)}body.dark-mode .back-button{background:var(--bg-primary);border-color:var(--border-color);color:var(--brand-primary)}body.dark-mode .back-button:hover{background:var(--content-container-bg);border-color:var(--brand-primary)}body.dark-mode .modal-content{background:var(--content-container-bg);color:var(--text-primary)}body.dark-mode .modal-actions{background:var(--bg-primary);border-color:var(--border-color)}body.dark-mode .modal-close-button{color:var(--text-secondary)}body.dark-mode .modal-close-button:hover,body.dark-mode .modal-close-button:focus{background:var(--hover-bg);color:var(--text-primary)}body.dark-mode .cancel-button{background:var(--button-secondary-bg);color:var(--text-primary);border-color:var(--border-color)}body.dark-mode .api-content,body.dark-mode .content-container{background:var(--content-container-bg);border-color:var(--border-color)}body.dark-mode .embed-instructions,body.dark-mode .info-box{background:var(--gray-800);border-color:var(--gray-600)}body.dark-mode .embed-instructions h4,body.dark-mode .embed-instructions li,body.dark-mode .info-box h4,body.dark-mode .info-box li{color:var(--gray-200)}body.dark-mode .styling-section{background:var(--content-container-bg)}body.dark-mode .color-input-wrapper input[type=color]{border-color:var(--gray-600)}body.dark-mode .color-input-wrapper input[type=text],body.dark-mode .setting-field select{background:var(--gray-700);color:var(--gray-200);border-color:var(--gray-600)}body.dark-mode .cancel-button:hover{background:var(--button-secondary-hover-bg)}body.dark-mode .input-container{background:var(--bg-primary);border-color:var(--border-color)}body.dark-mode .input-container input{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}body.dark-mode .accordion-section{background:var(--content-container-bg);border-color:var(--border-color)}body.dark-mode .accordion-header{color:var(--text-primary)}body.dark-mode .accordion-header:hover{background:var(--bg-secondary)}body.dark-mode .accordion-header.expanded{background:var(--bg-secondary);border-bottom-color:var(--border-color)}body.dark-mode .section-content,body.dark-mode .api-keys-tab,body.dark-mode .styling-tab,body.dark-mode .fact-sheet-tab,body.dark-mode .weblinks-section,body.dark-mode .files-section,body.dark-mode .interviews-section,body.dark-mode .action-prompts-section,body.dark-mode .leads-section,body.dark-mode .lead-export-section,body.dark-mode .lead-gen-tab,body.dark-mode .chatbot-logs-tab,body.dark-mode .chatbot-analytics-tab,body.dark-mode .tab-content-container{background:var(--content-container-bg)}body.dark-mode .status-pending{background:#f59e0b33;color:var(--status-pending-text)}body.dark-mode .status-calling{background:#2563eb33;color:var(--brand-primary-light)}body.dark-mode .status-completed{background:#22c55e33;color:var(--color-success-light)}body.dark-mode .status-failed{background:#ef444433;color:var(--color-error-light)}.stats-row{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.stats-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;text-align:center;flex:1;min-width:120px}.stats-number{display:block;font-size:2rem;font-weight:700;color:var(--brand-primary);margin-bottom:.25rem}.stats-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.data-table-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden}.table-wrapper{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{background:var(--page-bg);color:var(--text-primary);font-weight:600;padding:1rem;text-align:left;border-bottom:2px solid var(--border-color);font-size:.875rem}.data-table td{padding:1rem;border-bottom:1px solid var(--border-color);vertical-align:top}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background:var(--card-hover-bg)}.dropdown-container{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:var(--card-bg);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:var(--shadow-lg);z-index:1000;min-width:280px;max-width:320px}.dropdown-header{padding:1rem 1rem .5rem;border-bottom:1px solid var(--border-color)}.dropdown-controls{display:flex;gap:.5rem}.dropdown-list{max-height:300px;overflow-y:auto;padding:.5rem}.dropdown-footer{padding:.5rem 1rem;border-top:1px solid var(--border-color);background:var(--page-bg);border-radius:0 0 .5rem .5rem}.filter-row{display:flex;gap:1rem;align-items:end;flex-wrap:wrap}.filter-row .form-group{min-width:180px;flex:1}.filter-row .btn-secondary{height:fit-content;align-self:end}.button-group{display:flex;gap:1rem;margin-bottom:1rem}@media (max-width: 768px){.data-table th,.data-table td{padding:.75rem .5rem;font-size:.75rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.App{min-height:100vh;width:100%;display:flex;flex-direction:column}#root{min-height:100vh;width:100%}