: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:var(--page-bg);color:var(--text-primary);transition:background .3s ease,color .3s ease}body.dark-mode{color:#f8fafc!important}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6,body.dark-mode p,body.dark-mode span,body.dark-mode div,body.dark-mode li,body.dark-mode label,body.dark-mode td,body.dark-mode th{color:inherit!important}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:16px;width:90%;max-width:450px;max-height:90vh;overflow:hidden;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-content .modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:var(--gradient-secondary)!important;border-bottom:none!important;margin:0}.modal-content .modal-header h2{margin:0;font-size:1.75rem;font-weight:700;color:#fff!important;background:linear-gradient(45deg,#fff,#f0f0f0)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;text-align:left}.modal-content .close-button{background-color:#ffffff26!important;color:#fff!important;border:2px solid rgba(255,255,255,.3)!important;padding:.5rem 1.5rem;border-radius:25px;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:auto;height:auto;line-height:1}.modal-content .close-button:hover{background-color:#ffffff40!important;border-color:#ffffff80!important;transform:translateY(-1px)}.initial-setup-message{padding:1rem 2rem;margin:0;text-align:center;color:var(--text-secondary);font-size:.95rem;background:var(--content-bg)}.auth-form{display:flex;flex-direction:column;gap:1rem;padding:2rem;overflow-y:auto;max-height:calc(90vh - 100px)}.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;padding:0 2rem 2rem;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-content{background:#1f2937;color:#f9fafb}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;max-height:400px;overflow-y:auto;padding-right:.25rem}.account-selection::-webkit-scrollbar{width:8px}.account-selection::-webkit-scrollbar-track{background:var(--background);border-radius:4px}.account-selection::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.account-selection::-webkit-scrollbar-thumb:hover{background:var(--brand-primary)}.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;max-height:400px;overflow-y:auto;padding-right:.25rem}.school-selection::-webkit-scrollbar{width:8px}.school-selection::-webkit-scrollbar-track{background:var(--background);border-radius:4px}.school-selection::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.school-selection::-webkit-scrollbar-thumb:hover{background:var(--brand-primary)}.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}.school-selection-container{margin-top:.5rem}.school-selection-label{display:block;font-weight:500;color:var(--text-primary);font-size:.875rem;margin-bottom:1rem}.modal-content .schools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;max-height:calc(90vh - 250px);overflow-y:auto}.modal-content .school-card{position:relative;padding:20px;border:2px solid;border-radius:12px;background:#fff;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:12px;min-height:180px}.modal-content .school-card:hover:not(.disabled):not(.switching){transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;background:linear-gradient(135deg,rgba(var(--school-primary-rgb, 59, 130, 246),.05),rgba(var(--school-secondary-rgb, 30, 64, 175),.1))!important}.modal-content .school-card.disabled{opacity:.6;cursor:not-allowed}.modal-content .school-card.switching{pointer-events:none}.modal-content .school-badge{width:80px;height:80px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a}.modal-content .school-badge img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.modal-content .school-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:700;letter-spacing:1px}.modal-content .school-card .school-info{text-align:center;flex:1}.modal-content .school-card .school-info h3{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--text-primary, #111827)}.modal-content .school-card .school-role{margin:0;font-size:14px;color:#6b7280;text-transform:capitalize}.modal-content .switching-overlay{position:absolute;inset:0;background:#fffffff2;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.modal-content .switching-overlay p{margin:0;font-size:14px;font-weight:600;color:var(--text-primary, #111827)}.modal-content .spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:var(--school-primary);border-radius:50%;animation:spin .8s linear infinite}.modal-content:has(.schools-grid){max-width:800px}body.dark-mode .modal-content .school-card{background:#111827}body.dark-mode .modal-content .school-card:hover:not(.disabled):not(.switching){background:linear-gradient(135deg,rgba(var(--school-primary-rgb, 59, 130, 246),.1),rgba(var(--school-secondary-rgb, 30, 64, 175),.15))}body.dark-mode .modal-content .school-card .school-info h3{color:#f9fafb}body.dark-mode .modal-content .school-card .school-role{color:#9ca3af}body.dark-mode .modal-content .switching-overlay{background:#111827f2}body.dark-mode .modal-content .switching-overlay p{color:#f9fafb}body.dark-mode .modal-content .spinner{border-color:#374151;border-top-color:var(--school-primary)}@media (max-width: 768px){.modal-content .schools-grid{grid-template-columns:1fr}.modal-content .school-card{flex-direction:row;text-align:left;min-height:auto}.modal-content .school-badge{width:60px;height:60px}.modal-content .school-initials{font-size:22px}.modal-content .school-card .school-info{text-align:left;flex:1}}@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:16px;padding:0;width:90%;max-width:500px;max-height:90vh;overflow:hidden;position:relative;box-shadow:var(--shadow-xl)}.profile-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:var(--gradient-secondary)!important;border-bottom:none!important;margin:0}.profile-modal .modal-header h2{margin:0;font-size:1.75rem;font-weight:700;color:#fff!important;background:linear-gradient(45deg,#fff,#f0f0f0)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;text-align:left}.profile-modal .close-button{background-color:#ffffff26!important;color:#fff!important;border:2px solid rgba(255,255,255,.3)!important;padding:.5rem 1.5rem;border-radius:25px;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:auto;height:auto;line-height:1}.profile-modal .close-button:hover{background-color:#ffffff40!important;border-color:#ffffff80!important;transform:translateY(-1px)}.profile-form{padding:2rem;overflow-y:auto;max-height:calc(90vh - 100px)}.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:#1f2937;color:#f9fafb}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%}}.school-switcher-overlay{position:fixed;inset:0;background:var(--modal-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.school-switcher-modal{background:var(--card-bg);border-radius:var(--radius-xl);max-width:800px;width:100%;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-xl);animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.school-switcher-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:var(--gradient-secondary)!important;border-bottom:none!important}.school-switcher-modal .modal-header h2{margin:0;font-size:1.75rem;font-weight:700;color:#fff!important;background:linear-gradient(45deg,#fff,#f0f0f0)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.school-switcher-modal .close-button{background-color:#ffffff26!important;color:#fff!important;border:2px solid rgba(255,255,255,.3)!important;padding:.5rem 1.5rem;border-radius:25px;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:auto;height:auto;line-height:1}.school-switcher-modal .close-button:hover{background-color:#ffffff40!important;border-color:#ffffff80!important;transform:translateY(-1px)}.school-switcher-modal .error-message{margin:16px 24px;padding:12px 16px;background:var(--color-error-bg);border:1px solid var(--status-failed-text);border-radius:var(--radius-md);color:var(--status-failed-text);font-size:14px}.schools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:24px;max-height:calc(90vh - 100px);overflow-y:auto}.school-card{position:relative;padding:20px;border:2px solid;border-radius:var(--radius-lg);background:var(--card-bg);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:12px;min-height:180px}.school-card:hover:not(.disabled):not(.switching){transform:translateY(-4px);box-shadow:0 12px 24px #0000001a;background:linear-gradient(135deg,rgba(var(--school-primary-rgb, 59, 130, 246),.02),rgba(var(--school-secondary-rgb, 30, 64, 175),.05))}.school-card.active{background:linear-gradient(135deg,rgba(var(--school-primary-rgb, 59, 130, 246),.05),rgba(var(--school-secondary-rgb, 30, 64, 175),.1));border-width:3px}.school-card.disabled{opacity:.6;cursor:not-allowed}.school-card.switching{pointer-events:none}.school-badge{width:80px;height:80px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000001a}.school-badge img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.school-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:700;letter-spacing:1px}.school-info{text-align:center;flex:1}.school-info h3{margin:0 0 4px;font-size:18px;font-weight:600;color:var(--text-primary)}.school-role{margin:0;font-size:14px;color:var(--text-secondary);text-transform:capitalize}.active-badge{position:absolute;top:12px;right:12px;padding:4px 12px;border-radius:12px;color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.switching-overlay{position:absolute;inset:0;background:var(--switching-overlay-bg, rgba(255, 255, 255, .95));border-radius:var(--radius-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.switching-overlay p{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.school-switcher-overlay{align-items:flex-end;padding:0}.school-switcher-modal{max-width:100%;border-radius:20px 20px 0 0;max-height:85vh;animation:slideUpMobile .3s ease}@keyframes slideUpMobile{0%{transform:translateY(100%)}to{transform:translateY(0)}}.schools-grid{grid-template-columns:1fr}.school-card{flex-direction:row;text-align:left;min-height:auto}.school-badge{width:60px;height:60px}.school-initials{font-size:22px}.school-info{text-align:left;flex:1}.active-badge{position:static;align-self:flex-start}}body.dark-mode .school-switcher-modal{background:var(--card-bg);color:var(--text-primary)}body.dark-mode .school-card{background:var(--content-container-bg)}body.dark-mode .school-card:hover:not(.disabled):not(.switching){background:linear-gradient(135deg,rgba(var(--school-primary-rgb, 59, 130, 246),.1),rgba(var(--school-secondary-rgb, 30, 64, 175),.15))}body.dark-mode .school-card.active{background:linear-gradient(135deg,rgba(var(--school-primary-rgb, 59, 130, 246),.15),rgba(var(--school-secondary-rgb, 30, 64, 175),.2))}body.dark-mode .switching-overlay{background:#111827f2}.header{background:linear-gradient(135deg,#a6b0f6,#b99fd5);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;gap:1rem;min-height:60px}.header-left{display:flex;align-items:center;gap:1.5rem}.header-left .logo{display:flex;align-items:center;margin:0;transition:opacity .3s ease}.header-left .logo:hover{opacity:.8}.header-left .logo-image{height:48px;width:auto;-o-object-fit:contain;object-fit:contain}.logo-divider{width:2px;height:40px;background:#ffffff4d;border-radius:1px}.school-selector{display:flex;align-items:center;gap:12px;padding:0;background:none;border:none;color:var(--text-on-primary);font-size:1.5rem;font-weight:600;transition:all .3s ease}.school-selector:hover{opacity:.8;transform:translateY(-1px)}.school-badge-logo{width:40px;height:40px;border-radius:50%;-o-object-fit:cover;object-fit:cover;box-shadow:0 2px 8px #0003}.school-initials-logo{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;letter-spacing:1px;box-shadow:0 2px 8px #0003}.school-name-logo{font-size:1.5rem;font-weight:600;color:var(--text-on-primary);opacity:.95;line-height:1.5rem;align-self:center}.dropdown-arrow-logo{font-size:18px;opacity:.95;color:#fffffff2;margin-left:8px;align-self:center;line-height:1}.header-right{display:flex;align-items:center;gap:1rem;flex-wrap:nowrap;min-width:0}.user-menu{display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap}.user-info-container{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap}.user-greeting{font-weight:500;opacity:.9;white-space:nowrap;flex-shrink:0;margin-right:.25rem}.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{gap:.75rem}.header-left .logo-image{height:36px}.logo-divider{height:30px}.school-selector{gap:8px}.school-badge-logo,.school-initials-logo{width:30px;height:30px}.school-initials-logo{font-size:12px}.school-name-logo{font-size:1.1rem}.dropdown-arrow-logo{font-size:14px}.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)}.school-indicator{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:2px solid;border-radius:20px;background:#ffffff1a;color:var(--text-on-primary);font-weight:500;font-size:14px;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;flex-shrink:0}.school-indicator:hover{background:#fff3;transform:translateY(-1px)}.school-badge-small{width:20px;height:20px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.school-initials-small{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px}.school-name{font-size:13px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{font-size:10px;opacity:.7;margin-left:4px}@media (max-width: 768px){.school-indicator{padding:4px 8px}.school-name,.dropdown-arrow{display:none}}.school-management-page .section-content{margin-top:0}.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::-moz-placeholder{color:var(--text-muted)}.manual-content-textarea::placeholder{color:var(--text-muted)}.static-content-label{color:var(--text-secondary);font-size:var(--font-sm);font-style:italic;display:inline-flex;align-items:center;gap:var(--space-xs)}.resource-item.static-content{border-left:3px solid var(--color-info)}.form-description{color:var(--text-secondary);font-size:var(--font-sm);margin:0 0 var(--space-lg) 0;line-height:var(--leading-relaxed)}.center-container{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.static-source-toggle{background:none;border:none;color:var(--brand-primary);cursor:pointer;font-size:inherit;padding:0;font-family:inherit}.static-source-toggle:hover{text-decoration:underline}.source-content-section{margin-top:var(--space-sm);margin-bottom:var(--space-lg)}.source-content-display{background:var(--page-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-md);max-height:200px;overflow-y:auto;font-size:var(--font-sm);line-height:var(--leading-relaxed);color:var(--text-secondary);white-space:pre-wrap;word-wrap:break-word}.checkbox-option{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-light)}.checkbox-option .checkbox-label{padding:var(--space-sm);background:var(--gray-50);border-radius:var(--radius-md)}.checkbox-option .checkbox-label span{font-size:var(--font-sm);color:var(--text-secondary)}.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-dropzone-container{margin-top:var(--space-lg)}.file-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);border:2px dashed var(--border-color);border-radius:var(--radius-lg);background:var(--gray-50);cursor:pointer;transition:var(--transition-base);text-align:center}.file-dropzone:hover{border-color:var(--brand-primary);background:var(--brand-primary-light)}.dropzone-icon{font-size:2.5rem;margin-bottom:var(--space-sm)}.dropzone-text{font-weight:500;color:var(--text-primary);margin-bottom:var(--space-xs)}.dropzone-subtext{color:var(--text-secondary);font-size:var(--font-sm)}.dropzone-link{color:var(--brand-primary);text-decoration:underline;cursor:pointer}.dropzone-formats{margin-top:var(--space-sm);font-size:var(--font-xs);color:var(--text-muted)}.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}body.dark-mode .files-section{background:var(--card-bg)!important;color:var(--text-primary)}body.dark-mode .files-section .settings-section,body.dark-mode .files-section .files-content,body.dark-mode .files-section .files-subsection,body.dark-mode .files-section .files-list{background:transparent;color:var(--text-primary)}body.dark-mode .files-section h2,body.dark-mode .files-section .section-description{color:var(--text-primary)}body.dark-mode .file-item{background:var(--page-bg)!important;border-color:var(--border-color)!important;color:var(--text-primary)}body.dark-mode .file-item:hover{border-color:var(--border-medium)!important}body.dark-mode .selected-file{background:var(--page-bg)!important;border-color:var(--border-color)!important;color:var(--text-primary)}body.dark-mode .file-name{color:var(--text-primary)}body.dark-mode .file-details-row{color:var(--text-secondary)}body.dark-mode .file-filename{color:var(--text-muted)}body.dark-mode .files-section .empty-state{background:var(--page-bg);color:var(--text-secondary)}body.dark-mode .file-dropzone{border-color:#4b5563;background:#1f2937}body.dark-mode .file-dropzone:hover{border-color:var(--brand-primary);background:#667eea1a}body.dark-mode .dropzone-text{color:#e5e7eb}body.dark-mode .dropzone-subtext{color:#9ca3af}body.dark-mode .dropzone-formats{color:#6b7280}@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}}.training-room-page .fact-sheet-tab,.training-room-page .weblinks-section,.training-room-page .files-section,.training-room-page .interviews-section,.training-room-page .action-prompts-section{margin-top:0!important}.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%;-o-object-fit:cover;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%;-o-object-fit:cover;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)}.voice-provider-selector{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.voice-provider-selector label{font-weight:600;color:var(--text-primary)}.provider-buttons{display:flex;gap:.5rem}.provider-btn{background:var(--content-bg);border:2px solid var(--border-color);padding:.5rem 1rem;border-radius:.375rem;cursor:pointer;transition:all .2s;font-size:.875rem;font-weight:500}.provider-btn:hover{border-color:var(--brand-primary-light)}.provider-btn.active{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--text-on-primary)}.voice-card{flex-direction:column;align-items:stretch;gap:1rem}.voice-details{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.25rem}.voice-gender,.voice-accent,.voice-category{background:var(--gray-100);color:var(--text-secondary);padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.voice-actions{display:flex;gap:.5rem;align-items:center;justify-content:space-between}.preview-btn,.select-btn{background:var(--content-bg);border:1px solid var(--border-color);padding:.375rem .75rem;border-radius:.25rem;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s;flex:1}.preview-btn:hover{background:var(--gray-50);border-color:var(--brand-primary-light)}.select-btn:hover{background:var(--brand-primary-light);border-color:var(--brand-primary)}.select-btn.selected{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--text-on-primary)}.voice-settings-section{background:var(--gray-50);border-radius:.5rem;padding:1.5rem;margin-top:2rem;border:1px solid var(--border-color)}.voice-settings-section h4{margin-bottom:1.5rem;color:var(--text-primary)}.setting-item{margin-bottom:1.5rem}.setting-item label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.setting-item input[type=range]{width:100%;margin:.5rem 0}.setting-item small{display:block;color:var(--text-secondary);font-size:.75rem;margin-top:.25rem;line-height:1.4}.setting-item input[type=checkbox]{margin-right:.5rem}.voice-setting-group{margin-bottom:1.5rem}.voice-setting-group label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-size:.875rem}.voice-setting-group select{width:100%;padding:.625rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;background:var(--content-bg);color:var(--text-primary);cursor:pointer}.voice-setting-group select:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #3b82f61a}.voice-setting-group input[type=range]{width:100%;height:6px;background:var(--gray-200);border-radius:3px;outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.voice-setting-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:var(--brand-primary);border-radius:50%;cursor:pointer;-webkit-transition:background .2s,transform .1s;transition:background .2s,transform .1s}.voice-setting-group input[type=range]::-webkit-slider-thumb:hover{background:var(--brand-primary-hover);transform:scale(1.1)}.voice-setting-group input[type=range]::-moz-range-thumb{width:18px;height:18px;background:var(--brand-primary);border-radius:50%;cursor:pointer;border:none;-moz-transition:background .2s,transform .1s;transition:background .2s,transform .1s}.voice-setting-group input[type=range]::-moz-range-thumb:hover{background:var(--brand-primary-hover);transform:scale(1.1)}.voice-setting-group .setting-help{display:block;font-size:.75rem;color:var(--text-secondary);margin-top:.5rem;line-height:1.4}.voice-setting-group.toggle-group{display:flex;flex-direction:column;gap:.25rem}.voice-setting-group.toggle-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin-bottom:0}.voice-setting-group.toggle-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--brand-primary);cursor:pointer}body.dark-mode .voice-setting-group select{background:var(--content-container-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark-mode .voice-setting-group input[type=range]{background:var(--gray-700)}.voice-preview-section{background:var(--gray-50);border-radius:.5rem;padding:1.5rem;margin-bottom:2rem;border:1px solid var(--border-color)}.voice-preview-section h4{margin-bottom:1rem;color:var(--text-primary)}.preview-text-input{display:flex;flex-direction:column;gap:.5rem}.preview-text-input label{font-weight:600;color:var(--text-primary)}.preview-text-input textarea{border:1px solid var(--border-color);border-radius:.375rem;padding:.75rem;font-size:.875rem;resize:vertical;min-height:80px}.preview-text-input textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #3b82f61a}.voice-tab-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.reset-btn{background:var(--content-bg);border:1px solid var(--border-color);color:var(--text-secondary);padding:.75rem 1.5rem;border-radius:.375rem;cursor:pointer;font-weight:500;transition:all .2s}.reset-btn:hover{background:var(--gray-50);color:var(--text-primary)}.save-btn{background:var(--brand-primary);border:1px solid var(--brand-primary);color:var(--text-on-primary);padding:.75rem 1.5rem;border-radius:.375rem;cursor:pointer;font-weight:500;transition:all .2s}.save-btn:hover{background:var(--brand-primary-hover)}.save-btn:disabled,.reset-btn:disabled{opacity:.6;cursor:not-allowed}.voice-info-note{background:var(--blue-50);border:1px solid var(--blue-200);border-radius:.375rem;padding:1rem;margin-top:2rem}.voice-info-note p{margin:0;font-size:.875rem;line-height:1.5;color:var(--blue-700)}.voice-success-message{background:var(--green-50);border:1px solid var(--green-200);color:var(--green-700);padding:.75rem 1rem;border-radius:.375rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.voice-success-message button{background:none;border:none;color:var(--green-700);font-size:1.25rem;cursor:pointer;padding:0;margin-left:1rem}.voice-tab-loading,.voice-loading{text-align:center;color:var(--text-secondary);padding:2rem;font-style:italic}body.dark-mode .voice-settings-section,body.dark-mode .voice-preview-section{background:var(--bg-secondary);border-color:var(--border-color)}body.dark-mode .voice-info-note{background:#3b82f61a;border-color:#3b82f64d;color:var(--blue-300)}body.dark-mode .voice-success-message{background:#22c55e1a;border-color:#22c55e4d;color:var(--green-300)}body.dark-mode .voice-gender,body.dark-mode .voice-accent,body.dark-mode .voice-category{background:var(--bg-secondary);color:var(--text-secondary)}.streaming-settings-section{margin-top:2rem}.streaming-settings-section h4{margin-bottom:1.5rem;color:var(--text-primary);font-size:1rem}.voice-setting-group.radio-group{margin-bottom:1.5rem}.voice-setting-group.radio-group .setting-label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;font-size:.875rem}.radio-options{display:flex;flex-direction:column;gap:.75rem}.radio-option{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;background:var(--content-bg);border:2px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s}.radio-option:hover{border-color:var(--brand-primary-light);background:var(--gray-50)}.radio-option:has(input:checked){border-color:var(--brand-primary);background:var(--brand-primary-light)}.radio-option input[type=radio]{width:18px;height:18px;margin:2px 0 0;accent-color:var(--brand-primary);cursor:pointer;flex-shrink:0}.radio-option .radio-text{display:flex;flex-direction:column;flex:1}.radio-option .radio-label{font-weight:600;color:var(--text-primary);font-size:.875rem;display:block;margin-bottom:.25rem}.radio-option .radio-description{font-size:.75rem;color:var(--text-secondary);display:block;line-height:1.4}body.dark-mode .radio-option{background:var(--content-container-bg);border-color:var(--border-color)}body.dark-mode .radio-option:has(input:checked){background:#3b82f626;border-color:var(--brand-primary)}@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}.voice-actions{flex-direction:column;gap:.75rem}.voice-tab-actions{flex-direction:column;align-items:stretch}.provider-buttons{flex-direction:column}}.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{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--brand-primary);border-radius:50%;cursor:pointer;-webkit-transition:background .2s;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;-moz-transition:background .2s;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::-moz-placeholder{color:var(--input-placeholder)}.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}}.behavior-tab{background:var(--tab-content-bg);border-radius:0 .5rem .5rem;padding:1rem 2rem 2rem;margin-top:0!important;position:relative;top:0!important}.behavior-display{margin-bottom:2rem}.setting-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:.5rem;padding:1.5rem;margin-bottom:1rem}.setting-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.setting-card-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.setting-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--brand-primary);color:#fff;padding:.375rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.setting-card-description{font-size:.875rem;color:var(--text-secondary);margin:0;line-height:1.5}.behavior-setting-group{margin-bottom:1.5rem}.behavior-setting-group h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.375rem}.setting-explanation{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.radio-options{display:flex;flex-direction:column;gap:.5rem}.radio-option{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;border:2px solid var(--border-color);border-radius:.5rem;cursor:pointer;transition:all .2s ease;background:var(--bg-primary)}.radio-option:hover{border-color:var(--brand-primary-light);background:var(--bg-secondary)}.radio-option.selected{border-color:var(--brand-primary);background:var(--brand-primary-bg, rgba(59, 130, 246, .05))}.radio-option input[type=radio]{margin-top:.25rem;width:1.25rem;height:1.25rem;accent-color:var(--brand-primary);cursor:pointer;flex-shrink:0}.radio-option-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.radio-option-header{display:flex;align-items:center;gap:.5rem}.radio-option-icon{font-size:1.25rem}.radio-option-label{font-size:1rem;font-weight:600;color:var(--text-primary)}.radio-option-description{font-size:.875rem;color:var(--text-secondary);line-height:1.5}.word-limits-display{display:flex;gap:2rem;margin-top:.5rem}.word-limit-item{display:flex;align-items:center;gap:.5rem}.word-limit-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.word-limit-value{font-size:.875rem;color:var(--text-primary);font-weight:600}.word-limits-form{display:flex;gap:2rem;flex-wrap:wrap}.word-limit-input-group{flex:1;min-width:200px}.word-limit-input-group label{display:block;font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.word-limit-input-wrapper{display:flex;align-items:center;gap:.5rem}.word-limit-input-wrapper input{width:100px;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;background:var(--bg-primary);color:var(--text-primary);outline:none}.word-limit-input-wrapper input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px #3b82f61a}.word-limit-input-wrapper input::-moz-placeholder{color:var(--text-muted)}.word-limit-input-wrapper input::placeholder{color:var(--text-muted)}.input-suffix{font-size:.875rem;color:var(--text-secondary)}.input-hint{font-size:.75rem;color:var(--text-muted);margin-top:.375rem;font-style:italic}body.dark-mode .radio-option:hover{background:var(--bg-secondary);border-color:var(--brand-primary-light)}body.dark-mode .radio-option.selected{background:#3b82f61a;border-color:var(--brand-primary)}body.dark-mode .setting-card{background:var(--bg-secondary)}@media (max-width: 768px){.behavior-tab{padding:1rem}.setting-card-header{flex-direction:column;align-items:flex-start;gap:.5rem}.radio-option{padding:.75rem}.radio-option-header{flex-wrap:wrap}}.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-item .resource-actions-row{justify-content:flex-end}.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}.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}}.flair-header-with-toggle{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md)}.flair-ai-toggle{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-sm);color:var(--text-secondary);white-space:nowrap;cursor:pointer;padding-top:var(--space-xs)}.flair-ai-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand-primary)}.flair-subsection{display:flex;flex-direction:column;gap:var(--space-lg)}.flair-list{display:flex;flex-direction:column;gap:var(--space-md)}.flair-filter-bar{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.flair-filter-search{flex:1;min-width:200px}.flair-filter-search input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--input-border);border-radius:var(--radius-md);font-size:var(--font-sm);background:var(--input-bg);color:var(--input-text);outline:none;transition:border-color .2s,box-shadow .2s}.flair-filter-search input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--focus-ring)}.flair-filter-selects{display:flex;gap:var(--space-sm)}.flair-filter-selects select{padding:var(--space-sm) var(--space-md);border:1px solid var(--input-border);border-radius:var(--radius-md);font-size:var(--font-sm);background:var(--input-bg);color:var(--input-text);outline:none;cursor:pointer;transition:border-color .2s,box-shadow .2s}.flair-filter-selects select:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--focus-ring)}.flair-filter-clear{background:none;border:none;color:var(--brand-primary);font-size:var(--font-sm);cursor:pointer;padding:var(--space-sm);white-space:nowrap}.flair-filter-clear:hover{text-decoration:underline}.flair-item{background:var(--content-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-lg);transition:var(--transition-base)}.flair-item:hover{border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.flair-content-wrapper{display:flex;flex-direction:column;gap:var(--space-sm)}.flair-header-row{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.flair-icon{font-size:var(--font-lg)}.flair-title{font-weight:600;color:var(--text-primary);font-size:var(--font-md);flex:1}.flair-badges{display:flex;gap:var(--space-xs);align-items:center;flex-wrap:wrap}.type-badge{background:var(--brand-primary-light);color:var(--brand-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:600}.flair-item .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}.flair-item .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}.flair-categories-row{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-xs)}.category-tag{background:var(--gray-100);color:var(--text-secondary);padding:2px var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-xs)}.flair-description-row{margin-top:var(--space-xs)}.flair-description{color:var(--text-secondary);font-size:var(--font-sm);line-height:var(--leading-normal)}.flair-content-row{margin-top:var(--space-xs)}.flair-content-preview{font-size:var(--font-sm);color:var(--text-secondary)}.flair-content-preview a{color:var(--brand-primary);text-decoration:none}.flair-content-preview a:hover{text-decoration:underline}.category-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-sm);padding:var(--space-md);background:var(--gray-50);border-radius:var(--radius-md);border:1px solid var(--border-color);max-height:300px;overflow-y:auto}.category-selector.error{border-color:var(--color-error)}.category-checkbox{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:var(--transition-base)}.category-checkbox:hover{background:var(--gray-100)}.category-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--brand-primary)}.category-label{font-size:var(--font-sm);color:var(--text-primary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.field-description{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--space-sm);margin-top:-4px}.category-flair-section .edit-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:start}.category-flair-section .edit-form-grid .full-width{grid-column:1 / -1}.category-flair-section .large-modal{max-width:800px;width:90%}@media (max-width: 768px){.flair-item{padding:var(--space-md)}.flair-header-row{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.flair-title{flex:none}.flair-badges{align-self:flex-start}.flair-filter-bar{flex-direction:column;align-items:stretch}.flair-filter-search{min-width:unset}.flair-filter-selects{flex-direction:column}.category-selector{grid-template-columns:1fr;max-height:250px}.category-flair-section .large-modal{width:95%;max-width:none}.category-flair-section .edit-form-grid{grid-template-columns:1fr;gap:var(--space-md)}.category-flair-section .edit-form-grid .full-width{grid-column:1}}.ai-customization-page{min-height:100vh;background-color:var(--page-bg)}.ai-customization-page .category-flair-section{margin-top:0!important}.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:16px;box-shadow:var(--shadow-xl);max-height:90vh;width:52%!important;max-width:840px!important;display:flex;flex-direction:column;overflow:hidden}.field-mapping-modal{width:52%!important;max-width:840px!important}.field-mapping-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:var(--gradient-secondary)!important;border-bottom:none!important;margin:0}.field-mapping-modal .modal-header h2{margin:0;font-size:1.75rem;font-weight:700;color:#fff!important;background:linear-gradient(45deg,#fff,#f0f0f0)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;text-align:left}.field-mapping-modal .close-button{background-color:#ffffff26!important;color:#fff!important;border:2px solid rgba(255,255,255,.3)!important;padding:.5rem 1.5rem;border-radius:25px;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:auto;height:auto;line-height:1}.field-mapping-modal .close-button:hover{background-color:#ffffff40!important;border-color:#ffffff80!important;transform:translateY(-1px)}.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)}body.dark-mode .field-mapping-modal{background:#1f2937;color:#f9fafb}.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-nav{display:flex;align-items:center;gap:1rem}.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:-moz-max-content;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;-moz-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}}.campaign-modal{background:var(--content-bg);border-radius:16px;width:90%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 4px 20px #00000026}.campaign-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:var(--gradient-secondary)!important;border-bottom:none!important;margin:0}.campaign-modal .modal-header h2{margin:0;font-size:1.75rem;font-weight:700;color:#fff!important;background:linear-gradient(45deg,#fff,#f0f0f0)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;text-align:left}.campaign-modal .close-button{background-color:#ffffff26!important;color:#fff!important;border:2px solid rgba(255,255,255,.3)!important;padding:.5rem 1.5rem;border-radius:25px;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:auto;height:auto;line-height:1}.campaign-modal .close-button:hover{background-color:#ffffff40!important;border-color:#ffffff80!important;transform:translateY(-1px)}.campaign-readonly-notice{padding:.75rem 2rem;margin:0;text-align:center;color:var(--text-secondary);font-size:.875rem;background:#fffbeb;border-bottom:1px solid #fcd34d}body.dark-mode .campaign-modal{background:#1f2937;color:#f9fafb}body.dark-mode .campaign-readonly-notice{background:#78350f;color:#fef3c7;border-bottom-color:#92400e}.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)}.confirm-input-section{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.confirm-input-section label{display:block;margin-bottom:var(--space-sm);color:var(--text-primary);font-size:var(--font-sm)}.confirm-input{width:100%;padding:var(--space-md);font-size:var(--font-md);border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--white);color:var(--text-primary);outline:none}.confirm-input:focus{border-color:var(--color-danger)}body.dark-mode .confirm-input{background:var(--gray-700);color:var(--gray-200);border-color:var(--gray-600)}body.dark-mode .confirm-input:focus{border-color:var(--color-danger)}@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{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:var(--gradient-secondary)!important;border-bottom:none!important;margin:0}.conversation-viewer-modal .modal-header h2,.conversation-viewer-modal .modal-header h3{margin:0;font-size:1.75rem;font-weight:700;color:#fff!important;background:linear-gradient(45deg,#fff,#f0f0f0)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;text-align:left;flex:1}.conversation-viewer-modal .close-button{background-color:#ffffff26!important;color:#fff!important;border:2px solid rgba(255,255,255,.3)!important;padding:.5rem 1.5rem;border-radius:25px;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:auto;height:auto;line-height:1}.conversation-viewer-modal .close-button:hover{background-color:#ffffff40!important;border-color:#ffffff80!important;transform:translateY(-1px)}.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(--color-primary-bg);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:var(--sentiment-excited-bg);color:var(--sentiment-excited-text);border:1px solid var(--sentiment-excited-border)}.message-sentiment.sentiment-interested{background:var(--sentiment-interested-bg);color:var(--sentiment-interested-text);border:1px solid var(--sentiment-interested-border)}.message-sentiment.sentiment-neutral{background:var(--sentiment-neutral-bg);color:var(--sentiment-neutral-text);border:1px solid var(--sentiment-neutral-border)}.message-sentiment.sentiment-confused{background:var(--sentiment-confused-bg);color:var(--sentiment-confused-text);border:1px solid var(--sentiment-confused-border)}.message-sentiment.sentiment-concerned{background:var(--sentiment-concerned-bg);color:var(--sentiment-concerned-text);border:1px solid var(--sentiment-concerned-border)}.message-sentiment.sentiment-frustrated{background:var(--sentiment-frustrated-bg);color:var(--sentiment-frustrated-text);border:1px solid var(--sentiment-frustrated-border)}.message-sentiment.sentiment-positive{background:var(--sentiment-excited-bg);color:var(--sentiment-excited-text);border:1px solid var(--sentiment-excited-border)}.message-sentiment.sentiment-negative{background:var(--sentiment-frustrated-bg);color:var(--sentiment-frustrated-text);border:1px solid var(--sentiment-frustrated-border)}.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}}.turn-metadata{display:flex;gap:var(--space-md);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid var(--border-light);font-size:var(--font-xs);color:var(--text-muted)}.turn-metadata .metadata-item{display:flex;align-items:center;gap:var(--space-xs)}.timing-tooltip{position:relative;cursor:help}.timing-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--tooltip-bg, #1f2937);color:var(--tooltip-text, white);padding:6px 10px;border-radius:var(--radius-sm);font-size:11px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:1000;pointer-events:none;margin-bottom:4px}.timing-tooltip:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--tooltip-bg, #1f2937);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:1000;margin-bottom:-6px}.timing-tooltip:hover:after,.timing-tooltip:hover:before{opacity:1;visibility:visible}.status-badge-success{background:var(--status-completed-bg);color:var(--status-completed-text);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:500}.status-badge-error{background:var(--status-failed-bg);color:var(--status-failed-text);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:500}.status-badge-active{background:var(--status-in-progress-bg);color:var(--status-in-progress-text);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:500}.status-badge-default{background:var(--hover-bg);color:var(--text-secondary);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:500}.status-badge-warning{background:var(--status-pending-bg);color:var(--status-pending-text);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:500}.status-badge-info{background:var(--status-calling-bg);color:var(--status-calling-text);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:500}body.dark-mode .conversation-viewer-modal{background:var(--card-bg);color:var(--text-primary)}.compact-modal{max-width:600px;width:95%;max-height:85vh;display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden}.compact-modal.debug-modal{max-width:800px}.compact-modal.audio-modal{max-width:420px}.modal-header.compact{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--gradient-secondary);border-bottom:none}.modal-header.compact h2,.modal-header.compact h3{margin:0;font-size:1.1rem;font-weight:600;color:#fff}.modal-header.compact .close-button{background:#ffffff26;border:none;color:#fff;width:28px;height:28px;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1}.modal-header.compact .close-button:hover{background:#ffffff40}.header-with-info{display:flex;flex-direction:column;gap:2px}.header-subtitle{font-size:.75rem;color:#ffffffb3;font-weight:400}.modal-body.compact{padding:16px;flex:1;overflow-y:auto;background:var(--content-bg)}.call-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;padding:12px;background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:12px}.call-info-grid .info-item{display:flex;flex-direction:column;gap:2px}.call-info-grid .info-item label{font-size:.7rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.3px}.call-info-grid .info-item span{font-size:.875rem;color:var(--text-primary)}.call-info-grid .info-item small{font-size:.75rem;color:var(--text-muted)}.error-banner{background:var(--status-failed-bg);color:var(--status-failed-text);padding:8px 12px;border-radius:var(--radius-sm);margin-bottom:12px;font-size:.875rem}.analysis-section{background:var(--card-bg);border:1px solid var(--color-success);border-radius:var(--radius-md);padding:12px;margin-bottom:12px}.analysis-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.analysis-section h4{margin:0;font-size:.9rem;color:var(--color-success)}.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin-bottom:10px}.analysis-item{display:flex;flex-direction:column;gap:2px}.analysis-item label{font-size:.7rem;color:var(--text-secondary);font-weight:500}.analysis-item a{color:var(--color-primary);font-size:.875rem}.appointment-info{background:var(--color-primary-bg, #eff6ff);border:1px solid var(--color-primary);border-radius:var(--radius-sm);padding:8px 12px;margin-bottom:10px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.875rem}.appointment-info .badge{position:static;background:var(--color-primary);color:#fff;padding:2px 6px;border-radius:var(--radius-sm);font-size:.75rem;text-transform:capitalize}.appointment-info .none-scheduled{color:var(--text-muted);font-style:italic}.summary-text{margin-bottom:10px}.summary-text label{font-size:.7rem;color:var(--text-secondary);font-weight:500;display:block;margin-bottom:4px}.summary-text p{margin:0;font-size:.875rem;line-height:1.5}.topics-list{margin-top:8px}.topics-list label{font-size:.7rem;color:var(--text-secondary);font-weight:500;display:block;margin-bottom:4px}.topics-list .tags{display:flex;flex-wrap:wrap;gap:4px}.topics-list .tag{background:var(--hover-bg);color:var(--text-secondary);padding:2px 8px;border-radius:var(--radius-sm);font-size:.75rem}.detailed-summary{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:12px}.detailed-summary h4{margin:0 0 8px;font-size:.9rem}.detailed-summary p{margin:0;font-size:.875rem;line-height:1.5;white-space:pre-wrap}.transcript-body{max-height:60vh}.transcript-content{background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:12px;max-height:50vh;overflow-y:auto}.transcript-content pre{margin:0;white-space:pre-wrap;font-family:inherit;font-size:.875rem;line-height:1.6}.transcript-messages{display:flex;flex-direction:column;gap:8px;max-height:50vh;overflow-y:auto}.transcript-turn{padding:8px 12px;border-radius:var(--radius-md)}.transcript-turn.assistant{background:var(--color-primary-bg, #eff6ff);margin-right:20px}.transcript-turn.user{background:var(--hover-bg);margin-left:20px}.transcript-turn .turn-role{font-weight:600;font-size:.75rem;text-transform:uppercase;margin-right:8px}.transcript-turn.assistant .turn-role{color:var(--color-primary)}.transcript-turn.user .turn-role{color:var(--text-secondary)}.transcript-turn .turn-content{font-size:.875rem;line-height:1.5}.debug-section{margin-bottom:12px}.debug-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.debug-header label{font-weight:600;font-size:.875rem}.debug-section textarea{width:100%;height:150px;padding:10px;font-family:monospace;font-size:.75rem;line-height:1.4;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--text-primary);resize:vertical}.btn-small{padding:4px 10px;font-size:.75rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer}.btn-small:hover{opacity:.9}.btn-link{background:none;border:none;color:var(--color-primary);cursor:pointer;text-decoration:underline;padding:0}.audio-body{display:flex;flex-direction:column;gap:16px}.audio-progress{display:flex;align-items:center;gap:10px}.audio-progress .time{font-size:.8rem;color:var(--text-secondary);min-width:40px;font-variant-numeric:tabular-nums}.audio-progress .progress-slider{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border-color);border-radius:3px;outline:none}.audio-progress .progress-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--color-primary);border-radius:50%;cursor:pointer}.audio-controls{display:flex;justify-content:center;align-items:center;gap:12px}.audio-controls .ctrl-btn{background:var(--hover-bg);border:none;border-radius:50%;width:40px;height:40px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.audio-controls .ctrl-btn:hover{background:var(--border-color)}.audio-controls .play-btn{width:52px;height:52px;font-size:20px;background:var(--color-primary);color:#fff}.audio-controls .play-btn:hover{opacity:.9}.audio-options{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.volume-control{display:flex;align-items:center;gap:6px}.volume-control .vol-icon{font-size:14px}.volume-control .volume-slider{width:70px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border-color);border-radius:2px;outline:none}.volume-control .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:var(--text-secondary);border-radius:50%;cursor:pointer}.speed-control{display:flex;gap:4px}.speed-control .speed-btn{padding:4px 8px;font-size:.75rem;background:var(--hover-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary)}.speed-control .speed-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.download-btn{padding:6px 12px;font-size:.8rem;background:var(--hover-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-primary)}.download-btn:hover{background:var(--border-color)}.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;-moz-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:-moz-fit-content;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-list{overflow-x:auto;max-width:100%}.conversations-table{width:100%;border-collapse:collapse;table-layout:fixed}.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;font-size:.875rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis}.conversations-table th{padding:.75rem}.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:-moz-max-content;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;-moz-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}.chatbot-logs-tab .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:rgba(var(--school-primary-rgb),.1);color:var(--school-primary);border:1px solid rgba(var(--school-primary-rgb),.3);border-radius:.25rem;font-size:.75rem;cursor:pointer;transition:all .2s}.edit-rating-button:hover{background:rgba(var(--school-primary-rgb),.2);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){.chatbot-logs-tab .conversations-table{display:none}.chatbot-logs-tab .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;-moz-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:space-between;align-items:center;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:var(--gradient-secondary);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 var(--school-primary)}.avatar-initials{width:100%;height:100%;background:var(--gradient-secondary);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:var(--gradient-secondary);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:var(--school-primary);box-shadow:0 0 0 3px rgba(var(--school-primary-rgb),.1)}.widget-input:disabled{background:#f3f4f6;color:#9ca3af}.widget-send-button{background:var(--gradient-secondary);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:-moz-max-content;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}.three-pass-controls{display:flex;align-items:center;gap:1.5rem}.three-pass-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:var(--text-secondary)}.three-pass-toggle input[type=checkbox]{width:1rem;height:1rem;cursor:pointer}.three-pass-toggle .toggle-label{font-weight:500}.three-pass-toggle:hover .toggle-label{color:var(--text-primary)}.skip-chat-toggle{background:#fef3c7;padding:.375rem .75rem;border-radius:.375rem;border:1px solid #f59e0b}.skip-chat-toggle .toggle-label{color:#92400e}.skip-chat-toggle:hover .toggle-label{color:#78350f}body.dark-mode .skip-chat-toggle{background:#78350f;border-color:#f59e0b}body.dark-mode .skip-chat-toggle .toggle-label{color:#fef3c7}body.dark-mode .skip-chat-toggle:hover .toggle-label{color:#fff}.three-pass-debug-panel{background:var(--content-container-bg);border:2px solid #8b5cf6;border-radius:.75rem;padding:1.5rem;margin-top:1.5rem}.three-pass-debug-panel h4{margin:0 0 1rem;color:#8b5cf6;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.debug-stats{display:flex;gap:1.5rem;margin-bottom:1rem;font-size:.8125rem;color:var(--text-secondary)}.debug-stats span{background:var(--gray-100);padding:.25rem .75rem;border-radius:1rem}body.dark-mode .debug-stats span{background:var(--gray-700)}.debug-error{background:var(--status-failed-bg);border:1px solid var(--color-error-light);color:var(--color-error);padding:.75rem 1rem;border-radius:.5rem;font-size:.875rem}.debug-warning{background:#fef3c7;border:1px solid #f59e0b;color:#92400e;padding:.5rem .75rem;border-radius:.375rem;font-size:.8125rem;margin-bottom:1rem}body.dark-mode .debug-warning{background:#78350f;border-color:#f59e0b;color:#fef3c7}.debug-note{background:#e0f2fe;border:1px solid #0ea5e9;color:#0369a1;padding:.5rem .75rem;border-radius:.375rem;font-size:.8125rem;margin-top:1rem}body.dark-mode .debug-note{background:#0c4a6e;border-color:#0ea5e9;color:#e0f2fe}.intents-list{display:flex;flex-direction:column;gap:.75rem}.intent-card{background:var(--gray-50);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem}body.dark-mode .intent-card{background:var(--gray-800)}.intent-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.intent-action{padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.intent-action.action-answer{background:#dcfce7;color:#166534}.intent-action.action-redirect{background:#fef3c7;color:#92400e}.intent-action.action-clarify{background:#e0f2fe;color:#0369a1}.intent-action.action-decline{background:#fee2e2;color:#991b1b}body.dark-mode .intent-action.action-answer{background:#166534;color:#dcfce7}body.dark-mode .intent-action.action-redirect{background:#92400e;color:#fef3c7}body.dark-mode .intent-action.action-clarify{background:#0369a1;color:#e0f2fe}body.dark-mode .intent-action.action-decline{background:#991b1b;color:#fee2e2}.intent-category{background:#8b5cf6;color:#fff;padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.intent-confidence{margin-left:auto;font-size:.75rem;color:var(--text-secondary);font-weight:500}.intent-question{font-size:.9375rem;color:var(--text-primary);margin-bottom:.25rem;line-height:1.4}.intent-context{font-size:.8125rem;color:var(--text-secondary);font-style:italic}.raw-response-details{margin-top:1rem;border:1px solid var(--border-color);border-radius:.5rem;overflow:hidden}.raw-response-details summary{padding:.75rem 1rem;background:var(--gray-100);cursor:pointer;font-size:.875rem;font-weight:500;color:var(--text-secondary)}body.dark-mode .raw-response-details summary{background:var(--gray-700)}.raw-response-details summary:hover{background:var(--gray-200)}body.dark-mode .raw-response-details summary:hover{background:var(--gray-600)}.raw-response{background:var(--gray-800);color:var(--gray-200);padding:1rem;margin:0;font-family:Fira Code,Monaco,monospace;font-size:.8125rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow:auto}.extracted-lead-data{margin-top:1rem;padding:1rem;background:#ecfdf5;border:1px solid #10b981;border-radius:.5rem}body.dark-mode .extracted-lead-data{background:#064e3b;border-color:#10b981}.extracted-lead-data h5{margin:0 0 .75rem;color:#059669;font-size:.9375rem;font-weight:600}body.dark-mode .extracted-lead-data h5{color:#34d399}.lead-data-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}.lead-data-item{display:flex;flex-direction:column;background:#fff;padding:.5rem .75rem;border-radius:.375rem;border:1px solid #d1fae5}body.dark-mode .lead-data-item{background:#065f46;border-color:#047857}.lead-data-key{font-size:.75rem;color:#6b7280;text-transform:capitalize;margin-bottom:.125rem}body.dark-mode .lead-data-key{color:#a7f3d0}.lead-data-value{font-size:.875rem;color:var(--text-primary);font-weight:500}body.dark-mode .lead-data-value{color:#fff}.data-fetch-section{margin-top:1.5rem;padding-top:1.5rem;border-top:2px dashed var(--border-color)}.data-fetch-section h4{margin:0 0 1rem;color:#0891b2;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.fetched-data-list{display:flex;flex-direction:column;gap:.75rem}.fetched-data-card{background:var(--gray-50);border:1px solid var(--border-color);border-radius:.5rem;padding:1rem}body.dark-mode .fetched-data-card{background:var(--gray-800)}.fetched-data-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.fetched-data-question{font-size:.9375rem;color:var(--text-primary);font-weight:500;flex:1}.fetched-data-confidence{font-size:.75rem;color:var(--text-secondary);background:var(--gray-100);padding:.125rem .5rem;border-radius:1rem}body.dark-mode .fetched-data-confidence{background:var(--gray-700)}.relevant-facts-list{margin:0;padding-left:1.25rem;font-size:.875rem;color:var(--text-primary);line-height:1.6}.relevant-facts-list li{margin-bottom:.375rem}.relevant-facts-list li:last-child{margin-bottom:0}.relevant-fact{color:var(--text-primary)}.no-facts{font-size:.875rem;color:var(--text-secondary);font-style:italic}.source-references{margin-top:.75rem;padding-top:.5rem;border-top:1px solid var(--border-color);font-size:.75rem;color:var(--text-secondary)}.source-references:before{content:"📚 "}.lead-gen-state-section{margin-top:1.5rem;padding-top:1.5rem;border-top:2px dashed var(--border-color)}.lead-gen-state-section h4{margin:0 0 1rem;color:#7c3aed;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.lead-gen-status-badge-container{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.lead-gen-status-badge{padding:.375rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:600}.lead-gen-status-badge.status-lead-gen-data-completed-before-this-turn{background:#dcfce7;color:#166534}.lead-gen-status-badge.status-lead-gen-data-completed-this-turn{background:#fef08a;color:#854d0e;animation:pulse-success .5s ease-out}.lead-gen-status-badge.status-lead-gen-data-incomplete{background:#fee2e2;color:#991b1b}body.dark-mode .lead-gen-status-badge.status-lead-gen-data-completed-before-this-turn{background:#166534;color:#dcfce7}body.dark-mode .lead-gen-status-badge.status-lead-gen-data-completed-this-turn{background:#854d0e;color:#fef08a}body.dark-mode .lead-gen-status-badge.status-lead-gen-data-incomplete{background:#991b1b;color:#fee2e2}@keyframes pulse-success{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.lead-gen-formula{font-size:.8125rem;color:var(--text-secondary);font-family:Fira Code,monospace;background:var(--gray-100);padding:.25rem .5rem;border-radius:.25rem}body.dark-mode .lead-gen-formula{background:var(--gray-700)}.fields-extracted-this-turn{background:#ecfdf5;border:1px solid #10b981;color:#065f46;padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;margin-bottom:.75rem}body.dark-mode .fields-extracted-this-turn{background:#065f46;border-color:#10b981;color:#ecfdf5}.missing-fields{background:#fef2f2;border:1px solid #ef4444;color:#991b1b;padding:.5rem .75rem;border-radius:.375rem;font-size:.875rem;margin-bottom:.75rem}body.dark-mode .missing-fields{background:#7f1d1d;border-color:#ef4444;color:#fecaca}.collected-data-summary{margin-top:.75rem}.collected-data-summary strong{display:block;margin-bottom:.5rem;font-size:.875rem;color:var(--text-secondary)}.collected-data-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}.collected-data-item{display:flex;flex-direction:column;padding:.375rem .5rem;border-radius:.25rem;font-size:.8125rem}.collected-data-item.has-value{background:#ecfdf5;border:1px solid #10b981}.collected-data-item.no-value{background:var(--gray-100);border:1px solid var(--border-color)}body.dark-mode .collected-data-item.has-value{background:#065f46;border-color:#10b981}body.dark-mode .collected-data-item.no-value{background:var(--gray-800)}.collected-data-item .field-name{font-size:.6875rem;text-transform:capitalize;color:var(--text-secondary)}.collected-data-item .field-value{font-weight:500;color:var(--text-primary)}.collected-data-item.no-value .field-value{color:var(--text-secondary)}.pass2-section{margin-top:1.5rem;padding-top:1.5rem;border-top:2px dashed var(--border-color)}.pass2-section h4{margin:0 0 1rem;color:#059669;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.answers-list{display:flex;flex-direction:column;gap:.75rem}.answer-card{background:var(--gray-50);border:1px solid #10b981;border-radius:.5rem;padding:1rem}body.dark-mode .answer-card{background:var(--gray-800);border-color:#059669}.answer-card.already-answered{border-color:#f59e0b;background:#fffbeb}body.dark-mode .answer-card.already-answered{background:#78350f;border-color:#f59e0b}.already-answered-badge{font-size:.6875rem;color:#92400e;background:#fef3c7;padding:.125rem .5rem;border-radius:.25rem;font-weight:600}body.dark-mode .already-answered-badge{background:#92400e;color:#fef3c7}.answer-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.answer-question{font-size:.875rem;color:var(--text-secondary);font-weight:500;flex:1}.answer-confidence{font-size:.75rem;color:#fff;background:#059669;padding:.125rem .5rem;border-radius:1rem;font-weight:600}.answer-text{font-size:.9375rem;color:var(--text-primary);line-height:1.6;padding:.75rem;background:#fff;border-radius:.375rem;border-left:3px solid #10b981}body.dark-mode .answer-text{background:var(--gray-700)}.facts-used-details{margin-top:.75rem;border:1px solid var(--border-color);border-radius:.375rem;overflow:hidden}.facts-used-details summary{padding:.5rem .75rem;background:var(--gray-100);cursor:pointer;font-size:.8125rem;font-weight:500;color:var(--text-secondary)}body.dark-mode .facts-used-details summary{background:var(--gray-700)}.facts-used-details summary:hover{background:var(--gray-200)}body.dark-mode .facts-used-details summary:hover{background:var(--gray-600)}.facts-used-list{margin:0;padding:.75rem .75rem .75rem 1.5rem;font-size:.8125rem;color:var(--text-secondary);line-height:1.5;background:var(--gray-50)}body.dark-mode .facts-used-list{background:var(--gray-800)}.facts-used-list li{margin-bottom:.375rem}.facts-used-list li:last-child{margin-bottom:0}.fact-used{color:var(--text-secondary)}.pass3-section{margin-top:1.5rem;padding-top:1.5rem;border-top:2px dashed var(--border-color)}.pass3-section h4{margin:0 0 1rem;color:#ec4899;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.polished-response-card{background:var(--gray-50);border:1px solid #ec4899;border-radius:.5rem;padding:1rem}body.dark-mode .polished-response-card{background:var(--gray-800);border-color:#db2777}.polished-response-text{font-size:.9375rem;color:var(--text-primary);line-height:1.6;padding:.75rem;background:#fff;border-radius:.375rem;border-left:3px solid #ec4899;white-space:pre-wrap}body.dark-mode .polished-response-text{background:var(--gray-700)}.final-response-section{margin-top:1.5rem;padding-top:1.5rem;border-top:2px dashed var(--border-color)}.final-response-section h4{margin:0 0 1rem;color:#7c3aed;font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.final-response-text{font-size:.9375rem;color:var(--text-primary);line-height:1.6;padding:1rem;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:.5rem;border-left:4px solid #7c3aed;white-space:pre-wrap}body.dark-mode .final-response-text{background:linear-gradient(135deg,#4c1d95,#5b21b6);color:#f5f3ff}.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;-moz-user-select:none;user-select:none}.accordion-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)}.requirements-input.input-error{border-color:var(--color-error, #ef4444)}.requirements-error{color:var(--color-error, #ef4444);font-size:12px;margin-top:4px;margin-bottom:0}.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;-moz-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-info .field-key{color:var(--text-muted);font-size:11px;font-family:var(--font-mono, monospace);font-weight:400}.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}.available-field-btn .field-key{color:var(--text-muted);font-size:11px;font-family:monospace}.add-icon{color:var(--lead-gen-success);font-size:18px;font-weight:700}.actions{margin-top:30px;display:flex;justify-content:flex-end}.blue-info-box{background:#e7f5ff;border:1px solid #74c0fc;border-radius:var(--radius-md);padding:var(--space-md);color:var(--text-primary)}body.dark-mode .blue-info-box{background:#1a3a52;border-color:#1c7ed6}.mode-options{display:flex;flex-direction:column;gap:1rem}.mode-option{display:flex;align-items:flex-start;padding:1rem;border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;background:var(--content-bg)}.mode-option:hover{border-color:var(--brand-primary);background:var(--hover-bg)}.mode-option.active{border-color:var(--brand-primary);background:var(--brand-primary-alpha)}.mode-option input[type=radio]{margin-right:1rem;margin-top:.25rem;cursor:pointer}.mode-content{flex:1}.mode-title{font-weight:600;font-size:var(--font-md);margin-bottom:.25rem;color:var(--text-primary)}.mode-description{color:var(--text-secondary);font-size:var(--font-sm)}.transfer-provider-section{margin-top:1.5rem}.provider-selector{display:flex;flex-direction:column;gap:.75rem}.provider-option{display:flex;align-items:flex-start;padding:1rem;border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;background:var(--content-bg)}.provider-option:hover{border-color:var(--brand-primary);background:var(--hover-bg)}.provider-option.active{border-color:var(--brand-primary);background:var(--brand-primary-alpha)}.provider-option input[type=radio]{margin-right:1rem;margin-top:.25rem;cursor:pointer}.provider-content{flex:1}.provider-title{font-weight:600;font-size:var(--font-md);margin-bottom:.25rem;color:var(--text-primary)}.provider-description{color:var(--text-secondary);font-size:var(--font-sm)}@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}}.phone-selector-section{margin-top:20px;padding:15px;background:var(--card-bg, #f9fafb);border-radius:8px}.section-label{display:flex;flex-direction:column;gap:6px;font-weight:600;margin-bottom:10px;color:var(--text-primary, #1f2937)}.label-description{font-size:13px;font-weight:400;color:var(--text-secondary, #6b7280)}.phone-input-container{position:relative;margin-top:10px}.phone-input{width:100%;padding:10px 12px;border:1px solid var(--border-color, #d1d5db);border-radius:6px;font-size:14px;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s}.phone-input:focus{border-color:var(--primary-color, #007bff);box-shadow:0 0 0 3px #007bff1a}.phone-suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--border-color, #d1d5db);border-radius:6px;margin-top:4px;max-height:200px;overflow-y:auto;box-shadow:0 4px 12px #00000026;z-index:1000}.phone-suggestion-item{padding:12px 15px;cursor:pointer;border-bottom:1px solid var(--border-color, #d1d5db);transition:background .2s}.phone-suggestion-item:last-child{border-bottom:none}.phone-suggestion-item:hover{background:var(--hover-bg, #f3f4f6)}.email-selector-section{margin-top:20px;padding:15px;background:var(--card-bg, #f9fafb);border-radius:8px}.email-input-container{position:relative;margin-top:10px}.email-input{width:100%;padding:10px 12px;border:1px solid var(--border-color, #d1d5db);border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s}.email-input:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.email-suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--border-color, #d1d5db);border-radius:6px;margin-top:4px;max-height:200px;overflow-y:auto;box-shadow:0 4px 12px #00000026;z-index:1000}.email-suggestion-item{padding:12px 15px;cursor:pointer;border-bottom:1px solid var(--border-color, #d1d5db);transition:background .2s}.email-suggestion-item:last-child{border-bottom:none}.email-suggestion-item:hover{background:var(--hover-bg, #f3f4f6)}.phone-suggestion-item strong{display:block;font-weight:600;margin-bottom:4px;color:var(--text-primary, #1f2937)}.phone-suggestion-item p{margin:0;font-size:13px;color:var(--text-secondary, #6b7280)}.custom-indicator{margin-right:4px;font-size:12px}.available-field-wrapper{position:relative;display:flex;flex-direction:column}.available-field-wrapper.custom-field{border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.available-field-wrapper.custom-field .available-field-btn{border:none;border-radius:0}.custom-field-actions{display:flex;justify-content:center;gap:.5rem;padding:4px;background:var(--gray-50);border-top:1px solid var(--border-light)}.edit-custom-btn,.delete-custom-btn{background:none;border:none;padding:4px 8px;cursor:pointer;font-size:12px;border-radius:4px;transition:background .2s}.edit-custom-btn:hover{background:var(--hover-bg)}.delete-custom-btn:hover{background:#ef44441a}.custom-field-item{border-left:3px solid var(--brand-secondary)}.create-custom-field-btn{display:block;width:100%;margin-top:1rem;padding:.75rem 1rem;background:var(--gradient-secondary);color:var(--text-on-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:500;cursor:pointer;transition:all .2s}.create-custom-field-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.formula-error-modal{max-width:450px!important}.formula-error-modal .modal-body{padding:1.5rem}.formula-error-message{color:var(--text-primary);margin-bottom:1rem}.formula-error-detail{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;padding:.75rem 1rem;color:var(--color-error, #ef4444);font-family:var(--font-mono, monospace);font-size:.9rem;margin-bottom:1rem}.formula-error-hint{color:var(--text-muted);font-size:.875rem}.formula-error-modal .modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end}.formula-error-modal .btn-primary{padding:.5rem 1.5rem;background:var(--gradient-secondary);border:none;border-radius:6px;color:var(--text-on-primary);font-weight:500;cursor:pointer}.lead-custom-field-modal{width:480px!important;max-width:90vw!important;max-height:none!important;height:auto!important;overflow:visible!important}.lead-custom-field-modal .modal-body{padding:1rem 1.5rem}.lead-custom-field-modal .form-group{margin-bottom:1rem}.lead-custom-field-modal .form-group label{display:block;font-weight:500;color:var(--text-primary);margin-bottom:.5rem;font-size:.95rem}.lead-custom-field-modal .form-group input[type=text],.lead-custom-field-modal .form-group textarea{width:100%;padding:.625rem .75rem;border:1px solid var(--input-border);border-radius:6px;font-size:.95rem;background:var(--input-bg);color:var(--input-text);transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.lead-custom-field-modal .form-group input[type=text]:focus,.lead-custom-field-modal .form-group textarea:focus{outline:none;border-color:var(--brand-secondary);box-shadow:0 0 0 3px #667eea1a}.lead-custom-field-modal .form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.lead-custom-field-modal .field-hint{display:block;font-size:.8rem;color:var(--text-muted);margin-top:.375rem}.lead-custom-field-modal .field-key-input{font-family:var(--font-mono, monospace);font-size:.875rem}.lead-custom-field-modal .field-key-input:disabled{background:var(--gray-100, #f3f4f6);color:var(--text-muted);cursor:not-allowed}.lead-custom-field-modal .field-key-input.field-conflict{border-color:var(--color-error);box-shadow:0 0 0 3px #ef444426}.field-type-options{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.field-type-option{display:block;cursor:pointer}.field-type-option input[type=radio]{position:absolute;opacity:0;pointer-events:none}.field-type-option .option-content{display:flex;flex-direction:row;align-items:center;gap:.5rem;padding:.6rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--content-bg);transition:all .2s}.field-type-option:hover .option-content{border-color:var(--brand-secondary);background:var(--gray-50)}.field-type-option.selected .option-content{border-color:var(--brand-secondary);background:#667eea14}.field-type-option input:disabled+.option-content{opacity:.6;cursor:not-allowed}.field-type-option .option-icon{font-size:1rem}.field-type-option .option-label{font-weight:500;color:var(--text-primary);font-size:.875rem}.field-type-option .option-description{display:none}.lead-custom-field-modal .modal-error{padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:var(--color-error);font-size:.9rem;margin-bottom:1rem}.lead-custom-field-modal .modal-warning{padding:.75rem 1rem;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:6px;color:#b45309;font-size:.9rem;margin-bottom:1rem}.lead-custom-field-modal .modal-footer{padding:.75rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.5rem}.lead-custom-field-modal .btn-secondary,.lead-custom-field-modal .btn-primary{padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.lead-custom-field-modal .btn-secondary{background:var(--button-secondary-bg);border:1px solid var(--border-color);color:var(--text-primary)}.lead-custom-field-modal .btn-secondary:hover{background:var(--button-secondary-hover)}.lead-custom-field-modal .btn-primary{background:var(--gradient-secondary);border:none;color:var(--text-on-primary)}.lead-custom-field-modal .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}.lead-custom-field-modal .btn-primary:disabled{opacity:.6;cursor:not-allowed}.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;-o-object-fit:contain;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)}50%{transform:scale(1.15)}}@keyframes glow{0%,to{box-shadow:0 4px 15px #fff3;filter:brightness(1)}50%{box-shadow:0 0 25px #fff9,0 0 50px #fff6;filter:brightness(1.2)}}@keyframes bounce{0%,to{transform:translateY(0)}20%{transform:translateY(-18px)}40%{transform:translateY(-8px)}60%{transform:translateY(-12px)}80%{transform:translateY(-4px)}}@keyframes ripple{0%{box-shadow:0 0 #ffffffb3}50%{box-shadow:0 0 0 15px #ffffff4d}to{box-shadow:0 0 0 25px #fff0}}@keyframes wiggle{0%,to{transform:rotate(0)}10%{transform:rotate(-12deg)}20%{transform:rotate(10deg)}30%{transform:rotate(-8deg)}40%{transform:rotate(6deg)}50%{transform:rotate(-4deg)}60%{transform:rotate(2deg)}70%{transform:rotate(0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-6px)}20%,40%,60%,80%{transform:translate(6px)}}@keyframes heartbeat{0%,to{transform:scale(1)}14%{transform:scale(1.2)}28%{transform:scale(1)}42%{transform:scale(1.15)}56%{transform:scale(1)}}@keyframes tada{0%,to{transform:scale(1) rotate(0)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}}@keyframes jello{0%,to{transform:scaleZ(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}}@keyframes ring{0%{box-shadow:0 0 #ffffffb3}to{box-shadow:0 0 0 20px #fff0}}.animation-pulse.continuous{animation:pulse .8s ease-in-out infinite}.animation-pulse.interval,.animation-pulse.once{animation:pulse .8s ease-in-out 1}.animation-glow.continuous{animation:glow 1.5s ease-in-out infinite}.animation-glow.interval,.animation-glow.once{animation:glow 1.5s ease-in-out 1}.animation-bounce.continuous{animation:bounce .8s cubic-bezier(.36,.07,.19,.97) infinite}.animation-bounce.interval,.animation-bounce.once{animation:bounce .8s cubic-bezier(.36,.07,.19,.97) 1}.animation-ripple.continuous{animation:ripple 1s ease-out infinite}.animation-ripple.interval,.animation-ripple.once{animation:ripple 1s ease-out 1}.animation-wiggle.continuous{animation:wiggle .8s ease-in-out infinite}.animation-wiggle.interval,.animation-wiggle.once{animation:wiggle .8s ease-in-out 1}.animation-shake.continuous{animation:shake .6s ease-in-out infinite}.animation-shake.interval,.animation-shake.once{animation:shake .6s ease-in-out 1}.animation-heartbeat.continuous{animation:heartbeat 1.2s ease-in-out infinite}.animation-heartbeat.interval,.animation-heartbeat.once{animation:heartbeat 1.2s ease-in-out 1}.animation-tada.continuous{animation:tada 1s ease-in-out infinite}.animation-tada.interval,.animation-tada.once{animation:tada 1s ease-in-out 1}.animation-jello.continuous{animation:jello .9s ease-in-out infinite}.animation-jello.interval,.animation-jello.once{animation:jello .9s ease-in-out 1}.animation-ring.continuous{animation:ring 1s ease-out infinite}.animation-ring.interval,.animation-ring.once{animation:ring 1s ease-out 1}.animation-shimmer{overflow:hidden;position:relative}.animation-shimmer.continuous:before,.animation-shimmer.interval:before,.animation-shimmer.once:before{content:"";position:absolute;top:-50%;left:-50%;width:50%;height:200%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.4) 25%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.4) 75%,transparent 100%);pointer-events:none;filter:blur(3px)}.animation-shimmer.continuous:before{animation:shimmer-sweep 2s ease-in-out infinite}.animation-shimmer.interval:before,.animation-shimmer.once:before{animation:shimmer-sweep 1.5s ease-in-out 1}@keyframes shimmer-sweep{0%{transform:translate(-100%) rotate(25deg)}to{transform:translate(300%) rotate(25deg)}}@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}.chatbot-page .api-keys-tab,.chatbot-page .styling-tab,.chatbot-page .lead-gen-tab,.chatbot-page .chatbot-logs-tab,.chatbot-page .tab-content{margin-top:0!important}.accordion-header.expanded .accordion-arrow{transform:rotate(180deg)}.appointments-tab{background:var(--tab-content-bg);padding:var(--space-xl);border-radius:var(--radius-lg)}.filter-row>.btn-secondary,.filter-row>.dropdown-container{margin-bottom:var(--space-md)}.filters-section:hover{transform:none!important;box-shadow:none!important;background:var(--card-bg)!important}.type-badge{display:inline-block;padding:.25rem .75rem;background:#e8f4ff;color:#06c;border-radius:12px;font-size:13px;font-weight:500;text-transform:capitalize}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:13px;font-weight:500;text-transform:capitalize}.status-scheduled{background:#fef3c7;color:#92400e}.status-confirmed{background:#d1fae5;color:#065f46}.status-cancelled{background:#fee2e2;color:#991b1b}.status-completed{background:#e0e7ff;color:#3730a3}.status-no-show{background:#f3f4f6;color:#374151}.action-btn{padding:.5rem .75rem;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.confirm-btn{background:#d1fae5;color:#065f46}.confirm-btn:hover{background:#a7f3d0}.cancel-btn{background:#fee2e2;color:#991b1b}.cancel-btn:hover{background:#fecaca}.complete-btn{background:#e0e7ff;color:#3730a3}.complete-btn:hover{background:#c7d2fe}.no-show-btn{background:#f3f4f6;color:#374151}.no-show-btn:hover{background:#e5e7eb}.notes-btn{padding:.5rem .75rem;background:var(--brand-primary);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.notes-btn:hover{background:var(--brand-primary-hover)}.datetime-cell{font-weight:500;white-space:nowrap}.student-name{font-weight:500}.contact-cell{font-size:13px}.contact-info{margin-bottom:.25rem}.contact-info a{color:var(--brand-primary);text-decoration:none}.contact-info a:hover{text-decoration:underline}.appointments-summary{margin-top:1rem;padding:1rem;text-align:center;font-size:14px;color:#6b7280}.appointments-cards{display:flex;flex-direction:column;gap:1rem}.appointment-card{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 1px 3px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border-color)}.card-datetime{font-weight:500;font-size:14px;color:var(--text-color)}.card-body{display:flex;flex-direction:column;gap:.75rem}.card-row{display:flex;flex-direction:column;gap:.25rem}.card-row strong{font-size:13px;color:#6b7280;font-weight:500}.card-row span,.card-row a{font-size:14px;color:var(--text-color)}.card-actions{display:flex;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.card-actions .action-btn{flex:1}.modal-content{background:#fff;border-radius:8px;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color)}.modal-header h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:2rem;line-height:1;cursor:pointer;color:var(--text-secondary);padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-start;gap:.5rem}@media (max-width: 768px){.appointments-cards{display:flex}.table-wrapper{display:none}.modal-content{width:95%;max-height:95vh}.modal-header,.modal-body{padding:1rem}}@media (min-width: 769px){.appointments-cards{display:none}}.leads-page .leads-section,.leads-page .lead-export-section{margin-top:0!important}.leads-tab .filter-row{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.leads-tab .filter-row .form-group{min-width:180px;flex:0 1 auto;margin-bottom:0}.leads-tab .filter-row .form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.875rem}.leads-tab .filter-row .form-group input,.leads-tab .filter-row .form-group select{width:100%;min-width:160px}.leads-tab .filter-row .btn-secondary,.leads-tab .filter-row .btn-primary{height:44px;align-self:flex-end;white-space:nowrap}.leads-tab .filter-row .dropdown-container{align-self:flex-end}.leads-tab .filter-row .dropdown-container .btn-secondary{height:44px}.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}body.dark-mode .filters-section,body.dark-mode .filters-section.card,body.dark-mode .export-configuration,body.dark-mode .export-configuration.card,body.dark-mode .export-actions,body.dark-mode .export-actions.card,body.dark-mode .export-help,body.dark-mode .export-help.card{background:var(--card-bg)!important;color:var(--text-primary)}body.dark-mode .filters-section label,body.dark-mode .filters-section .form-group label,body.dark-mode .export-configuration label,body.dark-mode .export-configuration .form-group label,body.dark-mode .lead-export-tab label,body.dark-mode .lead-export-tab .form-group label,body.dark-mode .lead-export-tab h3,body.dark-mode .lead-export-tab h4,body.dark-mode .lead-export-tab p,body.dark-mode .export-configuration h3,body.dark-mode .export-configuration h4,body.dark-mode .export-configuration p{color:var(--text-primary)}.filter-row select,.filters-section select,.lead-export-tab select,.export-configuration select,.form-row select{min-height:44px!important;height:auto!important;padding:.625rem 2.5rem .625rem .75rem!important;font-size:.9rem!important;line-height:1.5!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;min-width:160px}.filter-row select option,.filters-section select option,.lead-export-tab select option,.export-configuration select option,.form-row select option{padding:.5rem .75rem!important;line-height:1.5!important;white-space:normal!important}body.dark-mode .filter-row select,body.dark-mode .filters-section select,body.dark-mode .lead-export-tab select,body.dark-mode .export-configuration select,body.dark-mode .form-row select{background:var(--input-bg)!important;color:var(--input-text)!important;border-color:var(--input-border)!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)}body.dark-mode .source-badge.smart-card{background:#22c55e33;color:#86efac}body.dark-mode .source-badge.conversation{background:#3b82f633;color:#93c5fd}body.dark-mode .source-badge.other{background:var(--card-bg);color:var(--text-secondary);border:1px solid var(--border-color)}.outcome-badge.scheduled{background:#d1fae5;color:#065f46}.outcome-badge.call-requested{background:#fef3c7;color:#92400e}.outcome-badge.call-completed{background:#d1fae5;color:#065f46}.outcome-badge.call-failed,.outcome-badge.declined{background:#fee2e2;color:#991b1b}.outcome-badge.other{background:var(--page-bg);color:var(--text-secondary);border:1px solid var(--border-color)}body.dark-mode .outcome-badge.scheduled{background:#10b98133;color:#6ee7b7}body.dark-mode .outcome-badge.call-requested{background:#f59e0b33;color:#fcd34d}body.dark-mode .outcome-badge.call-completed{background:#10b98133;color:#6ee7b7}body.dark-mode .outcome-badge.call-failed,body.dark-mode .outcome-badge.declined{background:#ef444433;color:#fca5a5}body.dark-mode .outcome-badge.other{background:var(--card-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;-moz-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}.leads-tab .data-table th,.leads-tab .data-table td{text-align:center;vertical-align:middle}.leads-tab .data-table .contact-item,.leads-tab .data-table .name-cell,.leads-tab .data-table .date-cell,.leads-tab .data-table .academic-item{text-align:center}.leads-tab .data-table .name-cell strong{display:block}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:1rem;padding:1rem;margin-top:1rem;border-top:1px solid var(--border-color)}.pagination-info{color:var(--text-secondary);font-size:.875rem}.pagination-controls button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.field-checkboxes,.custom-date-inputs{grid-template-columns:1fr}.pagination-controls{flex-wrap:wrap}}.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;overflow:hidden}.crm-config-section:before,.crm-fields-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-secondary);border-radius:0 var(--radius-lg) 0 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}.crm-config-tab select,.crm-field-mapping-tab select,.crm-email-section select{height:auto!important;min-height:44px!important;line-height:1.4!important;padding:var(--space-sm) var(--space-md)!important;font-size:var(--font-base)!important;font-family:inherit!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}.crm-field-mapping-tab input[type=text]{font-size:var(--font-base)!important;font-family:inherit!important;line-height:1.4!important;padding:var(--space-sm) var(--space-md)!important}.crm-config-tab select option,.crm-field-mapping-tab select option,.crm-email-section select option{padding:10px 8px!important;line-height:1.4!important;white-space:normal!important;font-size:var(--font-base)!important}.crm-config-tab .form-row{display:flex;align-items:center;gap:.5rem}.crm-config-tab .form-row .btn{flex-shrink:0;align-self:center;height:42px;display:inline-flex;align-items:center;justify-content:center}.draggable-row,.draggable-row-static{transition:all .3s cubic-bezier(.4,0,.2,1);cursor:grab;display:flex;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.draggable-row:before,.draggable-row-static:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-secondary);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.draggable-row:active,.draggable-row-static:active{cursor:grabbing}.draggable-row.dragging,.draggable-row-static.dragging{opacity:.6;background:var(--card-bg);box-shadow:var(--shadow-lg);transform:scale(1.02);border-color:var(--school-primary)}.draggable-row:not(.dragging):hover,.draggable-row-static:not(.dragging):hover{background:var(--card-bg);border-color:var(--school-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.drag-handle{font-size:1.2rem;color:var(--school-primary);-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:0 .75rem;display:flex;align-items:center;touch-action:none;transition:all .2s ease;opacity:.7}.drag-handle:hover{color:var(--school-secondary);opacity:1;transform:scale(1.1)}.edit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff}.edit-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;filter:brightness(1.1)}.confirm-btn{background:linear-gradient(135deg,var(--color-success),#16a34a);border-color:var(--color-success);color:#fff}.confirm-btn:hover{background:linear-gradient(135deg,var(--color-success),#16a34a);border-color:var(--color-success);filter:brightness(1.1)}.delete-btn{background:linear-gradient(135deg,var(--color-error),#dc2626);border-color:var(--color-error);color:#fff}.delete-btn:hover{background:linear-gradient(135deg,var(--color-error),#dc2626);border-color:var(--color-error);filter:brightness(1.1)}body.dark-mode .draggable-row,body.dark-mode .draggable-row-static{background:var(--card-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark-mode .edit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff}body.dark-mode .confirm-btn{background:linear-gradient(135deg,var(--color-success),#16a34a);border-color:var(--color-success);color:#fff}body.dark-mode .delete-btn{background:linear-gradient(135deg,var(--color-error),#dc2626);border-color:var(--color-error);color:#fff}.crm-field-mapping-tab select:disabled,.crm-field-mapping-tab input:disabled{background-color:#0000001a;color:#000000b3;cursor:not-allowed;opacity:.8}body.dark-mode .crm-field-mapping-tab select:disabled,body.dark-mode .crm-field-mapping-tab input:disabled{background-color:#ffffff1a;color:#ffffffb3}.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}.school-name{color:var(--text-primary);font-weight:500}.no-school{color:var(--text-muted);font-style:italic;font-size:.9rem}.btn{padding:8px 16px;border:none;border-radius:var(--radius-md);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:var(--brand-primary);color:var(--text-on-primary)}.btn-primary:hover{background-color:var(--brand-primary-hover)}.btn-secondary{background-color:var(--gray-500);color:var(--text-on-primary)}.btn-secondary:hover{background-color:var(--gray-600)}.btn-warning{background-color:var(--color-warning);color:var(--text-on-primary)}.btn-warning:hover{background-color:var(--color-warning-hover)}.btn-success{background-color:var(--color-success);color:var(--text-on-primary)}.btn-success:hover{background-color:var(--color-success-hover)}.btn-danger{background-color:var(--color-error);color:var(--text-on-primary)}.btn-danger:hover{background-color:var(--color-error-hover)}.btn-sm{padding:6px 12px;font-size:.875rem}.no-users{padding:40px;text-align:center;color:var(--text-secondary)}.modal-overlay{position:fixed;inset:0;background-color:var(--modal-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.modal-content{background:var(--card-bg);border-radius:var(--radius-lg);width:90%;max-width:500px;max-height:calc(100vh - 40px);display:flex;flex-direction:column;box-shadow:var(--shadow-lg);margin:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color);flex-shrink:0}.modal-header h3{margin:0;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);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:var(--hover-bg)}.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 var(--border-color);flex-shrink:0}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary)}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;background:var(--input-bg);color:var(--text-primary);transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}.toggle-group{margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color)}.toggle-container{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--toggle-container-bg, linear-gradient(135deg, var(--gray-100) 0%, var(--gray-300) 100%));border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.toggle-info{flex:1}.toggle-label{display:block;font-weight:600;color:var(--text-primary);font-size:15px;margin-bottom:4px}.toggle-description{display:block;color:var(--text-secondary);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:var(--gray-400);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:var(--card-bg);transition:all .4s cubic-bezier(.68,-.55,.265,1.55);border-radius:50%;box-shadow:var(--shadow-sm)}.toggle-switch input:checked+.toggle-slider{background:var(--gradient-secondary);box-shadow:0 0 20px rgba(var(--school-primary-rgb),.4),inset 0 2px 4px #00000026}.toggle-switch input:checked+.toggle-slider:before{transform:translate(28px);box-shadow:var(--shadow-md)}.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 rgba(var(--school-primary-rgb),.5),inset 0 2px 4px #00000026}.info-message{margin-top:8px;padding:8px 12px;background-color:var(--color-info-bg);border-left:3px solid var(--color-info);border-radius:var(--radius-sm);color:var(--color-info-text, var(--primary));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:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px;transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--border-light);width:100%;display:flex;align-items:center;gap:24px}.user-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.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:var(--text-primary);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:var(--text-secondary);font-size:.8rem;flex-shrink:0}.user-detail-value{color:var(--text-primary);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:var(--card-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px;margin-bottom:20px;border:1px solid var(--border-light)}.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 var(--border-color);border-radius:var(--radius-md);font-size:14px;transition:border-color .2s,box-shadow .2s;background:var(--input-bg);color:var(--text-primary)}.filter-search .search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring);background:var(--card-bg)}.filter-dropdowns{display:flex;gap:12px;align-items:center;flex-shrink:0}.filter-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:14px;background:var(--card-bg);color:var(--text-primary);cursor:pointer;transition:border-color .2s,box-shadow .2s;min-width:120px}.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--focus-ring)}.filter-clear{padding:8px 16px!important;font-size:.875rem!important;border-radius:6px!important;white-space:nowrap}.filter-results{font-size:.875rem;color:var(--text-secondary);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 var(--border-light)}.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}.scheduler-dashboard-page .section-content{margin-top:0!important}.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.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-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)}.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:var(--text-primary)}.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:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--brand-primary)}.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-content{flex:1}.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);display:flex;justify-content:space-between;align-items:center}.chart-header h3{margin:0;font-size:1rem;color:var(--text-primary);font-weight:600}.export-btn{padding:var(--space-sm) var(--space-md);background:var(--brand-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s ease}.export-btn:hover{background:var(--brand-primary-hover)}.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;height:100%}.bar-container{flex:1;width:100%;position:relative;min-height:150px}.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}}.heatmap-container{width:100%;overflow-x:auto}.heatmap-grid{display:grid;grid-template-columns:40px repeat(24,1fr);gap:2px;min-width:800px}.heatmap-hour-label{font-size:.65rem;color:var(--text-secondary);text-align:center;padding:.25rem 0;font-weight:500}.heatmap-day-label{font-size:.75rem;color:var(--text-primary);font-weight:600;display:flex;align-items:center;justify-content:center;padding:.25rem}.heatmap-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;border-radius:2px;cursor:pointer;transition:all .2s ease;border:1px solid rgba(0,0,0,.05);min-height:30px}.heatmap-cell:hover{transform:scale(1.1);box-shadow:0 2px 8px #00000026;z-index:10;border-color:var(--brand-primary)}@media (max-width: 768px){.heatmap-grid{min-width:600px;grid-template-columns:30px repeat(24,1fr)}.heatmap-hour-label{font-size:.55rem}.heatmap-day-label{font-size:.65rem}.heatmap-cell{font-size:.6rem;min-height:24px}}body.dark-mode .chart-header{background:var(--page-bg);border-color:var(--border-color)}body.dark-mode .chart-header h3{color:var(--text-primary)}body.dark-mode .chart-card{background:var(--card-bg);border-color:var(--border-color)}body.dark-mode .chart-content{background:var(--card-bg)}body.dark-mode .metric-card,body.dark-mode .engagement-funnel,body.dark-mode .analytics-summary-card{background:var(--card-bg);border-color:var(--border-color)}body.dark-mode .summary-period{background:var(--page-bg);color:var(--text-secondary)}body.dark-mode .bar.high{background:#60a5fa}body.dark-mode .bar.medium{background:#34d399}body.dark-mode .bar.low{background:#94a3b8}body.dark-mode .funnel-bar{background-color:#3b82f6!important}body.dark-mode .funnel-stage:nth-child(1) .funnel-bar{background-color:#60a5fa!important}body.dark-mode .funnel-stage:nth-child(2) .funnel-bar{background-color:#4ade80!important}body.dark-mode .funnel-stage:nth-child(3) .funnel-bar{background-color:#22c55e!important}body.dark-mode .funnel-stage:nth-child(4) .funnel-bar{background-color:#16a34a!important}body.dark-mode .funnel-content{color:#fff}body.dark-mode .funnel-label,body.dark-mode .funnel-value{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}body.dark-mode .hour-block{border-color:#60a5fa4d}body.dark-mode .heatmap-cell{border-color:#ffffff1a}body.dark-mode .chatbot-analytics-tab{background:transparent}.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}}body.dark-mode .date-range-selector{background:var(--card-bg);border-color:var(--border-color)}body.dark-mode .date-input-group label{color:var(--text-secondary)}body.dark-mode .summary-card{background:var(--card-bg);border-color:var(--border-color)}body.dark-mode .summary-label{color:var(--text-secondary)}body.dark-mode .summary-value{color:var(--brand-primary)}body.dark-mode .empty-state{color:var(--text-secondary)}body.dark-mode .empty-state h3{color:var(--text-primary)}body.dark-mode .loading-state{background:var(--card-bg);color:var(--text-secondary)}.chart-card .chart-content{min-height:400px}.empty-state .empty-icon{filter:hue-rotate(60deg)}.advanced-reports-page .chatbot-analytics-tab,.advanced-reports-page .tab-content-container{margin-top:0!important}.advanced-controls{background:var(--content-container-bg);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border-color);margin-bottom:var(--space-xl)}.date-controls-row{display:flex;gap:var(--space-lg);align-items:flex-end;margin-top:var(--space-md)}.school-selector{display:flex;align-items:flex-start;gap:var(--space-lg);flex-wrap:wrap}.school-selector-main{display:flex;align-items:center;gap:var(--space-md);flex:0 0 auto}.school-selector-main label{font-weight:600;color:var(--text-primary);min-width:120px;white-space:nowrap}.school-selector-main select{min-width:220px;min-height:44px;height:auto;padding:.625rem 2.5rem .625rem .75rem;font-size:.9rem;line-height:1.5;white-space:normal;overflow:visible;text-overflow:clip}.school-selector-main select option{padding:.5rem .75rem;line-height:1.5;white-space:normal}.school-multi-select{display:flex;align-items:center;gap:var(--space-md);flex:1;min-width:250px}.school-multi-select label{font-weight:600;color:var(--text-primary);white-space:nowrap}.dropdown-container{position:relative;flex:1;min-width:200px}.dropdown-toggle{width:100%;padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--input-bg);color:var(--text-primary);cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;transition:border-color .2s ease}.dropdown-toggle:hover{border-color:var(--brand-primary)}.dropdown-toggle:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 2px #3b82f61a}.dropdown-arrow{transition:transform .2s ease;font-size:.75rem;color:var(--text-secondary)}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;z-index:1000;background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin-top:4px;max-height:300px;overflow:hidden}.dropdown-header{display:flex;gap:var(--space-sm);padding:var(--space-sm);border-bottom:1px solid var(--border-color);background:var(--gray-50)}.select-all-btn,.clear-all-btn{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:.75rem;cursor:pointer;transition:background-color .2s ease}.select-all-btn:hover,.clear-all-btn:hover{background:var(--hover-bg)}.dropdown-options{max-height:250px;overflow-y:auto}.dropdown-option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid var(--border-light)}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background:var(--hover-bg)}.dropdown-option input[type=checkbox]{margin:0;pointer-events:none}.option-label{flex:1;font-size:.875rem;color:var(--text-primary)}.loading-text{font-size:.875rem;color:var(--text-secondary);font-style:italic}.date-input-group{display:flex;flex-direction:column;gap:var(--space-sm)}.date-input-group label{font-weight:600;color:var(--text-primary)}@media (max-width: 768px){.school-selector{flex-direction:column;align-items:stretch;gap:var(--space-md)}.school-selector-main{flex-direction:column;align-items:stretch;gap:var(--space-sm)}.school-selector-main label{min-width:auto}.school-selector-main select{width:100%;max-width:none}.school-multi-select{flex-direction:column;align-items:stretch;gap:var(--space-sm);min-width:auto}.dropdown-menu{position:fixed;left:var(--space-md);right:var(--space-md);width:auto}}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:grab}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.tab-content-container .filter-row{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.tab-content-container .filter-row .form-group{min-width:180px;flex:0 1 auto;margin-bottom:0}.tab-content-container .filter-row .form-group label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.875rem}.tab-content-container .filter-row .form-group input,.tab-content-container .filter-row .form-group select{width:100%;min-width:160px}.tab-content-container .filter-row .btn-secondary,.tab-content-container .filter-row .btn-primary{height:44px;align-self:flex-end;white-space:nowrap}.tab-content-container .data-table td{white-space:nowrap}.tab-content-container .data-table td.text-secondary{max-width:250px;overflow:hidden;text-overflow:ellipsis;position:relative}.tab-content-container .data-table td.text-secondary:hover:after{content:attr(title);position:absolute;left:50%;bottom:100%;transform:translate(-50%);background:var(--gray-900);color:#fff;padding:1rem 1.25rem;border-radius:var(--radius-md);font-size:1rem;line-height:1.5;white-space:normal;min-width:200px;max-width:400px;z-index:1000;box-shadow:var(--shadow-lg);pointer-events:none;margin-bottom:.5rem}.tab-content-container .data-table td.text-secondary:not([title]):hover:after{display:none}body.dark-mode .status-badge.active{background-color:#10b98133;color:#34d399}body.dark-mode .status-badge.inactive{background-color:#6b72804d;color:#9ca3af}body.dark-mode .tab-content-container .data-table-container{background:var(--card-bg)}body.dark-mode .tab-content-container .data-table{color:var(--text-primary)}body.dark-mode .tab-content-container .data-table th{background:var(--page-bg);color:var(--text-primary);border-color:var(--border-color)}body.dark-mode .tab-content-container .data-table td{border-color:var(--border-color)}body.dark-mode .tab-content-container .data-table .text-secondary{color:var(--text-secondary)}body.dark-mode .tab-content-container .data-table .font-medium{color:var(--text-primary)}.vapi-header-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl);gap:var(--space-lg)}.vapi-header-row h2{margin:0 0 var(--space-xs) 0;font-size:1.5rem;color:var(--text-primary)}.vapi-description{margin:0;color:var(--text-secondary);font-size:var(--font-sm)}.vapi-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-xl);text-align:center;background:var(--card-bg);border-radius:var(--radius-lg);border:2px dashed var(--border-color)}.vapi-empty-icon{font-size:3rem;margin-bottom:var(--space-md)}.vapi-empty-state h3{margin:0 0 var(--space-sm) 0;color:var(--text-primary)}.vapi-empty-state p{margin:0 0 var(--space-lg) 0;color:var(--text-secondary)}.vapi-agents-table{background:var(--card-bg);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-color)}.vapi-agents-table table{width:100%;border-collapse:collapse}.vapi-agents-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}.vapi-agents-table td{padding:1rem;border-bottom:1px solid var(--border-color);vertical-align:middle}.vapi-agents-table tr:last-child td{border-bottom:none}.vapi-agents-table tr:hover{background:var(--card-hover-bg)}.vapi-agent-name{display:flex;flex-direction:column;gap:2px}.vapi-agent-name .name{font-weight:500;color:var(--text-primary)}.vapi-agent-name .desc{font-size:var(--font-xs);color:var(--text-secondary)}.vapi-badge{display:inline-block;padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:500}.vapi-badge-info{background:#3b82f61a;color:#3b82f6}.vapi-badge-secondary{background:#6b72801a;color:var(--text-secondary)}body.dark-mode .vapi-badge-info{background:#3b82f633;color:#60a5fa}body.dark-mode .vapi-badge-secondary{background:#6b728033;color:#9ca3af}.vapi-status-toggle{padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:500;border:none;cursor:pointer;transition:all .2s}.vapi-status-toggle.active{background:#10b98126;color:#10b981}.vapi-status-toggle.inactive{background:#6b728026;color:var(--text-secondary)}.vapi-status-toggle:hover{opacity:.8}body.dark-mode .vapi-status-toggle.active{background:#10b98133;color:#34d399}.vapi-action-buttons{display:flex;gap:var(--space-sm)}.vapi-test-form{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--border-color);max-width:800px}.vapi-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-lg)}.vapi-form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.vapi-error-message{padding:var(--space-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;margin-bottom:var(--space-lg)}.vapi-call-actions{display:flex;align-items:center;gap:var(--space-lg);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.vapi-call-status{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:500}.vapi-call-status.calling,.vapi-call-status.ringing{background:#3b82f61a;color:#3b82f6}.vapi-call-status.in-progress{background:#10b9811a;color:#10b981;animation:vapi-pulse 2s infinite}.vapi-call-status.ended{background:#10b9811a;color:#10b981}.vapi-call-status.error{background:#ef44441a;color:#ef4444}@keyframes vapi-pulse{0%,to{opacity:1}50%{opacity:.7}}.vapi-modal-large{max-width:900px;width:95%;max-height:90vh;display:flex;flex-direction:column}.vapi-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--border-color);flex-shrink:0}.vapi-modal-header h3{margin:0;font-size:1.25rem;color:var(--text-primary)}.vapi-modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:0;line-height:1}.vapi-modal-close:hover{color:var(--text-primary)}.vapi-modal-body{padding:var(--space-lg);overflow-y:auto;flex:1;min-height:0}.vapi-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-md);padding:var(--space-lg);border-top:1px solid var(--border-color);flex-shrink:0}.vapi-form-section{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-color)}.vapi-form-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.vapi-form-section h4{margin:0 0 var(--space-md) 0;font-size:var(--font-md);font-weight:600;color:var(--text-primary)}.vapi-voice-preview-btn{white-space:nowrap}.vapi-system-prompt{font-family:Fira Code,Monaco,Consolas,monospace;font-size:var(--font-sm);line-height:1.6;min-height:400px;resize:vertical}body.dark-mode .vapi-test-form,body.dark-mode .vapi-agents-table,body.dark-mode .vapi-empty-state{background:var(--card-bg);border-color:var(--border-color)}body.dark-mode .vapi-modal-content{background:var(--card-bg)}body.dark-mode .vapi-form-section,body.dark-mode .vapi-call-actions{border-color:var(--border-color)}body.dark-mode .vapi-call-status.calling,body.dark-mode .vapi-call-status.ringing{background:#3b82f633;color:#60a5fa}body.dark-mode .vapi-call-status.in-progress,body.dark-mode .vapi-call-status.ended{background:#10b98133;color:#34d399}body.dark-mode .vapi-call-status.error{background:#ef444433;color:#f87171}body.dark-mode .vapi-agents-table th{background:var(--page-bg);color:var(--text-primary);border-color:var(--border-color)}body.dark-mode .vapi-agents-table td{border-color:var(--border-color)}.vapi-editor-container{max-width:1400px;margin:0 auto;position:relative}.vapi-editor-loading{display:flex;align-items:center;justify-content:center;padding:var(--space-3xl);color:var(--text-secondary);font-size:var(--font-lg)}.vapi-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-color)}.vapi-editor-title{display:flex;align-items:center;gap:var(--space-md)}.vapi-editor-title h2{margin:0;font-size:1.5rem;color:var(--text-primary)}.unsaved-badge{background:#f59e0b26;color:#f59e0b;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:500}.vapi-editor-actions{display:flex;gap:var(--space-md)}.vapi-editor-error{padding:var(--space-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;margin-bottom:var(--space-lg)}.vapi-editor-columns{display:grid;grid-template-columns:1fr 400px;gap:var(--space-xl);align-items:start}@media (max-width: 1200px){.vapi-editor-columns{grid-template-columns:1fr}}.vapi-editor-config{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:var(--space-xl)}.vapi-config-section{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-color)}.vapi-config-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.vapi-config-section h3{margin:0 0 var(--space-md) 0;font-size:var(--font-md);font-weight:600;color:var(--text-primary)}.vapi-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);margin-bottom:var(--space-md)}@media (max-width: 768px){.vapi-form-row{grid-template-columns:1fr}}.vapi-form-group{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-md)}.vapi-form-group:last-child{margin-bottom:0}.vapi-form-group label{font-weight:500;font-size:var(--font-sm);color:var(--text-primary)}.vapi-form-group input,.vapi-form-group select,.vapi-form-group textarea{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(--text-primary);outline:none}.vapi-form-group input:focus,.vapi-form-group select:focus,.vapi-form-group textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #667eea1a}.vapi-form-hint{font-size:var(--font-xs);color:var(--text-secondary);margin-top:2px}.vapi-label-hint{display:block;font-weight:400;font-size:var(--font-xs);color:var(--text-secondary);margin-top:2px}.checkbox-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.vapi-voice-selector{display:flex;gap:var(--space-sm);align-items:center}.vapi-voice-selector select{flex:1}.vapi-system-prompt{font-family:Fira Code,Monaco,Consolas,monospace;font-size:var(--font-sm);line-height:1.6;min-height:300px;resize:vertical}.vapi-editor-test{position:sticky;top:var(--space-lg)}.vapi-test-section{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:var(--space-xl)}.vapi-test-section h3{margin:0 0 var(--space-sm) 0;font-size:var(--font-lg);font-weight:600;color:var(--text-primary)}.vapi-test-description{margin:0 0 var(--space-lg) 0;color:var(--text-secondary);font-size:var(--font-sm);line-height:1.5}.vapi-test-variables{background:var(--hover-bg);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-lg)}.vapi-test-variables h4{margin:0 0 var(--space-sm) 0;font-size:var(--font-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.vapi-test-variables .vapi-form-group{margin-bottom:var(--space-sm)}.vapi-test-variables .vapi-form-group:last-child{margin-bottom:0}.vapi-test-variables .vapi-form-group label{font-size:var(--font-xs)}.vapi-test-variables .vapi-form-group input{padding:var(--space-sm) var(--space-md);font-size:var(--font-sm)}body.dark-mode .vapi-test-variables{background:var(--gray-700)}.vapi-test-buttons{display:flex;flex-direction:column;gap:var(--space-md)}.vapi-test-button{display:flex;flex-direction:column;align-items:center;padding:var(--space-xl);border:2px solid var(--border-color);border-radius:var(--radius-lg);background:var(--card-bg);cursor:pointer;transition:all .2s;text-align:center}.vapi-test-button:hover{border-color:var(--brand-primary);background:#667eea0d}.vapi-test-button .test-icon{font-size:2rem;margin-bottom:var(--space-sm)}.vapi-test-button .test-label{font-weight:600;font-size:var(--font-md);color:var(--text-primary);margin-bottom:var(--space-xs)}.vapi-test-button .test-desc{font-size:var(--font-sm);color:var(--text-secondary)}.vapi-test-button.mic:hover{border-color:#10b981;background:#10b9810d}.vapi-test-button.simulate:hover{border-color:#8b5cf6;background:#8b5cf60d}.vapi-mic-test{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);padding:var(--space-xl) 0;overflow:visible}.vapi-mic-status{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-xl);border-radius:var(--radius-lg);background:var(--hover-bg);width:100%;text-align:center}.vapi-mic-status.connecting{background:#3b82f61a;color:#3b82f6}.vapi-mic-status.active{background:#10b9811a;color:#10b981}.vapi-mic-status.error{background:#ef44441a}.vapi-mic-status .error-text{color:#ef4444;font-size:var(--font-sm)}.mic-spinner{width:40px;height:40px;border:3px solid rgba(59,130,246,.2);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.mic-active-indicator{width:60px;height:60px;background:#10b981;border-radius:50%;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}.vapi-simulate-test{display:flex;flex-direction:column;gap:var(--space-lg)}.vapi-simulate-actions{display:flex;justify-content:flex-end;gap:var(--space-md)}.vapi-simulation-error{padding:var(--space-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#ef4444;font-size:var(--font-sm)}.vapi-simulation-running{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);padding:var(--space-3xl);text-align:center}.simulation-spinner{width:50px;height:50px;border:4px solid rgba(139,92,246,.2);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite}.simulation-note{margin:0;color:var(--text-secondary);font-size:var(--font-sm)}.vapi-simulation-transcript{background:var(--page-bg);border-radius:var(--radius-md);padding:var(--space-md);max-height:300px;overflow-y:auto;width:100%}.vapi-mic-test .vapi-simulation-transcript{flex-shrink:0}.vapi-simulation-transcript h4{margin:0 0 var(--space-md) 0;font-size:var(--font-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.vapi-simulation-transcript .transcript-messages{display:flex;flex-direction:column;gap:var(--space-sm)}.vapi-simulation-transcript .transcript-turn{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md)}.vapi-simulation-transcript .transcript-turn.agent{background:#667eea1a;margin-right:var(--space-lg)}.vapi-simulation-transcript .transcript-turn.callee{background:var(--hover-bg);margin-left:var(--space-lg)}.vapi-simulation-transcript .turn-role{display:block;font-weight:600;font-size:var(--font-xs);text-transform:uppercase;margin-bottom:4px}.vapi-simulation-transcript .transcript-turn.agent .turn-role{color:var(--brand-primary)}.vapi-simulation-transcript .transcript-turn.callee .turn-role{color:var(--text-secondary)}.vapi-simulation-transcript .turn-content{font-size:var(--font-sm);line-height:1.5;color:var(--text-primary)}body.dark-mode .vapi-editor-config,body.dark-mode .vapi-test-section{background:var(--card-bg);border-color:var(--border-color)}body.dark-mode .vapi-form-group input,body.dark-mode .vapi-form-group select,body.dark-mode .vapi-form-group textarea{background:var(--gray-700);border-color:var(--gray-600);color:var(--gray-100)}body.dark-mode .vapi-form-group input:focus,body.dark-mode .vapi-form-group select:focus,body.dark-mode .vapi-form-group textarea:focus{border-color:var(--brand-primary)}body.dark-mode .vapi-test-button{background:var(--card-bg);border-color:var(--border-color)}body.dark-mode .vapi-test-button:hover{background:#667eea1a}body.dark-mode .vapi-mic-status{background:var(--gray-700)}body.dark-mode .vapi-mic-status.connecting{background:#3b82f633}body.dark-mode .vapi-mic-status.active{background:#10b98133}body.dark-mode .vapi-mic-status.error{background:#ef444433}body.dark-mode .vapi-simulation-transcript{background:var(--gray-800)}body.dark-mode .vapi-simulation-transcript .transcript-turn.agent{background:#667eea26}body.dark-mode .vapi-simulation-transcript .transcript-turn.callee{background:var(--gray-700)}body.dark-mode .unsaved-badge{background:#f59e0b33;color:#fbbf24}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.audio-modal{animation:slideUp .2s ease-out}body.dark-mode .audio-modal{background:var(--card-bg)}body.dark-mode .audio-modal .audio-progress .progress-slider,body.dark-mode .audio-modal .volume-control .volume-slider{background:var(--border-color)}body.dark-mode .audio-modal .ctrl-btn{background:var(--hover-bg)}body.dark-mode .audio-modal .ctrl-btn:hover{background:var(--border-color)}body.dark-mode .audio-modal .speed-btn{background:var(--card-bg);border-color:var(--border-color);color:var(--text-secondary)}body.dark-mode .audio-modal .download-btn{background:var(--hover-bg);border-color:var(--border-color);color:var(--text-primary)}.dev-toolkit-page .tab-content-container{margin-top:0}.section-description{color:var(--text-secondary);margin-bottom:var(--space-lg)}.section-description.warning-text{color:#dc2626;background:#dc26261a;border:1px solid rgba(220,38,38,.3);padding:var(--space-md);border-radius:var(--radius-md)}.connection-status{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.connection-status.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:var(--color-success)}.school-selection-section{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.school-selection-section h4{margin-top:0;margin-bottom:var(--space-md);color:var(--text-primary)}.school-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg)}.school-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.school-card:hover{border-color:var(--school-primary);box-shadow:var(--shadow-md)}.school-card.selected{border-color:var(--school-primary);background:rgba(var(--school-primary-rgb),.05)}.school-card.deletable{cursor:default}.school-card-content{display:flex;align-items:center;gap:var(--space-md)}.school-logo{width:48px;height:48px;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-sm)}.school-info{display:flex;flex-direction:column;gap:var(--space-xs)}.school-info strong{color:var(--text-primary)}.school-locations{font-size:var(--font-sm);color:var(--text-secondary)}.school-id{font-size:var(--font-sm);color:var(--text-muted);font-weight:400}.selected-indicator{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--school-primary);color:#fff;border-radius:50%;font-size:14px}.clone-options{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg)}.accordion-nav{display:flex;flex-direction:column;gap:var(--space-sm)}.accordion-section{border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.accordion-header{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space-md);background:var(--card-bg);border:none;cursor:pointer;font-size:var(--font-base);font-weight:500;color:var(--text-primary)}.accordion-header.active{background:var(--tab-content-bg);color:#fff}.accordion-header.danger{color:#dc2626}.accordion-header.danger.active{background:#dc262633}.accordion-icon{font-size:1.2em}.accordion-content{padding:var(--space-lg);background:var(--tab-content-bg)}.nav-button.danger{color:#dc2626}.nav-button.danger.active{background:#dc26261a;border-bottom-color:#dc2626}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md)}.modal-content{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-content.danger-modal{border:2px solid #dc2626}.modal-content h3{margin-top:0;margin-bottom:var(--space-md);color:#dc2626}.modal-warning{color:var(--text-secondary);margin-bottom:var(--space-md);line-height:1.5}.school-name-display{background:#dc26261a;padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);text-align:center}.school-name-display strong{color:var(--text-primary);font-size:var(--font-lg);display:block}.school-id-display{color:var(--text-muted);font-size:var(--font-sm)}.danger-label{color:#dc2626!important;font-weight:600}.danger-input{border-color:#dc2626!important}.danger-input:focus{box-shadow:0 0 0 2px #dc262633!important}.modal-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-lg)}.no-schools{padding:var(--space-xl);text-align:center;color:var(--text-secondary)}.analysis-section h3{margin-top:0;margin-bottom:var(--space-sm);color:var(--text-primary)}.analysis-toggle-container{margin-bottom:var(--space-lg)}.toggle-label{display:flex;align-items:center;gap:var(--space-md);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.toggle-checkbox{display:none}.toggle-switch{position:relative;width:48px;height:26px;background:var(--border-color);border-radius:26px;transition:background .2s ease}.toggle-switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease}.toggle-checkbox:checked+.toggle-switch{background:var(--school-primary)}.toggle-checkbox:checked+.toggle-switch:after{transform:translate(22px)}.toggle-text{font-size:var(--font-base);color:var(--text-primary);font-weight:500}.frequency-options{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-sm)}.frequency-option{display:flex;flex-direction:column;align-items:center;padding:var(--space-md) var(--space-lg);background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;min-width:100px}.frequency-option:hover{border-color:var(--school-primary)}.frequency-option.selected{border-color:var(--school-primary);background:rgba(var(--school-primary-rgb),.05)}.frequency-option input[type=radio]{display:none}.frequency-label{font-weight:600;color:var(--text-primary);font-size:var(--font-base)}.frequency-hint{font-size:var(--font-xs);color:var(--text-muted);margin-top:2px}.max-conversations-input{width:120px}.email-recipients-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm)}.email-recipient-row{display:flex;align-items:center;gap:var(--space-sm)}.email-input{flex:1;max-width:350px}.btn-icon{width:32px;height:32px;padding:0;display:flex;align-items:center;justify-content:center;font-size:18px;border-radius:50%}.btn-remove{background:transparent;border:1px solid var(--border-color);color:var(--text-muted)}.btn-remove:hover{background:#dc26261a;border-color:#dc2626;color:#dc2626}.add-recipient-btn{align-self:flex-start;margin-top:var(--space-xs)}.analysis-actions{display:flex;gap:var(--space-md);margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.last-run-info{margin-top:var(--space-xl);padding:var(--space-lg);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.last-run-info h4{margin:0 0 var(--space-sm) 0;font-size:var(--font-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.last-run-details{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md)}.last-run-time{color:var(--text-primary);font-weight:500}.last-run-status{padding:2px 10px;border-radius:var(--radius-full);font-size:var(--font-sm);font-weight:500}.last-run-status.status-completed{background:#22c55e1a;color:var(--color-success)}.last-run-status.status-failed{background:#dc26261a;color:#dc2626}.last-run-status.status-running{background:#3b82f61a;color:#3b82f6}.last-run-count{color:var(--text-secondary);font-size:var(--font-sm)}@media (max-width: 768px){.frequency-options{flex-direction:column}.frequency-option{flex-direction:row;justify-content:flex-start;gap:var(--space-sm);min-width:unset;width:100%}.analysis-actions{flex-direction:column}.analysis-actions .btn{width:100%}.email-input{max-width:none}}.testing-suite-page .tab-content-container{margin-top:0}.testing-statistics{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);text-align:center}.stat-value{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-xs)}.stat-label{font-size:var(--font-sm);color:var(--text-secondary)}.suite-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-md)}.suite-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);cursor:pointer;transition:all .2s ease}.suite-card:hover{border-color:var(--school-primary);box-shadow:var(--shadow-md)}.suite-card h4{margin:0 0 var(--space-sm) 0;color:var(--text-primary)}.suite-status{font-size:var(--font-sm);padding:2px 8px;border-radius:var(--radius-sm)}.suite-status.active{background:#22c55e1a;color:var(--color-success)}.suite-status.inactive{background:#6b72801a;color:var(--text-muted)}.suite-description{color:var(--text-secondary);font-size:var(--font-sm);margin-bottom:var(--space-sm)}.suite-stats{display:flex;gap:var(--space-md);font-size:var(--font-sm);color:var(--text-muted)}.suite-last-run{margin-top:var(--space-sm);font-size:var(--font-sm);font-weight:500}.suite-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-color)}.runs-table{overflow-x:auto}.runs-table table{width:100%;border-collapse:collapse}.runs-table th,.runs-table td{padding:var(--space-sm) var(--space-md);text-align:left;border-bottom:1px solid var(--border-color)}.runs-table th{color:var(--text-secondary);font-weight:500;font-size:var(--font-sm)}.runs-table td{color:var(--text-primary)}.pass-count{color:var(--color-success)}.fail-count{color:var(--color-error)}.warning-count{color:var(--color-warning, #f59e0b)}.conversation-list{display:flex;flex-direction:column;gap:var(--space-md)}.conversation-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg)}.conversation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-sm)}.conversation-header h4{margin:0;color:var(--text-primary)}.conversation-actions{display:flex;gap:var(--space-xs)}.conversation-description{color:var(--text-secondary);font-size:var(--font-sm);margin-bottom:var(--space-md)}.turn-preview{background:var(--content-container-bg);border-radius:var(--radius-md);padding:var(--space-sm)}.turn-preview-item{padding:var(--space-xs) 0;font-size:var(--font-sm);color:var(--text-secondary);display:flex;gap:var(--space-sm)}.turn-number{color:var(--text-muted);font-weight:500}.turn-preview-more{color:var(--text-muted);font-style:italic;font-size:var(--font-sm);padding-top:var(--space-xs)}.turns-section{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.turns-section h3{margin:0 0 var(--space-xs) 0;color:var(--text-primary)}.helper-text{color:var(--text-secondary);font-size:var(--font-sm);margin-bottom:var(--space-lg)}.turn-form{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md)}.turn-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);font-weight:600;color:var(--text-primary)}.run-summary{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-xl)}.run-status,.run-result{font-size:var(--font-lg);font-weight:600;margin-bottom:var(--space-sm)}.run-stats{display:flex;gap:var(--space-md);flex-wrap:wrap}.result-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md)}.result-card.result-pass{border-left:4px solid var(--color-success)}.result-card.result-fail{border-left:4px solid var(--color-error)}.result-card.result-warning{border-left:4px solid var(--color-warning, #f59e0b)}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.result-turn{font-weight:600;color:var(--text-primary)}.result-status{font-weight:600}.result-user-message{background:var(--content-container-bg);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);color:var(--text-secondary)}.result-ai-response{margin-bottom:var(--space-md)}.response-text{background:var(--input-bg);padding:var(--space-md);border-radius:var(--radius-md);margin-top:var(--space-xs);white-space:pre-wrap;font-size:var(--font-sm);max-height:200px;overflow-y:auto}.result-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-md)}.check-group{background:var(--content-container-bg);padding:var(--space-md);border-radius:var(--radius-md)}.check-group h5{margin:0 0 var(--space-sm) 0;color:var(--text-secondary);font-size:var(--font-sm)}.check-item{margin-bottom:var(--space-xs);font-size:var(--font-sm)}.check-pass{color:var(--color-success)}.check-fail{color:var(--color-error)}.check-details{margin:var(--space-xs) 0 0 var(--space-md);padding:0;list-style:none;font-size:var(--font-sm)}.check-details .found{color:var(--color-success)}.check-details .missing{color:var(--color-error)}.judge-verdict{font-weight:600;margin-bottom:var(--space-xs)}.judge-reasoning{color:var(--text-secondary);font-size:var(--font-sm);line-height:1.5}.semantic-results{margin-top:var(--space-sm)}.semantic-item{padding:var(--space-xs);margin-bottom:var(--space-xs);border-radius:var(--radius-sm);font-size:var(--font-sm)}.semantic-item.passed{background:#22c55e1a}.semantic-item.failed{background:#ef44441a}.assertion-text{font-weight:500;display:block}.assertion-result{color:var(--text-secondary)}.result-meta{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--border-color);font-size:var(--font-sm);color:var(--text-muted)}.run-stats.conversation-stats,.run-stats.turn-stats{margin-top:var(--space-sm)}.run-stats strong{color:var(--text-primary);margin-right:var(--space-sm)}.conversation-accordion{display:flex;flex-direction:column;gap:var(--space-sm)}.conversation-group{border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;background:var(--card-bg)}.conversation-group.result-pass{border-left:4px solid var(--color-success)}.conversation-group.result-fail{border-left:4px solid var(--color-error)}.conversation-group.result-warning{border-left:4px solid var(--color-warning, #f59e0b)}.conversation-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);cursor:pointer;background:var(--content-container-bg);transition:background-color .15s ease}.conversation-header:hover{background:var(--input-bg)}.expand-icon{color:var(--text-muted);font-size:var(--font-sm);width:1em;flex-shrink:0}.conversation-name{font-weight:600;color:var(--text-primary);flex:1}.conversation-result{font-weight:600;font-size:var(--font-sm)}.conversation-stats-mini{display:flex;gap:var(--space-sm);font-size:var(--font-sm)}.conversation-stats-mini .pass-count{color:var(--color-success)}.conversation-stats-mini .fail-count{color:var(--color-error)}.conversation-stats-mini .warning-count{color:var(--color-warning, #f59e0b)}.conversation-stats-mini .total-count{color:var(--text-muted)}.conversation-turns{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-color)}.initial-greeting-card{background:var(--content-container-bg);border:1px dashed var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-md)}.greeting-header{margin-bottom:var(--space-sm)}.greeting-label{font-weight:600;color:var(--text-secondary);font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.5px}.greeting-content .response-text{background:var(--input-bg);padding:var(--space-md);border-radius:var(--radius-md);white-space:pre-wrap;font-size:var(--font-sm);max-height:200px;overflow-y:auto}.conversation-turns .result-card{margin-bottom:var(--space-md)}.conversation-turns .result-card:last-child{margin-bottom:0}.run-modal{max-width:500px}.global-assertions-section{margin:var(--space-lg) 0;padding:var(--space-md);background:var(--content-container-bg);border-radius:var(--radius-md)}.checkbox-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-weight:500}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.global-assertions-preview{margin-top:var(--space-md);padding:var(--space-sm);background:var(--input-bg);border-radius:var(--radius-sm);max-height:150px;overflow-y:auto;font-size:var(--font-sm)}.assertion-preview-item{padding:var(--space-xs) 0;color:var(--text-secondary)}.no-assertions-note{margin:var(--space-md) 0;color:var(--text-muted);font-size:var(--font-sm);font-style:italic}.execution-mode-section{margin:var(--space-lg) 0;padding:var(--space-md);background:var(--content-container-bg);border-radius:var(--radius-md);border:1px solid var(--border-color)}.execution-mode-section .checkbox-label{margin-bottom:var(--space-xs)}.mode-description{margin:var(--space-sm) 0 0 0;font-size:var(--font-sm);color:var(--text-muted);line-height:1.4}.progress-bar-container{width:100%;height:20px;background:var(--content-container-bg);border-radius:var(--radius-sm);overflow:hidden}.progress-bar{height:100%;background:var(--school-primary, #3b82f6);border-radius:var(--radius-sm);transition:width .3s ease}.run-progress-inline{font-size:var(--font-sm);color:var(--text-muted)}.modal-content{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:400px;width:90%;box-shadow:var(--shadow-lg)}.modal-content h3{margin:0 0 var(--space-md) 0;color:var(--text-primary)}.modal-warning{color:var(--text-secondary);margin-bottom:var(--space-lg)}.danger-modal h3{color:var(--color-error)}.modal-actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.global-assertions-management{margin-bottom:var(--space-xl)}.section-header.collapsible{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:var(--space-sm) 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.section-header.collapsible:hover{opacity:.8}.section-header.collapsible h3{display:flex;align-items:center;gap:var(--space-sm);margin:0}.collapse-icon{font-size:var(--font-sm);transition:transform .2s ease;display:inline-block}.collapse-icon.expanded{transform:rotate(90deg)}.section-hint{font-size:var(--font-sm);color:var(--text-muted);font-weight:400}.global-assertions-content{margin-top:var(--space-md);padding:var(--space-md);background:var(--content-container-bg);border-radius:var(--radius-lg)}.add-assertion-form{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.add-assertion-form input{flex:1;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--input-bg);color:var(--text-primary);font-size:var(--font-base);outline:none}.add-assertion-form input:focus{border-color:var(--school-primary)}.assertions-list{display:flex;flex-direction:column;gap:var(--space-sm)}.assertion-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md)}.assertion-item.inactive{opacity:.5}.assertion-order{color:var(--text-muted);font-weight:500;min-width:24px}.assertion-text{flex:1;color:var(--text-primary)}.assertion-actions{display:flex;gap:var(--space-xs)}.assertion-edit-form{flex:1;display:flex;gap:var(--space-sm);align-items:center}.assertion-edit-form input{flex:1;padding:var(--space-xs) var(--space-sm);border:1px solid var(--school-primary);border-radius:var(--radius-sm);background:var(--input-bg);color:var(--text-primary);outline:none}.testing-section{margin-bottom:var(--space-xl)}.testing-section h3{margin:0 0 var(--space-md) 0;color:var(--text-primary)}.testing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.testing-header h2{margin:0;color:var(--text-primary)}.ai-intro-section{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-color)}.ai-intro-section .checkbox-label{display:flex;align-items:center;gap:var(--space-sm);font-weight:500;cursor:pointer}.ai-intro-section .checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.ai-intro-section .helper-text.small{margin-top:var(--space-xs);margin-bottom:var(--space-md);font-size:var(--font-xs)}.turn-form.ai-intro-turn{background:var(--surface-secondary);border-left:3px solid var(--color-primary)}.ai-intro-badge{font-size:var(--font-xs);padding:2px 8px;background:var(--color-primary-10);color:var(--color-primary);border-radius:var(--radius-sm);font-weight:500}.result-card.ai-intro-result{border-left:3px solid var(--color-primary)}.result-card.ai-intro-result .result-turn{color:var(--color-primary)}.system-prompt-section{margin-bottom:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden}.system-prompt-toggle{display:block;padding:var(--space-sm) var(--space-md);background:var(--content-container-bg);cursor:pointer;font-size:var(--font-sm);color:var(--text-secondary);font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none}.system-prompt-toggle:hover{background:var(--input-bg);color:var(--text-primary)}.system-prompt-actions{display:flex;justify-content:flex-end;padding:var(--space-sm) var(--space-md);background:var(--content-container-bg);border-bottom:1px solid var(--border-color)}.system-prompt-content{margin:0;padding:var(--space-md);background:var(--input-bg);font-size:var(--font-xs);line-height:1.5;white-space:pre-wrap;word-break:break-word;max-height:400px;overflow-y:auto;color:var(--text-secondary);font-family:Monaco,Menlo,Ubuntu Mono,monospace}.prompt-inspector-tab{padding:var(--space-lg)}.prompt-inspector-tab .section-description{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:var(--font-sm)}.prompt-actions{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap}.prompt-display{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden}.prompt-stats{display:flex;gap:var(--space-xl);padding:var(--space-md) var(--space-lg);background:var(--content-container-bg);border-bottom:1px solid var(--border-color);font-size:var(--font-sm);color:var(--text-secondary)}.prompt-content{margin:0;padding:var(--space-lg);background:var(--input-bg);font-size:var(--font-xs);line-height:1.6;white-space:pre-wrap;word-break:break-word;max-height:500px;overflow-y:auto;color:var(--text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace}.analysis-results{margin-top:var(--space-xl)}.analysis-summary{display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-lg)}.analysis-summary .summary-item{font-size:var(--font-lg)}.analysis-summary .summary-item.errors strong{color:var(--error)}.analysis-summary .summary-item.warnings strong{color:#f59e0b}.analysis-category{margin-bottom:var(--space-lg);padding:var(--space-lg);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.category-header{display:flex;align-items:center;justify-content:space-between;margin:0 0 var(--space-md) 0;font-size:var(--font-md);color:var(--text-primary)}.category-counts{display:flex;gap:var(--space-sm)}.count-badge{padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:500}.count-badge.errors{background:#ef444426;color:var(--error)}.count-badge.warnings{background:#f59e0b26;color:#f59e0b}.category-issues{margin-top:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md)}.category-issues.errors{background:#ef444414;border-left:3px solid var(--error)}.category-issues.warnings{background:#f59e0b14;border-left:3px solid #f59e0b}.category-issues ul{margin:0;padding-left:var(--space-lg)}.category-issues li{margin-bottom:var(--space-sm);line-height:1.5;color:var(--text-primary);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md)}.category-issues li:last-child{margin-bottom:0}.category-issues .issue-text{flex:1}.find-source-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-xs);cursor:pointer;white-space:nowrap;transition:all .2s ease}.find-source-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff}.analysis-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.analysis-results-header h3{margin:0}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:var(--font-sm)}.analysis-section{margin-bottom:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-lg)}.analysis-section h4{margin:0 0 var(--space-md) 0;font-size:var(--font-md)}.analysis-section ul{margin:0;padding-left:var(--space-lg)}.analysis-section li{margin-bottom:var(--space-sm);line-height:1.5}.analysis-section.errors{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.analysis-section.errors h4{color:var(--error)}.analysis-section.errors .error-item{color:var(--text-primary)}.analysis-section.warnings{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3)}.analysis-section.warnings h4{color:#f59e0b}.analysis-section.warnings .warning-item{color:var(--text-primary)}.analysis-section.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3)}.analysis-section.success p{margin:0;color:#22c55e;font-weight:500}.editable-suite-name{cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-sm);padding:4px 8px;margin:-4px -8px;border-radius:var(--radius-md);transition:background-color .2s ease}.editable-suite-name:hover{background-color:var(--hover-bg)}.editable-suite-name .edit-icon{font-size:var(--font-sm);color:var(--text-muted);opacity:0;transition:opacity .2s ease}.editable-suite-name:hover .edit-icon{opacity:1}.suite-name-edit{display:flex;align-items:center;gap:var(--space-sm)}.suite-name-input{font-size:1.5rem;font-weight:600;padding:4px 8px;border:2px solid var(--school-primary);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text-primary);min-width:250px;outline:none}.suite-name-input:focus{box-shadow:0 0 0 3px rgba(var(--school-primary-rgb),.2)}.source-finder-panel{position:fixed;top:60px;right:0;width:400px;max-width:40vw;height:calc(100vh - 60px);background:var(--content-bg);box-shadow:-4px 0 20px #00000026;z-index:100;display:flex;flex-direction:column;animation:slideIn .3s ease-out;border-left:1px solid var(--border-color)}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.source-finder-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-xl);background:var(--gradient-secondary);border-bottom:1px solid var(--border-color)}.source-finder-header h3{margin:0;font-size:var(--font-xl);font-weight:600;color:#fff}.source-finder-header .close-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;width:32px;height:32px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.source-finder-header .close-btn:hover{background:#ffffff40}.source-finder-body{flex:1;overflow-y:auto;display:flex;flex-direction:column}.source-finder-search{padding:var(--space-lg);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.source-finder-search input[type=text]{width:100%;padding:var(--space-md) var(--space-lg);font-size:var(--font-md);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--content-bg);color:var(--text-primary);outline:none}.source-finder-search input[type=text]:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}.search-options{margin-top:var(--space-md)}.smart-search-toggle{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer}.smart-search-toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer}.search-btn{width:100%;margin-top:var(--space-md);padding:var(--space-md) var(--space-lg)}.source-finder-error{margin:var(--space-md) var(--space-lg);padding:var(--space-md);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--error);font-size:var(--font-sm)}.source-finder-results{padding:var(--space-lg)}.no-results{text-align:center;padding:var(--space-xl);color:var(--text-secondary)}.no-results p{margin:0 0 var(--space-sm) 0}.no-results .hint{font-size:var(--font-sm);color:var(--text-tertiary)}.result-group{margin-bottom:var(--space-lg)}.result-group-header{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-color);margin-bottom:var(--space-sm);border-radius:var(--radius-md);transition:all .2s ease}.result-group-header.clickable{cursor:pointer}.result-group-header.clickable:hover{background:var(--primary-light)}.go-to-arrow{margin-left:auto;color:var(--text-tertiary);font-size:var(--font-lg);transition:transform .2s ease}.result-group-header.clickable:hover .go-to-arrow{transform:translate(4px);color:var(--primary)}.result-icon{font-size:var(--font-lg)}.result-type{font-weight:600;color:var(--text-primary);flex:1}.result-count{background:var(--primary);color:#fff;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:600}.result-items{display:flex;flex-direction:column;gap:var(--space-sm)}.result-item{padding:var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease}.result-item:hover{background:var(--primary-light);border-color:var(--primary);transform:translate(4px)}.result-name{font-weight:600;color:var(--text-primary);margin-bottom:2px}.result-detail{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--space-sm);word-break:break-all}.result-matched{font-size:var(--font-sm);color:var(--text-tertiary);line-height:1.4;background:var(--content-bg);padding:var(--space-sm);border-radius:var(--radius-sm);border-left:3px solid var(--primary)}.result-location{margin-top:var(--space-sm);font-size:var(--font-xs);color:var(--text-secondary);font-style:italic}.result-item:not(.clickable){cursor:default}.result-item:not(.clickable):hover{transform:none}.source-finder-prompt-section{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.prompt-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.prompt-header h4{margin:0;font-size:var(--font-md);color:var(--text-primary);font-weight:600}.prompt-actions{display:flex;gap:var(--space-sm)}.prompt-action-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-xs);background:var(--content-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.prompt-action-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.prompt-content{max-height:100px;overflow:hidden;position:relative;transition:max-height .3s ease}.prompt-content.expanded{max-height:400px;overflow-y:auto}.prompt-content pre{margin:0;padding:var(--space-sm);background:var(--content-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:var(--font-xs);font-family:Courier New,Courier,monospace;white-space:pre-wrap;word-break:break-word;color:var(--text-secondary);line-height:1.4}.prompt-content:not(.expanded):after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,var(--bg-secondary));pointer-events:none}.source-finder-issues-section{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-color)}.issues-header{margin-bottom:var(--space-sm)}.issues-header h4{margin:0;font-size:var(--font-md);color:var(--text-primary);font-weight:600;display:flex;align-items:center;gap:var(--space-sm)}.hidden-count{font-size:var(--font-xs);font-weight:400;color:var(--text-tertiary)}.show-all-btn{background:none;border:none;color:var(--primary);font-size:var(--font-xs);cursor:pointer;text-decoration:underline;margin-left:var(--space-xs)}.show-all-btn:hover{color:var(--primary-dark)}.issues-list{display:flex;flex-direction:column;gap:var(--space-sm)}.issue-item{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);gap:var(--space-sm)}.issue-item.issue-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.issue-item.issue-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3)}.issue-content{display:flex;align-items:flex-start;gap:var(--space-sm);flex:1}.issue-icon{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-xs);font-weight:700;flex-shrink:0}.issue-error .issue-icon{background:#ef444433;color:var(--error)}.issue-warning .issue-icon{background:#f59e0b33;color:#d97706}.issue-text{display:flex;flex-direction:column;gap:2px}.issue-message{font-size:var(--font-sm);color:var(--text-primary);line-height:1.3}.issue-suggestion{font-size:var(--font-xs);color:var(--text-secondary);font-style:italic}.issue-hide-btn{padding:var(--space-xs) var(--space-sm);font-size:var(--font-xs);background:transparent;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all .2s ease;flex-shrink:0}.issue-hide-btn:hover{background:var(--content-bg);color:var(--text-secondary)}@media (max-width: 768px){.source-finder-panel{width:100vw;max-width:100vw;top:0;height:100vh}}.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}}*{margin:0;padding:0;box-sizing:border-box}.axis-academy-root *{margin:revert-layer;padding:revert-layer}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;color:var(--text-primary)}.App{min-height:100vh;width:100%;display:flex;flex-direction:column;color:inherit}#root{min-height:100vh;width:100%;color:inherit}body.dark-mode,body.dark-mode .App,body.dark-mode #root{color:#f8fafc!important}body.dark-mode *{color:inherit}body.dark-mode .btn-primary,body.dark-mode .save-button,body.dark-mode .edit-button,body.dark-mode .download-button,body.dark-mode [class*=badge],body.dark-mode [class*=status-],body.dark-mode .toggle-slider,body.dark-mode .nav-button.active,body.dark-mode .tab-button.active{color:#fff!important}/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-500:oklch(63.7% .237 25.331);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-yellow-950:oklch(28.6% .066 53.813);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-green-950:oklch(26.6% .065 152.934);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-blue-950:oklch(28.2% .091 267.935);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-900:oklch(38.1% .176 304.987);--color-purple-950:oklch(29.1% .149 302.717);--color-gray-100:oklch(96.7% .003 264.542);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-3xl:1.5rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--color-axis-bg:#fff;--color-axis-surface:#f9fafb;--color-axis-primary:#7c3aed;--color-axis-primary-dark:#6d28d9;--color-axis-primary-soft:#a78bfa;--color-axis-muted:#9ca3af;--color-axis-text:#111827;--shadow-soft-card:0 18px 45px #0000001a}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-1\/4{top:25%}.top-3{top:calc(var(--spacing)*3)}.top-20{top:calc(var(--spacing)*20)}.top-24{top:calc(var(--spacing)*24)}.top-full{top:100%}.-right-4{right:calc(var(--spacing)*-4)}.-right-6{right:calc(var(--spacing)*-6)}.right-0{right:calc(var(--spacing)*0)}.right-3{right:calc(var(--spacing)*3)}.right-6{right:calc(var(--spacing)*6)}.right-8{right:calc(var(--spacing)*8)}.right-\[50\%\]{right:50%}.right-full{right:100%}.-bottom-4{bottom:calc(var(--spacing)*-4)}.-bottom-6{bottom:calc(var(--spacing)*-6)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-6{bottom:calc(var(--spacing)*6)}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-4{left:calc(var(--spacing)*4)}.left-8{left:calc(var(--spacing)*8)}.left-\[50\%\]{left:50%}.left-full{left:100%}.z-0{z-index:0}.z-40{z-index:40}.z-50{z-index:50}.z-\[60\]{z-index:60}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-\[100vw\]{margin-inline:-100vw}.mx-auto{margin-inline:auto}.my-16{margin-block:calc(var(--spacing)*16)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-16{margin-top:calc(var(--spacing)*16)}.mr-3{margin-right:calc(var(--spacing)*3)}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[21\/9\]{aspect-ratio:21/9}.aspect-square{aspect-ratio:1}.aspect-video{aspect-ratio:var(--aspect-video)}.h-1{height:calc(var(--spacing)*1)}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-32{height:calc(var(--spacing)*32)}.h-48{height:calc(var(--spacing)*48)}.h-64{height:calc(var(--spacing)*64)}.h-\[2px\]{height:2px}.h-\[600px\]{height:600px}.h-\[700px\]{height:700px}.h-\[900px\]{height:900px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.min-h-\[400px\]{min-height:400px}.min-h-screen{min-height:100vh}.w-0\.5{width:calc(var(--spacing)*.5)}.w-2{width:calc(var(--spacing)*2)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-32{width:calc(var(--spacing)*32)}.w-64{width:calc(var(--spacing)*64)}.w-\[120px\]{width:120px}.w-\[500px\]{width:500px}.w-\[600px\]{width:600px}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[220px\]{max-width:220px}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[85vw\]{min-width:85vw}.min-w-\[200px\]{min-width:200px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-center{scroll-snap-align:center}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-12{gap:calc(var(--spacing)*12)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-16>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*16)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*16)*calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-axis-muted{border-color:var(--color-axis-muted)}.border-axis-muted\/20{border-color:#9ca3af33}@supports (color:color-mix(in lab,red,red)){.border-axis-muted\/20{border-color:color-mix(in oklab,var(--color-axis-muted)20%,transparent)}}.border-axis-muted\/30{border-color:#9ca3af4d}@supports (color:color-mix(in lab,red,red)){.border-axis-muted\/30{border-color:color-mix(in oklab,var(--color-axis-muted)30%,transparent)}}.border-axis-muted\/50{border-color:#9ca3af80}@supports (color:color-mix(in lab,red,red)){.border-axis-muted\/50{border-color:color-mix(in oklab,var(--color-axis-muted)50%,transparent)}}.border-axis-muted\/60{border-color:#9ca3af99}@supports (color:color-mix(in lab,red,red)){.border-axis-muted\/60{border-color:color-mix(in oklab,var(--color-axis-muted)60%,transparent)}}.border-axis-primary{border-color:var(--color-axis-primary)}.border-axis-primary\/20{border-color:#7c3aed33}@supports (color:color-mix(in lab,red,red)){.border-axis-primary\/20{border-color:color-mix(in oklab,var(--color-axis-primary)20%,transparent)}}.border-axis-primary\/30{border-color:#7c3aed4d}@supports (color:color-mix(in lab,red,red)){.border-axis-primary\/30{border-color:color-mix(in oklab,var(--color-axis-primary)30%,transparent)}}.border-axis-primary\/50{border-color:#7c3aed80}@supports (color:color-mix(in lab,red,red)){.border-axis-primary\/50{border-color:color-mix(in oklab,var(--color-axis-primary)50%,transparent)}}.border-axis-primary\/60{border-color:#7c3aed99}@supports (color:color-mix(in lab,red,red)){.border-axis-primary\/60{border-color:color-mix(in oklab,var(--color-axis-primary)60%,transparent)}}.border-blue-200{border-color:var(--color-blue-200)}.border-green-200{border-color:var(--color-green-200)}.border-purple-200{border-color:var(--color-purple-200)}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.border-yellow-200{border-color:var(--color-yellow-200)}.bg-axis-bg{background-color:var(--color-axis-bg)}.bg-axis-bg\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-axis-bg\/80{background-color:color-mix(in oklab,var(--color-axis-bg)80%,transparent)}}.bg-axis-muted\/10{background-color:#9ca3af1a}@supports (color:color-mix(in lab,red,red)){.bg-axis-muted\/10{background-color:color-mix(in oklab,var(--color-axis-muted)10%,transparent)}}.bg-axis-muted\/30{background-color:#9ca3af4d}@supports (color:color-mix(in lab,red,red)){.bg-axis-muted\/30{background-color:color-mix(in oklab,var(--color-axis-muted)30%,transparent)}}.bg-axis-primary{background-color:var(--color-axis-primary)}.bg-axis-primary-dark{background-color:var(--color-axis-primary-dark)}.bg-axis-primary-soft\/30{background-color:#a78bfa4d}@supports (color:color-mix(in lab,red,red)){.bg-axis-primary-soft\/30{background-color:color-mix(in oklab,var(--color-axis-primary-soft)30%,transparent)}}.bg-axis-primary\/10{background-color:#7c3aed1a}@supports (color:color-mix(in lab,red,red)){.bg-axis-primary\/10{background-color:color-mix(in oklab,var(--color-axis-primary)10%,transparent)}}.bg-axis-primary\/20{background-color:#7c3aed33}@supports (color:color-mix(in lab,red,red)){.bg-axis-primary\/20{background-color:color-mix(in oklab,var(--color-axis-primary)20%,transparent)}}.bg-axis-surface{background-color:var(--color-axis-surface)}.bg-axis-surface\/20{background-color:#f9fafb33}@supports (color:color-mix(in lab,red,red)){.bg-axis-surface\/20{background-color:color-mix(in oklab,var(--color-axis-surface)20%,transparent)}}.bg-axis-surface\/30{background-color:#f9fafb4d}@supports (color:color-mix(in lab,red,red)){.bg-axis-surface\/30{background-color:color-mix(in oklab,var(--color-axis-surface)30%,transparent)}}.bg-axis-surface\/40{background-color:#f9fafb66}@supports (color:color-mix(in lab,red,red)){.bg-axis-surface\/40{background-color:color-mix(in oklab,var(--color-axis-surface)40%,transparent)}}.bg-axis-surface\/50{background-color:#f9fafb80}@supports (color:color-mix(in lab,red,red)){.bg-axis-surface\/50{background-color:color-mix(in oklab,var(--color-axis-surface)50%,transparent)}}.bg-axis-surface\/90{background-color:#f9fafbe6}@supports (color:color-mix(in lab,red,red)){.bg-axis-surface\/90{background-color:color-mix(in oklab,var(--color-axis-surface)90%,transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-green-50{background-color:var(--color-green-50)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-axis-muted\/5{--tw-gradient-from:#9ca3af0d}@supports (color:color-mix(in lab,red,red)){.from-axis-muted\/5{--tw-gradient-from:color-mix(in oklab,var(--color-axis-muted)5%,transparent)}}.from-axis-muted\/5{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-axis-primary{--tw-gradient-from:var(--color-axis-primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-axis-primary\/10{--tw-gradient-from:#7c3aed1a}@supports (color:color-mix(in lab,red,red)){.from-axis-primary\/10{--tw-gradient-from:color-mix(in oklab,var(--color-axis-primary)10%,transparent)}}.from-axis-primary\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-axis-primary\/20{--tw-gradient-from:#7c3aed33}@supports (color:color-mix(in lab,red,red)){.from-axis-primary\/20{--tw-gradient-from:color-mix(in oklab,var(--color-axis-primary)20%,transparent)}}.from-axis-primary\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-axis-primary\/50{--tw-gradient-from:#7c3aed80}@supports (color:color-mix(in lab,red,red)){.from-axis-primary\/50{--tw-gradient-from:color-mix(in oklab,var(--color-axis-primary)50%,transparent)}}.from-axis-primary\/50{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-axis-surface{--tw-gradient-from:var(--color-axis-surface);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-axis-text{--tw-gradient-from:var(--color-axis-text);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-axis-muted\/5{--tw-gradient-via:#9ca3af0d}@supports (color:color-mix(in lab,red,red)){.via-axis-muted\/5{--tw-gradient-via:color-mix(in oklab,var(--color-axis-muted)5%,transparent)}}.via-axis-muted\/5{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-axis-muted\/30{--tw-gradient-via:#9ca3af4d}@supports (color:color-mix(in lab,red,red)){.via-axis-muted\/30{--tw-gradient-via:color-mix(in oklab,var(--color-axis-muted)30%,transparent)}}.via-axis-muted\/30{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-axis-primary-soft{--tw-gradient-via:var(--color-axis-primary-soft);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-axis-primary\/20{--tw-gradient-via:#7c3aed33}@supports (color:color-mix(in lab,red,red)){.via-axis-primary\/20{--tw-gradient-via:color-mix(in oklab,var(--color-axis-primary)20%,transparent)}}.via-axis-primary\/20{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-axis-primary\/30{--tw-gradient-via:#7c3aed4d}@supports (color:color-mix(in lab,red,red)){.via-axis-primary\/30{--tw-gradient-via:color-mix(in oklab,var(--color-axis-primary)30%,transparent)}}.via-axis-primary\/30{--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-axis-surface{--tw-gradient-via:var(--color-axis-surface);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-axis-primary{--tw-gradient-to:var(--color-axis-primary);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-axis-primary-soft{--tw-gradient-to:var(--color-axis-primary-soft);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-axis-primary-soft\/10{--tw-gradient-to:#a78bfa1a}@supports (color:color-mix(in lab,red,red)){.to-axis-primary-soft\/10{--tw-gradient-to:color-mix(in oklab,var(--color-axis-primary-soft)10%,transparent)}}.to-axis-primary-soft\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-axis-primary-soft\/20{--tw-gradient-to:#a78bfa33}@supports (color:color-mix(in lab,red,red)){.to-axis-primary-soft\/20{--tw-gradient-to:color-mix(in oklab,var(--color-axis-primary-soft)20%,transparent)}}.to-axis-primary-soft\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-axis-primary\/20{--tw-gradient-to:#7c3aed33}@supports (color:color-mix(in lab,red,red)){.to-axis-primary\/20{--tw-gradient-to:color-mix(in oklab,var(--color-axis-primary)20%,transparent)}}.to-axis-primary\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-bottom{-o-object-position:bottom;object-position:bottom}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.py-20{padding-block:calc(var(--spacing)*20)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-10{padding-top:calc(var(--spacing)*10)}.pt-16{padding-top:calc(var(--spacing)*16)}.pr-8{padding-right:calc(var(--spacing)*8)}.pb-0{padding-bottom:calc(var(--spacing)*0)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.pb-16{padding-bottom:calc(var(--spacing)*16)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.25em\]{--tw-tracking:.25em;letter-spacing:.25em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-axis-muted{color:var(--color-axis-muted)}.text-axis-muted\/50{color:#9ca3af80}@supports (color:color-mix(in lab,red,red)){.text-axis-muted\/50{color:color-mix(in oklab,var(--color-axis-muted)50%,transparent)}}.text-axis-muted\/70{color:#9ca3afb3}@supports (color:color-mix(in lab,red,red)){.text-axis-muted\/70{color:color-mix(in oklab,var(--color-axis-muted)70%,transparent)}}.text-axis-primary{color:var(--color-axis-primary)}.text-axis-primary-soft{color:var(--color-axis-primary-soft)}.text-axis-primary\/30{color:#7c3aed4d}@supports (color:color-mix(in lab,red,red)){.text-axis-primary\/30{color:color-mix(in oklab,var(--color-axis-primary)30%,transparent)}}.text-axis-primary\/40{color:#7c3aed66}@supports (color:color-mix(in lab,red,red)){.text-axis-primary\/40{color:color-mix(in oklab,var(--color-axis-primary)40%,transparent)}}.text-axis-text{color:var(--color-axis-text)}.text-axis-text\/50{color:#11182780}@supports (color:color-mix(in lab,red,red)){.text-axis-text\/50{color:color-mix(in oklab,var(--color-axis-text)50%,transparent)}}.text-axis-text\/60{color:#11182799}@supports (color:color-mix(in lab,red,red)){.text-axis-text\/60{color:color-mix(in oklab,var(--color-axis-text)60%,transparent)}}.text-axis-text\/70{color:#111827b3}@supports (color:color-mix(in lab,red,red)){.text-axis-text\/70{color:color-mix(in oklab,var(--color-axis-text)70%,transparent)}}.text-axis-text\/80{color:#111827cc}@supports (color:color-mix(in lab,red,red)){.text-axis-text\/80{color:color-mix(in oklab,var(--color-axis-text)80%,transparent)}}.text-axis-text\/90{color:#111827e6}@supports (color:color-mix(in lab,red,red)){.text-axis-text\/90{color:color-mix(in oklab,var(--color-axis-text)90%,transparent)}}.text-blue-600{color:var(--color-blue-600)}.text-blue-900{color:var(--color-blue-900)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-900{color:var(--color-green-900)}.text-purple-900{color:var(--color-purple-900)}.text-red-500{color:var(--color-red-500)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-900{color:var(--color-yellow-900)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.placeholder-axis-muted\/50::-moz-placeholder{color:#9ca3af80}.placeholder-axis-muted\/50::placeholder{color:#9ca3af80}@supports (color:color-mix(in lab,red,red)){.placeholder-axis-muted\/50::-moz-placeholder{color:color-mix(in oklab,var(--color-axis-muted)50%,transparent)}.placeholder-axis-muted\/50::placeholder{color:color-mix(in oklab,var(--color-axis-muted)50%,transparent)}}.opacity-90{opacity:.9}.opacity-\[0\.03\]{opacity:.03}.opacity-\[0\.04\]{opacity:.04}.opacity-\[0\.05\]{opacity:.05}.opacity-\[0\.07\]{opacity:.07}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-soft-card{--tw-shadow:0 18px 45px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-axis-primary\/25{--tw-shadow-color:#7c3aed40}@supports (color:color-mix(in lab,red,red)){.shadow-axis-primary\/25{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-axis-primary)25%,transparent)var(--tw-shadow-alpha),transparent)}}.shadow-axis-primary\/30{--tw-shadow-color:#7c3aed4d}@supports (color:color-mix(in lab,red,red)){.shadow-axis-primary\/30{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-axis-primary)30%,transparent)var(--tw-shadow-alpha),transparent)}}.ring-axis-primary\/20{--tw-ring-color:#7c3aed33}@supports (color:color-mix(in lab,red,red)){.ring-axis-primary\/20{--tw-ring-color:color-mix(in oklab,var(--color-axis-primary)20%,transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.blur-\[120px\]{--tw-blur:blur(120px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-\[0_18px_30px_rgba\(0\,0\,0\,0\.45\)\]{--tw-drop-shadow-size:drop-shadow(0 18px 30px var(--tw-drop-shadow-color,#00000073));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:gap-2:is(:where(.group):hover *){gap:calc(var(--spacing)*2)}.group-hover\:text-axis-primary:is(:where(.group):hover *){color:var(--color-axis-primary)}.group-hover\:text-axis-primary-soft:is(:where(.group):hover *){color:var(--color-axis-primary-soft)}.group-hover\:opacity-\[0\.1\]:is(:where(.group):hover *){opacity:.1}.group-hover\:opacity-\[0\.12\]:is(:where(.group):hover *){opacity:.12}.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:border-axis-primary:hover{border-color:var(--color-axis-primary)}.hover\:border-axis-primary\/50:hover{border-color:#7c3aed80}@supports (color:color-mix(in lab,red,red)){.hover\:border-axis-primary\/50:hover{border-color:color-mix(in oklab,var(--color-axis-primary)50%,transparent)}}.hover\:bg-axis-bg:hover{background-color:var(--color-axis-bg)}.hover\:bg-axis-bg\/80:hover{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-axis-bg\/80:hover{background-color:color-mix(in oklab,var(--color-axis-bg)80%,transparent)}}.hover\:bg-axis-muted\/5:hover{background-color:#9ca3af0d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-axis-muted\/5:hover{background-color:color-mix(in oklab,var(--color-axis-muted)5%,transparent)}}.hover\:bg-axis-muted\/10:hover{background-color:#9ca3af1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-axis-muted\/10:hover{background-color:color-mix(in oklab,var(--color-axis-muted)10%,transparent)}}.hover\:bg-axis-primary:hover{background-color:var(--color-axis-primary)}.hover\:bg-axis-primary-dark:hover{background-color:var(--color-axis-primary-dark)}.hover\:bg-axis-primary\/5:hover{background-color:#7c3aed0d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-axis-primary\/5:hover{background-color:color-mix(in oklab,var(--color-axis-primary)5%,transparent)}}.hover\:bg-axis-primary\/90:hover{background-color:#7c3aede6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-axis-primary\/90:hover{background-color:color-mix(in oklab,var(--color-axis-primary)90%,transparent)}}.hover\:bg-axis-surface\/50:hover{background-color:#f9fafb80}@supports (color:color-mix(in lab,red,red)){.hover\:bg-axis-surface\/50:hover{background-color:color-mix(in oklab,var(--color-axis-surface)50%,transparent)}}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.hover\:bg-white\/30:hover{background-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/30:hover{background-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.hover\:text-axis-primary:hover{color:var(--color-axis-primary)}.hover\:text-axis-primary-soft:hover{color:var(--color-axis-primary-soft)}.hover\:text-white:hover{color:var(--color-white)}.hover\:text-white\/80:hover{color:#fffc}@supports (color:color-mix(in lab,red,red)){.hover\:text-white\/80:hover{color:color-mix(in oklab,var(--color-white)80%,transparent)}}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-soft-card:hover{--tw-shadow:0 18px 45px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-axis-primary\/35:hover{--tw-shadow-color:#7c3aed59}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-axis-primary\/35:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-axis-primary)35%,transparent)var(--tw-shadow-alpha),transparent)}}.hover\:shadow-axis-primary\/40:hover{--tw-shadow-color:#7c3aed66}@supports (color:color-mix(in lab,red,red)){.hover\:shadow-axis-primary\/40:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-axis-primary)40%,transparent)var(--tw-shadow-alpha),transparent)}}}.focus\:border-axis-primary:focus{border-color:var(--color-axis-primary)}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-axis-primary:focus{--tw-ring-color:var(--color-axis-primary)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-axis-primary:focus-visible{--tw-ring-color:var(--color-axis-primary)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-axis-bg:focus-visible{--tw-ring-offset-color:var(--color-axis-bg)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}@media (min-width:40rem){.sm\:min-w-\[400px\]{min-width:400px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:p-8{padding:calc(var(--spacing)*8)}.sm\:px-8{padding-inline:calc(var(--spacing)*8)}.sm\:py-3\.5{padding-block:calc(var(--spacing)*3.5)}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:48rem){.md\:col-span-1{grid-column:span 1/span 1}.md\:col-span-2{grid-column:span 2/span 2}.md\:row-span-1{grid-row:span 1/span 1}.md\:row-span-2{grid-row:span 2/span 2}.md\:\!hidden{display:none!important}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-\[1\.3fr_0\.9fr\]{grid-template-columns:1.3fr .9fr}.md\:flex-row{flex-direction:row}.md\:justify-start{justify-content:flex-start}.md\:p-12{padding:calc(var(--spacing)*12)}.md\:text-left{text-align:left}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media (min-width:64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:block{display:block}.lg\:aspect-square{aspect-ratio:1}.lg\:w-80{width:calc(var(--spacing)*80)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:items-center{align-items:center}.lg\:gap-6{gap:calc(var(--spacing)*6)}.lg\:gap-8{gap:calc(var(--spacing)*8)}.lg\:gap-12{gap:calc(var(--spacing)*12)}:where(.lg\:space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*10)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-y-reverse)))}:where(.lg\:space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*12)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*12)*calc(1 - var(--tw-space-y-reverse)))}.lg\:p-8{padding:calc(var(--spacing)*8)}.lg\:p-12{padding:calc(var(--spacing)*12)}.lg\:py-12{padding-block:calc(var(--spacing)*12)}.lg\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.lg\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}}@media (min-width:80rem){.xl\:block{display:block}.xl\:flex{display:flex}}@media (prefers-color-scheme:dark){.dark\:border-blue-800{border-color:var(--color-blue-800)}.dark\:border-green-800{border-color:var(--color-green-800)}.dark\:border-purple-800{border-color:var(--color-purple-800)}.dark\:border-yellow-800{border-color:var(--color-yellow-800)}.dark\:bg-blue-950\/30{background-color:#1624564d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-950\/30{background-color:color-mix(in oklab,var(--color-blue-950)30%,transparent)}}.dark\:bg-green-950\/30{background-color:#032e154d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-green-950\/30{background-color:color-mix(in oklab,var(--color-green-950)30%,transparent)}}.dark\:bg-purple-950\/30{background-color:#3c03664d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-purple-950\/30{background-color:color-mix(in oklab,var(--color-purple-950)30%,transparent)}}.dark\:bg-yellow-950\/30{background-color:#4320044d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-yellow-950\/30{background-color:color-mix(in oklab,var(--color-yellow-950)30%,transparent)}}.dark\:text-blue-100{color:var(--color-blue-100)}.dark\:text-blue-400{color:var(--color-blue-400)}.dark\:text-green-100{color:var(--color-green-100)}.dark\:text-green-400{color:var(--color-green-400)}.dark\:text-purple-100{color:var(--color-purple-100)}.dark\:text-yellow-100{color:var(--color-yellow-100)}.dark\:text-yellow-500{color:var(--color-yellow-500)}}}.axis-academy-root.light-theme{--color-axis-bg:#fff;--color-axis-surface:#f9fafb;--color-axis-primary:#7c3aed;--color-axis-primary-dark:#6d28d9;--color-axis-primary-soft:#a78bfa;--color-axis-muted:#9ca3af;--color-axis-text:#111827;--shadow-soft-card:0 18px 45px #0000001a;color-scheme:light}.axis-academy-root.dark-theme{--color-axis-bg:#05030a;--color-axis-surface:#111827;--color-axis-primary:#7c3aed;--color-axis-primary-dark:#6d28d9;--color-axis-primary-soft:#c4b5fd;--color-axis-muted:#4b5563;--color-axis-text:#e5e7eb;--shadow-soft-card:0 18px 45px #00000073;color-scheme:dark}.axis-academy-root{color-scheme:light;background-color:var(--color-axis-bg);width:100%;min-height:100vh;color:var(--color-axis-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:block}.axis-academy-root,.axis-academy-root *,.axis-academy-root :before,.axis-academy-root :after{box-sizing:border-box}.axis-academy-root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;font-size:16px;line-height:1.5}.axis-academy-root a,.axis-academy-root a:hover{text-decoration:none}.axis-academy-root img,.axis-academy-root svg,.axis-academy-root video,.axis-academy-root canvas{max-width:100%;display:block}.axis-academy-root button,.axis-academy-root input,.axis-academy-root textarea,.axis-academy-root select{font:inherit;color:inherit}.axis-academy-root h1,.axis-academy-root h2,.axis-academy-root h3,.axis-academy-root h4,.axis-academy-root h5,.axis-academy-root h6{color:var(--color-axis-text);font-family:Georgia,Times New Roman,serif,system-ui}.axis-academy-root a{color:var(--color-axis-text)}.axis-academy-root button{background-color:#0000}.axis-academy-root .darkbutton{color:#fff}.axis-academy-root button:hover{border:none}.axis-academy-root p,.axis-academy-root span,.axis-academy-root li,.axis-academy-root button{color:var(--color-axis-text)}.axis-academy-root button:hover{color:var(--color-axis-primary)}.axis-academy-root.dark-theme button{color:var(--color-axis-text)}.axis-academy-root.dark-theme button:hover{color:var(--color-axis-primary)}.axis-academy-root section{border-bottom:1px solid var(--color-axis-muted);border-bottom-opacity:.1}.axis-academy-root .rounded-2xl,.axis-academy-root .rounded-xl{border:1px solid var(--color-axis-muted)}.axis-academy-root .dark-theme .rounded-2xl,.axis-academy-root .dark-theme .rounded-xl{border-color:var(--color-axis-muted);border-opacity:.3}.axis-academy-root [class*=bg-axis-surface]{border:1px solid var(--color-axis-muted);border-opacity:.2}.axis-academy-root button a{color:inherit}.axis-academy-root [class*=animate-]{animation-duration:.4s}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}*,*:before,*:after{box-sizing:border-box}body{color:var(--text-primary);background:var(--page-bg)}h1,h2,h3,h4,h5,h6{color:var(--text-primary)}p{color:var(--text-secondary)}span,div,li,label,td,th{color:inherit}input,textarea,select{color:var(--text-primary);background:var(--input-bg)}: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-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(var(--school-primary-rgb), .05);--tab-content-bg: rgba(var(--school-primary-rgb), .08);--tab-button-bg: transparent;--tab-button-hover-bg: rgba(var(--school-primary-rgb), .15);--tab-button-active-bg: rgba(var(--school-primary-rgb), .3);--tab-button-border: var(--school-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(--school-primary);--button-primary-hover-bg: var(--school-secondary);--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);--focus-ring: rgba(25, 118, 210, .1);--focus-ring-strong: rgba(59, 130, 246, .3);--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;--status-in-progress-bg: var(--status-calling-bg);--status-in-progress-text: var(--status-calling-text);--role-user-bg: #e3f2fd;--role-user-text: #1976d2;--role-admin-bg: #f3e5f5;--role-admin-text: #7b1fa2;--role-superuser-bg: #ffebee;--role-superuser-text: #d32f2f;--sentiment-excited-bg: rgba(16, 185, 129, .125);--sentiment-excited-text: #10b981;--sentiment-excited-border: rgba(16, 185, 129, .25);--sentiment-interested-bg: rgba(59, 130, 246, .125);--sentiment-interested-text: #3b82f6;--sentiment-interested-border: rgba(59, 130, 246, .25);--sentiment-neutral-bg: rgba(107, 114, 128, .125);--sentiment-neutral-text: #6b7280;--sentiment-neutral-border: rgba(107, 114, 128, .25);--sentiment-confused-bg: rgba(245, 158, 11, .125);--sentiment-confused-text: #f59e0b;--sentiment-confused-border: rgba(245, 158, 11, .25);--sentiment-concerned-bg: rgba(249, 115, 22, .125);--sentiment-concerned-text: #f97316;--sentiment-concerned-border: rgba(249, 115, 22, .25);--sentiment-frustrated-bg: rgba(239, 68, 68, .125);--sentiment-frustrated-text: #ef4444;--sentiment-frustrated-border: rgba(239, 68, 68, .25);--color-success-bg: var(--status-completed-bg);--color-error-bg: var(--status-failed-bg);--color-warning-bg: var(--status-pending-bg);--color-info-bg: var(--status-calling-bg);--color-info-text: var(--primary);--color-success: #059669;--color-success-light: #bbf7d0;--color-error: #dc2626;--color-error-light: #fecaca;--color-error-dark: #b91c1c;--color-primary: #2563eb;--color-primary-bg: #eff6ff;--color-primary-light: #bfdbfe;--color-secondary: #475569;--color-secondary-bg: #f1f5f9;--color-secondary-light: #cbd5e1;--color-secondary-hover: #e2e8f0;--color-neutral: #6b7280;--color-neutral-bg: #f9fafb;--color-neutral-light: #e5e7eb;--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);--school-primary: #667eea;--school-secondary: #764ba2;--school-primary-rgb: 102, 126, 234;--school-secondary-rgb: 118, 75, 162;--gradient-primary: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-primary-dark) 100%);--gradient-secondary: linear-gradient(135deg, var(--school-primary) 0%, var(--school-secondary) 100%);--gradient-school: linear-gradient(135deg, var(--school-primary) 0%, var(--school-secondary) 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);--focus-ring-strong: rgba(96, 165, 250, .4);--input-placeholder: var(--text-secondary);--focus-ring: rgba(96, 165, 250, .2);--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;--role-user-bg: rgba(25, 118, 210, .2);--role-user-text: #60a5fa;--role-admin-bg: rgba(123, 31, 162, .2);--role-admin-text: #c084fc;--role-superuser-bg: rgba(211, 47, 47, .2);--role-superuser-text: #f87171;--sentiment-excited-bg: rgba(16, 185, 129, .2);--sentiment-excited-text: #4ade80;--sentiment-interested-bg: rgba(59, 130, 246, .2);--sentiment-interested-text: #60a5fa;--sentiment-neutral-bg: rgba(107, 114, 128, .2);--sentiment-neutral-text: #9ca3af;--sentiment-confused-bg: rgba(245, 158, 11, .2);--sentiment-confused-text: #fbbf24;--sentiment-concerned-bg: rgba(249, 115, 22, .2);--sentiment-concerned-text: #fb923c;--sentiment-frustrated-bg: rgba(239, 68, 68, .2);--sentiment-frustrated-text: #f87171;--color-success-bg: var(--status-completed-bg);--color-error-bg: var(--status-failed-bg);--color-warning-bg: var(--status-pending-bg);--color-info-bg: var(--status-calling-bg);--color-info-text: #60a5fa;--color-success: #4ade80;--color-success-light: rgba(74, 222, 128, .3);--color-error: #f87171;--color-error-light: rgba(248, 113, 113, .3);--color-error-dark: #ef4444;--color-primary: #60a5fa;--color-primary-bg: rgba(59, 130, 246, .15);--color-primary-light: rgba(96, 165, 250, .3);--color-secondary: #9ca3af;--color-secondary-bg: rgba(107, 114, 128, .15);--color-secondary-light: rgba(156, 163, 175, .3);--color-secondary-hover: rgba(107, 114, 128, .25);--color-neutral: #9ca3af;--color-neutral-bg: rgba(107, 114, 128, .1);--color-neutral-light: rgba(156, 163, 175, .3);--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:-moz-fit-content;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:var(--school-primary)!important;border-radius:2px;z-index:10}.nav-button.active{color:#fff!important;background:var(--gradient-secondary);font-weight:600;box-shadow:inset 0 0 0 1px rgba(var(--school-primary-rgb),.2);border-radius:var(--radius-md) var(--radius-md) 0 0}.nav-button.active:after{content:"";position:absolute;bottom:0!important;left:0;right:0;height:4px!important;background-color:var(--school-primary)!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 .2s ease;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);font-size:var(--font-sm)}.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-danger{background:var(--color-error);color:#fff;box-shadow:var(--shadow-md)}.btn-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-lg{padding:var(--space-lg) var(--space-2xl);font-size:var(--font-lg)}.btn-sm{padding:var(--space-sm) var(--space-md);font-size:var(--font-sm);border-radius:var(--radius-md)}.card{background:var(--card-bg);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-md);transition:all .3s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--school-primary),var(--school-secondary));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.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;overflow:hidden}.management-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--school-primary),var(--school-secondary));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.management-card:hover:not(.coming-soon):not(.disabled){transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--school-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;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--school-primary),var(--school-secondary));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.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);position:relative;overflow:hidden}.info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--school-primary),var(--school-secondary));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.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(--school-primary),var(--school-secondary));border-radius:var(--radius-xl) var(--radius-xl) 0 0}.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-xs) var(--space-sm)!important;border:1px solid var(--input-border)!important;border-radius:4px!important;font-size:var(--font-sm)!important;line-height:1.4!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)}.breadcrumb{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-sm);color:var(--text-secondary);padding:var(--space-md) 0}.breadcrumb-item{display:inline-flex;align-items:center}.breadcrumb-link{color:var(--school-primary);text-decoration:none;font-weight:var(--font-medium);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:all .2s ease;background:transparent;border:none;cursor:pointer;font-size:var(--font-sm)}.breadcrumb-link:hover{color:var(--school-secondary);background:var(--gray-100)}.breadcrumb-separator{color:var(--text-tertiary);font-size:var(--font-xs);margin:0 var(--space-2xs);-webkit-user-select:none;-moz-user-select:none;user-select:none}.breadcrumb-current{color:var(--text-primary);font-weight:var(--font-semibold);padding:var(--space-xs) var(--space-sm)}.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-sm) var(--space-md);border:1px solid var(--input-border);border-radius:var(--radius-md);font-size:var(--font-md);line-height:1.4;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 var(--focus-ring)}.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 var(--focus-ring)}.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(--gradient-secondary);color:var(--text-on-primary)}.save-button:hover{background:var(--school-secondary);filter:brightness(1.1)}.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(--gradient-secondary);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(--school-secondary);filter:brightness(1.1)}.retry-button{background:var(--color-warning);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}.retry-button:hover:not(:disabled){background:var(--color-warning-hover)}.retry-button:disabled{opacity:.6;cursor:not-allowed}.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(--school-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(--school-primary)}.download-button{background:var(--gradient-secondary);color:var(--text-on-primary);border:1px solid var(--school-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(--school-secondary);border-color:var(--school-secondary);filter:brightness(1.1)}.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}.row-action-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--radius-sm);font-size:1.1rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);background:var(--card-bg);border:1px solid var(--border-color)}.row-action-btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.row-action-btn:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.row-action-btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.row-action-btn svg{width:18px;height:18px;display:block}.row-action-btn.edit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff}.row-action-btn.edit-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;filter:brightness(1.1)}.row-action-btn.confirm-btn{background:linear-gradient(135deg,var(--color-success),#16a34a);border-color:var(--color-success);color:#fff}.row-action-btn.confirm-btn:hover{background:linear-gradient(135deg,var(--color-success),#16a34a);border-color:var(--color-success);filter:brightness(1.1)}.row-action-btn.delete-btn{background:linear-gradient(135deg,var(--color-error),#dc2626);border-color:var(--color-error);color:#fff}.row-action-btn.delete-btn:hover{background:linear-gradient(135deg,var(--color-error),#dc2626);border-color:var(--color-error);filter:brightness(1.1)}.row-action-btn.add-btn{background:linear-gradient(135deg,var(--color-success),#16a34a);border-color:var(--color-success);color:#fff}.row-action-btn.add-btn:hover{background:linear-gradient(135deg,var(--color-success),#16a34a);border-color:var(--color-success);filter:brightness(1.1)}.row-action-btn.cancel-btn{background:var(--gray-400);border-color:var(--gray-400);color:#fff}.row-action-btn.cancel-btn:hover{background:var(--gray-500);border-color:var(--gray-500);filter:brightness(1.1)}.row-action-btn.view-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff}.row-action-btn.view-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;filter:brightness(1.1)}.row-action-btn.duplicate-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff}.row-action-btn.duplicate-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;filter:brightness(1.1)}.row-action-btn.export-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff}.row-action-btn.export-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#2563eb;filter:brightness(1.1)}.row-action-btn.move-btn{background:var(--gray-400);border-color:var(--gray-400);color:#fff}.row-action-btn.move-btn:hover{background:var(--gray-500);border-color:var(--gray-500);filter:brightness(1.1)}body.dark-mode .row-action-btn{background:var(--card-bg);border-color:var(--border-color)}body.dark-mode .row-action-btn.edit-btn,body.dark-mode .row-action-btn.view-btn,body.dark-mode .row-action-btn.duplicate-btn,body.dark-mode .row-action-btn.export-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff}body.dark-mode .row-action-btn.confirm-btn,body.dark-mode .row-action-btn.add-btn{background:linear-gradient(135deg,var(--color-success),#16a34a);border-color:var(--color-success);color:#fff}body.dark-mode .row-action-btn.delete-btn{background:linear-gradient(135deg,var(--color-error),#dc2626);border-color:var(--color-error);color:#fff}body.dark-mode .row-action-btn.cancel-btn,body.dark-mode .row-action-btn.move-btn{background:var(--gray-500);border-color:var(--gray-500);color:#fff}.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)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:20px 24px;border-top:1px solid var(--border-color)}.modal-content.modal-lg{max-width:800px}.modal-content.modal-xl{max-width:1100px}.modal-header.modal-header-gradient{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;background:var(--gradient-secondary)!important;border-bottom:none!important}.modal-header.modal-header-gradient h2,.modal-header.modal-header-gradient h3{margin:0;font-size:1.75rem;font-weight:700;color:#fff!important;background:linear-gradient(45deg,#fff,#f0f0f0)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;text-align:left;flex:1}.modal-header.modal-header-gradient .close-button{background-color:#ffffff26!important;color:#fff!important;border:2px solid rgba(255,255,255,.3)!important;padding:.5rem 1.5rem;border-radius:25px;font-weight:500;font-size:14px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:auto;height:auto;line-height:1}.modal-header.modal-header-gradient .close-button:hover{background-color:#ffffff40!important;border-color:#ffffff80!important;transform:translateY(-1px)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-overlay.animated{animation:modalFadeIn .2s ease}.modal-content.animated{animation:modalSlideUp .3s ease}.modal-content.danger-modal{border:2px solid var(--color-error);padding:var(--space-xl)}.modal-content.danger-modal h3{color:var(--color-error);margin:0 0 var(--space-md) 0}.modal-warning{color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-lg)}.modal-warning strong{color:var(--text-primary)}.modal-actions{display:flex;gap:var(--space-md);justify-content:flex-end}.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;-moz-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%;-o-object-fit:contain;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%;-o-object-fit:contain;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:var(--status-pending-bg);color:var(--status-pending-text);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}.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:var(--role-user-bg);color:var(--role-user-text)}.role-admin{background-color:var(--role-admin-bg);color:var(--role-admin-text)}.role-superuser{background-color:var(--role-superuser-bg);color:var(--role-superuser-text)}.status-badge.active{background-color:var(--status-completed-bg);color:var(--status-completed-text)}.status-badge.inactive{background-color:var(--gray-100);color:var(--gray-600)}.status-badge.superuser{background-color:var(--status-pending-bg);color:var(--color-warning)}.status-badge.regular{background-color:var(--gray-100);color:var(--gray-600)}.sentiment-badge{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--font-xs);font-weight:500;white-space:nowrap;display:inline-block}.sentiment-badge.sentiment-excited,.sentiment-badge.sentiment-positive{background:var(--sentiment-excited-bg);color:var(--sentiment-excited-text);border:1px solid var(--sentiment-excited-border)}.sentiment-badge.sentiment-interested{background:var(--sentiment-interested-bg);color:var(--sentiment-interested-text);border:1px solid var(--sentiment-interested-border)}.sentiment-badge.sentiment-neutral{background:var(--sentiment-neutral-bg);color:var(--sentiment-neutral-text);border:1px solid var(--sentiment-neutral-border)}.sentiment-badge.sentiment-confused{background:var(--sentiment-confused-bg);color:var(--sentiment-confused-text);border:1px solid var(--sentiment-confused-border)}.sentiment-badge.sentiment-concerned{background:var(--sentiment-concerned-bg);color:var(--sentiment-concerned-text);border:1px solid var(--sentiment-concerned-border)}.sentiment-badge.sentiment-frustrated,.sentiment-badge.sentiment-negative{background:var(--sentiment-frustrated-bg);color:var(--sentiment-frustrated-text);border:1px solid var(--sentiment-frustrated-border)}.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:var(--space-lg);margin-bottom:var(--space-lg);position:relative;overflow:hidden}.api-keys-tab,.styling-tab,.fact-sheet-tab,.weblinks-section,.files-section,.interviews-section,.action-prompts-section,.category-flair-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:var(--space-lg);margin-bottom:var(--space-lg);position:relative;overflow:hidden}.page-container .tab-content-container,.page-container .chatbot-logs-tab{margin-top:0!important}.section-content:before,.api-keys-tab:before,.styling-tab:before,.fact-sheet-tab:before,.weblinks-section:before,.files-section:before,.interviews-section:before,.action-prompts-section:before,.category-flair-section:before,.leads-section:before,.lead-export-section:before,.lead-gen-tab:before,.chatbot-logs-tab:before,.chatbot-analytics-tab:before,.tab-content-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-secondary);border-radius:0 var(--radius-lg) 0 0}.api-content,.content-container{background:var(--content-bg);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--border-color);position:relative;overflow:hidden}.api-content:before,.content-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--school-primary),var(--school-secondary));border-radius:var(--radius-lg) var(--radius-lg) 0 0}.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);position:relative;overflow:hidden}.styling-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--school-primary),var(--school-secondary));border-radius:var(--radius-lg) var(--radius-lg) 0 0}.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-sm) var(--space-md);border:1px solid var(--input-border);border-radius:var(--radius-md);font-size:var(--font-sm);line-height:1.4;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)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}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 .breadcrumb{color:var(--text-secondary)}body.dark-mode .breadcrumb-link{color:var(--school-primary)}body.dark-mode .breadcrumb-link:hover{color:var(--school-secondary);background:var(--gray-700)}body.dark-mode .breadcrumb-separator{color:var(--text-tertiary)}body.dark-mode .breadcrumb-current{color:var(--text-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 .category-flair-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)}body.dark-mode,body.dark-mode .home-page,body.dark-mode .dashboard,body.dark-mode .page-container,body.dark-mode .page-content,body.dark-mode .main-content,body.dark-mode .content-area,body.dark-mode .tab-content,body.dark-mode .modal-content,body.dark-mode .modal-body,body.dark-mode .card,body.dark-mode .management-card,body.dark-mode .feature-card,body.dark-mode .info-card,body.dark-mode .section-bubble,body.dark-mode .styling-section,body.dark-mode .content-container,body.dark-mode .api-content,body.dark-mode .form-container,body.dark-mode .settings-container,body.dark-mode label,body.dark-mode .form-label,body.dark-mode .field-label,body.dark-mode .setting-label,body.dark-mode .form-group label{color:var(--text-primary)!important}body.dark-mode input,body.dark-mode textarea,body.dark-mode select{color:var(--text-primary)!important;background:var(--input-bg)!important;border-color:var(--border-color)!important}body.dark-mode input::-moz-placeholder,body.dark-mode textarea::-moz-placeholder{color:var(--text-secondary)!important}body.dark-mode input::placeholder,body.dark-mode textarea::placeholder{color:var(--text-secondary)!important}body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6,body.dark-mode .section-title,body.dark-mode .section-header,body.dark-mode .page-title{color:var(--text-primary)!important}body.dark-mode p,body.dark-mode .section-description,body.dark-mode .field-description,body.dark-mode .helper-text,body.dark-mode .description{color:var(--text-secondary)!important}body.dark-mode .settings-section,body.dark-mode .form-section,body.dark-mode .settings-card,body.dark-mode .form-card{background:var(--content-container-bg)!important;border-color:var(--border-color)!important;color:var(--text-primary)!important}body.dark-mode .read-only-field,body.dark-mode .read-only-textarea{background:var(--input-bg)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}body.dark-mode table,body.dark-mode th,body.dark-mode td{color:var(--text-primary)!important;border-color:var(--border-color)!important}body.dark-mode thead{background:var(--content-container-bg)!important}body.dark-mode tbody tr{background:var(--card-bg)!important}body.dark-mode tbody tr:hover{background:var(--hover-bg)!important}body.dark-mode .card-title,body.dark-mode .card-text,body.dark-mode .card-description{color:var(--text-primary)!important}body.dark-mode .dropdown-menu,body.dark-mode .settings-menu{background:var(--content-container-bg)!important;border-color:var(--border-color)!important}body.dark-mode .dropdown-item,body.dark-mode .settings-menu-item{color:var(--text-primary)!important}body.dark-mode .dropdown-item:hover,body.dark-mode .settings-menu-item:hover{background:var(--hover-bg)!important}body.dark-mode .persona-info-grid label,body.dark-mode .avatar-section h3,body.dark-mode .persona-details h3,body.dark-mode .persona-grid,body.dark-mode .personality-settings-grid{color:var(--text-primary)!important}body.dark-mode li,body.dark-mode span:not(.toggle-slider):not([class*=badge]):not([class*=status]){color:inherit}body.dark-mode .accordion-content,body.dark-mode .expandable-content{color:var(--text-primary)!important;background:var(--content-container-bg)!important}body.dark-mode .info-text,body.dark-mode .hint-text,body.dark-mode .note-text{color:var(--text-secondary)!important}body.dark-mode .metric-value,body.dark-mode .stat-value{color:var(--text-primary)!important}body.dark-mode .metric-label,body.dark-mode .stat-label{color:var(--text-secondary)!important}body.dark-mode .title,body.dark-mode .subtitle,body.dark-mode .heading,body.dark-mode .name,body.dark-mode .value,body.dark-mode .text,body.dark-mode .content,body.dark-mode .item,body.dark-mode .detail,body.dark-mode .info,body.dark-mode .message,body.dark-mode .instruction,body.dark-mode .help,body.dark-mode .note{color:var(--text-primary)!important}body.dark-mode .muted,body.dark-mode .secondary,body.dark-mode .caption,body.dark-mode .hint,body.dark-mode .placeholder-text,body.dark-mode small{color:var(--text-secondary)!important}body.dark-mode div:not([class*=badge]):not([class*=status]):not([class*=toggle]):not([class*=gradient]){color:inherit}body.dark-mode button:not(.btn-primary):not(.save-button):not(.edit-button):not([class*=active]){color:var(--text-primary)}body.dark-mode a:not(.btn):not(.nav-button):not(.tab-button){color:var(--brand-primary)}body.dark-mode .persona-tab,body.dark-mode .voice-tab,body.dark-mode .personality-tab,body.dark-mode .styling-tab,body.dark-mode .api-keys-tab,body.dark-mode .chatbot-logs-tab,body.dark-mode .chatbot-analytics-tab,body.dark-mode .lead-gen-tab,body.dark-mode .crm-config-tab,body.dark-mode .crm-field-mapping-tab,body.dark-mode .user-management-page,body.dark-mode .school-management-page,body.dark-mode .training-room-page,body.dark-mode .ai-customization-page,body.dark-mode .chatbot-page,body.dark-mode .leads-page,body.dark-mode .reports-page,body.dark-mode .card-icon,body.dark-mode .card-arrow,body.dark-mode .card h3,body.dark-mode .card p,body.dark-mode .management-card h3,body.dark-mode .management-card p,body.dark-mode .section-bubble h2,body.dark-mode .section-bubble p,body.dark-mode .section-header h2,body.dark-mode .feature-item,body.dark-mode .feature-item span,body.dark-mode .form-row,body.dark-mode .form-group,body.dark-mode .input-group,body.dark-mode .field-group,body.dark-mode .setting-group,body.dark-mode .checkbox-label,body.dark-mode .radio-label,body.dark-mode .toggle-label,body.dark-mode .modal-title,body.dark-mode .modal-header h3,body.dark-mode .modal-header h2,body.dark-mode .modal-footer{color:var(--text-primary)!important}body.dark-mode select option{background:var(--content-container-bg)!important;color:var(--text-primary)!important}body.dark-mode .ai-path-editor,body.dark-mode .ai-path-editor *{color:var(--text-primary)}body.dark-mode .ai-path-editor button{color:var(--text-primary)!important}body.dark-mode .ai-path-editor input,body.dark-mode .ai-path-editor textarea,body.dark-mode .ai-path-editor select{background:var(--input-bg)!important;color:var(--text-primary)!important;border-color:var(--border-color)!important}body.dark-mode [style*="background: white"],body.dark-mode [style*="background: #fff"],body.dark-mode [style*="background:#fff"],body.dark-mode [style*="backgroundColor: 'white'"]{background:var(--content-container-bg)!important}body.dark-mode .campaigns-list-tab,body.dark-mode .contact-list-tab,body.dark-mode .contact-import-tab,body.dark-mode [style*="color: '#374151'"],body.dark-mode [style*="color: '#1f2937'"],body.dark-mode [style*="color:'#374151'"],body.dark-mode [style*="color:'#1f2937'"],body.dark-mode .crm-setup-page,body.dark-mode .crm-config-tab,body.dark-mode .crm-field-mapping-tab{color:var(--text-primary)!important}body.dark-mode .tab-content *:not([class*=badge]):not([class*=status]):not([class*=toggle]):not(button):not(a){color:inherit}.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;position:relative;overflow:hidden}.stats-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--school-primary),var(--school-secondary));border-radius:.5rem .5rem 0 0}.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:-moz-fit-content;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}}.ai-path-editor{position:fixed;inset:0;z-index:1000;background:var(--page-bg);display:flex;flex-direction:column;overflow:hidden}.editor-header{background:var(--page-header-bg);border-bottom:1px solid var(--border-color);padding:var(--space-lg) var(--space-2xl);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;box-shadow:var(--shadow-sm)}.editor-title-section{display:flex;flex-direction:column;gap:var(--space-md)}.editor-nav{display:flex;align-items:center}.editor-title-inputs{display:flex;flex-direction:column;gap:var(--space-sm)}.editor-title-input{border:none;outline:none;background:transparent;font-size:var(--font-xl);font-weight:var(--font-semibold);color:var(--text-primary);padding:var(--space-sm) 0;min-width:300px;border-bottom:2px solid transparent;transition:border-color .2s ease}.editor-title-input:focus{border-bottom-color:var(--brand-primary)}.editor-description-input{border:none;outline:none;background:transparent;font-size:var(--font-base);color:var(--text-secondary);padding:var(--space-sm) 0;min-width:300px;border-bottom:1px solid transparent;transition:border-color .2s ease}.editor-description-input:focus{border-bottom-color:var(--brand-primary)}.editor-actions{display:flex;gap:var(--space-lg);align-items:center}.flow-container{flex:1;background:var(--content-container-bg);position:relative}.node-palette{position:absolute;top:var(--space-lg);left:var(--space-lg);background:var(--content-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1001;min-width:250px}.palette-header{padding:var(--space-lg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.palette-header h3{margin:0;font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.close-button{background:none;border:none;font-size:var(--font-lg);color:var(--text-secondary);cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-sm);transition:all .2s ease}.close-button:hover{background:var(--hover-bg);color:var(--text-primary)}.palette-nodes{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.palette-node{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg);background:var(--card-bg);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;text-align:left}.palette-node:hover{background:var(--card-hover-bg);border-color:var(--brand-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.node-icon{font-size:var(--font-xl);min-width:2rem;text-align:center}.palette-node .node-label{font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-xs)}.palette-node .node-description{font-size:var(--font-sm);color:var(--text-secondary)}.properties-panel{position:absolute;top:0;right:0;bottom:0;width:400px;background:var(--content-bg);border-left:1px solid var(--border-color);box-shadow:var(--shadow-lg);z-index:1002;overflow-y:auto;pointer-events:auto;display:flex;flex-direction:column;transition:transform .3s ease}.properties-panel input,.properties-panel textarea,.properties-panel select{pointer-events:auto;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.panel-header{padding:var(--space-lg);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.panel-header h3{margin:0;font-size:var(--font-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.properties-panel.message-themed{border-color:var(--color-success)}.properties-panel.message-themed .panel-header{background:var(--color-success);color:#fff;border-bottom-color:var(--color-success)}.properties-panel.message-themed .panel-header h3,.properties-panel.message-themed .panel-header .close-button{color:#fff}.properties-panel.input-themed{border-color:var(--color-warning)}.properties-panel.input-themed .panel-header{background:var(--color-warning);color:#fff;border-bottom-color:var(--color-warning)}.properties-panel.input-themed .panel-header h3,.properties-panel.input-themed .panel-header .close-button{color:#fff}.properties-panel.decision-themed{border-color:#0ea5e9}.properties-panel.decision-themed .panel-header{background:#0ea5e9;color:#fff;border-bottom-color:#0ea5e9}.properties-panel.decision-themed .panel-header h3,.properties-panel.decision-themed .panel-header .close-button{color:#fff}.properties-panel.dialog-themed{border-color:var(--brand-secondary)}.properties-panel.dialog-themed .panel-header{background:var(--brand-secondary);color:#fff;border-bottom-color:var(--brand-secondary)}.properties-panel.dialog-themed .panel-header h3,.properties-panel.dialog-themed .panel-header .close-button{color:#fff}.properties-panel.action-themed{border-color:var(--color-error)}.properties-panel.action-themed .panel-header{background:var(--color-error);color:#fff;border-bottom-color:var(--color-error)}.properties-panel.action-themed .panel-header h3,.properties-panel.action-themed .panel-header .close-button{color:#fff}.properties-panel.transition-themed{border-color:var(--brand-primary)}.properties-panel.transition-themed .panel-header{background:var(--brand-primary);color:#fff;border-bottom-color:var(--brand-primary)}.properties-panel.transition-themed .panel-header h3,.properties-panel.transition-themed .panel-header .close-button{color:#fff}.properties-panel.message-themed .panel-header .close-button:hover,.properties-panel.input-themed .panel-header .close-button:hover,.properties-panel.decision-themed .panel-header .close-button:hover,.properties-panel.action-themed .panel-header .close-button:hover,.properties-panel.dialog-themed .panel-header .close-button:hover,.properties-panel.transition-themed .panel-header .close-button:hover{background:#fff3}.panel-content{padding:var(--space-lg)}.decision-outcomes{display:flex;flex-direction:column;gap:var(--space-md)}.outcome-item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--content-bg)}.outcome-inputs{flex:1;display:flex;flex-direction:column;gap:var(--space-sm)}.outcome-inputs input,.outcome-inputs textarea{width:100%;font-size:var(--font-sm)}.remove-outcome-btn{background:var(--color-error);color:#fff;border:none;border-radius:var(--radius-sm);width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--font-xs);transition:all .2s;flex-shrink:0}.remove-outcome-btn:hover{background:#dc2626;transform:scale(1.1)}.add-outcome-btn{background:var(--brand-primary);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);cursor:pointer;font-size:var(--font-sm);transition:all .2s;align-self:flex-start}.add-outcome-btn:hover{background:var(--brand-primary-hover);transform:translateY(-1px)}.decision-info{margin-top:var(--space-sm)}.decision-note{font-size:var(--font-xs);color:var(--text-secondary);font-style:italic;text-align:center}.dialog-node{background:#faf5ff!important;border:2px solid var(--brand-secondary)!important;border-radius:var(--radius-md)!important}.dialog-node .node-header{background:var(--brand-secondary)!important;color:#fff!important}.dialog-node .node-title{color:#fff!important}.dialog-node .node-content{background:#faf5ff!important}.dialog-preview{display:flex;flex-direction:column;gap:var(--space-sm)}.dialog-description{font-size:var(--font-sm);color:var(--text-primary);line-height:1.4;margin-bottom:var(--space-xs)}.dialog-status{margin-top:var(--space-sm)}.status-indicators{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.status-indicator{font-size:var(--font-xs);padding:2px 6px;border-radius:var(--radius-sm);font-weight:var(--font-medium);transition:all .2s ease}.status-indicator.configured{background:#22c55e26;color:var(--color-success);border:1px solid rgba(34,197,94,.3)}.status-indicator.empty{background:#6b728026;color:var(--text-secondary);border:1px solid rgba(107,114,128,.3)}.dialog-section{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-xs)}.dialog-label{font-weight:var(--font-semibold);color:var(--text-secondary);min-width:30px}.dialog-text{color:var(--text-primary);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog-info{margin-top:var(--space-sm);display:flex;justify-content:center}.dialog-badge{background:var(--gradient-secondary);color:#fff;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--font-medium)}.property-group{margin-bottom:var(--space-lg)}.property-group label{display:block;font-size:var(--font-sm);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-sm)}.property-group input,.property-group textarea{width:100%;padding:var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--input-bg);color:var(--text-primary);font-size:var(--font-sm);font-family:inherit;transition:border-color .2s ease}.property-group select{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--input-bg);color:var(--text-primary);font-size:var(--font-sm);font-family:inherit;line-height:1.4;transition:border-color .2s ease}.property-group input:focus,.property-group textarea:focus,.property-group select:focus{outline:none!important;border-color:var(--brand-primary)!important;box-shadow:0 0 0 3px var(--focus-ring)!important}.properties-panel input,.properties-panel textarea,.properties-panel select{pointer-events:auto!important}.property-group textarea{resize:vertical;min-height:80px}.dialog-tabs{display:flex;margin-bottom:var(--space-lg);border-bottom:1px solid var(--border-color);gap:0}.tab-button{background:var(--tab-button-bg);border:none;padding:var(--space-sm) var(--space-md);font-size:var(--font-xs);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;outline:none;display:flex;align-items:center;gap:var(--space-xs);flex:1;justify-content:center;min-width:0}.tab-button:hover{background:var(--tab-button-hover-bg);color:var(--text-primary)}.tab-button.active{background:var(--gradient-secondary);color:#fff;border-bottom-color:var(--school-primary);font-weight:var(--font-semibold);border-radius:var(--radius-md) var(--radius-md) 0 0}.delete-button{background:var(--color-error);color:#fff;border:none;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);font-size:var(--font-sm);font-weight:var(--font-medium);cursor:pointer;transition:background-color .2s ease;margin-top:var(--space-lg);width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.delete-button:hover{background:var(--color-error-dark)}.node-header{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:var(--space-md);background:var(--hover-bg)}.node-header .node-icon{font-size:var(--font-lg)}.node-title{font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--font-sm)}.node-content{padding:var(--space-lg)}.content-preview{font-size:var(--font-sm);color:var(--text-primary);line-height:1.4;margin-bottom:var(--space-md)}.content-placeholder{font-size:var(--font-sm);color:var(--text-muted);font-style:italic;margin-bottom:var(--space-md)}.node-settings{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-md)}.setting-item{font-size:var(--font-xs);color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-xs)}.message-node{background:#f0fdf4!important;border:2px solid var(--color-success)!important}.message-node .node-header{background:var(--color-success)!important;color:#fff!important}.message-node .node-title{color:#fff!important}.message-node .node-content{background:#f0fdf4!important}.input-node{background:#fefce8!important;border:2px solid var(--color-warning)!important}.input-node .node-header{background:var(--color-warning)!important;color:#fff!important}.input-node .node-title{color:#fff!important}.input-node .node-content{background:#fefce8!important}.decision-node{background:#f0f9ff!important;border:2px solid #0ea5e9!important}.decision-node .node-header{background:#0ea5e9!important;color:#fff!important}.decision-node .node-title{color:#fff!important}.decision-node .node-content{background:#f0f9ff!important}.decision-paths{display:flex;justify-content:space-between;margin-top:var(--space-md)}.path-indicator{font-size:var(--font-xs);color:var(--text-secondary);font-weight:var(--font-medium);padding:var(--space-xs) var(--space-sm);background:var(--hover-bg);border-radius:var(--radius-sm)}.path-indicator.left{color:var(--color-success)}.path-indicator.right{color:var(--color-error)}.action-node{background:#fef2f2!important;border:2px solid var(--color-error)!important}.action-node .node-header{background:var(--color-error)!important;color:#fff!important}.action-node .node-title{color:#fff!important}.action-node .node-content{background:#fef2f2!important}.action-type{font-size:var(--font-sm);font-weight:var(--font-medium);color:var(--text-primary);margin-bottom:var(--space-sm);padding:var(--space-xs) var(--space-sm);background:var(--hover-bg);border-radius:var(--radius-sm);display:inline-block}.appointment-node{background:#f0fdfa!important;border:2px solid #14b8a6!important;border-radius:var(--radius-md)!important}.appointment-node .node-header{background:#14b8a6!important;color:#fff!important}.appointment-node .node-title{color:#fff!important}.appointment-node .node-content{background:#f0fdfa!important}.appointment-preview{display:flex;flex-direction:column;gap:var(--space-sm)}.appointment-description{font-size:var(--font-sm);color:var(--text-primary);line-height:1.4;margin-bottom:var(--space-xs)}.appointment-status{margin-top:var(--space-xs)}.appointment-info{display:flex;justify-content:flex-end;margin-top:var(--space-xs)}.appointment-badge{font-size:10px;font-weight:var(--font-semibold);color:#0d9488;background:#ccfbf1;padding:2px 6px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.5px}.react-flow__node-default,.react-flow__node-message,.react-flow__node-input,.react-flow__node-decision,.react-flow__node-action{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}.custom-node,.message-node,.input-node,.decision-node,.action-node,.dialog-node,.appointment-node{border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-md)!important;min-width:200px!important;max-width:250px!important;transition:all .2s ease!important;position:relative!important;overflow:hidden!important}.react-flow__node.selected .custom-node,.react-flow__node.selected .message-node,.react-flow__node.selected .input-node,.react-flow__node.selected .decision-node,.react-flow__node.selected .action-node,.react-flow__node.selected .dialog-node,.react-flow__node.selected .appointment-node{border-color:var(--brand-primary)!important;box-shadow:0 0 0 3px var(--focus-ring-strong)!important;transform:scale(1.02)!important}.custom-node:hover,.message-node:hover,.input-node:hover,.decision-node:hover,.action-node:hover,.dialog-node:hover,.appointment-node:hover{box-shadow:var(--shadow-lg)!important;transform:translateY(-2px)!important}.react-flow__node.selected .custom-node:hover,.react-flow__node.selected .message-node:hover,.react-flow__node.selected .input-node:hover,.react-flow__node.selected .decision-node:hover,.react-flow__node.selected .action-node:hover,.react-flow__node.selected .dialog-node:hover,.react-flow__node.selected .appointment-node:hover{transform:scale(1.02)!important}.custom-node *,.message-node *,.input-node *,.decision-node *,.action-node *,.dialog-node *,.appointment-node *{box-sizing:border-box!important}.custom-node:before,.custom-node:after,.message-node:before,.message-node:after,.input-node:before,.input-node:after,.decision-node:before,.decision-node:after,.action-node:before,.action-node:after,.dialog-node:before,.dialog-node:after,.appointment-node:before,.appointment-node:after{display:none!important}.react-flow__handle{background:var(--brand-primary)!important;border:2px solid var(--content-bg)!important;width:10px!important;height:10px!important}.react-flow__handle-connecting{background:var(--brand-primary-hover)!important}.react-flow__edge-path{stroke:var(--brand-primary)!important;stroke-width:2!important}.react-flow__edge.selected .react-flow__edge-path{stroke:var(--brand-primary-hover)!important;stroke-width:3!important}.react-flow__arrowhead{fill:var(--brand-primary)!important}.react-flow__edge.selected .react-flow__arrowhead{fill:var(--brand-primary-hover)!important}.react-flow__edge-text{font-size:var(--font-sm)!important;fill:var(--text-primary)!important;font-weight:var(--font-medium)!important}.react-flow__controls{background:var(--content-bg)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-md)!important}.react-flow__controls-button{background:var(--content-bg)!important;border:none!important;color:var(--text-primary)!important;transition:all .2s ease!important}.react-flow__controls-button:hover{background:var(--hover-bg)!important;color:var(--brand-primary)!important}.react-flow__minimap{background:var(--content-bg)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-md)!important;inset:10px auto auto 10px!important}.properties-panel-resize-handle{position:absolute;left:0;top:0;bottom:0;width:8px;cursor:col-resize;background:transparent;z-index:1003;transition:background .2s ease}.properties-panel-resize-handle:hover,.properties-panel-resize-handle.resizing{background:var(--brand-primary);opacity:.3}.properties-panel-resize-handle:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:3px;height:40px;background:var(--border-color);border-radius:2px;transition:background .2s ease}.properties-panel-resize-handle:hover:before,.properties-panel-resize-handle.resizing:before{background:#fff}body.resizing-panel{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:col-resize!important}body.resizing-panel *{cursor:col-resize!important}.react-flow__background{background:var(--content-container-bg)!important}body.dark-mode .react-flow__handle{border-color:var(--content-bg)!important}body.dark-mode .react-flow__edge-text{fill:var(--text-primary)!important}.edge-info{background:var(--hover-bg);padding:var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.info-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.info-item:last-child{margin-bottom:0}.info-label{font-weight:var(--font-medium);color:var(--text-secondary);font-size:var(--font-sm)}.info-value{color:var(--text-primary);font-weight:var(--font-medium);font-size:var(--font-sm)}.form-help{font-size:var(--font-xs);color:var(--text-muted);margin-top:var(--space-xs);font-style:italic}.form-actions{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border-color)}.editor-help{display:flex;align-items:center;gap:var(--space-md)}.help-text{font-size:var(--font-sm);color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-xs)}kbd{background:var(--hover-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);font-size:var(--font-xs);font-weight:var(--font-medium);color:var(--text-primary);font-family:monospace;box-shadow:0 1px 2px #0000001a}.radio-group{display:flex;flex-direction:column;gap:var(--space-sm)}.radio-group.radio-group-horizontal{flex-direction:row;flex-wrap:wrap;gap:var(--space-lg)}.radio-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--font-sm);color:var(--text-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:background-color .2s ease}.radio-label:hover{background-color:var(--hover-bg)}.radio-input{position:absolute;opacity:0;width:0;height:0}.radio-dot{position:relative;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--border-color);border-radius:50%;background:var(--input-bg);transition:all .2s ease;flex-shrink:0}.radio-dot:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--brand-primary);transform:scale(0);transition:transform .2s ease}.radio-input:checked+.radio-dot{border-color:var(--brand-primary)}.radio-input:checked+.radio-dot:after{transform:scale(1)}.radio-input:focus+.radio-dot{outline:none;box-shadow:0 0 0 3px var(--focus-ring)}.radio-input:disabled+.radio-dot{opacity:.5;cursor:not-allowed;background:var(--gray-200)}.radio-label:has(.radio-input:disabled){cursor:not-allowed;opacity:.6}.radio-card{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-lg);border:2px solid var(--border-color);border-radius:var(--radius-lg);background:var(--card-bg);cursor:pointer;transition:all .2s ease}.radio-card:hover{border-color:var(--brand-primary);background:var(--hover-bg)}.radio-card.radio-card-selected{border-color:var(--brand-primary);background:var(--color-primary-bg)}.radio-card-content{flex:1}.radio-card-title{font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-xs)}.radio-card-description{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.5}body.dark-mode .radio-dot{background:var(--input-bg);border-color:var(--border-color)}body.dark-mode .radio-card{background:var(--card-bg)}body.dark-mode .radio-card:hover{background:var(--hover-bg)}.file-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-2xl);border:2px dashed var(--border-color);border-radius:var(--radius-lg);background:var(--input-bg);cursor:pointer;transition:all .2s ease;min-height:150px;text-align:center}.file-drop-zone:hover{border-color:var(--brand-primary);background:var(--color-primary-bg)}.file-drop-zone.file-drop-active{border-color:var(--brand-primary);border-style:solid;background:var(--color-primary-bg);box-shadow:0 0 0 4px var(--focus-ring)}.file-drop-zone.file-drop-error{border-color:var(--color-error);background:var(--color-error-bg)}.file-drop-zone.file-drop-success{border-color:var(--color-success);background:var(--color-success-bg)}.file-drop-zone.file-drop-disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.file-drop-icon{font-size:2.5rem;color:var(--text-secondary);transition:color .2s ease}.file-drop-zone:hover .file-drop-icon,.file-drop-zone.file-drop-active .file-drop-icon{color:var(--brand-primary)}.file-drop-text{font-size:var(--font-base);color:var(--text-primary);font-weight:var(--font-medium)}.file-drop-hint{font-size:var(--font-sm);color:var(--text-secondary)}.file-drop-browse{color:var(--brand-primary);font-weight:var(--font-semibold);text-decoration:underline;cursor:pointer}.file-drop-browse:hover{color:var(--brand-secondary)}.file-input-hidden{position:absolute;width:0;height:0;opacity:0;overflow:hidden}.file-preview-list{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}.file-preview-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--card-bg);border:1px solid var(--border-light);border-radius:var(--radius-md)}.file-preview-icon{font-size:1.25rem;color:var(--text-secondary)}.file-preview-info{flex:1;min-width:0}.file-preview-name{font-size:var(--font-sm);font-weight:var(--font-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-size{font-size:var(--font-xs);color:var(--text-secondary)}.file-preview-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:50%;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.file-preview-remove:hover{background:var(--color-error-bg);color:var(--color-error)}.file-input-compact{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--input-bg);cursor:pointer;transition:all .2s ease}.file-input-compact:hover{border-color:var(--brand-primary);background:var(--hover-bg)}body.dark-mode .file-drop-zone{background:var(--input-bg);border-color:var(--border-color)}body.dark-mode .file-drop-zone:hover,body.dark-mode .file-drop-zone.file-drop-active{background:#3b82f61a}body.dark-mode .file-preview-item{background:var(--content-container-bg)}.search-container{position:relative;display:flex;align-items:center;width:100%}.search-input{width:100%;height:42px;padding:var(--space-sm) var(--space-md);padding-left:40px;padding-right:40px;border:1px solid var(--input-border);border-radius:var(--radius-md);background:var(--input-bg);color:var(--input-text);font-size:var(--font-sm);transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px var(--focus-ring)}.search-input::-moz-placeholder{color:var(--text-muted)}.search-input::placeholder{color:var(--text-muted)}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:1rem;pointer-events:none}.search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:50%;background:transparent;color:var(--text-secondary);cursor:pointer;opacity:0;visibility:hidden;transition:all .2s ease}.search-input:not(:-moz-placeholder)~.search-clear{opacity:1;visibility:visible}.search-input:not(:placeholder-shown)~.search-clear{opacity:1;visibility:visible}.search-clear:hover{background:var(--hover-bg);color:var(--text-primary)}.search-suggestions{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-xs);background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:300px;overflow-y:auto;z-index:1000}.search-suggestion-item{padding:var(--space-sm) var(--space-md);cursor:pointer;transition:background-color .15s ease}.search-suggestion-item:hover,.search-suggestion-item.search-suggestion-active{background:var(--hover-bg)}.search-suggestion-item:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.search-suggestion-item:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.search-container.search-sm .search-input{height:36px;font-size:var(--font-xs)}.search-container.search-lg .search-input{height:48px;font-size:var(--font-base)}body.dark-mode .search-input{background:var(--input-bg);border-color:var(--input-border);color:var(--input-text)}body.dark-mode .search-suggestions{background:var(--card-bg);border-color:var(--border-color)}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--gradient-secondary);color:#fff;font-weight:var(--font-semibold);flex-shrink:0}.avatar-xs{width:24px;height:24px;font-size:10px}.avatar-sm{width:32px;height:32px;font-size:12px}.avatar-md{width:40px;height:40px;font-size:14px}.avatar-lg{width:56px;height:56px;font-size:18px}.avatar-xl{width:80px;height:80px;font-size:24px}.avatar-2xl{width:120px;height:120px;font-size:36px}.avatar-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.avatar-initials{text-transform:uppercase;letter-spacing:.5px}.avatar-bordered{border:3px solid var(--card-bg);box-shadow:var(--shadow-sm)}.avatar-status{position:absolute;inset:-4px;border-radius:50%;border:4px solid transparent;pointer-events:none}.avatar-status-online{border-color:#10b981;box-shadow:0 0 12px 2px #10b98199}.avatar-status-offline{border-color:#9ca3af;box-shadow:0 0 8px 1px #9ca3af66}.avatar-status-busy{border-color:#ef4444;box-shadow:0 0 12px 2px #ef444499}.avatar-status-away{border-color:#f59e0b;box-shadow:0 0 12px 2px #f59e0b99}.avatar-status-online:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:4px solid #10b981;animation:avatar-pulse 2s ease-in-out infinite}@keyframes avatar-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:0}}.avatar-group{display:flex;flex-direction:row-reverse}.avatar-group .avatar{margin-left:-8px;border:2px solid var(--card-bg)}.avatar-group .avatar:last-child{margin-left:0}.avatar-group-count{display:inline-flex;align-items:center;justify-content:center;background:var(--gray-200);color:var(--text-secondary);font-size:var(--font-xs);font-weight:var(--font-semibold)}.avatar-square{border-radius:var(--radius-md)}.avatar-bordered .avatar-status{inset:-7px}.avatar-bordered .avatar-status-online:after{inset:-4px}.avatar-group .avatar .avatar-status{inset:-6px}.avatar-group .avatar .avatar-status-online:after{inset:-4px}.avatar-square .avatar-status{border-radius:var(--radius-lg)}.avatar-square .avatar-status-online:after{border-radius:var(--radius-lg)}body.dark-mode .avatar-bordered{border-color:var(--content-container-bg)}body.dark-mode .avatar-status-online{box-shadow:0 0 14px 3px #10b981b3}body.dark-mode .avatar-status-offline{box-shadow:0 0 10px 2px #9ca3af80}body.dark-mode .avatar-status-busy{box-shadow:0 0 14px 3px #ef4444b3}body.dark-mode .avatar-status-away{box-shadow:0 0 14px 3px #f59e0bb3}body.dark-mode .avatar-group .avatar{border-color:var(--content-container-bg)}body.dark-mode .avatar-group-count{background:var(--gray-700);color:var(--text-secondary)}.tooltip{position:relative;display:inline-block}.tooltip-content{position:absolute;z-index:1000;padding:var(--space-sm) var(--space-md);background:var(--gray-900);color:#fff;font-size:var(--font-xs);font-weight:var(--font-medium);border-radius:var(--radius-md);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;pointer-events:none;box-shadow:var(--shadow-lg)}.tooltip:hover .tooltip-content{opacity:1;visibility:visible}.tooltip-content:before{content:"";position:absolute;border:6px solid transparent}.tooltip-top .tooltip-content,.tooltip-content{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px}.tooltip-top .tooltip-content:before,.tooltip-content:before{top:100%;left:50%;transform:translate(-50%);border-top-color:var(--gray-900)}.tooltip-bottom .tooltip-content{top:100%;bottom:auto;margin-top:8px;margin-bottom:0}.tooltip-bottom .tooltip-content:before{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--gray-900)}.tooltip-left .tooltip-content{inset:50% 100% auto auto;transform:translateY(-50%);margin-right:8px;margin-bottom:0}.tooltip-left .tooltip-content:before{top:50%;left:100%;transform:translateY(-50%);border-top-color:transparent;border-left-color:var(--gray-900)}.tooltip-right .tooltip-content{inset:50% auto auto 100%;transform:translateY(-50%);margin-left:8px;margin-bottom:0}.tooltip-right .tooltip-content:before{top:50%;right:100%;left:auto;transform:translateY(-50%);border-top-color:transparent;border-right-color:var(--gray-900)}.tooltip-content.tooltip-multiline{white-space:normal;max-width:250px;text-align:center}.tooltip-light .tooltip-content{background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color)}.tooltip-light .tooltip-content:before{border-top-color:var(--card-bg)}body.dark-mode .tooltip-light .tooltip-content{background:var(--card-bg);color:var(--text-primary);border-color:var(--border-color)}.range-slider{position:relative;width:100%;display:flex;flex-direction:column;gap:var(--space-sm)}.range-slider-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:var(--gray-200);border-radius:var(--radius-full);outline:none;cursor:pointer}.range-slider-input::-webkit-slider-runnable-track{height:6px;background:var(--gray-200);border-radius:var(--radius-full)}.range-slider-input::-moz-range-track{height:6px;background:var(--gray-200);border-radius:var(--radius-full);border:none}.range-slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--brand-primary);border-radius:50%;cursor:grab;box-shadow:var(--shadow-md);-webkit-transition:all .2s ease;transition:all .2s ease;margin-top:-7px}.range-slider-input::-moz-range-thumb{width:20px;height:20px;background:var(--brand-primary);border-radius:50%;border:none;cursor:grab;box-shadow:var(--shadow-md);-moz-transition:all .2s ease;transition:all .2s ease}.range-slider-input::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}.range-slider-input::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}.range-slider-input::-webkit-slider-thumb:active{cursor:grabbing}.range-slider-input::-moz-range-thumb:active{cursor:grabbing}.range-slider-input:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--focus-ring),var(--shadow-md)}.range-slider-input:focus::-moz-range-thumb{box-shadow:0 0 0 3px var(--focus-ring),var(--shadow-md)}.range-slider-labels{display:flex;justify-content:space-between;font-size:var(--font-xs);color:var(--text-secondary)}.range-slider-value{font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--text-primary);text-align:center}.range-slider-ticks{display:flex;justify-content:space-between;padding:0 10px;margin-top:var(--space-xs)}.range-slider-tick{width:2px;height:8px;background:var(--gray-300);border-radius:1px}.range-slider-sm .range-slider-input{height:4px}.range-slider-sm .range-slider-input::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6px}.range-slider-lg .range-slider-input{height:8px}.range-slider-lg .range-slider-input::-webkit-slider-thumb{width:24px;height:24px;margin-top:-8px}body.dark-mode .range-slider-input{background:var(--gray-700)}body.dark-mode .range-slider-input::-webkit-slider-runnable-track{background:var(--gray-700)}body.dark-mode .range-slider-input::-moz-range-track{background:var(--gray-700)}body.dark-mode .range-slider-tick{background:var(--gray-600)}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs);font-size:var(--font-sm)}.breadcrumb-item{display:inline-flex;align-items:center;color:var(--text-secondary)}.breadcrumb-item a{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.breadcrumb-item a:hover{color:var(--brand-primary);text-decoration:underline}.breadcrumb-item.breadcrumb-active{color:var(--text-primary);font-weight:var(--font-medium)}.breadcrumb-separator{color:var(--text-muted);margin:0 var(--space-xs);font-size:.75rem}.breadcrumb-icon{margin-right:var(--space-xs);font-size:.9em}.breadcrumb-container{padding:var(--space-sm) var(--space-md);background:var(--hover-bg);border-radius:var(--radius-md)}body.dark-mode .breadcrumb-item a:hover{color:var(--brand-primary)}.pagination{display:flex;align-items:center;gap:var(--space-xs)}.pagination-item{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text-primary);font-size:var(--font-sm);font-weight:var(--font-medium);cursor:pointer;transition:all .2s ease;text-decoration:none}.pagination-item:hover:not(.pagination-disabled):not(.pagination-active){border-color:var(--brand-primary);color:var(--brand-primary);background:var(--color-primary-bg)}.pagination-item.pagination-active{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff}.pagination-item.pagination-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.pagination-prev,.pagination-next{font-weight:var(--font-semibold)}.pagination-prev:before{content:"←";margin-right:var(--space-xs)}.pagination-next:after{content:"→";margin-left:var(--space-xs)}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;color:var(--text-secondary);cursor:default}.pagination-info{font-size:var(--font-sm);color:var(--text-secondary);margin-left:var(--space-md)}.pagination-sm .pagination-item{min-width:28px;height:28px;font-size:var(--font-xs)}.pagination-lg .pagination-item{min-width:44px;height:44px;font-size:var(--font-base)}.pagination-simple{justify-content:space-between}.pagination-simple .pagination-prev,.pagination-simple .pagination-next{padding:var(--space-sm) var(--space-md)}body.dark-mode .pagination-item{background:var(--card-bg);border-color:var(--border-color);color:var(--text-primary)}body.dark-mode .pagination-item:hover:not(.pagination-disabled):not(.pagination-active){background:var(--hover-bg)}body.dark-mode .pagination-item.pagination-active{background:var(--brand-primary);border-color:var(--brand-primary)}.phone-call-test-container{padding:2rem;max-width:1400px;margin:0 auto;background:#f9fafb;min-height:100vh}.test-header{text-align:center;margin-bottom:3rem}.test-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.test-header p{color:#6b7280;font-size:1rem}.test-content{display:grid;grid-template-columns:1fr 400px;gap:2rem;margin-bottom:2rem}.animation-section{display:flex;flex-direction:column;gap:1rem}.animation-card{background:#fff;border-radius:12px;border:3px solid #e5e7eb;padding:2rem;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease}.animation-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.state-icon{font-size:2.5rem}.animation-header h2{font-size:1.5rem;font-weight:600;margin:0}.animation-wrapper{width:100%;height:400px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:1.5rem}.state-description{text-align:center}.state-description p{font-size:1rem;color:#4b5563;margin-bottom:1rem}.state-indicator{display:inline-block;padding:.5rem 1rem;border-radius:6px;color:#fff;font-weight:600;font-size:.875rem;letter-spacing:.5px}.auto-play-section{display:flex;gap:1rem}.auto-play-btn,.stop-btn{flex:1;padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.auto-play-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 6px -1px #0000001a}.auto-play-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 15px -3px #0003}.auto-play-btn:disabled{opacity:.7;cursor:not-allowed}.stop-btn{background:#ef4444;color:#fff}.stop-btn:hover{background:#dc2626}.spinner{width:16px;height:16px;border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.state-selector{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.state-selector h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.state-grid{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.state-btn{display:flex;align-items:center;gap:.75rem;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease;position:relative}.state-btn:hover{transform:translate(4px);box-shadow:0 4px 6px -1px #0000001a}.state-btn.active{font-weight:600;box-shadow:0 4px 6px -1px #0000001a}.btn-icon{font-size:1.5rem}.btn-label{flex:1;text-align:left;color:#1f2937}.success-badge{background:#22c55e;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:600}.success-path-info{background:#f0fdf4;border:2px solid #86efac;border-radius:8px;padding:1rem;margin-top:1rem}.success-path-info h4{font-size:.875rem;font-weight:600;color:#166534;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.path-flow{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.path-state{font-size:1.25rem}.path-arrow{color:#86efac;font-weight:600}.technical-info{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a}.technical-info h4{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.technical-info pre{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:1rem;overflow-x:auto;font-size:.875rem;color:#374151}@media (max-width: 1024px){.test-content{grid-template-columns:1fr}.animation-wrapper{height:300px}}