@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-primary: #4ade80;--color-primary-hover: #22c55e;--color-primary-light: #d1fae5;--color-primary-dark: #047857;--color-bg-dark: #1a1a2e;--color-bg-dark-hover: #2d2d4a;--color-bg-light: #f4f4f5;--color-bg-white: #ffffff;--color-bg-card: #ffffff;--color-text-primary: #1a1a2e;--color-text-secondary: #3f3f46;--color-text-muted: #71717a;--color-text-light: #a1a1aa;--color-text-white: #ffffff;--color-border: #e4e4e7;--color-border-light: #f4f4f5;--color-border-focus: #4ade80;--color-success: #16a34a;--color-success-bg: #f0fdf4;--color-success-border: #d1fae5;--color-warning: #b45309;--color-warning-bg: #fef3c7;--color-warning-border: #fcd34d;--color-error: #dc2626;--color-error-bg: #fef2f2;--color-error-border: #fecaca;--color-info: #1d4ed8;--color-info-bg: #dbeafe;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .16);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-mono: "Monaco", "Menlo", "Ubuntu Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--sidebar-width: 240px;--header-height: 60px;--content-max-width: 1200px}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text-primary);background:var(--color-bg-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.3;color:var(--color-text-primary)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-muted)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.empty-state{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);color:var(--color-text-muted)}.empty-state-icon{font-size:48px;margin-bottom:var(--spacing-md);opacity:.5}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.alert-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.alert-error{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-border)}.alert-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-border)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;text-transform:capitalize}.badge-success{background:var(--color-success-bg);color:var(--color-primary-dark)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-error{background:var(--color-error-bg);color:var(--color-error)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #4ade8026}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-light)}.form-group small{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}.field-error{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-error)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:12px var(--spacing-lg);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-primary{background:var(--color-primary);color:var(--color-text-primary)}.btn-secondary{background:var(--color-bg-white);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-light);border-color:var(--color-text-light)}.btn-danger{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-border)}.btn-danger:hover:not(:disabled){background:#fecaca}.btn-sm{padding:8px var(--spacing-md);font-size:var(--font-size-xs)}.btn-lg{padding:14px var(--spacing-xl);font-size:var(--font-size-base)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.table th{font-weight:500;font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;background:var(--color-bg-light)}.table tbody tr:hover{background:var(--color-bg-light)}.table tbody tr:last-child td{border-bottom:none}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-light);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#6b7280}.loading-state--full{min-height:60vh}.loading-state p{margin:0;font-size:15px}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#4ade80;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.empty-state{text-align:center;padding:60px 20px;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:16px}.empty-state__icon{font-size:48px;margin-bottom:16px}.empty-state__title{margin:0 0 8px;font-size:20px;font-weight:600;color:#1f2937}.empty-state__description{color:#6b7280;max-width:400px;margin:0 auto 24px;line-height:1.5}.error-state{text-align:center;padding:60px 20px;background:#fef2f2;border:1px solid #fecaca;border-radius:16px}.error-state__icon{font-size:48px;margin-bottom:16px}.error-state__title{margin:0 0 8px;font-size:20px;font-weight:600;color:#dc2626}.error-state__message{color:#7f1d1d;max-width:400px;margin:0 auto 24px;line-height:1.5}.btn-primary{background:linear-gradient(135deg,#4ade80,#22c55e);color:#1a1a2e;border:none;padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #4ade8033}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 8px #4ade804d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db;padding:10px 20px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}.toast-container{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;pointer-events:none}.toast{min-width:320px;max-width:420px;padding:14px 16px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026,0 0 0 1px #0000000d;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:auto;animation:toastSlideIn .3s ease-out;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@keyframes toastSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast--success{border-left:3px solid #10b981}.toast--error{border-left:3px solid #ef4444}.toast--info{border-left:3px solid #3b82f6}.toast__content{display:flex;align-items:center;gap:10px;flex:1}.toast__icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;font-weight:600;flex-shrink:0}.toast--success .toast__icon{background:#d1fae5;color:#059669}.toast--error .toast__icon{background:#fee2e2;color:#dc2626}.toast--info .toast__icon{background:#dbeafe;color:#2563eb}.toast__message{font-size:14px;line-height:1.5;color:#1f2937;font-weight:500}.toast__close{background:none;border:none;color:#9ca3af;font-size:20px;line-height:1;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s;flex-shrink:0}.toast__close:hover{background:#f3f4f6;color:#374151}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--color-bg-dark);color:var(--color-text-white);padding:var(--spacing-sm);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;overflow-y:auto;overscroll-behavior:contain}.logo{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:var(--spacing-sm)}.logo h2{margin:0;font-size:14px;color:var(--color-primary)}.logo-mark{width:24px;height:24px;flex:0 0 auto}.nav-links{list-style:none;padding:0;margin:0;flex:1}.nav-links li{margin-bottom:var(--spacing-xs)}.nav-links a{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-sm);color:var(--color-text-light);border-radius:var(--radius-md);transition:all var(--transition-base);font-size:13px}.nav-links a:hover{background:#ffffff14;color:var(--color-text-white)}.nav-links a.active{background:#ffffff0f;color:var(--color-text-white);font-weight:500;box-shadow:inset 2px 0 #4ade8099}.nav-section{margin-bottom:var(--spacing-xs)}.nav-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-sm);background:transparent;border:none;color:var(--color-text-light);border-radius:var(--radius-md);font-size:13px;cursor:pointer;transition:all var(--transition-base);text-align:left}.nav-section-toggle:hover{background:#ffffff14;color:var(--color-text-white)}.nav-section-toggle.open{color:var(--color-primary)}.toggle-icon{font-size:var(--font-size-md);font-weight:300}.nav-submenu{list-style:none;padding:0;margin:var(--spacing-xs) 0 0 0}.nav-submenu li{margin-bottom:2px}.nav-submenu a{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-sm);padding-left:calc(var(--spacing-md) + var(--spacing-sm));color:var(--color-text-light);border-radius:var(--radius-md);transition:all var(--transition-base);font-size:12px}.nav-submenu a:hover{background:#ffffff14;color:var(--color-text-white)}.nav-submenu a.active{background:#ffffff14;color:var(--color-text-white);font-weight:500;box-shadow:inset 2px 0 0 var(--color-primary)}.user-info{padding:var(--spacing-xs) 0;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.user-email{display:block;font-size:12px;color:var(--color-text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--spacing-xs)}.admin-badge{display:inline-block;background:#4ade802e;color:#bbf7d0;font-size:10px;padding:2px 6px;border-radius:var(--radius-full);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.logout-btn{width:100%;margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-sm);background:transparent;border:1px solid rgba(255,255,255,.2);color:var(--color-text-light);border-radius:var(--radius-md);font-size:12px;font-weight:500;transition:all var(--transition-base)}.logout-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:var(--color-text-white)}.content{flex:1;margin-left:var(--sidebar-width);background:var(--color-bg-light);padding:var(--spacing-lg);min-height:100vh}.impersonation-banner{position:fixed;top:0;left:var(--sidebar-width);right:0;background:var(--color-warning-bg);color:var(--color-warning);padding:var(--spacing-sm) var(--spacing-md);display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);font-size:var(--font-size-xs);z-index:99;border-bottom:1px solid var(--color-warning-border)}.impersonation-banner strong{color:var(--color-text-primary)}.impersonation-banner .exit-btn{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-dark);color:var(--color-text-white);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.impersonation-banner .exit-btn:hover{background:var(--color-bg-dark-hover)}.tenant-selector{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid rgba(255,255,255,.1)}.tenant-selector label{display:block;font-size:10px;color:var(--color-text-light);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.tenant-selector select{width:100%;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-dark-hover);color:var(--color-text-white);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);font-size:12px;cursor:pointer;transition:border-color var(--transition-fast)}.tenant-selector select:focus{outline:none;border-color:var(--color-primary)}.tenant-selector select option{background:var(--color-bg-dark)}@media(max-width:768px){.sidebar{width:100%;position:relative;padding:var(--spacing-md)}.content{margin-left:0;padding:var(--spacing-md)}.impersonation-banner{left:0;font-size:var(--font-size-xs)}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-bg-dark) 0%,#16213e 100%);padding:var(--spacing-lg)}.login-card{background:var(--color-bg-white);padding:var(--spacing-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:420px}.login-card h1{margin:0 0 var(--spacing-sm) 0;color:var(--color-text-primary);font-size:var(--font-size-2xl);display:flex;align-items:center;gap:var(--spacing-sm)}.login-card h1:before{content:"🐆";font-size:1.6rem}.login-card .subtitle{color:var(--color-text-muted);margin:0 0 var(--spacing-xl) 0;font-size:var(--font-size-sm)}.login-card .form-group{margin-bottom:var(--spacing-lg)}.login-card .form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.login-card .form-group input{width:100%;padding:14px var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all var(--transition-fast)}.login-card .form-group input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #4ade8026}.login-card .form-group input::placeholder{color:var(--color-text-light)}.login-card button[type=submit]{width:100%;padding:14px;background:var(--color-primary);color:var(--color-text-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.login-card button[type=submit]:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.login-card button[type=submit]:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-card .error{background:var(--color-error-bg);color:var(--color-error);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);border:1px solid var(--color-error-border)}@media(max-width:480px){.login-card{padding:var(--spacing-lg)}}.lead-details-modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.lead-details-modal{background:var(--color-bg-card, white);border-radius:var(--radius-lg, 12px);width:100%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-xl, 0 8px 32px rgba(0, 0, 0, .16));animation:slideUp .2s ease}.lead-details-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border, #e2e8f0);flex-shrink:0;background:#fff}.lead-details-modal .modal-header h2{margin:0;font-size:15px;font-weight:600;color:var(--color-text-primary, #0f172a)}.lead-details-modal .btn-close{background:none;border:none;cursor:pointer;color:var(--color-text-muted, #64748b);padding:4px;line-height:1;border-radius:4px;transition:background .15s ease,color .15s ease;display:flex;align-items:center;justify-content:center}.lead-details-modal .btn-close:hover{background:var(--color-bg-hover, #f1f5f9);color:var(--color-text-primary, #0f172a)}.sticky-summary{position:sticky;top:0;z-index:1;background:#fff;border-bottom:1px solid var(--color-border, #e2e8f0);padding:16px 24px;box-shadow:0 2px 4px #0000000a}.summary-name{font-size:13px;font-weight:600;line-height:1.35;color:var(--color-text-primary, #0f172a);margin:0 0 8px}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:10px}.summary-item{display:flex;align-items:flex-start;gap:6px;font-size:.75rem;line-height:1.4;min-width:0}.summary-icon{color:var(--color-text-muted, #64748b);flex-shrink:0;width:11px;height:11px;margin-top:2px}.summary-label{color:var(--color-text-muted, #64748b);font-weight:500;font-size:.6875rem;line-height:1.4;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.summary-value{color:var(--color-text-primary, #1e293b);font-size:.75rem;font-weight:400;line-height:1.4;word-break:break-word}.summary-sources{display:flex;gap:6px;flex-wrap:wrap}.source-pill{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:500}.source-pill--voice{background:#eff6ff;color:#3b82f6}.source-pill--sms{background:#ecfdf5;color:#10b981}.source-pill--chatbot{background:#f5f3ff;color:#8b5cf6}.timeline-body{flex:1;overflow-y:auto;padding:24px;background:#fafafa}.timeline-body::-webkit-scrollbar{width:8px}.timeline-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.timeline-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.timeline-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.timeline-loading,.timeline-error{display:flex;align-items:center;justify-content:center;padding:40px 20px}.timeline-error{color:var(--color-error, #ef4444);font-size:14px}.timeline-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.timeline-empty .empty-icon{color:#cbd5e1;margin-bottom:16px}.timeline-empty .empty-text{font-size:16px;font-weight:600;color:var(--color-text-secondary, #475569);margin:0 0 8px}.timeline-empty .empty-subtext{font-size:14px;color:var(--color-text-muted, #64748b);margin:0;max-width:300px}.timeline-container{max-width:600px;margin:0 auto}.timeline-item{position:relative;padding-left:48px;margin-bottom:12px}.timeline-item:last-child{margin-bottom:0}.timeline-item-line{position:absolute;left:17px;top:40px;bottom:-12px;width:2px;background:var(--color-border, #e2e8f0)}.timeline-item-icon{position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid var(--color-border, #e2e8f0);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.timeline-item-icon--voice_call{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.timeline-item-icon--sms{border-color:#10b981;color:#10b981;background:#ecfdf5}.timeline-item-icon--chatbot{border-color:#8b5cf6;color:#8b5cf6;background:#f5f3ff}.timeline-item-content{background:#fff;border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #e2e8f0);overflow:hidden;transition:all .15s ease}.timeline-item-content:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.timeline-item-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:transparent;border:none;cursor:pointer;text-align:left;transition:background .15s ease}.timeline-item-header:hover{background:#f8fafc}.timeline-item-summary{flex:1;font-size:.75rem;font-weight:400;color:var(--color-text-primary, #1e293b);line-height:1.4;margin-right:12px}.timeline-item-header-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.timeline-item-timestamp{font-size:.6875rem;font-weight:400;line-height:1.3;color:var(--color-text-muted, #94a3b8);white-space:nowrap}.timeline-item-chevron{color:var(--color-text-muted, #94a3b8);transition:transform .3s ease;flex-shrink:0}.timeline-item-chevron.expanded{transform:rotate(180deg)}.timeline-item-details{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-out}.timeline-item-details.expanded{grid-template-rows:1fr}.timeline-item-details-inner{overflow:hidden}.timeline-item-details.expanded .timeline-item-details-inner{padding:0 16px 16px;border-top:1px solid #f1f5f9}.timeline-details-content{padding-top:12px}.detail-section{margin-bottom:16px}.detail-section:last-child{margin-bottom:0}.detail-label{display:block;font-size:.6875rem;font-weight:600;color:var(--color-text-muted, #64748b);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}.detail-value{font-size:.75rem;font-weight:400;color:var(--color-text-secondary, #334155);line-height:1.4;white-space:pre-wrap;margin:0}.detail-transcript,.detail-message{max-height:300px;overflow-y:auto;padding:12px;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.detail-metadata{display:flex;flex-direction:column;gap:6px;padding-top:8px}.metadata-item{display:flex;font-size:.75rem;line-height:1.4;gap:6px}.metadata-item-label{font-weight:500;font-size:.6875rem;color:var(--color-text-muted, #64748b);min-width:70px;flex-shrink:0}.metadata-item-value{color:var(--color-text-secondary, #334155);font-weight:400;font-size:.75rem;line-height:1.4;flex:1}.conversation-messages{display:flex;flex-direction:column;gap:8px}.conversation-message{padding:10px 12px;border-radius:8px;max-width:85%}.conversation-message.user{background:#f0f7f1;align-self:flex-end;margin-left:auto}.conversation-message.assistant{background:#f5f5f5;align-self:flex-start;margin-right:auto}.conversation-message-role{font-size:.6875rem;font-weight:600;color:var(--color-text-muted, #64748b);text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px}.conversation-message-content{font-size:.75rem;font-weight:400;color:var(--color-text-primary, #1e293b);line-height:1.4;white-space:pre-wrap;word-wrap:break-word}@media(max-width:768px){.lead-details-modal{max-width:100%;max-height:100vh;border-radius:0}.lead-details-modal-overlay{padding:0}.summary-grid{grid-template-columns:1fr 1fr;gap:8px}.summary-item{flex-wrap:wrap}.timeline-body{padding:16px}.timeline-item{padding-left:40px}.timeline-item-icon{width:32px;height:32px}.timeline-item-line{left:15px}}@media(max-width:480px){.summary-grid{grid-template-columns:1fr}}.dashboard{--dash-space-1: 4px;--dash-space-2: 8px;--dash-space-3: 12px;--dash-space-4: 16px;--dash-space-6: 24px;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--dash-space-4)}.dashboard-header{display:flex;align-items:center;justify-content:space-between;min-height:48px}.dashboard-header__title{display:flex;flex-direction:column;gap:var(--dash-space-1)}.dashboard h1{margin:0;font-size:20px;color:var(--color-text-primary)}.dashboard-header__subtitle{font-size:12px;color:var(--color-text-muted)}.dashboard-grid{display:grid;gap:var(--dash-space-4)}.dashboard .card{background:#fff;border-radius:12px;padding:var(--dash-space-4);border:1px solid #e2e8f0;box-shadow:0 1px 2px #0f172a14}.dashboard .card h2{margin:0;font-size:15px;color:var(--color-text-primary);font-weight:600}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--dash-space-3);margin-bottom:var(--dash-space-3)}.card-header__actions{display:flex;align-items:center;gap:var(--dash-space-3)}.btn--danger{background:#dc2626;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background var(--transition-fast)}.btn--danger:hover{background:#b91c1c}.btn--danger:disabled{background:#9ca3af;cursor:not-allowed}.btn--sm{padding:4px 10px;font-size:11px}.card-link{font-size:12px;color:#475569;text-decoration:none;padding:4px 6px;border-radius:6px;transition:background var(--transition-fast),color var(--transition-fast)}.card-link:hover{background:#f1f5f9;color:#0f172a}.card-link:focus-visible{outline:2px solid rgba(15,23,42,.25);outline-offset:2px}.leads-card-wide{grid-column:1 / -1}.leads-table-container{overflow-x:auto}.leads-table{width:100%;min-width:720px;border-collapse:collapse}.leads-table th,.leads-table td{padding:6px 12px;text-align:left;border-bottom:1px solid var(--color-border)}.leads-table th{font-weight:500;color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.leads-table td{color:#1f2937;font-size:13px;vertical-align:middle;line-height:1.2}.leads-table tbody tr:hover{background:#f8fafc}.leads-table tbody tr:last-child td{border-bottom:none}.leads-table tbody tr{height:44px}.calls-card{grid-column:1 / -1}.calls-table-container{overflow-x:auto}.calls-table{width:100%;min-width:520px;border-collapse:collapse}.calls-table th,.calls-table td{padding:6px 12px;text-align:left;border-bottom:1px solid var(--color-border)}.calls-table th{font-weight:500;color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.calls-table td{color:#1f2937;font-size:13px;vertical-align:middle;line-height:1.2}.calls-table tbody tr:hover{background:#f8fafc}.calls-table tbody tr:last-child td{border-bottom:none}.calls-table tbody tr{height:44px}.leads-table tbody tr.processed{opacity:.75;background:#f8fafc}.leads-table tbody tr.processed:hover{opacity:.85}.leads-table th.col-select,.leads-table td.col-select{width:36px;min-width:36px;max-width:36px;text-align:center;padding-left:12px;padding-right:4px}.leads-table th.col-select input[type=checkbox],.leads-table td.col-select input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#4f46e5}.leads-table th.col-person,.leads-table td.col-person{width:26%;min-width:180px}.leads-table th.col-phone,.leads-table td.col-phone{width:16%;min-width:130px}.leads-table th.col-source,.leads-table td.col-source{width:14%;min-width:110px}.leads-table th.col-date,.leads-table td.col-date{width:20%;min-width:160px;white-space:nowrap}.leads-table th.col-details,.leads-table td.col-details{width:10%;min-width:90px;text-align:center}.leads-table th.col-actions,.leads-table td.col-actions{width:12%;min-width:120px;text-align:right}.lead-person{display:flex;flex-direction:column;gap:1px}.lead-person__name{font-weight:600;color:#0f172a;font-size:13px;line-height:1.2}.lead-person__email{font-size:12px;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.lead-phone,.call-phone{font-family:var(--font-mono);font-size:12px;color:#64748b;white-space:nowrap}.lead-date,.call-date,.call-duration{font-size:12px;color:#64748b;font-variant-numeric:tabular-nums;white-space:nowrap}.details-cell{display:inline-flex;align-items:center;gap:6px;justify-content:center}.source-badges{display:inline-flex;align-items:center;gap:6px}.source-badge{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid #e2e8f0;background:#f8fafc;color:#475569}.source-icon{font-size:14px;cursor:default;display:inline-flex;align-items:center;justify-content:center}.followup-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0;border:1px solid rgba(15,23,42,.1);cursor:default}.followup-indicator.handled{background-color:#10b981}.followup-indicator.needs-followup{background-color:#ef4444}.followup-indicator.pending{background-color:#f59e0b}.followup-indicator.no-data{background-color:#94a3b8}.followup-alert{display:inline-flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;font-size:9px;font-weight:600;line-height:1;color:#b91c1c;background-color:#fee2e2;border:1px solid #fecaca}.followup-arrow{display:inline-flex;align-items:center;justify-content:center;padding:0 4px;height:12px;min-width:16px;border-radius:8px;font-size:9px;font-weight:700;line-height:1;color:#1d4ed8;background-color:#eff6ff;border:1px solid #dbeafe;position:relative}.followup-arrow:before{content:"";position:absolute;left:3px;right:6px;top:50%;height:2px;background-color:#1d4ed8;border-radius:999px;transform:translateY(-50%)}.followup-arrow:after{content:"";position:absolute;right:3px;top:50%;width:5px;height:5px;border-top:2px solid #1d4ed8;border-right:2px solid #1d4ed8;transform:translateY(-50%) rotate(45deg)}.status-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:500;text-transform:capitalize}.status-badge.status-new{background:#e2e8f0;color:#475569}.status-badge.status-verified{background:#ecfdf5;color:#047857}.status-badge.status-unknown{background:#fff7ed;color:#c2410c}.status-badge--dot{width:8px;height:8px;min-width:8px;min-height:8px;padding:0;border-radius:50%;flex-shrink:0;display:inline-block}.status-badge--dot.status-new,.status-badge--dot.status-verified,.status-badge--dot.status-unknown{color:transparent}.actions-cell{white-space:nowrap;text-align:right;vertical-align:middle}.actions-container{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all var(--transition-fast);background:transparent;color:#64748b;flex-shrink:0;font-size:16px;line-height:1}.icon-button:focus-visible{outline:2px solid rgba(15,23,42,.3);outline-offset:2px}.icon-button:disabled{opacity:.5;cursor:not-allowed}.icon-button .icon{width:14px;height:14px;flex-shrink:0}.icon-button .spinner{font-size:12px;animation:pulse 1.5s ease-in-out infinite}.icon-button--ghost:hover:not(:disabled){background:#f1f5f9;color:#0f172a}.icon-button--soft{background:#f8fafc;border-color:#e2e8f0}.icon-button--soft:hover:not(:disabled){background:#eef2f7;border-color:#cbd5f5;color:#0f172a}.icon-button--success:hover:not(:disabled){color:#047857;background:#ecfdf5;border-color:#bbf7d0}.icon-button--warning:hover:not(:disabled){color:#b45309;background:#fff7ed;border-color:#fed7aa}.icon-button--danger:hover:not(:disabled){color:#b91c1c;background:#fef2f2;border-color:#fecaca}.icon-button--info:hover:not(:disabled){color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.action-menu{position:relative;display:inline-flex;align-items:center}.action-menu__popover{position:absolute;right:0;top:calc(100% + 6px);min-width:140px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 8px 16px #0f172a1f;border-radius:8px;padding:6px;z-index:10}.action-menu__item{width:100%;border:none;background:transparent;text-align:left;padding:6px 8px;border-radius:6px;font-size:12px;color:#334155;cursor:pointer}.action-menu__item:hover:not(:disabled){background:#f8fafc;color:#0f172a}.action-menu__item:disabled{opacity:.6;cursor:not-allowed}.action-menu__item--danger{color:#b91c1c}.action-menu__item--danger:hover:not(:disabled){background:#fef2f2;color:#b91c1c}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.dashboard .empty-state{color:var(--color-text-muted);text-align:center;padding:var(--spacing-2xl)}.dashboard .loading{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--color-text-muted)}.dashboard .error{background:var(--color-error-bg);color:var(--color-error);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}@media(max-width:768px){.leads-table{min-width:640px}.leads-table th,.leads-table td{padding:8px 10px;font-size:12px}.actions-container{gap:4px}}@media(min-width:1024px){.dashboard-grid{grid-template-columns:1fr}}.lead-detail-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.lead-detail-modal{background:var(--color-bg-card);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.lead-detail-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.lead-detail-modal-header h3{margin:0;font-size:var(--font-size-lg);color:var(--color-text-primary)}.lead-detail-modal-header .btn-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-text-muted);padding:0;line-height:1}.lead-detail-modal-header .btn-close:hover{color:var(--color-text-primary)}.lead-detail-modal-body{padding:var(--spacing-lg);overflow-y:auto}.lead-detail-section{margin-bottom:var(--spacing-lg)}.lead-detail-section:last-child{margin-bottom:0}.lead-detail-section h4{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-md);color:var(--color-text-primary);font-weight:600;border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-xs)}.lead-detail-row{display:flex;padding:var(--spacing-xs) 0;font-size:var(--font-size-sm)}.lead-detail-row .label{font-weight:500;color:var(--color-text-muted);width:140px;flex-shrink:0}.lead-detail-row .value{color:var(--color-text-secondary);word-break:break-word}.form-note{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic;margin:0 0 var(--spacing-sm) 0;padding:var(--spacing-xs) var(--spacing-sm);background:#f0f7ff;border-radius:var(--radius-sm);border-left:3px solid #1976d2}.form-fields{background:#fafafa;border-radius:var(--radius-md);padding:var(--spacing-sm)}.lead-detail-modal .messages-list{max-height:300px;overflow-y:auto}.lead-detail-modal .message{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.lead-detail-modal .message.user{background:#e3f2fd;margin-left:20px}.lead-detail-modal .message.assistant{background:#f5f5f5;margin-right:20px}.lead-detail-modal .message-role{font-weight:600;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:4px}.lead-detail-modal .message-content{color:var(--color-text-secondary);line-height:1.4}.no-conversation{color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic;text-align:center;padding:var(--spacing-md)}.related-leads-list{display:flex;flex-direction:column;gap:8px}.related-lead-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#f8f9fa;border-radius:var(--radius-md);font-size:var(--font-size-sm)}.related-lead-name{font-weight:500;color:var(--color-text-primary);flex:1}.related-lead-source{color:var(--color-text-muted);text-transform:capitalize;padding:0 12px}.related-lead-date{color:var(--color-text-muted);font-size:var(--font-size-xs);white-space:nowrap}.test-chat-widget{position:fixed;bottom:24px;right:24px;z-index:1000;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.test-chat-widget__toggle{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #2563eb66,0 2px 4px #0000001a;transition:all .2s ease}.test-chat-widget__toggle:hover{transform:scale(1.05);box-shadow:0 6px 16px #2563eb80,0 4px 8px #00000026}.test-chat-widget__toggle:active{transform:scale(.98)}.test-chat-widget--open .test-chat-widget__toggle{background:#475569}.test-chat-widget__panel{position:absolute;bottom:72px;right:0;width:380px;max-height:520px;background:#fff;border-radius:16px;box-shadow:0 20px 40px #00000026,0 4px 12px #0000001a,0 0 0 1px #0000000d;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .2s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.test-chat-widget__header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.test-chat-widget__header-left{display:flex;align-items:center;gap:12px}.test-chat-widget__avatar{width:40px;height:40px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:20px}.test-chat-widget__header-text{display:flex;flex-direction:column;gap:2px}.test-chat-widget__title{font-size:15px;font-weight:600;letter-spacing:-.01em}.test-chat-widget__subtitle{font-size:12px;opacity:.85}.test-chat-widget__header-actions{display:flex;gap:4px}.test-chat-widget__action-btn{width:32px;height:32px;border:none;background:#ffffff26;border-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.test-chat-widget__action-btn:hover{background:#ffffff40}.test-chat-widget__messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:200px;max-height:300px;background:#f8fafc}.test-chat-widget__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;height:100%;padding:24px;color:#64748b}.test-chat-widget__empty-icon{font-size:32px;margin-bottom:12px;opacity:.6}.test-chat-widget__empty p{font-size:14px;font-weight:500;color:#334155;margin:0 0 4px}.test-chat-widget__empty span{font-size:12px;line-height:1.5}.test-chat-widget__message{display:flex;gap:8px;max-width:85%}.test-chat-widget__message--user{align-self:flex-end;flex-direction:row-reverse}.test-chat-widget__message--assistant{align-self:flex-start}.test-chat-widget__message--error{align-self:center}.test-chat-widget__message-avatar{width:28px;height:28px;border-radius:50%;background:#e2e8f0;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.test-chat-widget__bubble{padding:10px 14px;border-radius:16px;font-size:13px;line-height:1.5;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere}.test-chat-widget__bubble a.message-link{color:inherit;text-decoration:underline;word-break:break-all;overflow-wrap:anywhere}.test-chat-widget__message--assistant .test-chat-widget__bubble a.message-link{color:#2563eb}.test-chat-widget__message--user .test-chat-widget__bubble a.message-link{color:#bfdbfe}.test-chat-widget__bubble a.message-link:hover{text-decoration:none;opacity:.8}.test-chat-widget__message--user .test-chat-widget__bubble{background:#3b82f6;color:#fff;border-bottom-right-radius:4px}.test-chat-widget__message--assistant .test-chat-widget__bubble{background:#fff;color:#1e293b;border:1px solid #e2e8f0;border-bottom-left-radius:4px}.test-chat-widget__message--error .test-chat-widget__bubble{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;font-size:12px}.test-chat-widget__typing{display:flex;align-items:center;gap:4px;padding:12px 16px!important}.test-chat-widget__typing span{width:6px;height:6px;background:#94a3b8;border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out}.test-chat-widget__typing span:nth-child(1){animation-delay:0s}.test-chat-widget__typing span:nth-child(2){animation-delay:.2s}.test-chat-widget__typing span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.test-chat-widget__debug{border-top:1px solid #e2e8f0;background:#f8fafc}.test-chat-widget__debug-toggle{width:100%;padding:10px 16px;display:flex;align-items:center;gap:8px;background:none;border:none;font-size:12px;font-weight:500;color:#64748b;cursor:pointer;transition:color .15s ease}.test-chat-widget__debug-toggle:hover{color:#3b82f6}.test-chat-widget__debug-toggle svg{transition:transform .15s ease}.test-chat-widget__debug-content{max-height:150px;overflow-y:auto;margin:0;padding:12px 16px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:11px;line-height:1.6;background:#1e293b;color:#e2e8f0;white-space:pre-wrap;word-break:break-word}.test-chat-widget__input-area{display:flex;align-items:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #e2e8f0;background:#fff}.test-chat-widget__input{flex:1;border:1px solid #e2e8f0;border-radius:12px;padding:10px 14px;font-size:13px;font-family:inherit;line-height:1.4;resize:none;min-height:40px;max-height:100px;background:#f8fafc;transition:all .15s ease}.test-chat-widget__input:focus{outline:none;border-color:#3b82f6;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.test-chat-widget__input::placeholder{color:#94a3b8}.test-chat-widget__send-btn{width:40px;height:40px;border:none;border-radius:10px;background:#3b82f6;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s ease}.test-chat-widget__send-btn:hover:not(:disabled){background:#2563eb;transform:scale(1.02)}.test-chat-widget__send-btn:active:not(:disabled){transform:scale(.98)}.test-chat-widget__send-btn:disabled{background:#cbd5e1;cursor:not-allowed}@media(max-width:480px){.test-chat-widget{bottom:16px;right:16px}.test-chat-widget__panel{width:calc(100vw - 32px);right:0;bottom:68px;max-height:70vh}.test-chat-widget__toggle{width:52px;height:52px}}.test-chat-widget__messages::-webkit-scrollbar,.test-chat-widget__debug-content::-webkit-scrollbar{width:6px}.test-chat-widget__messages::-webkit-scrollbar-track,.test-chat-widget__debug-content::-webkit-scrollbar-track{background:transparent}.test-chat-widget__messages::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.test-chat-widget__debug-content::-webkit-scrollbar-thumb{background:#475569;border-radius:3px}.test-chat-widget__messages::-webkit-scrollbar-thumb:hover,.test-chat-widget__debug-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.chatbot-preview{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;margin-top:24px}.chatbot-preview__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:16px}.chatbot-preview__header-content h3{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 4px}.chatbot-preview__header-content p{font-size:13px;color:#64748b;margin:0}.chatbot-preview__clear-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .15s ease;flex-shrink:0}.chatbot-preview__clear-btn:hover{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.chatbot-preview__container{display:flex;gap:32px;align-items:flex-start}.chatbot-preview__device{flex-shrink:0;width:340px;background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:32px;padding:12px;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #ffffff1a inset}.chatbot-preview__device-notch{width:120px;height:24px;background:#0f0f23;border-radius:0 0 16px 16px;margin:0 auto 8px}.chatbot-preview__widget{background:#fff;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;height:480px;box-shadow:0 4px 6px -1px #0000001a}.chatbot-preview__widget-header{background:linear-gradient(135deg,#b91c1c,#991b1b);color:#fff;padding:16px;display:flex;justify-content:space-between;align-items:center}.chatbot-preview__widget-header-content{display:flex;align-items:center;gap:12px}.chatbot-preview__widget-avatar{width:40px;height:40px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.chatbot-preview__widget-info{display:flex;flex-direction:column;gap:2px}.chatbot-preview__widget-title{font-size:15px;font-weight:600}.chatbot-preview__widget-status{font-size:12px;opacity:.9;display:flex;align-items:center;gap:6px}.chatbot-preview__status-dot{width:8px;height:8px;background:#4ade80;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.chatbot-preview__widget-actions{display:flex;gap:8px}.chatbot-preview__widget-action{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:18px;opacity:.7;cursor:default}.chatbot-preview__messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:#f8fafc}.chatbot-preview__message{display:flex;gap:8px;max-width:85%;animation:messageSlide .2s ease-out}@keyframes messageSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chatbot-preview__message--user{align-self:flex-end;flex-direction:row-reverse}.chatbot-preview__message--assistant{align-self:flex-start}.chatbot-preview__message--error{align-self:center}.chatbot-preview__message-avatar{width:28px;height:28px;background:#fee2e2;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.chatbot-preview__bubble{padding:10px 14px;border-radius:16px;font-size:14px;line-height:1.5;word-wrap:break-word;overflow-wrap:anywhere}.chatbot-preview__bubble a.message-link{color:inherit;text-decoration:underline;word-break:break-all;overflow-wrap:anywhere}.chatbot-preview__message--assistant .chatbot-preview__bubble a.message-link{color:#1d4ed8}.chatbot-preview__message--user .chatbot-preview__bubble a.message-link{color:#bfdbfe}.chatbot-preview__bubble a.message-link:hover{text-decoration:none;opacity:.8}.chatbot-preview__message--assistant .chatbot-preview__bubble{background:#fff;color:#1e293b;border:1px solid #e2e8f0;border-bottom-left-radius:4px}.chatbot-preview__message--user .chatbot-preview__bubble{background:linear-gradient(135deg,#1e40af,#1d4ed8);color:#fff;border-bottom-right-radius:4px}.chatbot-preview__message--error .chatbot-preview__bubble{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;font-size:13px}.chatbot-preview__typing{display:flex;gap:4px;padding:12px 16px}.chatbot-preview__typing span{width:8px;height:8px;background:#94a3b8;border-radius:50%;animation:typing 1.4s infinite ease-in-out}.chatbot-preview__typing span:nth-child(1){animation-delay:0s}.chatbot-preview__typing span:nth-child(2){animation-delay:.2s}.chatbot-preview__typing span:nth-child(3){animation-delay:.4s}.chatbot-preview__input-area{display:flex;gap:8px;padding:12px;background:#fff;border-top:1px solid #e2e8f0}.chatbot-preview__input{flex:1;padding:10px 14px;font-size:14px;border:1px solid #e2e8f0;border-radius:20px;outline:none;transition:border-color .15s ease}.chatbot-preview__input:focus{border-color:#b91c1c}.chatbot-preview__input::placeholder{color:#94a3b8}.chatbot-preview__send-btn{padding:10px 20px;font-size:14px;font-weight:500;color:#fff;background:linear-gradient(135deg,#b91c1c,#991b1b);border:none;border-radius:20px;cursor:pointer;transition:all .15s ease}.chatbot-preview__send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #b91c1c4d}.chatbot-preview__send-btn:disabled{opacity:.5;cursor:not-allowed}.chatbot-preview__samples{flex:1;min-width:0}.chatbot-preview__samples h4{font-size:14px;font-weight:600;color:#1e293b;margin:0 0 12px}.chatbot-preview__sample-list{display:flex;flex-direction:column;gap:8px}.chatbot-preview__sample-btn{padding:12px 16px;font-size:14px;color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;text-align:left;cursor:pointer;transition:all .15s ease}.chatbot-preview__sample-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.chatbot-preview__sample-btn:disabled{opacity:.5;cursor:not-allowed}.chatbot-preview__hint{font-size:13px;color:#64748b;margin:16px 0 0;padding:12px;background:#fffbeb;border:1px solid #fde68a;border-radius:8px}@media(max-width:900px){.chatbot-preview__container{flex-direction:column;align-items:center}.chatbot-preview__samples{width:100%;max-width:340px}}@media(max-width:400px){.chatbot-preview__device{width:100%;max-width:320px}}.prompts-page{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--radius-card: 12px;--shadow-card: 0 1px 2px rgba(15, 23, 42, .08);--control-height: 36px;--button-height: 32px;padding:var(--space-6);max-width:1280px;margin:0 auto;background:transparent;display:flex;flex-direction:column;gap:var(--space-4)}.prompts-page h1{font-size:22px;font-weight:600;line-height:1.2;letter-spacing:-.02em;color:#0f172a;margin:0}.prompts-page h2{font-size:16px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:#1e293b;margin:0}.prompts-page h3{font-size:14px;font-weight:600;line-height:1.4;color:#1e293b;margin:0}.prompts-header{display:flex;justify-content:space-between;align-items:center;padding:0;border-bottom:none;gap:var(--space-3)}.prompts-header__title h1{margin-bottom:0}.prompts-header__title{display:flex;flex-direction:column;gap:var(--space-1)}.prompts-header__subtitle{font-size:13px;line-height:1.5;color:#64748b;margin:0;max-width:600px}.prompts-header__actions{display:flex;gap:var(--space-2);align-items:center;flex-shrink:0}.master-prompt-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:var(--space-4);margin:var(--space-4) 0;display:flex;flex-direction:column;gap:var(--space-3);box-shadow:0 8px 16px -8px #0f172a14}.master-prompt-card__header{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center}.master-prompt-card__header h2{margin:0}.master-prompt-card__header p{margin:4px 0 0;color:#475569}.master-prompt-card__textarea{width:100%;min-height:180px;border:1px solid #e2e8f0;border-radius:10px;padding:14px;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.5;resize:vertical;background:#f8fafc}.master-prompt-card__textarea:focus{outline:2px solid #3b82f6;background:#fff}.master-prompt-actions{display:flex;gap:var(--space-2);align-items:center}.channel-tabs--archive{margin:var(--space-2) 0 0 0}.archive-textarea{margin-top:var(--space-3)}.archive-save-meta{font-size:12px;color:#64748b;margin-top:-4px;margin-bottom:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--button-height);padding:0 14px;border:none;border-radius:8px;font-size:13px;font-weight:500;font-family:Inter,sans-serif;cursor:pointer;transition:all .15s ease;white-space:nowrap;line-height:1.5}.btn--primary{background:#0f172a;color:#fff;box-shadow:0 1px 2px #0000000d}.btn--primary:hover:not(:disabled){background:#1e293b;box-shadow:0 2px 4px #0000001a}.btn--primary:active:not(:disabled){transform:translateY(.5px)}.btn--primary:disabled{opacity:.5;cursor:not-allowed}.btn--secondary{background:#fff;color:#0f172a;border:1px solid #e2e8f0}.btn--secondary:hover:not(:disabled){background:#f8fafc;border-color:#cbd5f5}.btn--ai{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;box-shadow:0 1px 2px #0f172a33,0 2px 8px #0f172a1f;border:1px solid #1f2937}.btn--ai:hover:not(:disabled){background:linear-gradient(135deg,#111827,#1f2937);box-shadow:0 2px 4px #0f172a40,0 4px 12px #0f172a33}.btn--ai:active:not(:disabled){transform:translateY(.5px)}.btn--lg{height:36px;padding:0 18px;font-size:14px}.btn--ghost{background:transparent;color:#475569;border:1px solid transparent}.btn--ghost:hover:not(:disabled){background:#f1f5f9;color:#0f172a}.btn--danger{color:#dc2626}.btn--warning{color:#d97706}.btn--ghost.btn--danger:hover:not(:disabled){background:#fef2f2;color:#dc2626}.btn--ghost.btn--warning:hover:not(:disabled){background:#fffbeb;color:#d97706}.btn--sm{height:32px;padding:0 10px;font-size:12px}.btn__icon{font-size:16px;line-height:1}.btn:focus-visible,.toolbar__tab:focus-visible,.toolbar__sort:focus-visible,.toolbar__search-input:focus-visible,.reveal-field__toggle:focus-visible{outline:2px solid rgba(15,23,42,.25);outline-offset:2px}.toolbar{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(160px,200px);align-items:center;gap:var(--space-3);padding:var(--space-3);background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-card)}.toolbar__search{position:relative;flex:1;min-width:240px;max-width:400px}.toolbar__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.toolbar__search-input{width:100%;height:var(--control-height);padding:0 12px 0 34px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;font-family:Inter,sans-serif;background:#fff;color:#0f172a;transition:all .15s ease}.toolbar__search-input:focus{outline:none;border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a}.toolbar__search-input::placeholder{color:#94a3b8}.toolbar__tabs{display:flex;align-items:center;height:var(--control-height);background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;padding:0;gap:0;overflow:hidden}.toolbar__tab{height:var(--control-height);padding:0 14px;border:none;background:transparent;border-radius:0;font-size:12px;font-weight:500;font-family:Inter,sans-serif;color:#64748b;cursor:pointer;transition:all .15s ease;white-space:nowrap}.toolbar__tab:first-child{border-top-left-radius:999px;border-bottom-left-radius:999px}.toolbar__tab:last-child{border-top-right-radius:999px;border-bottom-right-radius:999px}.toolbar__tab:hover{color:#0f172a;background:#e2e8f0}.toolbar__tab--active{background:#0f172a;color:#fff;box-shadow:0 1px 2px #0f172a33}.toolbar__tab--active:hover{background:#1e293b;color:#fff}.toolbar__sort{height:var(--control-height);padding:0 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:12px;font-family:Inter,sans-serif;background:#fff;color:#0f172a;cursor:pointer;transition:all .15s ease}.toolbar__sort-wrapper{display:flex;justify-content:flex-end}.toolbar__sort:focus{outline:none;border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a}.prompts-content{padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:500;letter-spacing:.01em;line-height:1.4;white-space:nowrap;font-family:Inter,sans-serif}.status-badge__icon{font-size:9px;line-height:1;display:inline-block}.status-badge__label{font-size:11px;font-weight:500}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.01em;line-height:1.4;white-space:nowrap}.status-pill__icon{font-size:9px;line-height:1}.status-pill__label{font-size:11px}.status-pill--system{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.status-pill--active{color:#047857;background:#ecfdf5;border:1px solid #bbf7d0}.status-pill--muted{color:#a16207;background:#fffbeb;border:1px solid #fde68a}.reveal-field{display:inline-flex;align-items:center;gap:6px;padding:2px 6px;border-radius:999px;border:1px dashed #e2e8f0;background:#f8fafc;font-size:11px;color:#64748b}.reveal-field__label{font-weight:600;color:#64748b}.reveal-field__value{font-family:Monaco,Menlo,Consolas,monospace;color:#0f172a}.reveal-field__toggle{border:none;background:transparent;color:#2563eb;font-size:11px;font-weight:600;cursor:pointer;padding:0}.reveal-field__toggle:hover{color:#1d4ed8}.prompts-empty-filter{padding:48px 20px;text-align:center;color:#64748b}.prompts-empty-filter p{margin:0 0 16px;font-size:14px}.empty-state-wizard{padding:48px 24px;text-align:center;max-width:500px;margin:0 auto}.empty-state-wizard__icon{font-size:48px;margin-bottom:16px}.empty-state-wizard h2{font-size:22px;font-weight:600;color:#0f172a;margin:0 0 12px}.empty-state-wizard p{font-size:15px;color:#64748b;line-height:1.6;margin:0 0 28px}.empty-state-wizard__actions{display:flex;flex-direction:column;align-items:center;gap:16px}.empty-state-wizard__actions .btn--ai{min-width:240px}.modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease;overflow:hidden}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:800px;max-height:90vh;height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e2e8f0;flex-shrink:0}.modal-header h2{margin:0}.modal-close{background:none;border:none;font-size:24px;line-height:1;color:#94a3b8;cursor:pointer;padding:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .15s ease}.modal-close:hover{background:#f1f5f9;color:#0f172a}@media(max-width:768px){.prompts-page{padding:var(--space-4)}.prompts-header{flex-direction:column;align-items:stretch;gap:var(--space-2)}.toolbar{grid-template-columns:1fr;align-items:stretch}.toolbar__search{max-width:none;min-width:0}.toolbar__tabs{width:100%;justify-content:space-between}.toolbar__tab{flex:1}.toolbar__sort-wrapper,.toolbar__sort{width:100%}.prompts-content{padding:0}.backup-item{grid-template-columns:1fr;align-items:stretch}.backup-item__actions{width:100%;justify-content:flex-start;flex-wrap:wrap;margin-top:var(--space-2)}.backup-item__meta{align-items:flex-start}}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;gap:16px}.page-subtitle{margin:0;color:#6b7280;font-size:15px}.btn-primary{background:#0f172a;color:#fff;border:none;height:var(--button-height);padding:0 14px;border-radius:8px;font-weight:500;font-size:13px;cursor:pointer;transition:all .15s ease;font-family:Inter,sans-serif}.btn-primary:hover:not(:disabled){background:#1e293b;transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db;height:var(--button-height);padding:0 14px;border-radius:8px;font-weight:500;font-size:13px;cursor:pointer;transition:all .15s ease;font-family:Inter,sans-serif}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.btn-secondary.btn-small{height:var(--button-height);padding:0 10px;font-size:12px}.ai-wizard-card{display:flex;align-items:center;gap:16px;padding:20px 24px;margin:16px 24px;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:2px solid #c4b5fd;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.ai-wizard-card:hover{border-color:#8b5cf6;box-shadow:0 4px 20px #8b5cf633;transform:translateY(-2px)}.ai-wizard-card__badge{position:absolute;top:-10px;right:16px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;font-size:11px;font-weight:600;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.ai-wizard-card__icon{font-size:32px;flex-shrink:0}.ai-wizard-card__content{flex:1}.ai-wizard-card__content h3{font-size:16px;font-weight:600;color:#5b21b6;margin:0 0 6px}.ai-wizard-card__content p{font-size:13px;color:#7c3aed;margin:0;line-height:1.5}.ai-wizard-card__arrow{font-size:20px;color:#8b5cf6;flex-shrink:0;transition:transform .2s ease}.ai-wizard-card:hover .ai-wizard-card__arrow{transform:translate(4px)}.template-divider{display:flex;align-items:center;gap:16px;padding:0 24px;margin:8px 0}.template-divider:before,.template-divider:after{content:"";flex:1;height:1px;background:#e2e8f0}.template-divider span{font-size:12px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;padding:24px;max-height:60vh;overflow-y:auto}.template-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px;cursor:pointer;transition:all .15s ease}.template-card:hover{border-color:#0f172a;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.template-icon{font-size:32px;margin-bottom:12px}.template-card h3{font-size:15px;font-weight:600;margin:0 0 8px;color:#0f172a}.template-card p{font-size:13px;color:#64748b;margin:0 0 12px;line-height:1.5}.template-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#94a3b8}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:14px;color:#1e293b}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-family:Inter,sans-serif;transition:all .15s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a}.modal-subtitle{padding:0 24px 16px;font-size:14px;color:#64748b;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid #e2e8f0;margin-top:auto;flex-shrink:0}.sections-group{margin:24px 0;padding:0 24px}.sections-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.sections-group-header h3{margin:0;font-size:15px;font-weight:600}.sections-group-description{font-size:13px;color:#64748b}.sections-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto;padding-right:8px}.section-editor{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.section-editor-header{display:flex;gap:8px;align-items:center;margin-bottom:12px}.section-editor-header input{flex:1;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px}.section-editor-header select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;background:#fff}.section-editor textarea{width:100%;min-height:120px;padding:12px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;font-family:Monaco,Menlo,monospace;resize:vertical}.section-readonly{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:12px}.section-readonly--base{background:#fffbeb;border-color:#fcd34d}.section-readonly-header{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.section-readonly-content{margin:0;padding:0;font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;color:#475569}.base-badge{background:#fef3c7;color:#92400e;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;margin-left:auto}.empty-sections-message{padding:24px;text-align:center;color:#64748b;font-size:14px;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:8px}.test-modal{max-width:720px}.test-chat{display:flex;flex-direction:column;gap:12px;padding:0 24px 24px}.test-chat__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.test-chat__hint{font-size:12px;color:#94a3b8}.test-chat__messages{display:flex;flex-direction:column;gap:12px;padding:16px;min-height:280px;max-height:380px;overflow-y:auto;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px}.test-chat__empty{color:#94a3b8;font-size:14px;text-align:center;margin:auto}.test-chat__message{display:flex}.test-chat__message--user{justify-content:flex-end}.test-chat__message--assistant,.test-chat__message--error{justify-content:flex-start}.test-chat__bubble{max-width:75%;padding:10px 12px;border-radius:14px;font-size:14px;line-height:1.5;background:#fff;border:1px solid #e2e8f0;color:#1f2937;white-space:pre-wrap}.test-chat__message--user .test-chat__bubble{background:#0f172a;color:#fff;border-color:transparent}.test-chat__message--error .test-chat__bubble{background:#fef2f2;border-color:#fecaca;color:#991b1b}.test-chat__composer{display:flex;gap:12px;align-items:flex-end}.test-chat__composer textarea{flex:1;min-height:44px;max-height:120px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:Inter,sans-serif;resize:vertical}.test-chat__composer textarea:focus{outline:none;border-color:#0f172a;box-shadow:0 0 0 3px #0f172a1a}.test-chat__typing{display:inline-flex;gap:6px;align-items:center}.test-chat__typing span{width:6px;height:6px;background:#94a3b8;border-radius:999px;animation:test-chat-pulse 1.2s ease-in-out infinite}.test-chat__typing span:nth-child(2){animation-delay:.15s}.test-chat__typing span:nth-child(3){animation-delay:.3s}@keyframes test-chat-pulse{0%,to{opacity:.4;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.production-warning{display:flex;align-items:center;gap:10px;padding:12px 24px;background:#fffbeb;color:#92400e;font-size:14px;border-bottom:1px solid #fcd34d;flex-shrink:0}.readonly-sections{flex:1 1 0%;overflow-y:scroll!important;overflow-x:hidden;padding:24px;min-height:0;max-height:100%;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}.readonly-sections::-webkit-scrollbar{width:8px}.readonly-sections::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.readonly-sections::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.readonly-sections::-webkit-scrollbar-thumb:hover{background:#94a3b8}.two-column-modal{max-width:1000px}.two-column-info-banner{display:flex;align-items:center;gap:10px;padding:12px 24px;background:#eff6ff;color:#1e40af;font-size:13px;border-bottom:1px solid #dbeafe}.two-column-sections{padding:24px;max-height:50vh;overflow-y:auto}.two-column-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;overflow:hidden}.section-label-row{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-bottom:1px solid #e2e8f0;gap:12px}.section-label-left{display:flex;align-items:center;gap:10px;flex:1}.scope-icon{font-size:18px}.section-key-input{flex:1;max-width:200px;padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px}.scope-select{padding:6px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;background:#fff}.two-column-content{display:grid;grid-template-columns:1fr 1fr;gap:0}.column{padding:16px}.template-column{background:#f1f5f9;border-right:1px solid #e2e8f0}.edit-column{background:#fff}.column-header{margin-bottom:10px}.column-label{font-size:12px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.template-reference-content{font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.6;color:#475569;white-space:pre-wrap;word-wrap:break-word;max-height:300px;overflow-y:auto;padding:12px;background:#fff;border-radius:6px;border:1px solid #e2e8f0}.edit-column textarea{width:100%;min-height:280px;padding:12px;border:1px solid #e2e8f0;border-radius:6px;font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.6;resize:vertical}.btn-add-section{margin:0 24px 16px;padding:10px 16px;background:#f1f5f9;border:1px dashed #cbd5e1;border-radius:6px;color:#475569;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-add-section:hover{background:#e2e8f0;border-color:#94a3b8}.btn-remove-section{background:none;border:none;font-size:16px;cursor:pointer;padding:4px;border-radius:4px;transition:all .15s ease}.btn-remove-section:hover{background:#fee2e2}.btn-danger-small{height:var(--button-height);padding:0 10px;background:#fee2e2;color:#dc2626;border:1px solid #fecaca;border-radius:8px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-danger-small:hover{background:#fecaca}.btn-warning{background:#fef3c7;color:#92400e;border:1px solid #fcd34d;height:var(--button-height);padding:0 14px;border-radius:8px;font-weight:500;font-size:13px;cursor:pointer;transition:all .15s ease}.btn-warning:hover:not(:disabled){background:#fde68a}.large-modal{max-width:700px;height:90vh;max-height:90vh}.preview-modal{max-width:1100px;height:85vh;max-height:85vh}.preview-modal .v2-preview-content{max-height:68vh}.large-modal form{padding:0 24px;max-height:60vh;overflow-y:auto}.sections-header{display:flex;justify-content:space-between;align-items:center;margin:20px 0 12px}.sections-header h3{margin:0;font-size:16px;color:#374151}.sections-list--readonly{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.section-scope-badge{background:#e0e7ff;color:#4338ca;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:500}.section-key-display{font-weight:600;color:#1f2937}.debug-details{border-top:1px solid #d1fae5}.debug-details summary{padding:12px 16px;background:#ecfdf5;cursor:pointer;font-size:13px;color:#047857;font-weight:500}.composed-prompt{margin:0;padding:16px;background:#f8fafc;font-family:Monaco,Menlo,monospace;font-size:12px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word;max-height:300px;overflow-y:auto;color:#475569}.template-badge{background:#e0e7ff;color:#4338ca;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600}.modal-title-group{display:flex;align-items:center;gap:12px}.bundle-name-input{padding:16px 24px 0}.modal-tabs{display:flex;gap:0;padding:0 24px;border-bottom:1px solid #e2e8f0;background:#f8fafc;flex-shrink:0}.modal-tab{padding:12px 20px;border:none;background:transparent;font-size:14px;font-weight:500;font-family:Inter,sans-serif;color:#64748b;cursor:pointer;position:relative;transition:color .15s ease}.modal-tab:hover,.modal-tab--active{color:#0f172a}.modal-tab--active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#0f172a}.voice-prompt-container{flex:1;display:flex;flex-direction:column;padding:24px;overflow:hidden;min-height:0}.voice-prompt-header{margin-bottom:16px;flex-shrink:0}.voice-prompt-header h3{margin:0 0 8px;font-size:16px;font-weight:600;color:#0f172a}.voice-prompt-description{margin:0;font-size:14px;color:#64748b;line-height:1.5}.voice-prompt-content{flex:1;overflow-y:auto;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;min-height:0}.voice-prompt-text{margin:0;padding:16px;font-family:Monaco,Menlo,monospace;font-size:13px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;color:#475569}.voice-prompt-actions{display:flex;gap:12px;flex-shrink:0}.voice-prompt-loading{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.voice-prompt-error{padding:24px;text-align:center;color:#dc2626;background:#fef2f2;border-radius:8px}.btn--success{background:#10b981!important}.btn--success:hover{background:#059669!important}.v2-config-section{margin-bottom:0}.v2-config-header-row{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.v2-section-title{font-size:15px;font-weight:600;color:#1e293b;margin:0}.v2-section-subtitle{font-size:12px;color:#64748b;margin:0}.v2-config-grid{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:var(--space-4)}@media(max-width:768px){.v2-config-grid{grid-template-columns:1fr}}.v2-config-card{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-card);padding:var(--space-4);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--space-3);border-left:3px solid #e2e8f0;transition:all .2s ease}.v2-config-card--base{border-left-color:#3b82f6}.v2-config-card--active{border-left-color:#10b981}.v2-config-card--loading{display:flex;align-items:center;justify-content:center;color:#64748b;min-height:80px;grid-column:1 / -1}.v2-config-sections-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0}.v2-section-chip{display:inline-block;padding:4px 8px;font-size:11px;font-weight:500;color:#334155;background:#f8fafc;border-radius:999px;border:1px solid #e2e8f0}.v2-section-chip--more{color:#64748b;border-color:#0000001a}.v2-base-hint{font-size:13px;color:#64748b;margin:0 0 16px;padding:12px 16px;background:#f1f5f9;border-radius:8px}.v2-base-sections{max-height:60vh;overflow-y:auto}.v2-base-section{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:8px;background:#fff}.v2-base-section-header{padding:12px 16px;cursor:pointer;display:flex;align-items:center;gap:12px;font-size:14px}.v2-base-section-header:hover{background:#f8fafc}.v2-base-section-key{font-weight:600;color:#1d4ed8;min-width:140px}.v2-base-section-preview{color:#64748b;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v2-base-section-content{padding:16px;margin:0;background:#f8fafc;border-top:1px solid #e2e8f0;font-family:Monaco,Menlo,Consolas,monospace;font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-word;max-height:300px;overflow-y:auto}.v2-config-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.v2-config-title{display:flex;align-items:center;gap:var(--space-2)}.v2-config-icon{font-size:18px;flex-shrink:0}.v2-config-title h3{font-size:14px;font-weight:600;color:#1e293b;margin:0}.v2-config-subtitle{font-size:12px;color:#64748b;margin:2px 0 0}.v2-config-meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:12px;color:#64748b;margin:0}.v2-config-actions{display:flex;gap:var(--space-2);margin-top:auto;flex-wrap:wrap}.v2-config-editor{flex:1;display:flex;flex-direction:column;gap:12px;overflow:hidden;padding:12px 20px;min-height:0}.v2-config-editor-hint{font-size:13px;color:#64748b;margin:0}.v2-config-textarea{width:100%;flex:1 1 auto;min-height:0;height:100%;padding:14px 16px;font-family:SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.35;tab-size:2;border:1px solid #e2e8f0;border-radius:8px;resize:none;background:#f8fafc;box-sizing:border-box;overflow:auto}.v2-config-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a}.v2-validation-result{margin-top:0;padding:12px 16px;border-radius:8px;display:flex;flex-direction:column;gap:4px}.v2-config-modal{height:88vh;max-height:88vh;max-width:920px}.v2-config-modal .modal-header{padding:16px 20px 12px}.v2-config-modal .modal-actions{padding:12px 20px 16px;position:sticky;bottom:0;background:#fff}.v2-validation-result--success{background:#f0fdf4;border:1px solid #86efac;color:#166534}.v2-validation-result--error{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b}.v2-validation-result strong{font-weight:600}.v2-validation-result ul{margin:8px 0 0;padding-left:20px;font-size:13px}.v2-validation-counts{display:flex;gap:16px;font-size:12px;margin-top:8px;color:#15803d}.v2-preview-tabs{display:flex;gap:4px;padding:0 0 16px;border-bottom:1px solid #e2e8f0;margin-bottom:16px}.v2-preview-tab{padding:8px 16px;font-size:13px;font-weight:500;color:#64748b;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease}.v2-preview-tab:hover{background:#f1f5f9;color:#1e293b}.v2-preview-tab--active{background:#8b5cf6;color:#fff}.v2-preview-tab--active:hover{background:#7c3aed;color:#fff}.v2-preview-content{max-height:60vh;overflow-y:auto;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.v2-preview-text{font-family:Monaco,Menlo,Consolas,monospace;font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-word;color:#334155;margin:0}.live-prompt-section{margin-bottom:var(--space-4)}.live-prompt-card{background:#fff;border:2px solid #10b981;border-radius:var(--radius-card);padding:var(--space-4);box-shadow:0 4px 6px -1px #10b9811a,0 2px 4px -1px #10b9810f}.live-prompt-card--loading{border-color:#e2e8f0;color:#64748b;padding:var(--space-6);text-align:center}.live-prompt-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4)}.live-prompt-card__title{display:flex;align-items:flex-start;gap:var(--space-3)}.live-prompt-card__icon{font-size:24px;color:#10b981;font-weight:700}.live-prompt-card__title h2{font-size:18px;font-weight:600;color:#0f172a;margin:0 0 4px}.live-prompt-card__pipeline{font-size:13px;color:#64748b;margin:0}.live-prompt-card__actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.live-prompt-card__warning{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;margin-top:var(--space-4);font-size:13px;color:#92400e}.status-pill--live{color:#047857;background:#d1fae5;border:1px solid #6ee7b7;font-weight:600}.status-pill--backup{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.prompts-section{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-card);margin-bottom:var(--space-4);overflow:hidden}.prompts-section__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);cursor:pointer;background:#f8fafc;-webkit-user-select:none;user-select:none;transition:background-color .15s ease}.prompts-section__header:hover{background:#f1f5f9}.prompts-section__header-left{display:flex;align-items:center;gap:var(--space-3)}.prompts-section__chevron{color:#64748b;font-size:10px;transition:transform .2s ease;width:16px;text-align:center}.prompts-section__title{font-weight:600;font-size:14px;color:#1e293b}.prompts-section__helper{font-size:12px;color:#94a3b8}.prompts-section__count{background:#e2e8f0;color:#475569;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.prompts-section__content{padding:var(--space-4);border-top:1px solid #e2e8f0}.prompts-section--collapsed .prompts-section__content{display:none}.components-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media(max-width:768px){.components-grid{grid-template-columns:1fr}}.component-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.component-card--base{border-left:3px solid #3b82f6}.component-card--active{border-left:3px solid #10b981}.component-card__header{display:flex;justify-content:space-between;align-items:flex-start}.component-card__title{display:flex;align-items:flex-start;gap:var(--space-2)}.component-card__icon{font-size:18px}.component-card__title h3{font-size:14px;font-weight:600;margin:0;color:#1e293b}.component-card__title p{font-size:12px;color:#64748b;margin:4px 0 0}.component-card__chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.component-card__meta{font-size:12px;color:#64748b;display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.component-card__actions{display:flex;gap:var(--space-2);margin-top:auto;flex-wrap:wrap}.backups-empty{text-align:center;padding:var(--space-6);color:#64748b}.backups-empty__hint{font-size:13px;color:#94a3b8;margin-top:var(--space-2)}.backups-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid #e2e8f0}.backups-list{display:flex;flex-direction:column;gap:var(--space-2)}.backup-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:all .15s ease}.backup-item:hover{border-color:#cbd5e1;box-shadow:0 1px 3px #0000000d}.backup-item__main{flex:1;min-width:0}.backup-item__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.backup-item__title-group{display:inline-flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.backup-item__title{font-size:14px;font-weight:600;color:#0f172a;margin:0}.backup-item__meta{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.backup-item__meta-item{font-size:12px;color:#64748b}.backup-item__actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.backup-info-banner{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:var(--space-4);font-size:13px;color:#475569}.channel-prompts-section{margin-bottom:var(--space-4)}.channel-prompts-loading{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-card);padding:var(--space-6);text-align:center;color:#64748b}.channel-prompts-banner{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#f0fdf4;border:1px solid #bbf7d0;border-radius:var(--radius-card);margin-bottom:var(--space-3);font-size:13px;color:#166534}.channel-prompts-banner__icon{font-size:16px;flex-shrink:0}.channel-tabs{display:flex;gap:var(--space-2);padding:0;margin-bottom:var(--space-3);background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-card);padding:var(--space-2)}.channel-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:1px solid transparent;border-radius:8px;font-size:14px;font-weight:500;font-family:Inter,sans-serif;color:#64748b;cursor:pointer;transition:all .15s ease;flex:1;justify-content:center}.channel-tab:hover{background:#fff;color:#1e293b}.channel-tab--active{background:#fff;color:#0f172a;border-color:#e2e8f0;box-shadow:0 1px 2px #0000000d}.channel-tab--has-content .channel-tab__indicator{color:#10b981}.channel-tab__icon{font-size:16px}.channel-tab__label{font-weight:500}.channel-tab__indicator{font-size:8px;color:#94a3b8}.channel-editor{background:#fff;border:1px solid #e2e8f0;border-radius:var(--radius-card);overflow:hidden}.channel-editor__header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:#f8fafc;border-bottom:1px solid #e2e8f0}.channel-editor__title{display:flex;align-items:center;gap:var(--space-3)}.channel-editor__icon{font-size:24px}.channel-editor__title h3{font-size:16px;font-weight:600;margin:0;color:#0f172a}.channel-editor__description{font-size:13px;color:#64748b;margin:4px 0 0}.channel-editor__status{flex-shrink:0}.channel-editor__textarea{width:100%;min-height:400px;padding:var(--space-4);font-family:SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:13px;line-height:1.6;border:none;border-bottom:1px solid #e2e8f0;resize:vertical;background:#fff;box-sizing:border-box}.channel-editor__textarea:focus{outline:none;background:#fefefe}.channel-editor__textarea::placeholder{color:#94a3b8}.channel-editor__footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:#f8fafc}.channel-editor__meta{display:flex;align-items:center;gap:var(--space-3);font-size:12px;color:#64748b}.channel-editor__unsaved{color:#d97706;font-weight:500}.channel-editor__char-count{color:#94a3b8}.channel-editor__actions{display:flex;align-items:center;gap:var(--space-2)}@media(max-width:768px){.channel-tabs{flex-direction:column}.channel-tab{justify-content:flex-start}.channel-editor__footer{flex-direction:column;gap:var(--space-3);align-items:stretch}.channel-editor__actions{justify-content:flex-end}}.chat-modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;justify-content:flex-end;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chat-modal-drawer{width:420px;max-width:90vw;height:100vh;background:#fff;display:flex;flex-direction:column;animation:slideIn .3s ease-out;box-shadow:-4px 0 20px #00000026}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.chat-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.chat-modal-contact{display:flex;align-items:center;gap:12px}.chat-modal-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.chat-modal-info h3{margin:0;font-size:16px;font-weight:600;color:#111827}.chat-modal-email{font-size:13px;color:#6b7280}.chat-modal-close{width:32px;height:32px;border:none;background:transparent;font-size:24px;color:#9ca3af;cursor:pointer;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s}.chat-modal-close:hover{background:#e5e7eb;color:#374151}.chat-modal-body{flex:1;overflow-y:auto;padding:20px;background:#f3f4f6}.chat-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:#6b7280}.chat-modal-loading .spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#4ade80;border-radius:50%;animation:spin .8s linear infinite}.chat-modal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#6b7280}.chat-modal-empty .empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.chat-modal-empty p{margin:0;font-size:16px;font-weight:500}.chat-modal-empty .empty-sub{font-size:13px;margin-top:4px;color:#9ca3af}.chat-messages{display:flex;flex-direction:column;gap:12px}.chat-message{display:flex}.chat-message.user{justify-content:flex-end}.chat-message.assistant{justify-content:flex-start}.message-bubble{max-width:85%;padding:10px 14px;border-radius:16px;position:relative}.chat-message.user .message-bubble{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff;border-bottom-right-radius:4px}.chat-message.assistant .message-bubble{background:#fff;color:#374151;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000000d}.message-content{font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.message-time{font-size:11px;margin-top:4px;opacity:.7}.chat-message.user .message-time{text-align:right}.chat-modal-footer{display:flex;justify-content:space-between;padding:12px 20px;border-top:1px solid #e5e7eb;background:#fff;font-size:12px;color:#9ca3af}@media(max-width:480px){.chat-modal-drawer{width:100vw}}.edit-contact-modal{max-width:560px;max-height:90vh;display:flex;flex-direction:column}.edit-contact-modal .modal-body{flex:1;overflow-y:auto;padding:20px}.edit-contact-modal .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb;background:#f9fafb}.form-section{margin-bottom:24px}.form-section h3{margin:0 0 16px;font-size:16px;color:#111827;font-weight:600}.section-description{color:#6b7280;font-size:14px;margin:-8px 0 16px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-group input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#111827;transition:border-color .2s,box-shadow .2s}.form-group input:focus{outline:none;border-color:var(--color-primary, #4ade80);box-shadow:0 0 0 3px #4ade801a}.form-group input::placeholder{color:#9ca3af}.aliases-section{background:#f9fafb;border-radius:12px;padding:16px;margin:0 -4px}.loading-aliases{text-align:center;color:#6b7280;padding:20px}.alias-group{margin-bottom:16px}.alias-group h4{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.alias-list{display:flex;flex-direction:column;gap:6px}.btn-set-primary{padding:4px 10px;background:transparent;border:1px solid #d1d5db;border-radius:4px;color:#374151;font-size:12px;cursor:pointer;transition:all .2s}.btn-remove-alias{width:24px;height:24px;padding:0;background:transparent;border:1px solid #e5e7eb;border-radius:4px;color:#9ca3af;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.add-alias-form{display:flex;gap:8px;margin-top:12px}.add-alias-form input{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;color:#111827}.btn-add-alias{padding:8px 16px;background:var(--color-primary, #4ade80);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:background .2s}.btn-cancel{padding:10px 20px;background:transparent;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;cursor:pointer;transition:all .2s}.btn-cancel:hover:not(:disabled){background:#f3f4f6}.btn-save{padding:10px 24px;background:var(--color-primary, #4ade80);border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-save:hover:not(:disabled){background:#22c55e}.btn-save:disabled{background:#d1d5db;cursor:not-allowed}.merge-modal{max-width:640px;max-height:90vh;display:flex;flex-direction:column}.merge-modal .modal-body{flex:1;overflow-y:auto;padding:20px}.merge-modal .modal-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid #e5e7eb;background:#f9fafb}.footer-right{display:flex;gap:12px}.merge-progress{display:flex;align-items:center;justify-content:center;margin-bottom:24px;padding:0 20px}.progress-step{display:flex;flex-direction:column;align-items:center;gap:4px}.progress-step .step-number{width:32px;height:32px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all .2s}.progress-step.active .step-number{background:var(--color-primary, #4ade80);color:#fff}.progress-step.completed .step-number{background:#22c55e;color:#fff}.progress-step .step-label{font-size:12px;color:#6b7280;white-space:nowrap}.progress-step.active .step-label{color:#111827;font-weight:500}.progress-line{flex:1;height:2px;background:#e5e7eb;margin:0 8px 20px}.merge-step h3{margin:0 0 8px;font-size:18px;color:#111827}.step-description{color:#6b7280;font-size:14px;margin:0 0 20px}.contact-selection{display:flex;flex-direction:column;gap:12px}.contact-option{cursor:pointer}.contact-option input{display:none}.contact-option .contact-card{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid #e5e7eb;border-radius:12px;transition:all .2s;position:relative}.contact-option:hover .contact-card{border-color:#d1d5db;background:#f9fafb}.contact-option.selected .contact-card{border-color:var(--color-primary, #4ade80);background:#f0fdf4}.contact-card .contact-avatar{width:48px;height:48px;background:linear-gradient(135deg,var(--color-primary, #4ade80) 0%,#22c55e 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:600;flex-shrink:0}.contact-card .contact-details{display:flex;flex-direction:column;gap:2px;flex:1}.contact-card .contact-details strong{font-size:16px;color:#111827}.contact-card .contact-details span{font-size:13px;color:#6b7280}.contact-card .created-date{font-size:12px;color:#9ca3af}.primary-badge{position:absolute;top:12px;right:12px;background:var(--color-primary, #4ade80);color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.no-conflicts{text-align:center;padding:40px 20px;background:#f0fdf4;border-radius:12px}.no-conflicts span{font-size:48px;display:block;margin-bottom:12px}.no-conflicts p{color:#166534;font-size:16px;margin:0}.conflicts-list{display:flex;flex-direction:column;gap:20px}.conflict-item{background:#f9fafb;border-radius:12px;padding:16px}.conflict-field{margin:0 0 12px;font-size:14px;color:#374151;text-transform:capitalize}.conflict-options{display:flex;flex-direction:column;gap:8px}.conflict-option{cursor:pointer}.conflict-option input{display:none}.conflict-option .option-content{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;transition:all .2s}.conflict-option:hover .option-content{border-color:#d1d5db}.conflict-option.selected .option-content{border-color:var(--color-primary, #4ade80);background:#fff}.option-value{font-weight:500;color:#111827}.option-source{font-size:12px;color:#6b7280}.conflict-note{margin:8px 0 0;font-size:12px;color:#6b7280}.merge-summary{background:#f9fafb;border-radius:12px;padding:20px;margin-bottom:20px}.summary-section h4{margin:0 0 12px;font-size:14px;color:#374151}.summary-contact{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:8px;margin-bottom:8px}.summary-contact.primary{border:2px solid var(--color-primary, #4ade80)}.summary-contact.secondary{border:1px solid #e5e7eb}.summary-contact .contact-avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary, #4ade80) 0%,#22c55e 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600}.summary-contact .contact-avatar.secondary{background:#9ca3af}.summary-contact .contact-info{display:flex;flex-direction:column;gap:2px}.summary-contact .contact-info strong{font-size:14px}.summary-contact .contact-info span{font-size:12px;color:#6b7280}.merge-arrow{text-align:center;padding:12px 0;color:#6b7280;font-size:14px}.merge-effects{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:16px}.merge-effects h4{margin:0 0 12px;font-size:14px;color:#92400e}.merge-effects ul{margin:0;padding-left:0;list-style:none}.merge-effects li{font-size:14px;color:#78350f;padding:4px 0}.btn-back{padding:10px 20px;background:transparent;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:14px;cursor:pointer;transition:all .2s}.btn-back:hover:not(:disabled){background:#f3f4f6}.btn-next{padding:10px 24px;background:var(--color-primary, #4ade80);border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-next:hover:not(:disabled){background:#22c55e}.btn-next:disabled{background:#d1d5db;cursor:not-allowed}.btn-merge{padding:10px 24px;background:#2563eb;border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-merge:hover:not(:disabled){background:#1d4ed8}.btn-merge:disabled{background:#93c5fd;cursor:not-allowed}.loading-state{display:flex;flex-direction:column;align-items:center;padding:40px;gap:12px}.loading-state .spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:var(--color-primary, #4ade80);border-radius:50%;animation:spin .8s linear infinite}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.contacts-page{max-width:1040px;margin:0 auto;width:100%}.contacts-page h1{margin:0;color:var(--color-text-primary);font-size:18px;font-weight:600;letter-spacing:-.01em}.contacts-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:12px;flex-wrap:wrap}.header-actions{display:flex;gap:12px;align-items:center}.search-box{position:relative;display:flex;align-items:center}.search-box .search-icon{position:absolute;left:10px;color:#9ca3af;pointer-events:none}.search-box input{padding:6px 10px 6px 30px;border:1px solid var(--color-border);border-radius:6px;width:200px;font-size:13px;transition:all var(--transition-fast);background:var(--color-bg-white)}.search-box input:focus{outline:none;border-color:#6b7280;box-shadow:0 0 0 2px #6b72801a}.search-box input::placeholder{color:#9ca3af}.merge-selection-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;margin-bottom:12px}.merge-count{font-weight:500;font-size:12px;color:#0369a1}.merge-actions{display:flex;gap:8px}.btn-cancel-merge{padding:5px 10px;background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:12px;color:#374151;cursor:pointer;transition:all .15s}.btn-cancel-merge:hover{background:#f9fafb}.btn-merge{padding:5px 10px;background:#0284c7;border:none;border-radius:4px;font-size:12px;font-weight:500;color:#fff;cursor:pointer;transition:all .15s}.btn-merge:hover:not(:disabled){background:#0369a1}.btn-merge:disabled{background:#7dd3fc;cursor:not-allowed}.contacts-table-container{background:var(--color-bg-card);border-radius:6px;box-shadow:0 1px 2px #0000000d;border:1px solid var(--color-border);overflow:auto;max-height:calc(100vh - 180px)}.contacts-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.contacts-table th,.contacts-table td{padding:8px 10px;text-align:left;border-bottom:1px solid #f1f5f9;line-height:1.25;vertical-align:middle}.contacts-table th{background:#fafafa;font-weight:500;color:#64748b;font-size:11px;text-transform:uppercase;letter-spacing:.4px;position:sticky;top:0;z-index:2;border-bottom:1px solid var(--color-border)}.contacts-table td{color:#374151;font-size:13px}.contacts-table tr:last-child td{border-bottom:none}.contacts-table tbody tr{transition:background .1s}.contacts-table tbody tr:hover td{background:#f8fafc}.contacts-table tbody tr.selected-for-merge td{background:#eff6ff}.th-checkbox,.td-checkbox{width:40px;text-align:center!important;padding-left:12px!important;padding-right:4px!important}.merge-hint{font-size:9px;color:#94a3b8;text-transform:uppercase;letter-spacing:.3px}.td-checkbox input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:#0284c7}.contact-name{display:flex;align-items:center;gap:8px;min-width:0}.contact-name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:#111827}.avatar{width:26px;height:26px;background:#e5e7eb;color:#4b5563;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:11px;flex-shrink:0}.contact-text{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-phone{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12px;color:#6b7280}.contact-email{font-size:12px;color:#6b7280}.contact-date{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:12px;color:#9ca3af}.col-name{width:28%}.col-phone{width:140px}.col-email{width:220px}.col-added{width:100px}.col-actions{width:100px;text-align:center}.action-buttons{display:inline-flex;align-items:center;gap:2px}.btn-action{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:4px;color:#6b7280;cursor:pointer;transition:all .15s ease}.btn-action:hover{background:#f3f4f6;border-color:#e5e7eb;color:#374151}.btn-action.btn-delete:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.btn-action:focus-visible{outline:2px solid #6b7280;outline-offset:1px}.btn-action svg{flex-shrink:0}.action-menu{display:none;position:relative}.action-menu summary{list-style:none}.action-menu summary::-webkit-details-marker{display:none}.action-menu[open] .action-menu-list{display:block}.action-menu-trigger{width:28px;height:28px;border-radius:4px;border:1px solid transparent;background:transparent;color:#6b7280;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer}.action-menu-trigger:hover{background:#f3f4f6;border-color:#e5e7eb}.action-menu-list{display:none;position:absolute;right:0;top:calc(100% + 4px);min-width:130px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:6px;box-shadow:0 4px 12px #0000001a;padding:4px 0;z-index:5}.action-menu-list button{width:100%;padding:8px 12px;background:transparent;border:none;text-align:left;font-size:13px;color:#374151;display:flex;align-items:center;gap:8px;cursor:pointer}.action-menu-list button:hover{background:#f3f4f6}.action-menu-list .destructive{color:#dc2626}.action-menu-list .destructive:hover{background:#fef2f2}.contacts-page .empty-state{padding:40px 16px}.delete-modal{max-width:400px}.delete-modal .modal-header{padding:16px 20px;border-bottom:1px solid #e5e7eb}.delete-modal .modal-header h2{font-size:16px;font-weight:600}.delete-modal .modal-body{padding:16px 20px}.delete-modal .modal-body p{margin:0 0 12px;color:#374151;font-size:14px}.delete-contact-info{background:#f9fafb;border-radius:6px;padding:10px 14px;margin-bottom:12px}.delete-contact-info strong{display:block;color:#111827;margin-bottom:2px;font-size:14px}.delete-contact-info span{color:#6b7280;font-size:12px}.warning-text{color:#b91c1c!important;font-size:12px;background:#fef2f2;padding:8px 10px;border-radius:4px;border:1px solid #fecaca;margin:0}.delete-modal .modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid #e5e7eb;background:#fafafa}.btn-cancel{padding:8px 14px;background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:13px;color:#374151;cursor:pointer;transition:all .15s}.btn-cancel:hover:not(:disabled){background:#f9fafb}.btn-delete-confirm{padding:8px 14px;background:#dc2626;border:none;border-radius:4px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.btn-delete-confirm:hover:not(:disabled){background:#b91c1c}.btn-delete-confirm:disabled{background:#fca5a5;cursor:not-allowed}@media(max-width:768px){.contacts-page .page-header{flex-direction:column;align-items:stretch}.search-box input{width:100%}.contacts-table th.col-added,.contacts-table td.col-added{display:none}.merge-selection-bar{flex-direction:column;gap:8px;text-align:center}}@media(max-width:720px){.contacts-table th.col-email,.contacts-table td.col-email,.action-buttons{display:none}.action-menu{display:inline-flex}}.contact-detail-page{padding:24px}.contact-detail-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.contact-detail-page .header-actions{display:flex;gap:12px}.contact-detail-page .back-btn{background:none;border:none;color:var(--primary-color, #4a9b5e);cursor:pointer;font-size:14px;padding:0;margin-bottom:8px}.contact-detail-page .back-btn:hover{text-decoration:underline}.contact-detail-page .btn-edit{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--color-primary, #4ade80);border:none;border-radius:6px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s}.contact-detail-page .btn-edit:hover{background:#22c55e}.error-banner{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:14px}.contact-detail-grid{display:grid;grid-template-columns:300px 1fr;gap:24px}@media(max-width:1024px){.contact-detail-grid{grid-template-columns:1fr}}.contact-info-card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a;text-align:center}.contact-avatar-large{width:80px;height:80px;border-radius:50%;background:var(--primary-color, #4a9b5e);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;margin:0 auto 16px}.contact-info-card h2{margin:0 0 16px;font-size:20px}.contact-details{text-align:left}.detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}.detail-row:last-child{border-bottom:none}.detail-row .label{color:#666;font-size:14px}.detail-row .value{font-weight:500;font-size:14px}.conversation-card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a}.conversation-card h3{margin:0 0 16px;font-size:18px}.messages-list{max-height:500px;overflow-y:auto}.message{padding:12px;border-radius:8px;margin-bottom:12px}.message.user{background:#f0f7f1;margin-left:20px}.message.assistant{background:#f5f5f5;margin-right:20px}.message-role{font-size:12px;font-weight:600;margin-bottom:4px;color:#666}.message-content{font-size:14px;line-height:1.5}.message-time{font-size:11px;color:#999;margin-top:8px}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;margin-bottom:16px}.status-badge.unknown{background:#fef3c7;color:#92400e}.action-buttons{margin-top:20px;display:flex;flex-direction:column;gap:8px}.btn-verify-large{background:var(--primary-color, #4a9b5e);color:#fff;border:none;padding:12px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.btn-verify-large:hover{opacity:.9}.btn-dismiss{background:#f3f4f6;color:#6b7280;border:none;padding:12px 16px;border-radius:6px;cursor:pointer;font-size:14px}.btn-dismiss:hover{background:#e5e7eb}.aliases-card,.merge-history-card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a;grid-column:span 2}@media(max-width:1024px){.aliases-card,.merge-history-card{grid-column:span 1}}.aliases-card h3,.merge-history-card h3{margin:0 0 8px;font-size:18px;color:#111827}.card-description{margin:0 0 20px;color:#6b7280;font-size:14px}.aliases-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.alias-group{background:#f9fafb;border-radius:8px;padding:16px}.alias-group h4{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.alias-list{display:flex;flex-direction:column;gap:8px}.alias-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.alias-item.primary{border-color:var(--color-primary, #4ade80);background:#f0fdf4}.alias-value{font-size:14px;color:#111827}.alias-item .primary-badge{background:var(--color-primary, #4ade80);color:#fff;padding:3px 8px;border-radius:10px;font-size:11px;font-weight:500}.alias-actions{display:flex;gap:8px;align-items:center}.btn-set-primary{padding:4px 10px;background:transparent;border:1px solid #d1d5db;border-radius:4px;color:#374151;font-size:12px;cursor:pointer;transition:all .15s}.btn-set-primary:hover{background:#f3f4f6;border-color:#9ca3af}.btn-remove-alias{width:24px;height:24px;padding:0;background:transparent;border:1px solid #e5e7eb;border-radius:4px;color:#9ca3af;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.btn-remove-alias:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.no-aliases{color:#9ca3af;font-size:14px;font-style:italic;margin:0}.add-alias-section{grid-column:span 3;background:#f0fdf4;border-radius:8px;padding:16px;border:1px dashed #4ade80}@media(max-width:768px){.add-alias-section{grid-column:span 1}}.add-alias-section h4{font-size:14px;font-weight:600;color:#166534;margin:0 0 12px}.add-alias-form{display:flex;gap:8px;flex-wrap:wrap}.add-alias-form select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;color:#374151;background:#fff;cursor:pointer}.add-alias-form select:focus{outline:none;border-color:var(--color-primary, #4ade80)}.add-alias-form input{flex:1;min-width:200px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;color:#111827}.add-alias-form input:focus{outline:none;border-color:var(--color-primary, #4ade80)}.btn-add-alias{padding:8px 16px;background:var(--color-primary, #4ade80);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s}.btn-add-alias:hover:not(:disabled){background:#22c55e}.btn-add-alias:disabled{background:#d1d5db;cursor:not-allowed}.merge-history-list{display:flex;flex-direction:column;gap:12px}.merge-entry{background:#f9fafb;border-radius:8px;padding:16px;border:1px solid #e5e7eb}.merge-entry-header{display:flex;gap:12px;margin-bottom:8px}.merge-date{font-weight:500;color:#111827;font-size:14px}.merge-by{color:#6b7280;font-size:13px}.merge-contact-data{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:#374151}.merge-contact-data span{display:flex;gap:4px}.merge-contact-data strong{color:#6b7280;font-weight:500}.calls-card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a;grid-column:span 2}@media(max-width:1024px){.calls-card{grid-column:span 1}}.calls-card h3{margin:0 0 16px;font-size:18px;color:#111827}.calls-list{display:flex;flex-direction:column;gap:12px;max-height:400px;overflow-y:auto}.call-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:14px 16px;cursor:pointer;transition:all .15s}.call-item:hover{background:#f0fdf4;border-color:var(--color-primary, #4ade80)}.call-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.call-date{font-weight:500;font-size:14px;color:#111827}.call-time{font-size:13px;color:#6b7280}.call-item-body{display:flex;gap:12px;align-items:center}.call-duration{font-size:13px;color:#374151;font-weight:500}.call-intent{display:inline-block;padding:2px 8px;background:#e0e7ff;color:#4338ca;border-radius:10px;font-size:11px;font-weight:500}.call-summary-preview{margin-top:8px;font-size:13px;color:#6b7280;line-height:1.4}.call-detail-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.call-detail-modal{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-width:500px;width:100%;max-height:80vh;overflow:hidden}.call-detail-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb}.call-detail-modal-header h3{margin:0;font-size:18px;color:#111827}.call-detail-modal .btn-close{width:32px;height:32px;background:transparent;border:none;font-size:24px;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center}.call-detail-modal .btn-close:hover{color:#374151}.call-detail-modal-body{padding:20px;overflow-y:auto}.call-detail-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f3f4f6}.call-detail-row:last-child{border-bottom:none}.call-detail-row .label{color:#6b7280;font-size:14px}.call-detail-row .value{font-weight:500;color:#111827;font-size:14px;text-transform:capitalize}.call-detail-summary{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.call-detail-summary .label{display:block;color:#6b7280;font-size:13px;margin-bottom:8px}.call-detail-summary p{margin:0;font-size:14px;color:#374151;line-height:1.6}.call-detail-recording{margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.btn-listen{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color-primary, #4ade80);color:#fff;border-radius:6px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s}.btn-listen:hover{background:#22c55e}.emails-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000001a}.emails-card h3{margin:0 0 16px;font-size:16px;color:#111827}.emails-list{display:flex;flex-direction:column;gap:12px}.email-item{padding:12px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb;transition:all .15s}.email-item:hover{border-color:#d1d5db;background:#f3f4f6}.email-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.email-subject{font-weight:500;color:#111827;font-size:14px;line-height:1.3;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-status{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;flex-shrink:0}.email-status.status-active{background:#4ade8026;color:#16a34a}.email-status.status-escalated{background:#fbbf2426;color:#d97706}.email-status.status-resolved{background:#94a3b826;color:#64748b}.email-status.status-spam{background:#ef444426;color:#dc2626}.email-item-body{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px}.email-from{font-size:13px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.email-count{font-size:12px;color:#9ca3af;flex-shrink:0}.email-item-footer{font-size:12px;color:#9ca3af}.email-date{font-size:12px}.calls-page{max-width:1040px;margin:0 auto;width:100%;padding-top:var(--spacing-sm)}.calls-page h1{margin:0;color:var(--color-text-primary)}.calls-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);gap:var(--spacing-sm);flex-wrap:wrap}.calls-kpi{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--color-border);border-radius:9999px;background:var(--color-bg-card);font-size:13px;color:var(--color-text-muted)}.kpi-value{font-weight:600;color:var(--color-text-primary)}.kpi-label{text-transform:lowercase}.calls-filters{display:flex;gap:var(--spacing-sm);align-items:flex-end;margin-bottom:var(--spacing-md);flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:4px;flex:1;min-width:180px}.filter-group label{font-size:12px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.filter-group select{height:36px;padding:0 32px 0 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;background:var(--color-bg-card);color:var(--color-text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.filter-group select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #4ade8026}.btn-clear-filters{height:36px;padding:0 14px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:13px;color:var(--color-text-muted);cursor:pointer;transition:all .15s}.btn-clear-filters:hover{background:var(--color-bg-light);color:var(--color-text-primary)}.calls-table-container{background:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow:hidden;margin-bottom:var(--spacing-md)}.calls-table{width:100%;border-collapse:separate;border-spacing:0}.calls-table th,.calls-table td{padding:10px 16px;text-align:left;border-bottom:1px solid var(--color-border)}.calls-table th{background:var(--color-bg-card);font-weight:500;color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px}.calls-table td{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.calls-table tr:last-child td{border-bottom:none}.calls-table tbody tr.clickable-row{cursor:pointer;transition:background .15s}.calls-table tbody tr.clickable-row:hover td{background:var(--color-bg-light)}.date-cell{white-space:nowrap}.date-main{display:block;font-weight:600;color:var(--color-text-primary)}.time-sub{display:block;font-size:11px;color:var(--color-text-light);margin-top:1px}.caller-cell,.duration-cell{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--radius-full);font-size:12px;font-weight:500;text-transform:capitalize}.badge-empty{color:var(--color-text-light)}.status-badge.status-completed{background:#10b98126;color:#059669}.status-badge.status-busy,.status-badge.status-no-answer{background:#f59e0b26;color:#d97706}.status-badge.status-failed,.status-badge.status-canceled{background:#ef444426;color:#dc2626}.status-badge.status-ringing,.status-badge.status-initiated,.status-badge.status-in-progress{background:#3b82f626;color:#2563eb}.calls-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)}.btn-page{padding:8px 16px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;color:var(--color-text-primary);cursor:pointer;transition:all .15s}.btn-page:hover:not(:disabled){background:var(--color-bg-light);border-color:var(--color-border-focus)}.btn-page:disabled{opacity:.5;cursor:not-allowed}.page-info{font-size:14px;color:var(--color-text-muted)}.call-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.call-modal{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.call-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.call-modal-header h2{margin:0;font-size:18px;color:var(--color-text-primary)}.call-modal-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.btn-modal-link{font-size:12px;color:var(--color-text-muted);text-decoration:none}.btn-modal-link:hover{color:var(--color-text-primary)}.btn-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;font-size:22px;color:var(--color-text-muted);cursor:pointer;transition:color .15s}.btn-close:hover{color:var(--color-text-primary)}.call-modal-body{padding:var(--spacing-lg);overflow-y:auto}.call-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item label{font-size:12px;font-weight:500;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.detail-item span{font-size:14px;color:var(--color-text-primary)}.call-summary-section,.call-extracted-section,.call-recording-section{background:var(--color-bg-light);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.call-summary-section h3,.call-extracted-section h3,.call-recording-section h3{margin:0 0 var(--spacing-sm) 0;font-size:14px;font-weight:600;color:var(--color-text-primary)}.call-summary-section p{margin:0;font-size:14px;color:var(--color-text-secondary);line-height:1.6}.extracted-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.extracted-item{display:flex;flex-direction:column;gap:2px}.extracted-item.full-width{grid-column:span 2}.extracted-item label{font-size:11px;color:var(--color-text-muted);text-transform:uppercase}.extracted-item span{font-size:13px;color:var(--color-text-primary)}.urgency-high{color:#dc2626;font-weight:600}.urgency-medium{color:#d97706}.urgency-low{color:#059669}.btn-recording{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color-primary);color:var(--color-text-primary);border-radius:var(--radius-md);font-size:14px;font-weight:500;text-decoration:none;transition:all .15s}.btn-recording:hover{background:var(--color-primary-hover)}@media(max-width:768px){.calls-page .page-header{flex-direction:column;align-items:stretch}.calls-filters{flex-direction:column}.filter-group,.filter-group select{width:100%}.calls-table th:nth-child(4),.calls-table td:nth-child(4),.calls-table th:nth-child(5),.calls-table td:nth-child(5){display:none}.call-detail-grid,.extracted-grid{grid-template-columns:1fr}.extracted-item.full-width{grid-column:span 1}}.date-range-filter{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs);min-width:200px}.date-range-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.date-range-control{position:relative;display:inline-flex;align-items:center}.date-range-select{appearance:none;border:1px solid var(--color-border-light);border-radius:999px;padding:6px 28px 6px 12px;font-size:var(--font-size-sm);background:var(--color-bg-white);color:transparent;cursor:pointer;min-width:190px}.date-range-select:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 2px #4f6fd926}.date-range-control:after{content:"";position:absolute;right:10px;top:50%;width:6px;height:6px;border-right:2px solid var(--color-text-muted);border-bottom:2px solid var(--color-text-muted);transform:translateY(-65%) rotate(45deg);pointer-events:none}.date-range-value{position:absolute;left:12px;font-size:var(--font-size-sm);color:var(--color-text-primary);pointer-events:none}.date-range-custom{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:var(--spacing-sm);padding:var(--spacing-sm);border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-white);width:100%}.date-range-custom label{display:flex;flex-direction:column;gap:4px;font-size:var(--font-size-xs);color:var(--color-text-muted)}.date-range-custom input{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:6px 8px;font-size:var(--font-size-sm)}.date-range-actions{grid-column:span 2;display:flex;justify-content:flex-end;gap:var(--spacing-xs)}.date-range-actions button{border-radius:999px;border:1px solid var(--color-border-light);background:var(--color-bg-white);padding:6px 12px;font-size:var(--font-size-xs);cursor:pointer}.date-range-actions button.secondary{color:var(--color-text-muted)}.date-range-actions button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:640px){.date-range-filter{align-items:flex-start;width:100%}.date-range-select{min-width:100%}.date-range-custom{grid-template-columns:1fr}.date-range-actions{grid-column:span 1}}.plots-page{max-width:var(--content-max-width);margin:0 auto;width:100%}.plots-header{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.plots-header-top{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md)}.plots-title h1{margin:0}.plots-subtitle{margin-top:var(--spacing-xs);color:var(--color-text-muted);font-size:var(--font-size-sm)}.plots-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md);background:var(--color-bg-white);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-light)}.plots-summary div{display:flex;flex-direction:column;gap:var(--spacing-xs);min-height:56px;justify-content:center}.summary-value{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary)}.summary-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.usage-grid{display:flex;flex-direction:column;gap:var(--spacing-md)}.usage-card{background:var(--color-bg-white);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--color-border-light)}.usage-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.usage-card-header h2{margin:0 0 2px;font-size:1rem}.usage-card-header p{color:var(--color-text-muted);font-size:var(--font-size-xs)}.usage-legend{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.legend-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}.legend-swatch{width:12px;height:12px;border-radius:3px;display:inline-block}.usage-chart{display:flex;gap:var(--spacing-sm);width:100%}.usage-y-axis{min-width:28px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;font-size:var(--font-size-xs);color:var(--color-text-muted);padding-bottom:20px}.usage-bars{--chart-height: 180px;display:flex;flex:1;align-items:flex-end;gap:8px;justify-content:space-between;overflow:hidden;padding:0 4px 20px}.usage-bar-column{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);flex:1 1 0;min-width:0}.usage-bar-track{width:16px;height:var(--chart-height);border-radius:6px;display:flex;flex-direction:column-reverse;overflow:hidden;position:relative;background:#f5f6f8}.usage-bar{width:100%}.usage-bar.text,.legend-swatch.text{background:#c0842b}.usage-bar.phone,.legend-swatch.phone{background:#4f6fd9}.usage-bar.chatbot,.legend-swatch.chatbot{background:#3f8f66}.usage-bar.calls,.legend-swatch.calls{background:#4f6fd9}.usage-x-label{font-size:11px;color:var(--color-text-muted);height:18px;display:flex;align-items:center;white-space:nowrap}.usage-bars.single-point{justify-content:center}.usage-bar-label{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:11px;color:var(--color-text-muted)}.call-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-md);padding:var(--spacing-sm) 0}@media(max-width:900px){.plots-summary{width:100%;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media(max-width:640px){.plots-summary,.usage-card-header{flex-direction:column;align-items:flex-start}.usage-y-axis{min-width:28px}.usage-x-label{transform:rotate(-45deg);transform-origin:top left;height:28px}}.conversation-analytics-page{max-width:var(--content-max-width);margin:0 auto;width:100%}.conv-analytics-header{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.conv-analytics-header-top{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md)}.conv-analytics-title h1{margin:0}.conv-analytics-subtitle{margin-top:var(--spacing-xs);color:var(--color-text-muted);font-size:var(--font-size-sm)}.conv-analytics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--spacing-md);background:var(--color-bg-white);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-light)}.conv-analytics-summary div{display:flex;flex-direction:column;gap:var(--spacing-xs);min-height:56px;justify-content:center}.conv-analytics-summary .summary-value{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text-primary)}.conv-analytics-summary .summary-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.conv-analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:var(--spacing-md)}.conv-analytics-card{background:var(--color-bg-white);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--color-border-light)}.conv-analytics-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.conv-analytics-card-header h2{margin:0 0 2px;font-size:1rem}.conv-analytics-card-header p{color:var(--color-text-muted);font-size:var(--font-size-xs);margin:0}.channel-metrics{display:flex;flex-direction:column;gap:var(--spacing-md)}.channel-row{display:flex;align-items:flex-start;gap:var(--spacing-md)}.channel-label{min-width:80px;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);padding-top:4px}.channel-bars{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.channel-bar-row{display:flex;align-items:center;gap:var(--spacing-sm)}.channel-bar{height:20px;border-radius:var(--radius-sm);min-width:4px;transition:width .3s ease}.channel-value{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap}.escalation-metrics{display:flex;justify-content:center;padding:var(--spacing-md) 0}.escalation-rate-display{display:flex;align-items:center;gap:var(--spacing-lg)}.escalation-rate-circle{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#f0f4f8,#e2e8f0);display:flex;align-items:center;justify-content:center;border:4px solid var(--color-primary, #4f6fd9)}.escalation-rate-value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary)}.escalation-details{display:flex;flex-direction:column;gap:var(--spacing-md)}.escalation-detail{display:flex;flex-direction:column;gap:2px}.escalation-detail .detail-value{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.escalation-detail .detail-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.intent-distribution{display:flex;flex-direction:column;gap:var(--spacing-sm)}.intent-row{display:flex;align-items:center;gap:var(--spacing-md)}.intent-label{min-width:120px;font-size:var(--font-size-sm);color:var(--color-text-primary)}.intent-bar-container{flex:1;display:flex;align-items:center;gap:var(--spacing-sm)}.intent-bar{height:24px;background:#4f6fd9;border-radius:var(--radius-sm);min-width:4px;transition:width .3s ease}.intent-value{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap}.no-data-message{color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;padding:var(--spacing-md)}@media(max-width:900px){.conv-analytics-grid{grid-template-columns:1fr}.conv-analytics-summary{width:100%;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media(max-width:640px){.conv-analytics-summary,.conv-analytics-card-header{flex-direction:column;align-items:flex-start}.escalation-rate-display{flex-direction:column;text-align:center}.escalation-details{flex-direction:row;gap:var(--spacing-lg)}.channel-row{flex-direction:column;gap:var(--spacing-xs)}.channel-label{min-width:auto}.intent-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.intent-label{min-width:auto}}.onboarding-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-bg-dark) 0%,#16213e 100%);padding:var(--spacing-lg)}.onboarding-card{background:var(--color-bg-white);border-radius:var(--radius-xl);padding:var(--spacing-2xl);max-width:500px;width:100%;box-shadow:var(--shadow-xl);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.onboarding-card h1{margin:0 0 var(--spacing-sm) 0;color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:700;display:flex;align-items:center;gap:var(--spacing-sm)}.onboarding-card h1:before{content:"🐆";font-size:1.6rem}.onboarding-card .subtitle{color:var(--color-text-muted);margin:0 0 var(--spacing-xl) 0;font-size:var(--font-size-sm)}.onboarding-card .form-group{margin-bottom:var(--spacing-lg)}.onboarding-card .form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--color-text-primary);font-size:var(--font-size-sm)}.onboarding-card .form-group .required{color:var(--color-error);margin-left:2px}.onboarding-card .form-group input{width:100%;padding:14px var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all var(--transition-fast);font-family:inherit}.onboarding-card .form-group input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #4ade8026}.onboarding-card .form-group input::placeholder{color:var(--color-text-light)}.onboarding-card .form-group input[aria-invalid=true]{border-color:var(--color-error)}.onboarding-card .form-group input[aria-invalid=true]:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #dc262626}.field-error{display:block;color:var(--color-error);font-size:var(--font-size-xs);margin-top:var(--spacing-xs);font-weight:500}.onboarding-card .form-group small{display:block;margin-top:var(--spacing-xs);color:var(--color-text-muted);font-size:var(--font-size-xs)}.error-message{background:var(--color-error-bg);color:var(--color-error);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);border:1px solid var(--color-error-border);font-size:var(--font-size-sm)}.submit-btn{width:100%;padding:14px;background:var(--color-primary);color:var(--color-text-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-base);margin-top:var(--spacing-sm)}.submit-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);color:var(--color-text-white)}.spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top-color:var(--color-text-white);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner p{margin:0;font-size:var(--font-size-base)}@media(max-width:640px){.onboarding-card{padding:var(--spacing-lg);border-radius:var(--radius-lg)}.onboarding-card h1{font-size:var(--font-size-xl)}.onboarding-card .form-group input{font-size:16px}}@media(prefers-reduced-motion:reduce){.onboarding-card,.spinner{animation:none}.submit-btn{transition:none}}.settings-page{max-width:1120px;width:100%}.settings-page h1{margin:0 0 var(--spacing-sm) 0;color:var(--color-text-primary)}.settings-page .description{color:var(--color-text-muted);margin:0 0 var(--spacing-xl) 0;font-size:var(--font-size-sm)}.settings-form{background:var(--color-bg-card);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.settings-form .form-group{margin-bottom:var(--spacing-md)}.settings-form .form-group:last-of-type{margin-bottom:var(--spacing-lg)}.settings-form label{display:block;margin-bottom:6px;font-weight:500;color:var(--color-text-primary);font-size:var(--font-size-sm)}.settings-form .checkbox-label{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-weight:500}.settings-form .checkbox-label input[type=checkbox]{width:auto;margin:0}.settings-form .checkbox-helper{margin-top:4px}.settings-form .info-icon{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;font-size:.9em;cursor:help;position:relative}.settings-form .info-icon[title]:hover:after,.settings-form .info-icon[title]:focus:after{content:attr(title);position:absolute;left:50%;transform:translate(-50%);top:calc(100% + 8px);background:#0f172a;color:#f8fafc;padding:6px 10px;border-radius:8px;font-size:12px;font-weight:500;line-height:1.3;white-space:nowrap;z-index:20;box-shadow:0 12px 24px #0f172a33}.settings-form .info-icon[title]:hover:before,.settings-form .info-icon[title]:focus:before{content:"";position:absolute;left:50%;transform:translate(-50%);top:calc(100% + 2px);border-width:6px;border-style:solid;border-color:transparent transparent #0f172a transparent;z-index:21}.settings-form input{width:100%;padding:10px var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all var(--transition-fast)}.settings-form select{width:100%;padding:10px var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--color-bg-card);color:var(--color-text-primary);transition:all var(--transition-fast)}.settings-form input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #4ade8026}.settings-form select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #4ade8026}.settings-form input::placeholder{color:var(--color-text-light)}.settings-form small{display:block;margin-top:4px;color:var(--color-text-muted);font-size:var(--font-size-xs)}.settings-form details summary{margin-bottom:var(--spacing-sm)}.settings-form details+details{margin-top:var(--spacing-sm)}.save-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.readonly-input{background:#f5f5f5;cursor:not-allowed;color:var(--color-text-muted)}.embed-code-section{margin-top:var(--spacing-2xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--color-border)}.embed-code-section h2{margin:0 0 var(--spacing-sm) 0;color:var(--color-text-primary);font-size:var(--font-size-xl)}.embed-code-section .description{color:var(--color-text-muted);margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-sm)}.embed-loading{padding:var(--spacing-lg);color:var(--color-text-muted);text-align:center;font-size:var(--font-size-sm)}.embed-warning{display:flex;align-items:flex-start;gap:var(--spacing-sm);background:var(--color-warning-bg, #fef3c7);color:var(--color-warning-text, #92400e);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);border:1px solid var(--color-warning-border, #fcd34d)}.embed-warning .warning-icon{flex-shrink:0;font-size:var(--font-size-lg)}.embed-code-container{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.embed-code-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary, #1a1a2e);border-bottom:1px solid var(--color-border)}.embed-code-label{font-weight:500;color:var(--color-text-primary);font-size:var(--font-size-sm)}.copy-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:var(--color-text-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.copy-btn:hover{background:var(--color-primary-hover)}.copy-btn.copied{background:var(--color-success)}.embed-code-textarea{width:100%;padding:var(--spacing-lg);border:none;background:var(--color-bg-tertiary, #0d0d1a);color:var(--color-text-secondary);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:var(--font-size-xs);line-height:1.6;resize:vertical;min-height:200px}.embed-code-textarea:focus{outline:none}.embed-code-textarea.inactive{opacity:.6}.embed-instructions{margin-top:var(--spacing-lg);background:var(--color-bg-card);padding:var(--spacing-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.embed-instructions h3{margin:0 0 var(--spacing-sm) 0;color:var(--color-text-primary);font-size:var(--font-size-sm)}.embed-instructions ol{margin:0;padding-left:var(--spacing-lg);color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:1.5}.embed-instructions li{margin-bottom:var(--spacing-xs)}.embed-instructions code{background:var(--color-bg-tertiary, #0d0d1a);padding:1px 5px;border-radius:var(--radius-sm);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:var(--font-size-xs)}.widget-customization-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:var(--spacing-xl);align-items:start}.widget-customization-form{min-width:0;padding:var(--spacing-md)}.widget-customization-form .form-group{margin-bottom:var(--spacing-sm)}.widget-customization-form .form-group:last-of-type{margin-bottom:var(--spacing-md)}.widget-customization-form label{margin-bottom:4px}.widget-customization-form input:not([type=checkbox]):not([type=color]):not([type=radio]),.widget-customization-form select,.widget-customization-form textarea{width:100%;padding:8px var(--spacing-md);font-size:var(--font-size-sm)}.widget-customization-form details summary{margin-bottom:var(--spacing-xs)}.widget-customization-form details+details{margin-top:var(--spacing-xs)}.widget-customization-toolbar{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-sm)}.widget-customization-actions{position:sticky;bottom:var(--spacing-lg);margin-top:var(--spacing-lg);padding-top:var(--spacing-sm);background:var(--color-bg-card);border-top:1px solid var(--color-border);display:flex;align-items:center;gap:var(--spacing-sm)}.widget-save-status{color:var(--color-success);font-size:var(--font-size-xs);font-weight:600}.widget-customization-form .form-group.color-control{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.widget-customization-form .form-group.color-control label{margin-bottom:0}.widget-customization-form .color-swatch{width:38px;height:32px;padding:0;border-radius:var(--radius-sm);border:1px solid var(--color-border);cursor:pointer;background:transparent;appearance:none}.widget-customization-form .color-swatch::-webkit-color-swatch-wrapper{padding:0}.widget-customization-form .color-swatch::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}.widget-customization-preview{position:sticky;top:var(--spacing-xl)}.widget-preview-card{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);border:1px solid var(--color-border)}.widget-preview-header h3{margin:0 0 var(--spacing-xs) 0;font-size:var(--font-size-base);color:var(--color-text-primary)}.widget-preview-header p{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-xs);color:var(--color-text-muted)}.widget-preview-viewport{position:relative;display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--radius-md);background:radial-gradient(circle at top,rgba(74,222,128,.12),transparent 60%),linear-gradient(180deg,#0f172a99,#0f172ae6);min-height:420px}.widget-preview-window{border:1px solid;overflow:hidden}.widget-preview-titlebar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);font-weight:600}.widget-preview-status{font-size:var(--font-size-xs);opacity:.85}.widget-preview-body{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);min-height:160px}.widget-preview-bubble{max-width:80%;padding:var(--spacing-sm) var(--spacing-md);border-radius:16px;background:#0f172a14;font-size:var(--font-size-sm);line-height:1.4}.widget-preview-bubble-in{align-self:flex-start;border-top-left-radius:6px}.widget-preview-bubble-out{align-self:flex-end;border-top-right-radius:6px}.widget-preview-input{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid rgba(148,163,184,.25)}.widget-preview-placeholder{color:#94a3b8e6;font-size:var(--font-size-xs)}.widget-preview-input button{border:none;border-radius:999px;padding:6px 14px;font-size:var(--font-size-xs);font-weight:600}.widget-preview-icon-wrap{display:flex;align-items:center;gap:var(--spacing-sm);align-self:flex-end;position:relative}.widget-preview-icon{display:grid;place-items:center;font-size:24px;box-shadow:0 12px 24px #00000040;position:relative}.widget-preview-window.preview-highlight,.widget-preview-icon.preview-highlight{outline:2px solid rgba(74,222,128,.7);outline-offset:3px}.widget-preview-window.preview-pulse,.widget-preview-icon.preview-pulse{outline:2px solid rgba(74,222,128,.7);outline-offset:3px;animation:previewPulse .6s ease}.widget-preview-window.preview-dark{background:#1a1a1a;color:#fff}.widget-preview-window.preview-dark .widget-preview-body{background:#2a2a2a}.widget-preview-window.preview-dark .widget-preview-bubble-in{background:#333;color:#fff;border-color:#444}.widget-preview-window.preview-high-contrast{border:2px solid #000000}.widget-preview-window.preview-high-contrast .widget-preview-bubble{border:2px solid currentColor}.widget-preview-window.preview-focus-outline .widget-preview-input button{outline:2px solid rgba(74,222,128,.6);outline-offset:2px}.widget-preview-attention[data-attention=bounce]{animation:preview-bounce var(--cc-attention-duration, 1.2s) ease;animation-iteration-count:var(--cc-attention-iterations, 2)}.widget-preview-attention[data-attention=pulse]{animation:preview-pulse var(--cc-attention-duration, 1.3s) ease;animation-iteration-count:var(--cc-attention-iterations, 2)}.widget-preview-attention[data-attention=glow]{animation:preview-glow var(--cc-attention-duration, 1.8s) ease;animation-iteration-count:var(--cc-attention-iterations, 2)}.widget-preview-attention[data-attention=breathing]{animation:preview-breathing var(--cc-attention-duration, 2.4s) ease-in-out;animation-iteration-count:var(--cc-attention-iterations, 2)}.widget-preview-attention[data-attention=corner-nudge]{animation:preview-nudge var(--cc-attention-duration, 1.2s) ease;animation-iteration-count:var(--cc-attention-iterations, 2)}@keyframes previewPulse{0%{outline-color:#4ade8000}50%{outline-color:#4ade80e6}to{outline-color:#4ade8000}}@keyframes preview-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes preview-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes preview-glow{0%,to{box-shadow:0 12px 24px #00000040}50%{box-shadow:0 0 18px #4f46e566}}@keyframes preview-breathing{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes preview-nudge{0%,to{transform:translate(0)}50%{transform:translate(var(--cc-nudge-x, -6px),var(--cc-nudge-y, -6px))}}.widget-preview-icon img{width:70%;height:70%;object-fit:contain}.widget-preview-label{padding:4px 8px;border-radius:999px;font-weight:600;white-space:nowrap}.widget-preview-label-right{order:2}.widget-preview-label-left,.widget-preview-label-beside{order:-1}.widget-preview-label-below{position:absolute;top:calc(100% + 6px);right:0}.widget-preview-label-hover{opacity:0;transition:opacity var(--transition-fast);position:absolute;top:50%;transform:translateY(-50%);right:calc(100% + 8px)}.widget-preview-icon-wrap:hover .widget-preview-label-hover{opacity:1}.widget-preview-unread{position:absolute;width:10px;height:10px;border-radius:50%;border:2px solid var(--color-bg-card, #ffffff)}.widget-preview-unread-top-right{top:6px;right:6px}.widget-preview-unread-top-left{top:6px;left:6px}.widget-preview-unread-bottom-right{bottom:6px;right:6px}.widget-preview-unread-bottom-left{bottom:6px;left:6px}.rule-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.rule-row{display:grid;grid-template-columns:minmax(160px,1fr) minmax(180px,1.3fr) auto;gap:var(--spacing-sm);align-items:center}.rule-row input{width:100%}@media(max-width:1100px){.widget-customization-layout{grid-template-columns:minmax(0,1fr)}.widget-customization-preview{position:static}}.segmented-control{display:flex;background:var(--color-bg-subtle, #f5f5f5);border-radius:8px;padding:4px;gap:4px}.segmented-control .segment{flex:1;padding:8px 16px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:var(--color-text-secondary, #666);transition:all .2s ease}.segmented-control .segment:hover{background:#0000000d}.segmented-control .segment.active{background:var(--color-bg-card, #ffffff);color:var(--color-text-primary, #333);box-shadow:0 1px 3px #0000001a}.drop-zone{border:2px dashed var(--color-border, #ddd);border-radius:12px;padding:32px 24px;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--color-bg-subtle, #f9f9f9)}.drop-zone:hover{border-color:var(--color-primary, #007bff);background:#007bff05}.drop-zone.drag-over{border-color:var(--color-primary, #007bff);background:#007bff0d;transform:scale(1.01)}.drop-zone.uploading{cursor:wait;pointer-events:none;opacity:.7}.drop-zone .drop-icon{font-size:32px;margin-bottom:12px}.drop-zone p{margin:0 0 8px;font-size:14px;color:var(--color-text-primary, #333)}.drop-zone small{color:var(--color-text-secondary, #666);font-size:12px}.upload-progress{display:flex;flex-direction:column;align-items:center;gap:12px}.upload-progress .spinner{width:32px;height:32px;border:3px solid var(--color-border, #ddd);border-top-color:var(--color-primary, #007bff);border-radius:50%;animation:spin .8s linear infinite}.uploaded-image-preview{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;background:var(--color-bg-subtle, #f9f9f9);border-radius:12px;border:1px solid var(--color-border, #eee)}.uploaded-image-preview .preview-image{max-width:120px;max-height:120px;border-radius:8px;object-fit:contain;background:repeating-conic-gradient(#f0f0f0 0% 25%,#fff 0% 50%) 50% / 16px 16px}.uploaded-image-preview .preview-actions{display:flex;gap:8px}.btn-sm{padding:6px 12px;font-size:12px}.btn-secondary{background:var(--color-bg-subtle, #f5f5f5);color:var(--color-text-primary, #333);border:1px solid var(--color-border, #ddd)}.btn-secondary:hover{background:var(--color-bg-hover, #eee)}.btn-danger{background:#dc3545;color:#fff;border:none}.btn-danger:hover{background:#c82333}.error-message{color:#dc3545;font-size:13px;margin-top:8px;padding:8px 12px;background:#dc35451a;border-radius:6px}.telephony-container{max-width:800px;margin:0 auto;padding:1rem 1.5rem}.telephony-container h1{margin-bottom:.25rem;color:#1a1a1a;font-size:1.5rem}.telephony-container .subtitle{color:#666;margin-bottom:1rem;font-size:.9rem}.telephony-alert{padding:.75rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}.telephony-alert.success{background:#e6f4ea;color:#1e7e34}.telephony-alert.error{background:#fce8e6;color:#c5221f}.telephony-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;overflow:hidden}.telephony-section-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;cursor:pointer;background:#fafafa;-webkit-user-select:none;user-select:none;transition:background-color .15s}.telephony-section-header:hover{background:#f0f0f0}.telephony-section-header-left{display:flex;align-items:center;gap:10px}.telephony-section-header-left .chevron{color:#666;font-size:.75rem;transition:transform .2s}.telephony-section.collapsed .chevron{transform:rotate(-90deg)}.telephony-section-title{font-weight:600;font-size:.95rem;color:#333}.telephony-section-content{padding:16px;border-top:1px solid #e5e7eb}.telephony-section.collapsed .telephony-section-content{display:none}.status-badge{padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500;white-space:nowrap}.status-badge.configured{background:#dcfce7;color:#166534}.status-badge.locked{background:#fef3c7;color:#92400e}.status-badge.admin-only{background:#fee2e2;color:#991b1b}.status-badge.missing{background:#e5e7eb;color:#4b5563}.provider-radio-row{display:flex;gap:24px;padding:4px 0}.provider-radio-option{display:flex;align-items:center;gap:8px;cursor:pointer;padding:6px 12px;border-radius:6px;transition:background-color .15s}.provider-radio-option:hover{background:#f5f5f5}.provider-radio-option input[type=radio]{margin:0;width:16px;height:16px;cursor:pointer}.provider-radio-option .provider-name{font-weight:500;color:#333}.provider-radio-option .provider-desc{font-size:.8rem;color:#666;margin-left:4px}.feature-toggles{display:flex;gap:24px;padding:4px 0}.toggle-item{display:flex;align-items:center;gap:8px;cursor:pointer}.toggle-item.disabled{opacity:.6;cursor:not-allowed}.toggle-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.toggle-item.disabled input[type=checkbox]{cursor:not-allowed}.toggle-label{font-size:.9rem;color:#333}.toggle-badge{font-size:.7rem;background:#f5f5f5;color:#666;padding:2px 6px;border-radius:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px}.form-row.single{grid-template-columns:1fr}.form-group{margin-bottom:12px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:4px;font-weight:500;font-size:.85rem;color:#333}.saved-indicator{font-weight:400;color:#34a853;font-size:.8rem;margin-left:4px}.form-group input[type=text],.form-group input[type=tel],.form-group input[type=password]{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:.9rem;font-family:inherit;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#4285f4;box-shadow:0 0 0 2px #4285f433}.form-group .help-text{font-size:.8rem;color:#666;margin-top:4px}.help-text{font-size:.85rem;color:#666}.masked-field{font-family:monospace;letter-spacing:2px;color:#6b7280;padding:8px 10px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:.9rem}.webhook-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.webhook-item{display:flex;flex-direction:column;gap:4px}.webhook-item label{font-size:.8rem;font-weight:500;color:#666}.webhook-url-container{display:flex;align-items:center;gap:4px}.webhook-item code{flex:1;background:#f5f5f5;padding:6px 10px;border-radius:4px;font-size:.8rem;word-break:break-all;font-family:SF Mono,Monaco,Courier New,monospace}.copy-btn{padding:6px 8px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.75rem;color:#666;transition:background-color .15s}.copy-btn:hover{background:#e8e8e8}.copy-btn.copied{background:#dcfce7;color:#166534;border-color:#86efac}.btn-row{display:flex;gap:12px;margin-top:8px}.btn{padding:8px 16px;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#4285f4;color:#fff}.btn-primary:hover:not(:disabled){background:#3367d6}.btn-secondary{background:#f5f5f5;color:#333;border:1px solid #ddd}.btn-secondary:hover:not(:disabled){background:#e8e8e8}.credentials-inline{display:flex;flex-direction:column;gap:12px}.credentials-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.credentials-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.credential-edit-note{margin:0}.credentials-locked{display:flex;flex-direction:column;gap:12px}.credential-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;background:#fafafa}.credential-label{display:flex;flex-direction:column;gap:6px;font-size:.9rem;color:#1f2937;font-weight:600}.credential-badges{display:flex;gap:6px;flex-wrap:wrap}.credential-value{font-family:SF Mono,Monaco,Courier New,monospace;font-size:.9rem;color:#6b7280;padding:8px 10px;background:#f9fafb;border:1px dashed #e5e7eb;border-radius:6px;letter-spacing:1px}.credential-value.revealed{color:#111827;background:#fff;border-style:solid;letter-spacing:normal}.credential-actions{display:flex;gap:8px;align-items:center;justify-content:flex-end}.credential-restricted{font-size:.8rem;color:#6b7280}.btn-small{padding:6px 10px;font-size:.8rem}.action-row{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid #e5e7eb;margin-top:12px}@media(max-width:640px){.telephony-container{padding:1rem}.provider-radio-row,.feature-toggles{flex-direction:column;gap:8px}.form-row,.webhook-grid,.credentials-row,.credential-row{grid-template-columns:1fr}.credential-actions{justify-content:flex-start}}.email-settings-page{max-width:720px}.email-settings-page h1{margin:0 0 var(--spacing-sm) 0;color:var(--color-text-primary)}.email-settings-page .description{color:var(--color-text-muted);margin:0 0 var(--spacing-xl) 0;font-size:var(--font-size-sm)}.settings-section{background:var(--color-bg-card);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg)}.settings-section h2{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-lg);color:var(--color-text-primary);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.connection-status{padding:var(--spacing-lg);border-radius:var(--radius-md);margin-top:var(--spacing-md)}.connection-status.connected{background:#4ade801a;border:1px solid rgba(74,222,128,.3)}.connection-status.disconnected{background:#94a3b81a;border:1px solid rgba(148,163,184,.3)}.status-indicator{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;margin-bottom:var(--spacing-md)}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.connected{background:var(--color-success);box-shadow:0 0 8px #4ade8080}.status-dot.disconnected{background:var(--color-text-muted)}.connected-email{margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.watch-status{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm)}.badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600}.badge-success{background:#4ade8033;color:var(--color-success)}.badge-warning{background:#fbbf2433;color:#f59e0b}.btn-primary{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:12px var(--spacing-xl);background:var(--color-primary);color:var(--color-text-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.gmail-connect-btn{margin-top:var(--spacing-md)}.gmail-icon{flex-shrink:0}.btn-secondary{padding:6px 12px;background:#94a3b833;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base)}.btn-secondary:hover:not(:disabled){background:#94a3b84d}.btn-secondary:disabled{opacity:.7;cursor:not-allowed}.btn-small{padding:4px 10px;font-size:var(--font-size-xs)}.btn-danger{padding:10px var(--spacing-lg);background:#ef44441a;color:var(--color-error);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-base)}.btn-danger:hover:not(:disabled){background:#ef444433}.btn-danger:disabled{opacity:.7;cursor:not-allowed}.settings-form .form-group{margin-bottom:var(--spacing-lg)}.settings-form label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--color-text-primary);font-size:var(--font-size-sm)}.settings-form input[type=text],.settings-form input[type=number],.settings-form textarea{width:100%;padding:12px var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:inherit;transition:all var(--transition-fast);background:var(--color-bg-page);color:var(--color-text-primary)}.settings-form input:focus,.settings-form textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #4ade8026}.settings-form input:disabled,.settings-form textarea:disabled{opacity:.5;cursor:not-allowed}.settings-form input::placeholder,.settings-form textarea::placeholder{color:var(--color-text-light)}.settings-form small{display:block;margin-top:var(--spacing-xs);color:var(--color-text-muted);font-size:var(--font-size-xs)}.checkbox-group{margin-bottom:var(--spacing-lg)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;margin-bottom:var(--spacing-xs)}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.checkbox-text{font-weight:500;color:var(--color-text-primary)}.error-message{background:var(--color-error-bg);color:var(--color-error);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);border:1px solid var(--color-error-border)}.success-message{background:var(--color-success-bg);color:var(--color-success);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);font-size:var(--font-size-sm);border:1px solid var(--color-success-border)}.save-btn{padding:12px var(--spacing-xl);background:var(--color-primary);color:var(--color-text-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-base)}.save-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.save-btn:disabled{opacity:.7;cursor:not-allowed}.section-description{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg);margin-top:calc(var(--spacing-md) * -1)}.prefix-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);min-height:40px;padding:var(--spacing-md);background:var(--color-bg-page);border-radius:var(--radius-md);border:1px solid var(--color-border)}.prefix-empty{color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic}.prefix-item{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:6px 10px;background:var(--color-primary);color:var(--color-text-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.prefix-text{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prefix-remove{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:#0003;border:none;border-radius:50%;color:var(--color-text-primary);font-size:14px;line-height:1;cursor:pointer;transition:background var(--transition-fast)}.prefix-remove:hover{background:#0006}.prefix-add-row{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.prefix-input{flex:1;padding:10px var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--color-bg-page);color:var(--color-text-primary);transition:all var(--transition-fast)}.prefix-input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #4ade8026}.prefix-input::placeholder{color:var(--color-text-light)}.prefix-add-row .btn-secondary{white-space:nowrap}.email-processing-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);width:100%;cursor:pointer;-webkit-user-select:none;user-select:none}.email-processing-toggle__text{flex:1;min-width:0;font-weight:500;color:var(--color-text-primary);font-size:var(--font-size-sm);text-align:left}.email-processing-toggle__control{display:flex;align-items:center;position:relative;flex-shrink:0}.email-processing-toggle__input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.email-processing-toggle__switch{position:relative;width:48px;height:24px;background:var(--color-border);border-radius:12px;transition:background .3s ease,opacity .2s ease}.email-processing-toggle__switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease,background .3s ease;box-shadow:0 2px 4px #0003}.email-processing-toggle__input:checked+.email-processing-toggle__switch{background:var(--color-success)}.email-processing-toggle__input:checked+.email-processing-toggle__switch:after{transform:translate(24px)}.email-processing-toggle__input:focus+.email-processing-toggle__switch{box-shadow:0 0 0 3px #4ade8026}.email-processing-toggle:hover .email-processing-toggle__switch{opacity:.9}.manage-tenants-page{padding:2rem;max-width:1200px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.page-header h1{margin:0 0 .5rem;font-size:2rem;color:#1a1a2e}.page-subtitle{color:#6b7280;margin:0}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.tenants-table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.tenants-table{width:100%;border-collapse:collapse}.tenants-table thead{background:#f8fafc}.tenants-table th{padding:1rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb}.tenants-table td{padding:1rem;border-bottom:1px solid #e5e7eb;color:#1f2937}.tenant-input{width:100%;min-width:120px;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;background:#fff}.tenant-input:focus{outline:none;border-color:#4ade80;box-shadow:0 0 0 2px #4ade8026}.tenants-table tbody tr:hover{background:#f9fafb}.status{padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500}.status.active{background:#d1fae5;color:#065f46}.status.inactive{background:#fee2e2;color:#991b1b}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#fff;border-radius:12px;padding:2rem;width:90%;max-width:500px;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2{margin:0;font-size:1.5rem}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.modal-close:hover{background:#f3f4f6}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.form-group input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem}.form-group input:focus{outline:none;border-color:#4ade80;box-shadow:0 0 0 3px #4ade801a}.form-group small{display:block;margin-top:.5rem;color:#6b7280;font-size:.875rem}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn-primary{background:linear-gradient(135deg,#4ade80,#22c55e);color:#1a1a2e;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 6px #4ade804d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#f3f4f6;color:#374151;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#e5e7eb}.single-view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.btn-back{background:none;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;color:#374151;transition:all .2s}.btn-back:hover{background:#f3f4f6;border-color:#9ca3af}.tenant-nav{display:flex;align-items:center;gap:1rem}.btn-nav{background:#f3f4f6;border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-size:.9rem;color:#374151;transition:all .2s}.btn-nav:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}.btn-nav:disabled{opacity:.4;cursor:not-allowed}.nav-indicator{font-weight:600;color:#1f2937;min-width:140px;text-align:center}.tenant-detail-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2rem}.tenant-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.tenant-detail-header h2{margin:0;font-size:1.75rem;color:#1a1a2e}.tenant-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.detail-field{display:flex;flex-direction:column}.detail-field label{font-weight:600;color:#374151;margin-bottom:.5rem;font-size:.875rem}.detail-field input,.detail-field select{padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:all .2s}.detail-field input:focus,.detail-field select:focus{outline:none;border-color:#4ade80;box-shadow:0 0 0 3px #4ade801a}.detail-field small{margin-top:.5rem;color:#6b7280;font-size:.8rem}.readonly-value{padding:.75rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:1rem}.tenant-detail-actions{display:flex;gap:1rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.actions-cell{display:flex;gap:.5rem}.btn-view{background:#f3f4f6;border:1px solid #d1d5db;padding:.4rem .75rem;border-radius:6px;cursor:pointer;font-size:.8rem;color:#374151;transition:all .2s}.btn-view:hover{background:#e5e7eb}.btn-impersonate{background:linear-gradient(135deg,#60a5fa,#3b82f6);border:none;padding:.4rem .75rem;border-radius:6px;cursor:pointer;font-size:.8rem;color:#fff;font-weight:500;transition:all .2s}.btn-impersonate:hover{transform:translateY(-1px);box-shadow:0 2px 4px #3b82f64d}@media(max-width:768px){.single-view-header{flex-direction:column;gap:1rem;align-items:flex-start}.tenant-detail-grid{grid-template-columns:1fr}.tenant-nav{width:100%;justify-content:space-between}.tenant-detail-actions,.actions-cell{flex-direction:column}}.prompt-wizard{display:flex;flex-direction:column;height:100vh;max-height:100vh;background:var(--color-bg-secondary);overflow:hidden}.wizard-header{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);background:var(--color-bg-white);border-bottom:1px solid var(--color-border);flex-shrink:0}.back-button{background:none;border:none;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-fast)}.back-button:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.wizard-title{flex:1}.wizard-title h1{font-size:var(--font-size-lg);font-weight:600;margin:0;color:var(--color-text-primary)}.wizard-title p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--spacing-xs) 0 0 0}.progress-container{display:flex;align-items:center;gap:var(--spacing-md);min-width:200px}.progress-bar{flex:1;height:8px;background:var(--color-bg-secondary);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .3s ease}.progress-text{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.wizard-body{flex:1;display:flex;justify-content:center;gap:var(--spacing-xl);padding:var(--spacing-lg);overflow:hidden}.wizard-chat{flex:1;display:flex;flex-direction:column;max-width:800px;width:100%;margin:0;overflow:hidden}.messages-container{flex:1;overflow-y:auto;padding-right:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.message{display:flex;gap:var(--spacing-sm);max-width:85%;animation:messageSlide .3s ease}@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.assistant{align-self:flex-start}.message.error{align-self:center}.message-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.message-content{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);font-size:var(--font-size-base);line-height:1.5}.message.assistant .message-content{background:var(--color-bg-white);color:var(--color-text-primary);border:1px solid var(--color-border);border-bottom-left-radius:var(--radius-sm)}.message.user .message-content{background:var(--color-primary);color:var(--color-text-primary);border-bottom-right-radius:var(--radius-sm)}.message.error .message-content{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-border)}.message-content.typing{display:flex;gap:4px;padding:var(--spacing-md) var(--spacing-lg)}.message-content.typing span{width:8px;height:8px;background:var(--color-text-muted);border-radius:50%;animation:typing 1.4s infinite}.message-content.typing span:nth-child(2){animation-delay:.2s}.message-content.typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.input-area{flex-shrink:0;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);margin-top:var(--spacing-md)}.error-banner{display:flex;align-items:center;justify-content:space-between;background:var(--color-error-bg);color:var(--color-error);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.error-banner button{background:none;border:none;color:var(--color-error);font-size:var(--font-size-lg);cursor:pointer;padding:0;line-height:1}.suggestion-hint{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-sm);background:linear-gradient(90deg,#4ade801a,#4ade800d);border:1px solid rgba(74,222,128,.3);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);width:100%;flex-basis:100%}.suggestion-hint span{flex:1}.use-suggestion-btn{padding:var(--spacing-xs) var(--spacing-md);background:var(--color-primary);color:var(--color-text-primary);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.use-suggestion-btn:hover{background:var(--color-primary-hover)}.scraped-data-panel{max-width:800px;width:100%;margin:0 auto;padding:0 var(--spacing-lg)}.panel-toggle{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg,#4ade8026,#4ade800d);border:1px solid rgba(74,222,128,.3);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left}.panel-toggle:hover{background:linear-gradient(135deg,#4ade8033,#4ade801a);border-color:#4ade8080}.toggle-icon{font-size:var(--font-size-sm);color:var(--color-primary)}.toggle-label{flex:1;font-weight:600;color:var(--color-text-primary)}.toggle-hint{font-size:var(--font-size-sm);color:var(--color-text-muted)}.scraped-data-panel.expanded .panel-toggle{border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:none}.scraped-content{padding:var(--spacing-lg);background:var(--color-bg-white);border:1px solid rgba(74,222,128,.3);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);max-height:300px;overflow-y:auto}.scraped-section{margin-bottom:var(--spacing-lg)}.scraped-section:last-of-type{margin-bottom:var(--spacing-md)}.scraped-section h4{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);margin:0 0 var(--spacing-sm) 0;text-transform:uppercase;letter-spacing:.5px}.scraped-section ul{margin:0;padding-left:var(--spacing-lg)}.scraped-section li{margin-bottom:var(--spacing-xs);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.scraped-section li strong{color:var(--color-text-primary)}.scraped-section li p{margin:var(--spacing-xs) 0 0 0;font-size:var(--font-size-xs);color:var(--color-text-muted)}.scraped-section>p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.scraped-note{margin:var(--spacing-md) 0 0 0;padding-top:var(--spacing-md);border-top:1px solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.text-input-container{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:flex-end}.text-input-container textarea{flex:1;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:inherit;resize:none;transition:border-color var(--transition-fast);background:var(--color-bg-white)}.text-input-container textarea:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #4ade8026}.text-input-container textarea:disabled{background:var(--color-bg-secondary);cursor:not-allowed}.send-button{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);color:var(--color-text-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast);height:fit-content}.send-button:hover:not(:disabled){background:var(--color-primary-hover)}.send-button:disabled{opacity:.5;cursor:not-allowed}.choices-container{display:flex;flex-direction:column;gap:var(--spacing-sm)}.choice-button{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-white);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.choice-button:hover:not(:disabled){border-color:var(--color-primary);background:#4ade800d}.choice-button:disabled{opacity:.5;cursor:not-allowed}.choice-label{font-weight:600;color:var(--color-text-primary);font-size:var(--font-size-base)}.choice-description{color:var(--color-text-muted);font-size:var(--font-size-sm)}.choice-example{color:var(--color-text-light);font-size:var(--font-size-xs);font-style:italic;margin-top:var(--spacing-xs)}.complete-actions{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.generate-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);background:var(--color-primary);color:var(--color-text-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.generate-button:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.generate-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-actions{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);width:100%}.success-message{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);color:var(--color-success);font-weight:500}.success-icon{font-size:24px}.action-buttons{display:flex;gap:var(--spacing-md)}.secondary-button{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-bg-white);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.secondary-button:hover{background:var(--color-bg-secondary);border-color:var(--color-border-focus)}.primary-button{padding:var(--spacing-md) var(--spacing-xl);background:var(--color-primary);color:var(--color-text-primary);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.primary-button:hover{background:var(--color-primary-hover)}.ghost-button{padding:var(--spacing-md) var(--spacing-xl);background:transparent;color:var(--color-text-muted);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.ghost-button:hover{color:var(--color-text-primary);background:var(--color-bg-secondary)}.publish-prompt{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:linear-gradient(135deg,#4ade801a,#3b82f61a);border-radius:var(--radius-lg);border:1px solid rgba(74,222,128,.3);width:100%;max-width:400px}.publish-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center;margin:0;line-height:1.5}.publish-button{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 4px 14px #10b98159}.publish-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98173}.publish-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.success-message.published{color:#10b981;font-size:var(--font-size-xl)}.published-description{font-size:var(--font-size-base);color:var(--color-text-secondary);text-align:center;margin:0;max-width:400px;line-height:1.5}.preview-panel{flex:0 0 280px;align-self:flex-start;width:280px;max-height:calc(100vh - 180px);overflow-y:auto;background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-lg)}.preview-panel h3{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0;display:flex;align-items:center;gap:var(--spacing-sm)}.collected-data{display:flex;flex-direction:column;gap:var(--spacing-sm)}.data-item{display:flex;flex-direction:column;gap:2px;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-light)}.data-item:last-child{border-bottom:none;padding-bottom:0}.data-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.data-value{font-size:var(--font-size-sm);color:var(--color-text-primary);word-break:break-word}@media(max-width:1200px){.preview-panel{display:none}}@media(max-width:768px){.wizard-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.progress-container{width:100%}.wizard-body{padding:var(--spacing-md)}.message{max-width:95%}.action-buttons{flex-direction:column;width:100%}.action-buttons button{width:100%}}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .2s ease,transform .2s ease}