.chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.chat-header-info{display:flex;align-items:center;gap:12px}.chat-avatar{width:40px;height:40px;border-radius:50%;background-color:#fff3;display:flex;align-items:center;justify-content:center}.chat-title{font-size:1rem;font-weight:600;margin:0 0 4px}.chat-status{font-size:.75rem;margin:0;display:flex;align-items:center;gap:6px;opacity:.9}.status-indicator{width:8px;height:8px;border-radius:50%;background-color:#4ade80;animation:pulse 2s infinite}.chat-header-actions{display:flex;gap:8px}.chat-header-button{width:36px;height:36px;border-radius:50%;background-color:#fff3;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.chat-header-button:hover{background-color:#ffffff4d}.chat-header-button:focus-visible{outline:2px solid white;outline-offset:2px}.chat-message{display:flex;flex-direction:column;max-width:80%;gap:4px}.chat-message.user{align-self:flex-end;align-items:flex-end}.chat-message.assistant{align-self:flex-start;align-items:flex-start}.message-content{padding:12px 16px;border-radius:12px;word-wrap:break-word;line-height:1.5}.chat-message.user .message-content{background-color:var(--message-bg-user);color:#fff;border-bottom-right-radius:4px}.chat-message.assistant .message-content{background-color:var(--message-bg-assistant);color:var(--text-color);border-bottom-left-radius:4px}.message-content p{margin:0;font-size:.9375rem}.message-content p+p{margin-top:8px}.message-content h1,.message-content h2,.message-content h3,.message-content h4{margin:8px 0 4px;font-weight:600}.message-content ul,.message-content ol{margin:8px 0;padding-left:20px}.message-content li{margin:4px 0}.message-content code{background-color:#0000000d;padding:2px 6px;border-radius:4px;font-size:.875rem;font-family:Courier New,monospace}.message-content a{color:var(--primary-color);text-decoration:underline}.chat-message.user .message-content code{background-color:#fff3}.chat-message.user .message-content a{color:#fff}.message-time{font-size:.75rem;color:#999;padding:0 4px}@media (max-width: 480px){.chat-message{max-width:85%}.message-content{font-size:.875rem}}.typing-indicator{align-self:flex-start;background-color:var(--message-bg-assistant);padding:12px 16px;border-radius:12px 12px 12px 4px;max-width:80px}.typing-dots{display:flex;gap:4px;align-items:center}.typing-dots span{width:8px;height:8px;border-radius:50%;background-color:#666;animation:typing 1.4s infinite}.typing-dots span:nth-child(1){animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-8px);opacity:1}}.meeting-options{align-self:flex-start;background-color:#fff;border:2px solid var(--primary-color);border-radius:12px;padding:16px;max-width:90%;box-shadow:0 2px 8px #0066ff1a}.meeting-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.meeting-icon{font-size:1.5rem}.meeting-header h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-color)}.meeting-description{margin:0 0 12px;font-size:.875rem;color:#666}.meeting-slots{display:flex;flex-direction:column;gap:8px}.meeting-slot{display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:#f8f9fa;border:1px solid var(--border-color);border-radius:8px;font-size:.9375rem;color:var(--text-color);cursor:pointer;transition:all .2s;text-align:left;width:100%}.meeting-slot:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translate(4px)}.meeting-slot:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.slot-icon{font-size:1.125rem}@media (max-width: 480px){.meeting-options{max-width:95%}.meeting-slot{font-size:.875rem;padding:10px 14px}}.chat-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;background-color:#f8f9fa}.chat-welcome{text-align:center;padding:40px 20px;max-width:320px;margin:auto}.welcome-icon{font-size:3rem;margin-bottom:16px}.chat-welcome h4{font-size:1.25rem;font-weight:600;color:var(--text-color);margin:0 0 12px}.chat-welcome p{font-size:.9375rem;color:#666;line-height:1.5;margin:0 0 12px}.welcome-hint{font-size:.875rem!important;color:#999!important;font-style:italic}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#999}.chat-input-container{border-top:1px solid var(--border-color);background-color:var(--bg-color)}.chat-input-wrapper{display:flex;align-items:flex-end;gap:8px;padding:16px}.chat-input{flex:1;min-height:44px;max-height:120px;padding:12px 16px;border:1px solid var(--border-color);border-radius:22px;font-size:.9375rem;font-family:inherit;resize:none;outline:none;transition:border-color .2s;line-height:1.4}.chat-input:focus{border-color:var(--primary-color)}.chat-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.chat-input::placeholder{color:#999}.chat-send-button{width:44px;height:44px;min-width:44px;border-radius:50%;background-color:var(--primary-color);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.chat-send-button:hover:not(:disabled){background-color:var(--primary-hover);transform:scale(1.05)}.chat-send-button:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.chat-input-hint{padding:0 16px 12px;font-size:.75rem;color:#999;text-align:center}@media (max-width: 480px){.chat-input-hint{display:none}.chat-input-wrapper{padding:12px}}.chat-widget-button{position:fixed;bottom:24px;right:24px;width:60px;height:60px;border-radius:50%;background-color:var(--primary-color);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:all .3s ease;z-index:1000}.chat-widget-button:hover{background-color:var(--primary-hover);transform:scale(1.1)}.chat-widget-button:focus-visible{outline:2px solid var(--primary-color);outline-offset:4px}.chat-widget{position:fixed;bottom:24px;right:24px;width:400px;height:600px;background-color:var(--bg-color);border-radius:12px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;z-index:1000;animation:fadeIn .3s ease-out}.chat-error{padding:12px 16px;background-color:#fee;color:#c33;border-top:1px solid var(--border-color);text-align:center;font-size:.875rem}@media (max-width: 768px){.chat-widget-button{bottom:16px;right:16px}.chat-widget{bottom:0;right:0;left:0;width:100%;height:100vh;max-height:100vh;border-radius:0}}@media (max-width: 480px){.chat-widget{height:100vh;max-height:100vh}}.admin-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.admin-login-card{background:#fff;border-radius:1.5rem;box-shadow:0 20px 60px #0000004d;padding:3rem;max-width:450px;width:100%;animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.admin-login-header{text-align:center;margin-bottom:2.5rem}.admin-icon{font-size:4rem;margin-bottom:1rem;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.admin-login-header h1{font-size:2rem;color:#1f2937;margin-bottom:.5rem}.admin-login-header p{color:#6b7280;font-size:1rem}.admin-login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:#374151;font-size:.95rem}.form-group input{padding:1rem;border:2px solid #e5e7eb;border-radius:.75rem;font-size:1rem;transition:all .3s}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.error-message{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;font-size:.9rem}.error-icon{font-size:1.25rem}.login-button{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:.75rem;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.5rem}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.admin-login-footer{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb;text-align:center}.admin-login-footer p{color:#6b7280;font-size:.85rem;line-height:1.6}.admin-login-footer strong{color:#374151}@media (max-width: 480px){.admin-login-card{padding:2rem 1.5rem}.admin-login-header h1{font-size:1.5rem}.admin-icon{font-size:3rem}}.chat-tester-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chat-tester-modal{background:#fff;border-radius:1rem;width:100%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-tester-header{display:flex;justify-content:space-between;align-items:flex-start;padding:2rem;border-bottom:2px solid #e2e8f0;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-radius:1rem 1rem 0 0}.chat-tester-header h2{margin:0;font-size:1.5rem}.subdomain-info{display:flex;align-items:center;gap:.75rem;margin-top:.5rem;font-size:.9rem;flex-wrap:wrap}.info-label{font-size:.85rem;opacity:.8}.subdomain-info code{background:#fff3;padding:.25rem .75rem;border-radius:.375rem;font-family:Courier New,monospace}.header-badge{background:#10b981!important;color:#fff!important;font-weight:600;padding:.375rem .75rem!important;border-radius:.375rem;box-shadow:0 2px 4px #0000001a}.warning-badge{background:#fbbf24;color:#92400e;padding:.25rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:600}.close-btn{background:#fff3;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;color:#fff;cursor:pointer;transition:all .2s}.close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.chat-tester-content{display:grid;grid-template-columns:400px 1fr;gap:2rem;padding:2rem;overflow-y:auto;flex:1}.info-panel{display:flex;flex-direction:column;gap:1.5rem}.info-section{background:#f8fafc;padding:1.5rem;border-radius:.75rem;border:1px solid #e2e8f0}.info-section h3{margin:0 0 1rem;font-size:1rem;color:#1e293b;display:flex;align-items:center;gap:.5rem}.debug-section{background:#fef3c7;border-color:#fbbf24}.debug-info{display:flex;flex-direction:column;gap:.75rem}.debug-item{display:flex;flex-direction:column;gap:.25rem}.debug-label{font-size:.85rem;color:#92400e;font-weight:600}.debug-value{background:#fff;padding:.5rem;border-radius:.375rem;font-family:Courier New,monospace;font-size:.85rem;color:#1e293b;border:1px solid #fde68a}.status-indicator{padding:.5rem;border-radius:.375rem;font-weight:600;font-size:.9rem}.status-indicator.active{background:#d1fae5;color:#065f46}.status-indicator.inactive{background:#fee2e2;color:#991b1b}.debug-note{margin:.75rem 0 0;font-size:.85rem;color:#92400e;font-style:italic;padding:.5rem;background:#fff;border-radius:.375rem;border-left:3px solid #fbbf24}.config-item{margin-bottom:1rem;display:flex;flex-direction:column;gap:.5rem}.config-item:last-child{margin-bottom:0}.config-item label{font-size:.85rem;color:#64748b;font-weight:600}.config-item span{color:#1e293b}.color-display{display:flex;align-items:center;gap:.75rem}.color-box{width:40px;height:40px;border-radius:.5rem;border:2px solid #e2e8f0;box-shadow:0 2px 4px #0000001a}.color-display code{background:#fff;padding:.5rem;border-radius:.375rem;font-family:Courier New,monospace;font-size:.9rem}.welcome-msg{font-style:italic;color:#475569;background:#fff;padding:.75rem;border-radius:.5rem;border-left:3px solid #6366f1}.integrations-list{display:flex;flex-direction:column;gap:.75rem}.integration-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border-radius:.5rem;border:1px solid #e2e8f0}.integration-item.active{border-color:#10b981;background:#f0fdf4}.integration-item.inactive{opacity:.5}.integration-icon{font-size:1.5rem}.integration-item strong{display:block;color:#1e293b;font-size:.95rem}.integration-item small{display:block;color:#64748b;font-size:.8rem;margin-top:.25rem}.context-display p{margin:0;color:#475569;line-height:1.6;font-size:.9rem}.no-context{font-style:italic;color:#94a3b8}.embed-code-container{display:flex;flex-direction:column;gap:.75rem}.embed-code{background:#1e293b;color:#e2e8f0;padding:1rem;border-radius:.5rem;font-family:Courier New,monospace;font-size:.8rem;overflow-x:auto;margin:0;line-height:1.6}.copy-btn{padding:.75rem 1rem;background:#6366f1;color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.copy-btn:hover{background:#4f46e5;transform:translateY(-1px)}.links-list{display:flex;flex-direction:column;gap:.5rem}.link-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;color:#1e293b;text-decoration:none;transition:all .2s}.link-item:hover{background:#f8fafc;border-color:#6366f1;transform:translate(4px)}.chat-preview-panel{display:flex;align-items:center;justify-content:center}.device-frame{width:100%;max-width:500px;background:#fff;border-radius:1rem;box-shadow:0 10px 40px #0003;overflow:hidden}.device-header{background:#f8fafc;padding:.75rem 1rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;gap:1rem}.device-buttons{display:flex;gap:.5rem}.device-btn{width:12px;height:12px;border-radius:50%}.device-btn.red{background:#ef4444}.device-btn.yellow{background:#fbbf24}.device-btn.green{background:#10b981}.device-url{flex:1;background:#fff;padding:.5rem .75rem;border-radius:.375rem;font-size:.85rem;color:#64748b;border:1px solid #e2e8f0;font-family:Courier New,monospace}.device-content{height:600px;position:relative;overflow:hidden}.preview-background{background:linear-gradient(135deg,#667eea,#764ba2);height:100%;display:flex;align-items:center;justify-content:center;padding:2rem}.preview-hero{text-align:center;color:#fff}.preview-hero h1{font-size:1.5rem;margin:0 0 .5rem}.preview-hero p{font-size:.9rem;opacity:.9;margin:0}.chat-widget-container{position:absolute;bottom:0;right:0;left:0;top:0;pointer-events:none}.chat-widget-container>div{pointer-events:all}@media (max-width: 1024px){.chat-tester-content{grid-template-columns:1fr}.chat-preview-panel{order:-1}.device-content{height:400px}}@media (max-width: 768px){.chat-tester-overlay{padding:0}.chat-tester-modal{max-height:100vh;border-radius:0}.chat-tester-header{border-radius:0}.chat-tester-content{padding:1rem}.device-frame{max-width:100%}}.client-list{width:100%;max-width:100%;padding:0}.client-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 1px 3px #0000001a}.header-left{display:flex;align-items:baseline;gap:1rem}.header-left h1{margin:0;font-size:2rem;color:#1e293b}.client-count{color:#64748b;font-size:.9rem}.client-list-filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 1px 3px #0000001a}.search-box{flex:1;min-width:300px;position:relative}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-size:1.2rem}.search-box input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;transition:border-color .2s}.search-box input:focus{outline:none;border-color:#6366f1}.status-filter{display:flex;gap:.5rem;background:#f1f5f9;padding:.25rem;border-radius:.5rem}.status-filter button{padding:.5rem 1rem;border:none;background:transparent;border-radius:.375rem;cursor:pointer;font-size:.9rem;font-weight:500;color:#64748b;transition:all .2s}.status-filter button:hover{background:#fff;color:#1e293b}.status-filter button.active{background:#fff;color:#6366f1;box-shadow:0 1px 3px #0000001a}.table-container{overflow-x:auto;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.clients-table{width:100%;border-collapse:collapse}.clients-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.clients-table th{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.05em}.clients-table td{padding:1rem;border-bottom:1px solid #e2e8f0;font-size:.95rem}.clients-table tr:hover{background:#f8fafc}.clients-table tr.inactive{opacity:.6}.status-badge{padding:.375rem .75rem;border-radius:9999px;font-size:.8rem;font-weight:600;border:none;cursor:pointer;transition:all .2s}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fee2e2;color:#991b1b}.status-badge:hover{transform:scale(1.05)}.client-name{display:flex;flex-direction:column;gap:.25rem}.client-name strong{color:#1e293b}.brand-name{font-size:.8rem;color:#64748b}.subdomain{background:#f1f5f9;padding:.25rem .5rem;border-radius:.25rem;font-family:Courier New,monospace;font-size:.9rem;color:#6366f1}.integrations{gap:.5rem}.integration-badge{font-size:1.2rem;cursor:help;transition:transform .2s}.integration-badge:hover{transform:scale(1.2)}.no-integrations{color:#cbd5e1;font-weight:700}.api-key-cell{display:flex;flex-direction:column;gap:.5rem}.api-key-hidden,.api-key-visible{font-family:Courier New,monospace;font-size:.85rem;padding:.25rem .5rem;background:#f8fafc;border-radius:.25rem}.api-key-visible{background:#fef3c7;color:#92400e}.api-key-actions{display:flex;gap:.25rem}.btn-icon{padding:.25rem .5rem;border:1px solid #e2e8f0;background:#fff;border-radius:.25rem;cursor:pointer;font-size:1rem;transition:all .2s}.btn-icon:hover{background:#f8fafc;border-color:#6366f1;transform:scale(1.1)}.date{color:#64748b;font-size:.9rem}.action-buttons{display:flex;gap:.5rem}.btn{padding:.5rem 1rem;border:none;border-radius:.375rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.btn-test{background:#10b981;color:#fff}.btn-test:hover{background:#059669}.btn-edit{background:#f59e0b;color:#fff}.btn-edit:hover{background:#d97706}.btn-delete{background:#ef4444;color:#fff}.btn-delete:hover{background:#dc2626}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.empty-icon{font-size:4rem;margin-bottom:1rem;display:block}.empty-state h3{color:#1e293b;margin-bottom:.5rem}.empty-state p{color:#64748b;margin-bottom:2rem}.alert{padding:1rem 1.5rem;border-radius:.5rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.alert button{padding:.5rem 1rem;background:#dc2626;color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-weight:500}.alert button:hover{background:#b91c1c}.client-list-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1024px){.clients-table{font-size:.85rem}.clients-table th,.clients-table td{padding:.75rem .5rem}}@media (max-width: 768px){.client-list{padding:1rem}.client-list-header{flex-direction:column;gap:1rem;align-items:stretch}.client-list-filters{flex-direction:column}.status-filter{justify-content:center}.table-container{overflow-x:scroll}}.client-form-container{max-width:100%;width:100%;padding:0}.client-form-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a}.client-form-header h1{margin:0;font-size:2rem;color:#1e293b}.client-subtitle{color:#64748b;font-size:.9rem;margin-top:.5rem;font-family:Courier New,monospace}.btn-close{background:#f1f5f9;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .2s;color:#64748b}.btn-close:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}.client-form{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.form-tabs{display:flex;border-bottom:2px solid #e2e8f0;background:#f8fafc}.form-tabs button{flex:1;padding:1rem;border:none;background:transparent;cursor:pointer;font-size:.95rem;font-weight:500;color:#64748b;transition:all .2s;border-bottom:3px solid transparent;position:relative;bottom:-2px}.form-tabs button:hover{background:#fff;color:#1e293b}.form-tabs button.active{background:#fff;color:#6366f1;border-bottom-color:#6366f1}.form-section{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#1e293b;font-size:.95rem}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group input[type=url],.form-group input[type=password],.form-group textarea{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;transition:border-color .2s;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#6366f1}.context-textarea{font-family:Courier New,monospace;font-size:.9rem}.hint{font-size:.85rem;color:#64748b;font-weight:400}.input-with-prefix{display:flex;align-items:center;gap:.5rem}.input-with-prefix input{flex:1}.input-suffix{color:#64748b;font-weight:500;white-space:nowrap}.field-hint{margin-top:.5rem;font-size:.85rem;color:#64748b}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.integration-group{border:2px solid #e2e8f0;border-radius:.75rem;padding:1.5rem;margin-bottom:2rem}.integration-group legend{font-weight:700;color:#1e293b;font-size:1.1rem;padding:0 .5rem}.checkbox-group label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.checkbox-group input[type=checkbox]{width:20px;height:20px;cursor:pointer}.checkbox-group span{font-weight:400}.color-picker-group{display:flex;gap:1rem;align-items:center}.color-input{width:60px;height:50px;border:2px solid #e2e8f0;border-radius:.5rem;cursor:pointer}.color-text{width:120px;text-transform:uppercase;font-family:Courier New,monospace}.color-preview{width:50px;height:50px;border-radius:.5rem;border:2px solid #e2e8f0;box-shadow:0 2px 8px #0000001a}.logo-preview{margin-top:1rem;padding:1rem;background:#f8fafc;border-radius:.5rem;text-align:center}.logo-preview img{max-width:200px;max-height:100px;object-fit:contain}.context-example{margin-top:1rem;padding:1rem;background:#f8fafc;border-left:4px solid #6366f1;border-radius:.5rem}.context-example strong{display:block;margin-bottom:.5rem;color:#1e293b}.context-example code{display:block;white-space:pre-wrap;font-family:Courier New,monospace;font-size:.9rem;color:#475569;line-height:1.6}.form-actions{padding:1.5rem 2rem;background:#f8fafc;border-top:2px solid #e2e8f0;display:flex;justify-content:flex-end;gap:1rem}.btn{padding:.75rem 2rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-cancel{background:#e2e8f0;color:#475569}.btn-cancel:hover:not(:disabled){background:#cbd5e1}.btn-primary{background:#6366f1;color:#fff}.btn-primary:hover:not(:disabled){background:#4f46e5;transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.alert{padding:1rem 1.5rem;border-radius:.5rem;margin-bottom:1.5rem}.alert-error{background:#fee2e2;color:#991b1b;border:2px solid #fecaca}.info-box{background:#eff6ff;border:2px solid #bfdbfe;border-radius:.5rem;padding:1rem 1.5rem;margin-top:1rem}.info-box strong{display:block;margin-bottom:.75rem;color:#1e40af;font-size:.95rem}.info-box ol{margin:0;padding-left:1.5rem;color:#1e3a8a}.info-box li{margin-bottom:.5rem;line-height:1.6}@media (max-width: 768px){.client-form-container{padding:1rem}.form-tabs{flex-wrap:wrap}.form-tabs button{font-size:.85rem;padding:.75rem .5rem}.form-row{grid-template-columns:1fr}.color-picker-group{flex-wrap:wrap}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.dashboard-view{width:100%;max-width:100%}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 1px 3px #0000001a}.dashboard-header h1{margin:0;font-size:2rem;color:#0f172a}.dashboard-header p{margin:.5rem 0 0;color:#64748b;font-size:.9375rem}.btn-refresh{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#6366f1;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-refresh:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 6px #6366f14d}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 1px 3px #0000001a;display:flex;gap:1rem;transition:all .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.stat-icon{width:60px;height:60px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.stat-content{flex:1}.stat-title{margin:0;font-size:.875rem;color:#64748b;font-weight:500}.stat-value-row{display:flex;align-items:baseline;gap:.75rem;margin-top:.5rem}.stat-value{margin:0;font-size:2rem;color:#0f172a;font-weight:700}.stat-change{font-size:.875rem;font-weight:600;padding:.25rem .5rem;border-radius:.25rem}.stat-change.positive{color:#10b981;background:#d1fae5}.stat-change.negative{color:#ef4444;background:#fee2e2}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem}.dashboard-card{background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 1px 3px #0000001a}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.card-header h3{margin:0;font-size:1.125rem;color:#0f172a;font-weight:600}.chart-period{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:.5rem;background:#fff;color:#64748b;font-size:.875rem;cursor:pointer}.chart-placeholder{padding:1rem 0}.view-all{color:#6366f1;text-decoration:none;font-size:.875rem;font-weight:600;transition:color .2s}.view-all:hover{color:#4f46e5}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;gap:1rem;padding:1rem;background:#f8fafc;border-radius:.75rem;transition:all .2s}.activity-item:hover{background:#f1f5f9}.activity-icon{width:40px;height:40px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.activity-icon.message{background:#dbeafe}.activity-icon.config{background:#fef3c7}.activity-icon.security{background:#fce7f3}.activity-client{margin:0 0 .25rem;font-weight:600;color:#0f172a;font-size:.875rem}.activity-action{margin:0 0 .25rem;color:#64748b;font-size:.875rem}.activity-time{margin:0;color:#94a3b8;font-size:.75rem}.quick-actions{margin-bottom:2rem}.quick-actions h3{margin:0 0 1.5rem;font-size:1.125rem;color:#0f172a;font-weight:600}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.action-btn{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:.75rem;cursor:pointer;transition:all .2s;font-size:.9375rem;font-weight:600;color:#334155}.action-btn:hover{background:#fff;border-color:#6366f1;color:#6366f1;transform:translateY(-2px);box-shadow:0 4px 6px #6366f11a}.action-icon{font-size:2rem}@media (max-width: 1024px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:1rem;align-items:stretch}.btn-refresh{justify-content:center}.stats-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.actions-grid{grid-template-columns:1fr}}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.loading-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.dashboard-loading p{color:#64748b;font-size:1rem}.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;padding:2rem;background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a}.dashboard-error p{color:#ef4444;font-size:1.1rem}.chart-container{padding:1rem 0}.chart-empty,.activity-empty{display:flex;align-items:center;justify-content:center;min-height:150px;color:#94a3b8;font-size:.9375rem}.chart-labels{display:flex;justify-content:space-between;padding:.5rem 20px;color:#94a3b8;font-size:.75rem}.chart-label{text-transform:capitalize}.chart-point{transition:r .2s;cursor:pointer}.chart-point:hover{r:6}.activity-count{color:#94a3b8;font-size:.875rem;font-weight:500}.activity-icon.automation{background:linear-gradient(135deg,#fef3c7,#fde68a)}.activity-icon.lead{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.contacts-view{display:flex;height:calc(100vh - 50px);background:#f1f5f9}.contacts-sidebar{width:380px;min-width:380px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column}.contacts-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid #e2e8f0}.contacts-header h2{margin:0;font-size:18px;font-weight:600;color:#1e293b}.contacts-count{background:#6366f1;color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.contacts-search{padding:12px 16px;border-bottom:1px solid #e2e8f0}.contacts-search input{width:100%;padding:10px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s}.contacts-search input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.contacts-filters{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid #e2e8f0}.filter-btn{flex:1;padding:8px 12px;border:1px solid #e2e8f0;background:#fff;border-radius:6px;font-size:13px;color:#64748b;cursor:pointer;transition:all .2s}.filter-btn:hover{background:#f8fafc}.filter-btn.active{background:#6366f1;color:#fff;border-color:#6366f1}.contacts-list{flex:1;overflow-y:auto}.contact-item{display:flex;align-items:flex-start;gap:12px;padding:16px;border-bottom:1px solid #f1f5f9;cursor:pointer;transition:background .2s}.contact-item:hover{background:#f8fafc}.contact-item.selected{background:#eef2ff;border-left:3px solid #6366f1}.contact-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0}.contact-avatar.large{width:48px;height:48px;font-size:18px}.contact-info{flex:1;min-width:0}.contact-name{font-weight:600;color:#1e293b;font-size:14px;display:flex;align-items:center;gap:6px}.online-indicator{color:#22c55e;font-size:10px}.contact-phone{color:#64748b;font-size:13px;margin-top:2px}.contact-meta{display:flex;align-items:center;gap:8px;margin-top:6px}.stage-badge{padding:3px 8px;border-radius:4px;font-size:11px;font-weight:500;color:#fff}.message-count{font-size:12px;color:#94a3b8}.contact-date{font-size:11px;color:#94a3b8;white-space:nowrap}.no-contacts{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#94a3b8}.no-contacts span{font-size:48px;margin-bottom:12px}.conversation-area{flex:1;display:flex;flex-direction:column;background:#f8fafc}.conversation-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0}.conversation-contact-info{display:flex;align-items:center;gap:12px}.conversation-contact-info h3{margin:0;font-size:16px;font-weight:600;color:#1e293b}.conversation-contact-info p{margin:2px 0 0;font-size:13px;color:#64748b}.contact-details{display:flex;gap:16px;font-size:13px;color:#64748b}.contact-details span{display:flex;align-items:center;gap:4px}.confirmed-badge{background:#dcfce7;color:#16a34a;padding:4px 10px;border-radius:12px;font-weight:500}.messages-container{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:12px}.message{max-width:70%;padding:12px 16px;border-radius:16px;position:relative}.message.user{align-self:flex-end;background:#6366f1;color:#fff;border-bottom-right-radius:4px}.message.assistant{align-self:flex-start;background:#fff;color:#1e293b;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:10px;margin-top:6px;opacity:.7}.message.user .message-time{text-align:right}.conversation-footer{padding:12px 24px;background:#fff;border-top:1px solid #e2e8f0}.session-info{margin:0;font-size:11px;color:#94a3b8;line-height:1.6}.no-selection,.no-messages{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#94a3b8;text-align:center}.no-selection span,.no-messages span{font-size:64px;margin-bottom:16px}.no-selection h3{margin:0 0 8px;font-size:20px;color:#64748b}.no-selection p,.no-messages p{margin:0;font-size:14px}.contacts-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:#64748b}.contacts-loading .spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.contacts-sidebar{width:100%;min-width:100%}.conversation-area,.contacts-view.has-selection .contacts-sidebar{display:none}.contacts-view.has-selection .conversation-area{display:flex}.contact-details{display:none}}.crm-kanban{display:flex;flex-direction:column;height:100vh;background:#f8fafc;overflow:hidden}.crm-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0}.crm-header-left h1{margin:0 0 8px;font-size:24px;font-weight:700;color:#1e293b}.crm-stats{display:flex;gap:16px}.crm-stats .stat{font-size:14px;color:#64748b}.crm-stats .stat strong{color:#1e293b}.crm-stats .stat.won strong{color:#10b981}.crm-stats .stat.lost strong{color:#ef4444}.crm-header-right{display:flex;gap:8px}.btn-primary{background:#6366f1;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#4f46e5}.btn-primary:disabled{background:#a5b4fc;cursor:not-allowed}.btn-secondary{background:#fff;color:#64748b;border:1px solid #e2e8f0;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.btn-danger{background:#fee2e2;color:#dc2626;border:1px solid #fecaca;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-danger:hover{background:#fecaca}.btn-sm{padding:6px 12px;font-size:13px}.btn-icon{background:transparent;border:none;cursor:pointer;padding:4px;font-size:16px;opacity:.6;transition:opacity .2s}.btn-icon:hover{opacity:1}.btn-icon.danger:hover{color:#dc2626}.kanban-board{display:flex;gap:16px;padding:24px;overflow-x:auto;flex:1;min-height:0}.kanban-column{flex:0 0 300px;display:flex;flex-direction:column;background:#f1f5f9;border-radius:12px;max-height:calc(100vh - 250px)}.kanban-column.is-over{background:#e0e7ff}.column-header{padding:16px;border-top:3px solid;border-radius:12px 12px 0 0;background:#fff}.column-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.column-name{font-weight:600;color:#1e293b;font-size:14px}.column-count{background:#e2e8f0;color:#64748b;font-size:12px;font-weight:600;padding:2px 8px;border-radius:10px}.column-value{font-size:13px;color:#64748b}.column-content{flex:1;padding:8px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.column-empty{display:flex;align-items:center;justify-content:center;min-height:100px;color:#94a3b8;font-size:13px;border:2px dashed #e2e8f0;border-radius:8px;margin:4px}.kanban-card{background:#fff;border-radius:8px;padding:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;transition:box-shadow .2s,transform .2s}.kanban-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.kanban-card.dragging{box-shadow:0 10px 25px -5px #0003;transform:rotate(3deg);opacity:.9}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px}.card-source{font-size:14px}.card-date{color:#94a3b8}.card-title{font-weight:600;color:#1e293b;font-size:14px;margin-bottom:8px;line-height:1.3}.card-contact{margin-bottom:8px}.contact-name{display:block;font-size:13px;color:#475569}.contact-company{display:block;font-size:12px;color:#94a3b8}.card-phone{font-size:12px;color:#64748b;margin-bottom:8px}.card-value{font-weight:600;color:#10b981;font-size:14px}.card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.card-tags .tag{background:#f1f5f9;color:#64748b;font-size:11px;padding:2px 6px;border-radius:4px}.card-tags .tag.more{background:#e2e8f0}.card-funnel-indicators{display:flex;gap:4px;margin-top:8px}.card-funnel-indicators .indicator{font-size:14px;cursor:default}.contact-profession{font-size:11px;color:#64748b;font-style:italic}.closed-stages{padding:16px 24px;background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0}.closed-stages h3{margin:0 0 12px;font-size:14px;font-weight:600;color:#64748b}.closed-columns{display:flex;gap:16px}.closed-column{flex:1;max-width:200px;padding:12px;border-radius:8px;text-align:center}.closed-column.won{background:#ecfdf5;border:1px solid #a7f3d0}.closed-column.lost{background:#fef2f2;border:1px solid #fecaca}.closed-header{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;color:#1e293b;margin-bottom:4px}.closed-count{background:#0000001a;padding:2px 8px;border-radius:10px;font-size:12px}.closed-value{font-size:16px;font-weight:700}.closed-column.won .closed-value{color:#10b981}.closed-column.lost .closed-value{color:#ef4444}.crm-loading,.crm-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.crm-error p{color:#ef4444;font-size:16px}.modal-content{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-header h2{margin:0;font-size:20px;font-weight:700;color:#1e293b}.modal-close{background:none;border:none;font-size:28px;color:#94a3b8;cursor:pointer;line-height:1}.modal-close:hover{color:#64748b}.modal-tabs{display:flex;border-bottom:1px solid #e2e8f0}.modal-tabs .tab{flex:1;padding:12px;background:none;border:none;font-size:14px;font-weight:600;color:#64748b;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s}.modal-tabs .tab:hover{color:#1e293b}.modal-tabs .tab.active{color:#6366f1;border-bottom-color:#6366f1}.modal-actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid #e2e8f0;justify-content:flex-end}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:24px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:13px;font-weight:600;color:#475569}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-group textarea{resize:vertical;min-height:80px}.form-section{margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.form-section h4{margin:0;font-size:14px;font-weight:600;color:#1e293b}.form-group.checkbox-group{flex-direction:row;align-items:center}.form-group.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500}.form-group.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#6366f1}.activities-tab{padding:24px}.add-activity{display:flex;gap:12px;margin-bottom:24px}.add-activity textarea{flex:1;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;resize:none}.add-activity textarea:focus{outline:none;border-color:#6366f1}.activities-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;gap:12px;padding:12px;background:#f8fafc;border-radius:8px}.activity-icon{font-size:20px}.activity-content{flex:1}.activity-content p{margin:0 0 4px;font-size:14px;color:#1e293b}.activity-date{font-size:12px;color:#94a3b8}.no-activities{text-align:center;padding:40px 20px;color:#94a3b8}.pipeline-settings{max-width:700px}.settings-content{padding:24px}.stages-section{margin-top:24px}.stages-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.stages-header h3{margin:0;font-size:16px;font-weight:600;color:#1e293b}.stages-hint{font-size:13px;color:#94a3b8;margin-bottom:16px}.stages-list{display:flex;flex-direction:column;gap:8px}.stage-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.stage-drag-handle{cursor:grab;color:#94a3b8;font-weight:700;font-size:16px;padding:0 4px}.stage-drag-handle:active{cursor:grabbing}.stage-color-indicator{width:16px;height:16px;border-radius:4px;flex-shrink:0}.stage-info{flex:1;display:flex;align-items:center;gap:8px}.stage-name{font-weight:600;color:#1e293b;font-size:14px}.stage-badges{display:flex;gap:4px}.badge{font-size:11px;padding:2px 6px;border-radius:4px;font-weight:600}.badge.default{background:#dbeafe;color:#2563eb}.badge.won{background:#dcfce7;color:#16a34a}.badge.lost{background:#fee2e2;color:#dc2626}.stage-actions{display:flex;gap:4px}.color-picker{display:flex;flex-wrap:wrap;gap:8px}.color-option{width:28px;height:28px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:all .2s}.color-option:hover{transform:scale(1.1)}.color-option.selected{border-color:#1e293b;box-shadow:0 0 0 2px #fff,0 0 0 4px currentColor}.stage-edit-form{margin-top:24px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.stage-edit-form h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#1e293b}.form-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}@media (max-width: 768px){.crm-header{flex-direction:column;gap:12px;align-items:flex-start}.crm-stats{flex-wrap:wrap}.kanban-board{padding:16px}.kanban-column{flex:0 0 280px}.form-grid{grid-template-columns:1fr}.modal-content{margin:10px;max-height:calc(100vh - 20px)}}.load-more-sentinel{min-height:40px;display:flex;justify-content:center;align-items:center;padding:8px}.loading-more{display:flex;align-items:center;gap:8px;color:#64748b;font-size:12px}.spinner-small{width:16px;height:16px;border:2px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}.load-more-btn{background:#fff;border:1px solid #e2e8f0;padding:6px 12px;border-radius:6px;font-size:12px;color:#64748b;cursor:pointer;transition:all .2s;width:100%}.load-more-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.crm-view{display:flex;flex-direction:column;height:calc(100vh - 80px);background:#f8fafc;margin:-24px;padding:0}.crm-view-empty,.crm-view-loading,.crm-view-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px}.crm-view-empty .empty-icon{font-size:64px}.crm-view-empty h2{margin:0;color:#1e293b}.crm-view-empty p{color:#64748b;margin:0}.crm-view-loading .spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.crm-view-error p{color:#ef4444}.tenant-select{padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff;min-width:200px;cursor:pointer}.tenant-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.crm-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;gap:16px;flex-wrap:wrap}.toolbar-left{display:flex;align-items:center;gap:16px}.pipeline-name{font-weight:600;color:#1e293b;font-size:16px}.toolbar-tabs{display:flex;gap:4px;background:#f1f5f9;padding:4px;border-radius:8px}.toolbar-tabs .tab-btn{background:transparent;border:none;color:#64748b;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.toolbar-tabs .tab-btn:hover{color:#1e293b;background:#0000000d}.toolbar-tabs .tab-btn.active{background:#6366f1;color:#fff}.toolbar-stats{display:flex;gap:16px;flex:1;justify-content:center}.toolbar-stats .stat{font-size:13px;color:#64748b}.toolbar-stats .stat strong{color:#1e293b}.toolbar-stats .stat.won strong{color:#10b981}.toolbar-stats .stat.lost strong{color:#ef4444}.toolbar-right{display:flex;gap:8px}.btn-export{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#10b981;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-export:hover{background:#059669;transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.crm-view .kanban-board{display:flex;gap:16px;padding:24px;overflow-x:auto;flex:1;min-height:0}.crm-view .kanban-column{flex:0 0 280px;max-height:calc(100vh - 320px)}.crm-view .closed-stages{padding:16px 24px;background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0}@media (max-width: 1024px){.crm-toolbar{flex-direction:column;align-items:stretch}.toolbar-left,.toolbar-stats,.toolbar-right{justify-content:center}.toolbar-stats{flex-wrap:wrap;gap:8px}}.automation-view{padding:24px;max-width:1200px;margin:0 auto}.automation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:16px}.header-left h1{margin:0 0 4px;font-size:24px;font-weight:600}.header-subtitle{color:#666;font-size:14px;margin:0}.header-right{display:flex;align-items:center;gap:12px}.tenant-selector{padding:10px 14px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff;min-width:200px;cursor:pointer;color:#374151}.tenant-selector:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#666}.spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.error-banner{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;color:#dc2626;border-radius:8px;margin-bottom:24px}.automations-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.stat-icon{color:#6b7280}.stat-icon.active{color:#10b981}.stat-icon.success{color:#667eea}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:24px;font-weight:700;color:#111827}.stat-label{font-size:13px;color:#6b7280}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-secondary:hover{background:#f9fafb}.btn-text{padding:10px 20px;background:none;color:#6b7280;border:none;font-size:14px;cursor:pointer;width:100%;margin-top:8px}.btn-text:hover{color:#374151}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:8px;color:#6b7280;cursor:pointer;transition:background .2s,color .2s}.btn-icon:hover{background:#f3f4f6;color:#374151}.btn-icon.danger:hover{background:#fef2f2;color:#dc2626}.btn-add{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#f3f4f6;border:none;border-radius:6px;font-size:13px;color:#374151;cursor:pointer}.btn-add:hover{background:#e5e7eb}.btn-remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:#9ca3af;cursor:pointer}.btn-remove:hover{background:#fef2f2;color:#dc2626}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 40px;background:#fff;border-radius:12px;border:2px dashed #e5e7eb;text-align:center}.empty-icon{color:#d1d5db;margin-bottom:16px}.empty-state h3{margin:0 0 8px;font-size:18px;font-weight:600;color:#374151}.empty-state p{margin:0 0 24px;color:#6b7280;font-size:14px}.automations-list{display:flex;flex-direction:column;gap:16px}.automation-card{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;transition:box-shadow .2s}.automation-card:hover{box-shadow:0 4px 12px #0000000d}.automation-card.inactive{opacity:.7}.automation-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:20px}.automation-info{flex:1}.automation-status{margin-bottom:8px}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.active{background:#ecfdf5;color:#059669}.status-badge.inactive{background:#f3f4f6;color:#6b7280}.automation-name{margin:0 0 4px;font-size:16px;font-weight:600;color:#111827}.automation-description{margin:0;font-size:13px;color:#6b7280}.automation-actions{display:flex;gap:4px}.automation-trigger{padding:12px 20px;background:#f9fafb;border-top:1px solid #e5e7eb;font-size:13px}.trigger-label{color:#6b7280;margin-right:8px}.trigger-value{font-weight:500;color:#374151}.automation-details{padding:20px;border-top:1px solid #e5e7eb;background:#fafafa}.detail-section{margin-bottom:16px}.detail-section:last-child{margin-bottom:0}.detail-section h4{margin:0 0 8px;font-size:13px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.05em}.conditions-list,.actions-list{list-style:none;padding:0;margin:0}.conditions-list li,.actions-list li{padding:8px 12px;background:#fff;border-radius:6px;margin-bottom:4px;font-size:13px}.conditions-list code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-family:monospace}.action-type{font-weight:500}.action-delay{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:2px 8px;background:#fef3c7;color:#92400e;border-radius:4px;font-size:11px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stat-item{text-align:center;padding:12px;background:#fff;border-radius:8px}.stat-item .stat-number{display:block;font-size:20px;font-weight:700;color:#111827}.stat-item .stat-text{font-size:11px;color:#6b7280;text-transform:uppercase}.stat-item.success .stat-number{color:#059669}.stat-item.error .stat-number{color:#dc2626}.last-executed{margin:12px 0 0;font-size:12px;color:#6b7280}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;padding:24px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-content.editor{max-width:600px}.modal-content h2{margin:0 0 20px;font-size:20px;font-weight:600}.modal-divider{display:flex;align-items:center;gap:16px;margin:24px 0;color:#9ca3af;font-size:13px}.modal-divider:before,.modal-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.template-section h3{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151}.templates-grid{display:grid;gap:12px}.template-card{display:block;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;text-align:left;cursor:pointer;transition:border-color .2s,background .2s}.template-card:hover{background:#f3f4f6;border-color:#667eea}.template-trigger{display:inline-block;font-size:11px;color:#667eea;margin-bottom:4px}.template-card h4{margin:0 0 4px;font-size:14px;font-weight:600;color:#111827}.template-card p{margin:0;font-size:12px;color:#6b7280}.full-width{width:100%}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:#374151}.form-group input[type=text],.form-group input[type=number],.form-group input[type=url],.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:60px}.form-group.checkbox{display:flex;align-items:center}.form-group.checkbox label{display:flex;align-items:center;gap:8px;margin:0;cursor:pointer}.form-group.checkbox input[type=checkbox]{width:18px;height:18px;accent-color:#667eea}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row.delay{margin-top:12px;padding-top:12px;border-top:1px dashed #e5e7eb}.form-section{margin-bottom:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-header h3{margin:0;font-size:14px;font-weight:600;color:#374151}.action-item{padding:16px;background:#f9fafb;border-radius:10px;margin-bottom:12px}.action-header{display:flex;gap:8px;margin-bottom:12px}.action-header select{flex:1}.no-actions{text-align:center;color:#9ca3af;font-size:13px;padding:20px;background:#f9fafb;border-radius:8px;border:1px dashed #e5e7eb}@media (max-width: 768px){.automation-header,.automation-card-header{flex-direction:column;gap:16px}.automation-actions{align-self:flex-start}.stats-grid,.form-row{grid-template-columns:1fr}}.settings-view{width:100%;max-width:100%}.settings-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 1px 3px #0000001a}.settings-header h1{margin:0;font-size:2rem;color:#0f172a}.settings-header p{margin:.5rem 0 0;color:#64748b;font-size:.9375rem}.save-success{color:#10b981;font-weight:600;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#6366f1;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 6px #6366f14d}.btn-primary:disabled{background:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{padding:.5rem 1rem;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0;border-radius:.375rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#e2e8f0}.settings-tabs{display:flex;gap:.5rem;background:#fff;padding:.5rem;border-radius:1rem;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.tab-btn{flex:1;padding:.875rem 1.5rem;background:transparent;color:#64748b;border:none;border-radius:.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.tab-btn:hover{background:#f8fafc;color:#334155}.settings-content{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;padding:2rem}.settings-section h3{margin:0 0 .5rem;font-size:1.25rem;color:#0f172a}.section-description{margin:0 0 1.5rem;color:#64748b;font-size:.9375rem}.settings-group{display:flex;flex-direction:column;gap:1.25rem}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;background:#f8fafc;border-radius:.75rem;transition:all .2s}.setting-item:hover{background:#f1f5f9}.setting-item.warning{background:#fef3c7;border:1px solid #fcd34d}.setting-info{flex:1}.setting-info label{display:block;font-weight:600;color:#0f172a;margin-bottom:.25rem}.setting-description{font-size:.8125rem;color:#64748b}.setting-control{display:flex;align-items:center;gap:.75rem}.setting-control.full-width{flex:1;margin-left:2rem}.setting-control input[type=number],.setting-control input[type=text],.setting-control input[type=email],.setting-control input[type=url],.setting-control input[type=password]{padding:.625rem .875rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;width:120px;transition:all .2s}.setting-control input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.setting-control.full-width input,.setting-control.full-width textarea{width:100%}.setting-control textarea{padding:.625rem .875rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;resize:vertical;font-family:inherit}.setting-control select{padding:.625rem 2rem .625rem .875rem;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;background:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;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='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.setting-unit{color:#64748b;font-size:.875rem}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}input:checked+.toggle-slider{background-color:#6366f1}input:checked+.toggle-slider:before{transform:translate(24px)}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.integration-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#f8fafc;border-radius:.75rem;border:1px solid #e2e8f0;transition:all .2s}.integration-card:hover{border-color:#6366f1;box-shadow:0 4px 6px #6366f11a}.integration-card.connected{border-left:4px solid #10b981}.integration-card.disconnected{border-left:4px solid #94a3b8}.integration-card.error{border-left:4px solid #ef4444}.integration-icon{width:48px;height:48px;background:#fff;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:0 1px 3px #0000001a}.integration-info{flex:1}.integration-info h4{margin:0 0 .25rem;font-size:1rem;color:#0f172a}.integration-status{font-size:.8125rem;font-weight:500}.integration-status.connected{color:#10b981}.integration-status.disconnected{color:#64748b}.integration-status.error{color:#ef4444}.integration-sync{display:block;font-size:.75rem;color:#94a3b8;margin-top:.25rem}.btn-integration{padding:.5rem 1rem;background:#fff;color:#6366f1;border:1px solid #6366f1;border-radius:.375rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-integration:hover{background:#6366f1;color:#fff}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#64748b}@media (max-width: 768px){.settings-header{flex-direction:column;gap:1rem}.settings-tabs{flex-wrap:wrap}.tab-btn{flex:none;padding:.75rem 1rem;font-size:.8125rem}.setting-item{flex-direction:column;align-items:flex-start;gap:1rem}.setting-control,.setting-control input,.setting-control select{width:100%}.integrations-grid{grid-template-columns:1fr}}.analytics-view{width:100%;max-width:100%}.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 1px 3px #0000001a}.analytics-header h1{margin:0;font-size:2rem;color:#0f172a}.analytics-header p{margin:.5rem 0 0;color:#64748b;font-size:.9375rem}.header-actions{display:flex;align-items:center;gap:1rem}.period-selector{display:flex;background:#f1f5f9;border-radius:.5rem;padding:.25rem}.period-selector button{padding:.5rem 1rem;background:transparent;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.period-selector button:hover{color:#334155}.period-selector button.active{background:#fff;color:#6366f1;box-shadow:0 1px 3px #0000001a}.btn-export{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fff;color:#475569;border:1px solid #e2e8f0;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-export:hover{background:#f8fafc;border-color:#cbd5e1}.overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:1.5rem}.overview-card{display:flex;align-items:center;gap:1rem;background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 1px 3px #0000001a;transition:all .2s}.overview-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.overview-icon{width:56px;height:56px;border-radius:1rem;display:flex;align-items:center;justify-content:center;font-size:1.75rem}.overview-icon.sessions{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.overview-icon.messages{background:linear-gradient(135deg,#dcfce7,#bbf7d0)}.overview-icon.leads{background:linear-gradient(135deg,#fef3c7,#fde68a)}.overview-icon.conversion{background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.overview-content{display:flex;flex-direction:column}.overview-label{font-size:.875rem;color:#64748b}.overview-value{font-size:1.75rem;font-weight:700;color:#0f172a}.charts-row{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.chart-card{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.chart-card.large{grid-column:1}.chart-card.full-width{grid-column:1 / -1}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.chart-header h3{margin:0;font-size:1.125rem;color:#0f172a}.chart-subtitle{font-size:.8125rem;color:#64748b}.bar-chart{display:flex;align-items:flex-end;justify-content:space-between;height:200px;gap:.5rem}.bar-item{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.bar-container{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.bar{width:80%;max-width:40px;background:linear-gradient(180deg,#6366f1,#8b5cf6);border-radius:.375rem .375rem 0 0;min-height:4px;display:flex;align-items:flex-start;justify-content:center;transition:all .3s;position:relative}.bar:hover{background:linear-gradient(180deg,#4f46e5,#7c3aed)}.bar-value{position:absolute;top:-24px;font-size:.75rem;font-weight:600;color:#475569}.bar-label{font-size:.75rem;color:#64748b;margin-top:.5rem;text-transform:capitalize}.source-list{display:flex;flex-direction:column;gap:1rem}.source-item{display:flex;align-items:center;gap:1rem}.source-info{width:120px;display:flex;justify-content:space-between}.source-name{font-size:.875rem;color:#334155}.source-count{font-size:.875rem;font-weight:600;color:#0f172a}.source-bar-container{flex:1;height:8px;background:#f1f5f9;border-radius:4px;overflow:hidden}.source-bar{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;transition:width .5s ease}.source-percentage{width:40px;text-align:right;font-size:.875rem;font-weight:600;color:#6366f1}.funnel-chart{display:flex;flex-direction:column;gap:1rem}.funnel-item{display:flex;flex-direction:column;gap:.5rem}.funnel-label{display:flex;justify-content:space-between}.funnel-stage{font-size:.875rem;color:#334155}.funnel-count{font-size:.875rem;font-weight:600;color:#0f172a}.funnel-bar-container{height:24px;background:#f1f5f9;border-radius:.375rem;overflow:hidden}.funnel-bar{height:100%;border-radius:.375rem;transition:width .5s ease}.clients-table{display:flex;flex-direction:column}.table-header{display:grid;grid-template-columns:1fr 80px 80px;padding:.75rem 0;border-bottom:1px solid #e2e8f0;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase}.table-row{display:grid;grid-template-columns:1fr 80px 80px;padding:1rem 0;border-bottom:1px solid #f1f5f9;align-items:center}.table-row:last-child{border-bottom:none}.client-info{display:flex;align-items:center;gap:.75rem}.client-rank{width:28px;height:28px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#6366f1}.client-name{display:block;font-size:.875rem;font-weight:500;color:#0f172a}.client-subdomain{font-size:.75rem;color:#94a3b8}.client-sessions,.client-messages{font-size:.875rem;font-weight:600;color:#334155;text-align:center}.hourly-chart{display:flex;align-items:flex-end;height:120px;gap:2px}.hourly-bar-item{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.hourly-bar-container{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.hourly-bar{width:100%;background:#cbd5e1;border-radius:2px 2px 0 0;min-height:2px;transition:all .3s}.hourly-bar.business{background:linear-gradient(180deg,#6366f1,#8b5cf6)}.hourly-bar:hover{opacity:.8}.hourly-label{font-size:.6875rem;color:#94a3b8;margin-top:.5rem;min-height:1rem}.loading-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;color:#64748b}.spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.error-state button{margin-top:1rem;padding:.5rem 1rem;background:#6366f1;color:#fff;border:none;border-radius:.5rem;cursor:pointer}@media (max-width: 1200px){.overview-grid{grid-template-columns:repeat(2,1fr)}.charts-row{grid-template-columns:1fr}.chart-card.large{grid-column:1}}@media (max-width: 768px){.analytics-header{flex-direction:column;gap:1rem}.header-actions{flex-direction:column;width:100%}.period-selector,.btn-export{width:100%;justify-content:center}.overview-grid{grid-template-columns:1fr}.bar-chart{height:150px}.hourly-chart{height:80px}}.whatsapp-manager{background:var(--card-bg, #fff);border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #00000014}.whatsapp-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.whatsapp-header h3{margin:0;font-size:1.25rem;flex-grow:1}.btn-refresh{background:transparent;border:none;cursor:pointer;font-size:1.25rem;padding:.5rem;border-radius:8px;transition:background .2s}.btn-refresh:hover{background:var(--hover-bg, #f3f4f6)}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.status-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef9c3;color:#854d0e}.badge-error{background:#fee2e2;color:#991b1b}.badge-loading{background:#e0e7ff;color:#3730a3}.connected-info{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f0fdf4;border-radius:12px;margin-bottom:1.5rem}.connected-avatar{font-size:2rem}.connected-details strong{color:#166534;display:block;margin-bottom:.25rem}.connected-details p{margin:0;font-weight:500}.connected-details small{color:#6b7280;font-size:.75rem}.qrcode-section{text-align:center;padding:1.5rem;background:#f9fafb;border-radius:12px;margin-bottom:1.5rem}.qrcode-section h4{margin:0 0 .5rem}.qrcode-section>p{color:#6b7280;margin-bottom:1rem;font-size:.875rem}.qrcode-container{display:flex;justify-content:center;margin:1rem 0}.qrcode-image{max-width:280px;border-radius:12px;box-shadow:0 4px 12px #00000026}.qrcode-loading{padding:2rem;color:#6b7280}.pairing-code-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #e5e7eb)}.pairing-code-section h5{margin:0 0 1rem;font-weight:500;color:#374151}.pairing-input-group{display:flex;gap:.5rem;max-width:400px;margin:0 auto}.pairing-input-group input{flex:1;padding:.75rem;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:1rem}.pairing-code-display{margin-top:1rem;padding:1rem;background:#fff;border-radius:8px;border:2px dashed #10b981}.pairing-code-display code{font-size:1.5rem;font-weight:700;color:#059669;letter-spacing:.1em}.pairing-code-display .hint{margin:.5rem 0 0;font-size:.875rem;color:#6b7280}.whatsapp-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.whatsapp-actions .btn{padding:.75rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.whatsapp-actions .btn:disabled{opacity:.6;cursor:not-allowed}.whatsapp-actions .btn-primary{background:#6366f1;color:#fff}.whatsapp-actions .btn-primary:hover:not(:disabled){background:#4f46e5}.whatsapp-actions .btn-secondary{background:#e5e7eb;color:#374151}.whatsapp-actions .btn-secondary:hover:not(:disabled){background:#d1d5db}.whatsapp-actions .btn-warning{background:#fbbf24;color:#78350f}.whatsapp-actions .btn-warning:hover:not(:disabled){background:#f59e0b}.whatsapp-actions .btn-danger{background:#ef4444;color:#fff}.whatsapp-actions .btn-danger:hover:not(:disabled){background:#dc2626}.test-message-section{padding:1.5rem;background:#f9fafb;border-radius:12px;margin-bottom:1.5rem}.test-message-section h4{margin:0 0 1rem}.test-form{display:flex;flex-direction:column;gap:1rem}.test-form .form-group{display:flex;flex-direction:column;gap:.5rem}.test-form label{font-weight:500;font-size:.875rem;color:#374151}.test-form input,.test-form textarea{padding:.75rem;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;font-size:.95rem;font-family:inherit}.test-form input:focus,.test-form textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.test-form .btn{align-self:flex-start;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;border:none;background:#6366f1;color:#fff;transition:background .2s}.test-form .btn:hover:not(:disabled){background:#4f46e5}.test-form .btn:disabled{opacity:.6;cursor:not-allowed}.session-info{padding:1rem;background:#f3f4f6;border-radius:8px}.session-info h4{margin:0 0 1rem;font-size:.95rem}.session-info dl{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1rem;margin:0;font-size:.875rem}.session-info dt{font-weight:500;color:#6b7280}.session-info dd{margin:0;word-break:break-all}.session-info code{background:#e5e7eb;padding:.125rem .375rem;border-radius:4px;font-size:.8rem}.whatsapp-disabled{text-align:center;padding:3rem 1.5rem;color:#6b7280}.whatsapp-disabled h3{margin:0 0 .5rem;color:#374151}.whatsapp-disabled p{margin:0}.alert{padding:1rem;border-radius:8px;margin-bottom:1rem}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}@media (max-width: 640px){.whatsapp-header{flex-wrap:wrap}.whatsapp-actions{flex-direction:column}.whatsapp-actions .btn{width:100%}.pairing-input-group{flex-direction:column}.session-info dl{grid-template-columns:1fr}.session-info dt{margin-top:.5rem}}.whatsapp-view{padding:0}.whatsapp-view-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px}.whatsapp-view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px 24px 0}.whatsapp-view-header .header-left{display:flex;align-items:center;gap:16px}.whatsapp-view-header h1{margin:0;font-size:24px;font-weight:600;color:#1a1a2e}.whatsapp-view-header .client-count{background:#e8f5e9;color:#25d366;padding:4px 12px;border-radius:20px;font-size:14px;font-weight:500}.whatsapp-info-box{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:12px;padding:20px;margin:0 24px 24px;border-left:4px solid #25d366}.whatsapp-info-box h3{margin:0 0 8px;font-size:16px;color:#1a1a2e}.whatsapp-info-box p{margin:0 0 16px;color:#555;font-size:14px;line-height:1.5}.status-legend{display:flex;flex-wrap:wrap;gap:16px}.status-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#666}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.stopped{background:#9e9e9e}.status-dot.starting{background:#ff9800;animation:pulse 1.5s ease-in-out infinite}.status-dot.scan{background:#2196f3;animation:pulse 1.5s ease-in-out infinite}.status-dot.working{background:#25d366}.status-dot.failed{background:#f44336}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.alert{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;margin:0 24px 16px}.alert-error{background:#ffebee;color:#c62828;border:1px solid #ffcdd2}.alert button{margin-left:auto;background:transparent;border:1px solid currentColor;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:12px}.empty-state{text-align:center;padding:60px 24px}.empty-state .empty-icon{font-size:64px;display:block;margin-bottom:16px}.empty-state h3{margin:0 0 8px;color:#1a1a2e}.empty-state p{margin:0;color:#666}.whatsapp-content{display:flex;gap:0;margin:0 24px;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;min-height:600px;background:#fff}.whatsapp-sidebar{width:280px;flex-shrink:0;border-right:1px solid #e0e0e0;background:#fafafa;display:flex;flex-direction:column}.sidebar-search{padding:16px;border-bottom:1px solid #e0e0e0}.sidebar-search input{width:100%;padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;background:#fff;transition:border-color .2s}.sidebar-search input:focus{outline:none;border-color:#25d366}.client-list{flex:1;overflow-y:auto}.client-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 16px;border:none;background:transparent;cursor:pointer;text-align:left;transition:background .2s;border-bottom:1px solid #eee}.client-item:hover{background:#f0f0f0}.client-item.selected{background:#e8f5e9;border-left:3px solid #25d366}.client-item .client-info{display:flex;flex-direction:column;gap:2px}.client-item strong{font-size:14px;color:#1a1a2e}.client-item .subdomain{font-size:12px;color:#888}.client-item .status-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.client-item .status-indicator.enabled{background:#25d366}.client-item .status-indicator.disabled{background:#9e9e9e}.whatsapp-main{flex:1;overflow-y:auto;background:#fff}.select-client-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#666;padding:24px}.select-client-prompt .icon{font-size:48px;margin-bottom:16px}.select-client-prompt h3{margin:0 0 8px;color:#1a1a2e}.select-client-prompt p{margin:0;color:#888}.spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #25d366;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.whatsapp-content{flex-direction:column}.whatsapp-sidebar{width:100%;border-right:none;border-bottom:1px solid #e0e0e0;max-height:300px}}.calendar-stats-view{padding:24px;max-width:1400px;margin:0 auto}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.stats-header h2{margin:0;font-size:24px;color:#1a1a1a}.stats-actions{display:flex;gap:12px}.calculate-button,.retry-button{padding:10px 20px;background:#4caf50;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}.calculate-button:hover,.retry-button:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}.period-selector{display:flex;gap:12px;margin-bottom:24px;background:#f5f5f5;padding:4px;border-radius:8px;width:fit-content}.period-button{padding:10px 24px;background:transparent;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;color:#666;transition:all .3s ease}.period-button.active{background:#fff;color:#4caf50;box-shadow:0 2px 8px #0000001a}.period-button:hover:not(.active){background:#ffffff80;color:#333}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.stats-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;gap:16px;transition:transform .3s ease,box-shadow .3s ease}.stats-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.stats-card-icon{font-size:40px;min-width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#f0f9ff;border-radius:12px}.stats-card-content{flex:1}.stats-card-value{font-size:32px;font-weight:700;color:#1a1a1a;line-height:1;margin-bottom:8px}.stats-card-title{font-size:14px;color:#666;font-weight:500}.stats-card-subtitle{font-size:12px;color:#999;margin-top:4px}.stats-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.source-breakdown h4{margin:0 0 20px;font-size:18px;color:#1a1a1a}.source-list{display:flex;flex-direction:column;gap:16px}.source-item{display:flex;flex-direction:column;gap:8px}.source-info{display:flex;align-items:center;gap:8px}.source-icon{font-size:20px}.source-name{font-weight:500;text-transform:capitalize;color:#333}.source-stats{display:flex;align-items:center;gap:8px;margin-left:auto}.source-count{font-weight:700;font-size:18px;color:#4caf50}.source-percentage{font-size:14px;color:#666}.source-bar{width:100%;height:8px;background:#f0f0f0;border-radius:4px;overflow:hidden}.source-bar-fill{height:100%;background:linear-gradient(90deg,#4caf50,#45a049);transition:width .5s ease}.stats-insights{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.stats-insights h4{margin:0 0 16px;font-size:18px;color:#1a1a1a}.insight-list{display:flex;flex-direction:column;gap:12px}.insight-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;font-size:14px;line-height:1.5}.insight-item.success{background:#f0f9ff;color:#0d7a5f}.insight-item.warning{background:#fff7ed;color:#ea580c}.insight-item.info{background:#f0f9ff;color:#0369a1}.insight-icon{font-size:18px;flex-shrink:0}.loading,.error-message,.no-data{text-align:center;padding:60px 20px}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #4CAF50;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-icon{font-size:48px;display:block;margin-bottom:16px}.error-message p,.loading p,.no-data p{color:#666;font-size:16px;margin:0 0 16px}@media (max-width: 768px){.stats-header{flex-direction:column;align-items:flex-start;gap:16px}.stats-grid{grid-template-columns:1fr}.stats-card{flex-direction:column;text-align:center}.source-item{flex-direction:column;align-items:flex-start}.source-stats{margin-left:28px}}.watchdog-monitor-view{width:100%}.watchdog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 1px 3px #00000014}.watchdog-header h1{margin:0;font-size:1.625rem;color:#0f172a}.watchdog-header p{margin:.5rem 0 0;color:#64748b}.watchdog-refresh-button{padding:.625rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;background:#f8fafc;color:#0f172a;font-weight:600;cursor:pointer;transition:all .2s ease}.watchdog-refresh-button:hover:not(:disabled){background:#eef2ff;border-color:#818cf8}.watchdog-refresh-button:disabled{opacity:.7;cursor:not-allowed}.watchdog-overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.watchdog-card{background:#fff;border-radius:.875rem;padding:1.25rem;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb}.watchdog-label{display:block;font-size:.8125rem;color:#64748b;margin-bottom:.5rem}.watchdog-value{color:#111827;font-size:1.05rem}.status-operacional{color:#047857}.status-degradado{color:#b45309}.status-reiniciando-redis{color:#1d4ed8}.status-desabilitado{color:#6b7280}.watchdog-details-card{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb}.watchdog-details-card h2{margin:0 0 1rem;font-size:1.1rem;color:#0f172a}.watchdog-details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem 1.25rem}.watchdog-details-grid>div{display:flex;flex-direction:column;gap:.25rem}.detail-label{font-size:.75rem;color:#64748b}.detail-value{font-size:.95rem;color:#111827;font-weight:600}.monitor-loading-state,.monitor-error-state{background:#fff;border-radius:1rem;min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.75rem;box-shadow:0 1px 3px #00000014}.monitor-error-state button{border:none;border-radius:.5rem;padding:.6rem 1rem;background:#2563eb;color:#fff;cursor:pointer}.spinner{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;animation:watchdog-spin .8s linear infinite}@keyframes watchdog-spin{to{transform:rotate(360deg)}}@media (max-width: 1100px){.watchdog-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.watchdog-header{flex-direction:column;align-items:stretch}.watchdog-overview-grid,.watchdog-details-grid{grid-template-columns:1fr}}.logs-view{width:100%}.logs-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;background:#fff;border-radius:1rem;padding:1.25rem;box-shadow:0 1px 3px #00000014;margin-bottom:1rem}.logs-header h1{margin:0;font-size:1.5rem;color:#0f172a}.logs-header p{margin:.35rem 0 0;color:#64748b}.logs-refresh-button{border:1px solid #d1d5db;background:#f8fafc;border-radius:.5rem;color:#111827;font-weight:600;padding:.6rem 1rem;cursor:pointer}.logs-refresh-button:disabled{opacity:.7;cursor:not-allowed}.logs-filters{display:grid;grid-template-columns:180px 180px 1fr;gap:.75rem;background:#fff;border-radius:1rem;padding:1rem;box-shadow:0 1px 3px #00000014;margin-bottom:.75rem}.logs-filters label{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;color:#4b5563}.logs-filters select,.logs-filters input{border:1px solid #d1d5db;border-radius:.5rem;padding:.55rem .65rem;font-size:.9rem}.logs-summary{font-size:.85rem;color:#6b7280;margin:.25rem 0 .6rem}.logs-state-card{background:#fff;border-radius:1rem;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;box-shadow:0 1px 3px #00000014}.logs-state-card.error p{color:#b91c1c}.logs-state-card button{border:none;border-radius:.5rem;padding:.5rem .9rem;background:#2563eb;color:#fff;cursor:pointer}.logs-table-wrapper{background:#fff;border-radius:1rem;box-shadow:0 1px 3px #00000014;overflow:auto}.logs-table{width:100%;border-collapse:collapse;min-width:950px}.logs-table th,.logs-table td{border-bottom:1px solid #e5e7eb;text-align:left;padding:.7rem;vertical-align:top;font-size:.83rem}.logs-table th{background:#f8fafc;color:#475569;position:sticky;top:0}.log-level{display:inline-block;border-radius:999px;font-weight:700;padding:.18rem .52rem;font-size:.68rem}.log-level-debug{background:#e5e7eb;color:#374151}.log-level-info{background:#dbeafe;color:#1e3a8a}.log-level-warn{background:#fef3c7;color:#92400e}.log-level-error{background:#fee2e2;color:#991b1b}.log-message{max-width:420px;white-space:pre-wrap;word-break:break-word}.metadata-preview{margin:0;max-width:380px;max-height:120px;overflow:auto;padding:.35rem;background:#f8fafc;border-radius:.4rem;font-size:.72rem}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid #e5e7eb;border-top-color:#4f46e5;animation:logs-spin .8s linear infinite}@keyframes logs-spin{to{transform:rotate(360deg)}}@media (max-width: 900px){.logs-filters{grid-template-columns:1fr}}.admin-header{position:fixed;top:0;left:0;right:0;height:64px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:1000;box-shadow:0 1px 3px #0000000d}.admin-header-left{display:flex;align-items:center;gap:1rem}.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:#64748b;border-radius:.5rem;cursor:pointer;transition:all .2s}.sidebar-toggle-btn:hover{background:#f1f5f9;color:#334155}.admin-logo{display:flex;align-items:center;gap:.75rem}.logo-icon{font-size:2rem;line-height:1}.logo-text h1{margin:0;font-size:1.25rem;font-weight:700;color:#0f172a;line-height:1.2}.logo-subtitle{font-size:.75rem;color:#64748b;font-weight:500}.admin-header-right{display:flex;align-items:center;gap:1.5rem}.user-info{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-radius:.5rem;background:#f8fafc}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff}.user-name{font-size:.875rem;font-weight:600;color:#334155}.logout-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#ef4444;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.logout-button:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 6px #ef44444d}@media (max-width: 768px){.admin-header{padding:0 1rem}.logo-text h1{font-size:1rem}.logo-subtitle,.user-name,.logout-button span{display:none}.logout-button{padding:.625rem;width:40px;height:40px;justify-content:center}}.admin-sidebar{position:fixed;left:0;top:64px;bottom:0;width:280px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;transition:all .3s ease;z-index:999;overflow-y:auto;overflow-x:hidden}.admin-sidebar.collapsed{width:80px}.sidebar-nav{flex:1;padding:1.5rem 0}.sidebar-menu{list-style:none;padding:0;margin:0}.sidebar-item{display:flex;align-items:center;width:100%;padding:.875rem 1.5rem;border:none;background:transparent;color:#64748b;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s;text-align:left;gap:1rem;position:relative}.admin-sidebar.collapsed .sidebar-item{justify-content:center;padding:1rem}.sidebar-item:hover{background:#f8fafc;color:#334155}.sidebar-item.active{background:linear-gradient(90deg,#ede9fe,#f5f3ff);color:#6366f1;font-weight:600}.sidebar-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#6366f1,#8b5cf6)}.sidebar-icon{font-size:1.5rem;line-height:1;flex-shrink:0}.sidebar-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-sidebar.collapsed .sidebar-label{display:none}.sidebar-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#ef4444;color:#fff;border-radius:10px;font-size:.75rem;font-weight:600}.admin-sidebar.collapsed .sidebar-badge{position:absolute;top:8px;right:8px;min-width:18px;height:18px}.sidebar-footer{padding:1.5rem;border-top:1px solid #e2e8f0;background:#f8fafc}.sidebar-info{display:flex;flex-direction:column;gap:.75rem}.info-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#fff;border-radius:.5rem;border:1px solid #e2e8f0}.info-icon{font-size:1.5rem;line-height:1}.info-text{display:flex;flex-direction:column;gap:.125rem}.info-text small{font-size:.75rem;color:#64748b;font-weight:500}.info-text strong{font-size:.875rem;color:#0f172a;font-weight:600}@media (max-width: 1024px){.admin-sidebar:not(.collapsed){width:80px}.admin-sidebar:not(.collapsed) .sidebar-item{justify-content:center;padding:1rem}.admin-sidebar:not(.collapsed) .sidebar-label{display:none}.admin-sidebar:not(.collapsed) .sidebar-footer{display:none}}@media (max-width: 768px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar:not(.collapsed){transform:translate(0);box-shadow:2px 0 8px #0000001a}}.admin-sidebar::-webkit-scrollbar{width:6px}.admin-sidebar::-webkit-scrollbar-track{background:transparent}.admin-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.admin-sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.admin-layout{display:flex;flex-direction:column;min-height:100vh;background:#f8fafc}.admin-layout-container{display:flex;flex:1;overflow:hidden}.admin-content{flex:1;margin-left:280px;margin-top:64px;transition:margin-left .3s ease;overflow-x:hidden;overflow-y:auto;background:#f8fafc}.admin-content.sidebar-collapsed{margin-left:80px}.admin-content-inner{padding:2rem;max-width:100%;width:100%;min-height:calc(100vh - 64px)}@media (max-width: 1024px){.admin-content{margin-left:80px}.admin-content.sidebar-collapsed{margin-left:0}}@media (max-width: 768px){.admin-content{margin-left:0}.admin-content-inner{padding:1rem}}.admin-dashboard{min-height:100vh;background:#f8fafc}.dashboard-placeholder{background:#fff;border-radius:1rem;padding:3rem;text-align:center;box-shadow:0 1px 3px #0000001a}.dashboard-placeholder h2{margin:0 0 1rem;font-size:2rem;color:#0f172a}.dashboard-placeholder p{margin:0;font-size:1.125rem;color:#64748b}@media (max-width: 768px){.dashboard-placeholder{padding:2rem 1rem}.dashboard-placeholder h2{font-size:1.5rem}.dashboard-placeholder p{font-size:1rem}}:root{--primary: #8b5cf6;--primary-dark: #7c3aed;--primary-light: #a78bfa;--secondary: #ec4899;--accent: #f59e0b;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-purple-light: #faf5ff;--text-primary: #1f2937;--text-secondary: #6b7280;--border-color: #e5e7eb;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1)}.home-page{width:100%;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;color:var(--text-primary);background:var(--bg-primary);overflow-x:hidden}.gradient-bg{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 50%,var(--secondary) 100%);color:#fff}.gradient-text{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-red{color:#ef4444}.hidden-mobile{display:flex}@media (max-width: 768px){.hidden-mobile{display:none}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #8b5cf666}50%{box-shadow:0 0 40px #8b5cf699}}.animate-fade-in-up{animation:fadeInUp .8s ease-out}.floating-animation{animation:float 3s ease-in-out infinite}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.header{position:fixed;top:0;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(139,92,246,.1);z-index:1000;transition:all .3s ease}.header-content{display:flex;align-items:center;justify-content:space-between;height:70px}.logo{display:flex;align-items:center}.logo-text{font-size:1.5rem;font-weight:800;color:var(--text-primary)}.logo-highlight{color:var(--primary)}.nav{display:flex;gap:2rem;align-items:center}.nav-link{background:none;border:none;color:var(--text-secondary);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;padding:.5rem 0}.nav-link:hover{color:var(--primary)}.header-actions{display:flex;gap:1rem;align-items:center}.btn-secondary{padding:.625rem 1.5rem;font-size:.95rem;font-weight:600;border-radius:10px;border:2px solid rgba(139,92,246,.2);background:transparent;color:var(--primary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-secondary:hover{background:#8b5cf60d;border-color:var(--primary)}.btn-primary{padding:.625rem 1.75rem;font-size:.95rem;font-weight:600;border-radius:10px;border:none;cursor:pointer;transition:all .3s ease;color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #8b5cf64d}.hero-section{padding:10rem 0 6rem;background:linear-gradient(135deg,#faf5ff,#fff,#faf5ff);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(236,72,153,.1) 0%,transparent 50%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-badge{display:inline-block;padding:.5rem 1.25rem;background:#8b5cf61a;color:var(--primary);border-radius:50px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;border:1px solid rgba(139,92,246,.2)}.hero-title{font-size:3.5rem;font-weight:900;line-height:1.1;margin-bottom:1.5rem;color:var(--text-primary);letter-spacing:-.02em}.hero-title strong{font-weight:900}.hero-subtitle{font-size:1.25rem;line-height:1.7;color:var(--text-secondary);margin-bottom:2.5rem;max-width:90%}.hero-subtitle strong{color:var(--text-primary);font-weight:600}.hero-cta-buttons{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.btn-primary-large{padding:1rem 2rem;font-size:1.125rem;font-weight:700;border-radius:14px;border:none;cursor:pointer;transition:all .3s ease;color:#fff;display:flex;align-items:center;gap:.75rem;box-shadow:0 4px 14px #8b5cf64d}.btn-primary-large:hover{transform:translateY(-3px);box-shadow:0 12px 30px #8b5cf666}.btn-secondary-large{padding:1rem 2rem;font-size:1.125rem;font-weight:600;border-radius:14px;border:2px solid rgba(139,92,246,.2);background:#fff;color:var(--primary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.75rem}.btn-secondary-large:hover{background:#8b5cf60d;border-color:var(--primary);transform:translateY(-2px)}.hero-stats-row{display:flex;gap:2rem}.stat-item{text-align:center;padding:1.25rem 1rem;background:#fff;border-radius:12px;box-shadow:var(--shadow-md);min-width:110px;border:1px solid rgba(139,92,246,.1);transition:all .3s ease}.stat-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-value{font-size:2.5rem;font-weight:900;margin-bottom:.25rem}.stat-label{font-size:.875rem;color:var(--text-secondary);font-weight:500}.hero-visual{position:relative}.chat-demo-card{background:#fff;border-radius:24px;padding:2rem;box-shadow:0 20px 50px #8b5cf633;border:1px solid rgba(139,92,246,.1)}.chat-demo-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.chat-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.chat-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.chat-status{font-size:.875rem;color:#10b981;font-weight:500}.chat-messages{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto}.message{padding:.875rem 1.25rem;border-radius:16px;max-width:85%;font-size:.95rem;line-height:1.5}.message-bot{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;align-self:flex-start;border-bottom-left-radius:4px}.message-user{background:#f3f4f6;color:var(--text-primary);align-self:flex-end;border-bottom-right-radius:4px}.trust-section{padding:4rem 0;background:#8b5cf608;border-top:1px solid rgba(139,92,246,.1);border-bottom:1px solid rgba(139,92,246,.1)}.section-subtitle{text-align:center;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:3rem}.trust-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.trust-stat{text-align:center}.trust-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;box-shadow:var(--shadow-md)}.trust-number{font-size:2.5rem;font-weight:900;margin-bottom:.5rem}.trust-text{font-size:.95rem;color:var(--text-secondary);font-weight:500}.clients-section{padding:5rem 0;background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-purple-light) 100%);overflow:hidden;position:relative}.clients-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary-light),transparent)}.clients-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--primary-light),transparent)}.clients-section .section-header{text-align:center;margin-bottom:4rem;position:relative;z-index:1}.clients-section .section-title{font-size:2.5rem;font-weight:900;margin-bottom:1rem;color:var(--text-primary)}.clients-section .section-subtitle{font-size:1.125rem;color:var(--text-secondary);font-weight:400}.clients-carousel{position:relative;width:100%;overflow:hidden;margin-bottom:2rem;-webkit-mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,black 10%,black 90%,transparent 100%)}.clients-carousel:last-child{margin-bottom:0}.clients-track{display:flex;gap:1.5rem;width:fit-content;animation-timing-function:linear;animation-iteration-count:infinite}.clients-track:hover{animation-play-state:paused}@keyframes scroll-right{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-left{0%{transform:translate(-50%)}to{transform:translate(0)}}.animate-scroll-right{animation:scroll-right 40s linear infinite}.animate-scroll-left{animation:scroll-left 40s linear infinite}.client-card-carousel{flex-shrink:0;width:280px;background:#fff;border-radius:20px;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem;border:2px solid transparent;background-clip:padding-box;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #8b5cf614}.client-card-carousel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;padding:2px;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .4s ease}.client-card-carousel:hover:before{opacity:1}.client-card-carousel:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 32px #8b5cf633}.client-logo-carousel{width:140px;height:auto;max-height:90px;object-fit:contain;filter:grayscale(100%) brightness(.95);opacity:.7;transition:all .4s ease;object-fit:cover;width:90px;height:90px;border-radius:16px}.client-card-carousel:hover .client-logo-carousel{filter:grayscale(0%) brightness(1);opacity:1;transform:scale(1.05)}.client-logo-placeholder{object-fit:cover;width:90px;height:90px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:900;color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000026}.client-card-carousel:hover .client-logo-placeholder{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 24px #00000040}.client-info-carousel{text-align:center;width:100%}.client-info-carousel h4{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem;transition:color .3s ease;line-height:1.3}.client-card-carousel:hover .client-info-carousel h4{color:var(--primary)}.client-info-carousel p{font-size:.875rem;color:var(--text-secondary);font-weight:500;line-height:1.4}@media (max-width: 768px){.clients-section{padding:3rem 0}.clients-section .section-header{margin-bottom:3rem}.clients-section .section-title{font-size:2rem}.client-card-carousel{width:240px;padding:1.5rem}.clients-track{gap:1rem}.animate-scroll-right,.animate-scroll-left{animation-duration:30s}}@media (max-width: 480px){.clients-section .section-title{font-size:1.75rem}.client-card-carousel{width:200px;padding:1.25rem}.client-logo-carousel{width:100px;max-height:70px}.client-logo-placeholder{width:70px;height:70px;font-size:1.5rem}.client-info-carousel h4{font-size:.95rem}.client-info-carousel p{font-size:.8rem}}.footer{background:#1f2937;color:#9ca3af;padding:4rem 0 2rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand{max-width:400px}.footer-logo{margin-bottom:1rem}.footer-logo .logo-text{font-size:1.5rem;font-weight:800;color:#fff}.footer-logo .logo-highlight{color:var(--primary-light)}.footer-description{font-size:.95rem;line-height:1.7;color:#9ca3af}.footer-title{font-size:1rem;font-weight:700;color:#fff;margin-bottom:1rem}.footer-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-link{background:none;border:none;color:#9ca3af;font-size:.95rem;cursor:pointer;transition:color .2s ease;text-align:left;padding:0}.footer-link:hover{color:var(--primary-light)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #374151;color:#6b7280;font-size:.875rem}@media (max-width: 1024px){.hero-grid{grid-template-columns:1fr;gap:3rem}.hero-title{font-size:3rem}.trust-stats{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr;gap:2rem}}@media (max-width: 768px){.container{padding:0 1.5rem}.hero-section{padding:8rem 0 4rem}.hero-title{font-size:2.25rem}.hero-subtitle{font-size:1.125rem;max-width:100%}.hero-cta-buttons{flex-direction:column}.btn-primary-large,.btn-secondary-large{width:100%;justify-content:center}.hero-stats-row{flex-wrap:wrap;justify-content:center}.trust-stats{grid-template-columns:1fr;gap:2rem}.chat-demo-card{padding:1.5rem}}@media (max-width: 480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.btn-primary-large,.btn-secondary-large{font-size:1rem;padding:.875rem 1.5rem}}.problem-section{padding:6rem 0;background:#fef2f2}.section-header{text-align:center;margin-bottom:4rem}.section-badge{display:inline-block;padding:.5rem 1.25rem;background:#8b5cf61a;color:var(--primary);border-radius:50px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;border:1px solid rgba(139,92,246,.2)}.section-badge.badge-red{background:#ef44441a;color:#ef4444;border-color:#ef444433}.section-title{font-size:3rem;font-weight:900;line-height:1.2;color:var(--text-primary);margin-bottom:1.5rem}.section-description{font-size:1.25rem;line-height:1.7;color:var(--text-secondary);max-width:900px;margin:0 auto}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem}.problem-card{background:#fff;padding:2rem;border-radius:16px;box-shadow:var(--shadow-md);border:1px solid #fecaca;transition:all .3s ease}.problem-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:#ef4444}.problem-icon{width:64px;height:64px;background:#fef2f2;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:#ef4444}.problem-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.problem-text{font-size:1rem;line-height:1.6;color:var(--text-secondary)}.problem-cta{max-width:1000px;margin:0 auto}.problem-cta-box{background:#fee2e2;border:2px solid #fca5a5;border-radius:20px;padding:3rem;text-align:center}.problem-cta-title{font-size:2rem;font-weight:800;color:#991b1b;margin-bottom:1rem}.problem-cta-text{font-size:1.125rem;line-height:1.7;color:#7f1d1d}.solution-section{padding:6rem 0;background:#fff}.solution-how{margin:4rem 0;max-width:900px;margin-left:auto;margin-right:auto}.solution-how-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:3rem;color:var(--text-primary)}.solution-steps{display:flex;flex-direction:column;gap:2rem}.solution-step{display:flex;gap:1.5rem;align-items:flex-start}.step-number{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;color:#fff;flex-shrink:0}.step-content{flex:1}.step-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.step-text{font-size:1rem;line-height:1.6;color:var(--text-secondary)}.solution-features{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:4rem}.feature-card{background:var(--bg-purple-light);padding:2rem;border-radius:16px;border:1px solid rgba(139,92,246,.1);transition:all .3s ease;text-align:center}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.feature-icon{width:72px;height:72px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:var(--shadow-md)}.feature-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.feature-text{font-size:1rem;line-height:1.6;color:var(--text-secondary)}.how-section{padding:6rem 0;background:linear-gradient(135deg,#faf5ff,#fff,#faf5ff)}.timeline{max-width:800px;margin:3rem auto 0}.timeline-item{display:flex;gap:2rem;align-items:flex-start}.timeline-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-md)}.timeline-content{flex:1;padding:1.5rem 0}.timeline-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.timeline-text{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:.5rem}.timeline-time{display:inline-block;padding:.25rem .75rem;background:#8b5cf61a;color:var(--primary);border-radius:20px;font-size:.875rem;font-weight:600}.timeline-time.timeline-total{background:#10b9811a;color:#059669;font-weight:700}.timeline-connector{width:2px;height:40px;background:linear-gradient(to bottom,var(--primary),var(--secondary));margin-left:27px;margin-top:-10px;margin-bottom:-10px}.timeline-final .timeline-icon{background:linear-gradient(135deg,#10b981,#059669)}.benefits-section{padding:6rem 0;background:#fff}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:4rem}.benefit-card{background:#fff;padding:2.5rem 2rem;border-radius:16px;box-shadow:var(--shadow-md);border:1px solid rgba(139,92,246,.1);transition:all .3s ease;text-align:center}.benefit-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--primary)}.benefit-icon{color:var(--primary);margin-bottom:1.5rem;display:flex;justify-content:center}.benefit-stat{font-size:3rem;font-weight:900;margin-bottom:.75rem}.benefit-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.benefit-text{font-size:1rem;line-height:1.6;color:var(--text-secondary)}.comparison{margin-top:5rem}.comparison-title{font-size:2rem;font-weight:700;text-align:center;margin-bottom:3rem;color:var(--text-primary)}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1000px;margin:0 auto}.comparison-card{padding:2.5rem;border-radius:20px;box-shadow:var(--shadow-lg)}.comparison-after{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac}.comparison-before{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fca5a5}.comparison-header{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.comparison-after .comparison-header{color:#166534}.comparison-before .comparison-header{color:#991b1b}.comparison-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.comparison-list li{font-size:1rem;line-height:1.6}.comparison-after .comparison-list li{color:#166534}.comparison-before .comparison-list li{color:#991b1b}.comparison-list li.highlight{font-size:1.125rem;margin-top:.5rem;padding-top:1rem;border-top:2px solid currentColor}.cta-section{padding:6rem 0;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000000d;pointer-events:none}.cta-content{position:relative;z-index:1;text-align:center;max-width:1000px;margin:0 auto;color:#fff}.cta-badge{display:inline-block;padding:.5rem 1.25rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:50px;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.3)}.cta-title{font-size:3.5rem;font-weight:900;line-height:1.1;margin-bottom:1.5rem}.highlight-white{color:#fbbf24;text-shadow:0 2px 10px rgba(251,191,36,.5)}.cta-subtitle{font-size:1.25rem;line-height:1.7;margin-bottom:3rem;opacity:.95}.cta-box{background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:3rem;margin-bottom:3rem}.cta-box-title{font-size:1.75rem;font-weight:700;margin-bottom:2rem}.cta-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;text-align:left}.cta-feature{font-size:1rem;line-height:1.5;padding:.5rem 0}.cta-button{padding:1.25rem 3rem;font-size:1.25rem;font-weight:700;border-radius:16px;border:none;background:#fff;color:var(--primary);cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:1rem;box-shadow:0 10px 30px #0003;margin-bottom:2rem}.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 40px #0000004d}.cta-info{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem;opacity:.9}@media (max-width: 1024px){.problem-grid,.solution-features,.benefits-grid{grid-template-columns:repeat(2,1fr)}.comparison-grid,.cta-features{grid-template-columns:1fr}}@media (max-width: 768px){.section-title{font-size:2.25rem}.section-description{font-size:1.125rem}.problem-grid,.solution-features,.benefits-grid{grid-template-columns:1fr;gap:1.5rem}.solution-step{flex-direction:column;align-items:center;text-align:center}.timeline-item{flex-direction:column;gap:1rem}.timeline-connector{display:none}.cta-title{font-size:2.5rem}.cta-box{padding:2rem}.cta-features{text-align:center}}@media (max-width: 480px){.section-title{font-size:1.75rem}.problem-cta-box{padding:2rem}.problem-cta-title{font-size:1.5rem}.cta-title{font-size:2rem}.cta-button{font-size:1.125rem;padding:1rem 2rem;width:100%;justify-content:center}}.imoveis-page{width:100%}.pain-points-section{padding:5rem 2rem;background:linear-gradient(135deg,#1e3a8a,#3b82f6);color:#fff;text-align:center}.pain-points-section h2{font-size:2.5rem;margin-bottom:1rem}.pain-points-grid{max-width:1200px;margin:3rem auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.pain-point-card{background:#fff;color:#1f2937;padding:2rem;border-radius:16px;text-align:left;box-shadow:0 10px 30px #0003;transition:transform .3s ease}.pain-point-card:hover{transform:translateY(-5px)}.pain-point-card h3{font-size:1.4rem;margin-bottom:1rem;color:#dc2626}.pain-desc{color:#4b5563;margin-bottom:1.5rem;line-height:1.6}.solution-preview{background:#ecfdf5;padding:1rem;border-radius:8px;border-left:4px solid #10b981}.solution-tag{font-weight:600;color:#10b981;display:block;margin-bottom:.5rem}.solution-preview p{color:#059669;font-size:.95rem;margin:0}.trust{padding:4rem 2rem;background:#f9fafb;text-align:center}.trust h2{font-size:2rem;margin-bottom:3rem;color:#1f2937}.trust-items{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.trust-item{padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000000d}.trust-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.trust-item p{color:#4b5563;font-size:1.1rem}@media (max-width: 768px){.pain-points-grid{grid-template-columns:1fr}.pain-points-section h2{font-size:2rem}}.default-template{min-height:100vh;display:flex;flex-direction:column}.hero{color:#fff;padding:120px 20px;text-align:center;min-height:500px;display:flex;align-items:center;justify-content:center}.hero-content{max-width:800px;margin:0 auto}.company-logo{max-width:200px;margin-bottom:30px;filter:brightness(0) invert(1)}.hero h1{font-size:3.5rem;font-weight:700;margin-bottom:20px;line-height:1.2}.subtitle{font-size:1.5rem;margin-bottom:40px;opacity:.9}.cta-button{background:#fff;color:#667eea;border:none;padding:16px 48px;font-size:1.2rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0003}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.container{max-width:1800px;margin:0 auto;padding:0 20px}.features{padding:80px 20px;background:#f8f9fa}.features h2{text-align:center;font-size:2.5rem;margin-bottom:60px;color:#333}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px}.feature-card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 2px 10px #0000001a;transition:transform .3s ease,box-shadow .3s ease;text-align:center}.feature-card:hover{transform:translateY(-5px);box-shadow:0 5px 20px #00000026}.feature-icon{font-size:3rem;margin-bottom:20px}.feature-card h3{font-size:1.5rem;margin-bottom:15px;color:#333}.feature-card p{color:#666;line-height:1.6}.about{padding:80px 20px;background:#fff}.about h2{text-align:center;font-size:2.5rem;margin-bottom:40px;color:#333}.about p{max-width:800px;margin:0 auto;font-size:1.2rem;line-height:1.8;color:#555;text-align:center}.contact{padding:80px 20px;background:#f8f9fa}.contact h2{text-align:center;font-size:2.5rem;margin-bottom:40px;color:#333}.contact-info{max-width:600px;margin:0 auto;text-align:center}.contact-info p{font-size:1.2rem;margin:15px 0;color:#555}.footer{background:#333;color:#fff;padding:30px 20px;text-align:center;margin-top:auto}.footer p{margin:0;opacity:.8}@media (max-width: 768px){.hero h1{font-size:2.5rem}.subtitle{font-size:1.2rem}.features h2,.about h2,.contact h2{font-size:2rem}.features-grid{grid-template-columns:1fr}}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.page-loading p{font-size:1.2rem;margin:0}.page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#f8f9fa;padding:20px;text-align:center}.page-error h1{font-size:4rem;color:#333;margin-bottom:20px}.page-error p{font-size:1.5rem;color:#666;max-width:600px}.synton-page{--primary-color: #da64f2;--primary-dark: #b542d4;--primary-light: #e78ff5;--text-dark: #1a1a1a;--text-light: #666;--bg-light: #f8f9fa;--white: #ffffff}.synton-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text-dark);line-height:1.6}.synton-header{background:var(--white);box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100;padding:1rem 0}.header-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.synton-logo{height:50px;width:auto;object-fit:contain}.synton-nav{display:flex;gap:2rem;align-items:center}.synton-nav a{text-decoration:none;color:var(--text-dark);font-weight:500;transition:color .3s}.synton-nav a:hover{color:var(--primary-color)}.synton-nav .cta-button{background:var(--primary-color);color:var(--white);padding:.75rem 1.5rem;border-radius:8px;transition:all .3s}.synton-nav .cta-button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #da64f24d}.container{max-width:1800px;margin:0 auto;padding:0 2rem}.synton-hero{background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-color) 100%);color:var(--white);padding:6rem 0;text-align:center}.hero-container{max-width:1200px;margin:0 auto;padding:0 2rem}.synton-hero h1{font-size:3rem;font-weight:800;margin-bottom:1.5rem;line-height:1.2}.hero-subtitle{font-size:1.25rem;margin-bottom:2rem;opacity:.95;max-width:700px;margin-left:auto;margin-right:auto}.hero-cta{background:var(--white);color:var(--primary-color);padding:1rem 2.5rem;font-size:1.1rem;font-weight:700;border:none;border-radius:50px;cursor:pointer;transition:all .3s}.hero-cta:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0000004d}.synton-about{padding:5rem 0;background:var(--white);text-align:center}.synton-about h2{font-size:2.5rem;margin-bottom:1.5rem;color:var(--primary-color)}.synton-about p{font-size:1.2rem;color:var(--text-light);max-width:800px;margin:0 auto}.synton-services{padding:5rem 0;background:var(--bg-light)}.synton-services h2{font-size:2.5rem;text-align:center;margin-bottom:3rem;color:var(--text-dark)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.service-card{background:var(--white);padding:2rem;border-radius:12px;box-shadow:0 4px 15px #0000001a;transition:all .3s}.service-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #da64f233}.service-icon{font-size:3rem;margin-bottom:1rem}.service-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--primary-color)}.service-card p{color:var(--text-light);margin-bottom:1.5rem}.service-price{font-size:1.25rem;font-weight:700;color:var(--primary-color);padding-top:1rem;border-top:2px solid var(--bg-light)}.synton-benefits{padding:5rem 0;background:var(--white)}.synton-benefits h2{font-size:2.5rem;text-align:center;margin-bottom:3rem;color:var(--text-dark)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.benefit-card{text-align:center;padding:1.5rem}.benefit-icon{font-size:2.5rem;margin-bottom:1rem}.benefit-card h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--primary-color)}.benefit-card p{color:var(--text-light);font-size:.95rem}.synton-process{padding:5rem 0;background:var(--bg-light)}.synton-process h2{font-size:2.5rem;text-align:center;margin-bottom:3rem;color:var(--text-dark)}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.process-step{background:var(--white);padding:2rem;border-radius:12px;box-shadow:0 4px 15px #0000001a;text-align:center}.step-number{width:60px;height:60px;background:var(--primary-color);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;margin:0 auto 1.5rem}.process-step h3{font-size:1.25rem;margin-bottom:1rem;color:var(--primary-color)}.process-step p{color:var(--text-light);font-size:.95rem}.synton-results{padding:5rem 0;background:var(--primary-color);color:var(--white)}.synton-results h2{font-size:2.5rem;text-align:center;margin-bottom:3rem}.results-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.stat-card{text-align:center;padding:2rem;background:#ffffff1a;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-value{font-size:3rem;font-weight:800;display:block;margin-bottom:.5rem}.stat-label{font-size:1.1rem;opacity:.95}.synton-target{padding:5rem 0;background:var(--white);text-align:center}.synton-target h2{font-size:2.5rem;margin-bottom:1.5rem;color:var(--primary-color)}.synton-target>p{font-size:1.2rem;color:var(--text-light);margin-bottom:2rem;max-width:800px;margin-left:auto;margin-right:auto}.target-segments{list-style:none;padding:0;max-width:600px;margin:0 auto;text-align:left}.target-segments li{padding:1rem;margin-bottom:.75rem;background:var(--bg-light);border-left:4px solid var(--primary-color);border-radius:4px;font-size:1.1rem}.synton-final-cta{padding:5rem 0;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--white);text-align:center}.synton-final-cta h2{font-size:2.5rem;margin-bottom:1rem}.synton-final-cta>.container>p{font-size:1.25rem;margin-bottom:2rem;opacity:.95}.cta-primary{background:var(--white);color:var(--primary-color);padding:1.25rem 3rem;font-size:1.2rem;font-weight:700;border:none;border-radius:50px;cursor:pointer;transition:all .3s;box-shadow:0 4px 20px #0003}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0000004d}.cta-secondary-text{margin-top:1rem;font-size:.95rem;opacity:.9}.synton-footer{background:var(--text-dark);color:var(--white);padding:3rem 0 1.5rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-column h4{margin-bottom:1rem;color:var(--primary-light)}.footer-logo{height:40px;width:auto;margin-bottom:1rem;filter:brightness(0) invert(1)}.footer-column p{margin-bottom:.5rem;opacity:.9}.footer-column a{color:var(--primary-light);text-decoration:none;transition:opacity .3s}.footer-column a:hover{opacity:.8}.footer-bottom{padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);text-align:center;opacity:.7}.page-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.spinner{width:50px;height:50px;border:4px solid var(--bg-light);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}.page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:2rem}@media (max-width: 768px){.synton-nav{display:none}.synton-hero h1{font-size:2rem}.hero-subtitle{font-size:1rem}.synton-about h2,.synton-services h2,.synton-benefits h2,.synton-process h2,.synton-results h2,.synton-target h2,.synton-final-cta h2{font-size:1.75rem}.services-grid,.benefits-grid,.process-steps,.results-stats{grid-template-columns:1fr}}.crm-page{display:flex;flex-direction:column;min-height:100vh}.crm-page-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:8px 24px;background:#1e293b;color:#fff;font-size:13px}.topbar-left,.topbar-right{flex:1}.topbar-right{text-align:right}.topbar-tabs{display:flex;gap:4px;background:#ffffff1a;padding:4px;border-radius:8px}.tab-btn{background:transparent;border:none;color:#ffffffb3;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.tab-btn:hover{color:#fff;background:#ffffff1a}.tab-btn.active{background:#6366f1;color:#fff}.crm-page-topbar strong{color:#a5b4fc}.btn-logout{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;transition:all .2s}.btn-logout:hover{background:#ffffff1a;border-color:#ffffff80}.crm-page-setup,.crm-page-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.crm-page-loading{flex-direction:column;gap:16px;color:#fff}.crm-page-loading .spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.setup-card{background:#fff;border-radius:20px;padding:40px;max-width:400px;width:100%;box-shadow:0 25px 50px -12px #00000040;text-align:center}.setup-icon{font-size:64px;margin-bottom:16px}.setup-card h1{margin:0 0 8px;font-size:28px;font-weight:700;color:#1e293b}.setup-card>p{color:#64748b;margin-bottom:32px;font-size:15px}.setup-card .form-group{text-align:left;margin-bottom:16px}.setup-card .form-group label{display:block;font-size:13px;font-weight:600;color:#475569;margin-bottom:6px}.setup-card .form-group input{width:100%;padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:15px;transition:border-color .2s,box-shadow .2s}.setup-card .form-group input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:14px 24px;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px -10px #6366f180}.btn-primary.full-width{width:100%}.link-btn{background:none;border:none;color:#6366f1;font-size:13px;cursor:pointer;text-decoration:underline}.link-btn:hover{color:#4f46e5}.error-message{background:#fee2e2;color:#dc2626;padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px;text-align:left}.hint{margin-top:24px;font-size:12px;color:#94a3b8;text-align:left;padding:12px;background:#f8fafc;border-radius:8px}@media (max-width: 480px){.setup-card{padding:30px 24px;border-radius:16px}.setup-icon{font-size:48px}.setup-card h1{font-size:24px}}:root{--primary-color: #6366f1;--primary-dark: #4f46e5;--primary-light: #818cf8;--secondary-color: #ec4899;--accent-color: #f59e0b;--success-color: #10b981;--text-color: #1f2937;--text-light: #6b7280;--bg-light: #f9fafb;--bg-white: #ffffff;--border-color: #e5e7eb;--shadow: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}.app{width:100%;min-height:100vh;display:flex;flex-direction:column;background:var(--bg-white);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.navbar{background:var(--bg-white);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;box-shadow:var(--shadow)}.navbar-content{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--primary-color);cursor:pointer;transition:transform .2s}.logo:hover{transform:scale(1.05)}.logo-icon{font-size:2rem}.logo-image{width:80px;height:80px;object-fit:cover}.mobile-menu-button{display:none;background:none;border:none;font-size:1.75rem;color:var(--primary-color);cursor:pointer;padding:.5rem;transition:transform .2s}.mobile-menu-button:hover{transform:scale(1.1)}.mobile-menu-button:active{transform:scale(.95)}.nav-links{display:flex;gap:2rem;align-items:center}.nav-link{background:none;border:none;color:var(--text-light);font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s;padding:.5rem 1rem;border-radius:.5rem}.nav-link:hover{color:var(--primary-color);background:var(--bg-light)}.nav-link.active{color:var(--primary-color);background:#eef2ff;border-bottom:2px solid var(--primary-color)}.page{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:4rem 2rem}.hero{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-bottom:6rem}.hero-text h1{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:var(--text-color)}.hero-title .highlight{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-light);margin-bottom:2rem;line-height:1.6}.hero-stats{display:flex;gap:3rem;margin-bottom:2rem;padding:2rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}.stat{display:flex;flex-direction:column}.stat-value{font-size:2rem;font-weight:800;color:var(--primary-color)}.stat-label{font-size:.875rem;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em}.hero-cta{display:flex;gap:1rem;flex-wrap:wrap}.cta-primary,.cta-secondary{padding:1rem 2rem;font-size:1rem;font-weight:600;border:none;border-radius:.75rem;cursor:pointer;transition:all .3s}.cta-primary{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;box-shadow:var(--shadow-lg)}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 15px 35px #6366f14d}.cta-secondary{background:var(--bg-light);color:var(--primary-color);border:2px solid var(--primary-color)}.cta-secondary:hover{background:var(--primary-color);color:#fff}.hero-visual{display:flex;justify-content:center;align-items:center}.chat-preview{background:var(--bg-white);border:2px solid var(--border-color);border-radius:1rem;padding:1.5rem;max-width:100%;box-shadow:var(--shadow-lg)}.chat-bubble{margin-bottom:1rem;padding:1rem;border-radius:1rem;max-width:80%;word-wrap:break-word;animation:slideIn .5s ease}.chat-bubble.assistant{background:var(--bg-light);color:var(--text-color);margin-right:auto;border-bottom-left-radius:.25rem}.chat-bubble.user{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;margin-left:auto;border-bottom-right-radius:.25rem;text-align:right}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.trust{background:linear-gradient(135deg,#f8f9ff,#fff5f7);padding:4rem 2rem;border-radius:2rem;margin-bottom:6rem;margin-top:4rem}.trust h2{font-size:2.5rem;text-align:center;margin-bottom:3rem}.trust-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem}.trust-item{text-align:center}.trust-icon{font-size:3rem;display:block;margin-bottom:1rem}.trust-item p{font-size:1.1rem;color:var(--text-color);line-height:1.6}.trust-item strong{color:var(--primary-color);font-size:1.3rem}.features h1{font-size:3rem;text-align:center;margin-bottom:1rem}.section-subtitle{text-align:center;font-size:1.25rem;color:#fff;margin-bottom:4rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:4rem}.feature-card{background:var(--bg-white);border:2px solid var(--border-color);border-radius:1.5rem;padding:2rem;transition:all .3s;cursor:pointer}.feature-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{font-size:3rem;display:block;margin-bottom:1rem}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text-color)}.feature-card p{color:var(--text-light);line-height:1.6;margin-bottom:1.5rem;font-size:.95rem}.feature-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.feature-list li{color:var(--text-color);display:flex;align-items:center;gap:.5rem;font-size:.9rem}.how-it-works{background:var(--bg-light);padding:4rem 2rem;border-radius:2rem;margin-bottom:4rem}.how-it-works h2{font-size:2.5rem;text-align:center;margin-bottom:3rem}.workflow{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:2rem;align-items:center}.workflow-step{text-align:center}.step-number{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;margin:0 auto 1rem}.workflow-step h4{font-size:1.1rem;margin-bottom:.5rem}.workflow-step p{color:var(--text-light);font-size:.9rem}.arrow{text-align:center;font-size:2rem;color:var(--primary-color);display:none}@media (min-width: 1024px){.arrow{display:block}}.integrations h1{font-size:3rem;text-align:center;margin-bottom:1rem}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:4rem}.integration-card{background:var(--bg-white);border:2px solid var(--border-color);border-radius:1.5rem;padding:2rem;transition:all .3s;display:flex;flex-direction:column}.integration-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.integration-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.integration-icon{font-size:2.5rem}.integration-header h3{font-size:1.25rem;color:var(--text-color)}.integration-card p{color:var(--text-light);line-height:1.6;margin-bottom:1.5rem;flex:1;font-size:.95rem}.integration-status{background:#d1fae5;color:var(--success-color);padding:.5rem 1rem;border-radius:.5rem;font-size:.85rem;font-weight:600;text-align:center}.coming-soon{background:linear-gradient(135deg,#fef3c7,#fef08a);border:2px solid var(--accent-color);border-radius:1.5rem;padding:3rem 2rem;text-align:center}.coming-soon h3{font-size:1.5rem;margin-bottom:2rem;color:var(--text-color)}.coming-soon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.coming-soon-item{background:var(--bg-white);padding:1rem;border-radius:.75rem;font-weight:600;color:var(--accent-color);border:2px dashed var(--accent-color)}.footer{background:var(--text-color);color:#fff;padding:4rem 2rem 2rem;margin-top:6rem}.footer-content{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.footer-section h4{font-size:1.1rem;margin-bottom:1rem;color:var(--primary-light)}.footer-section p{color:#ffffffb3;line-height:1.6}.footer-section ul{list-style:none;display:flex;flex-direction:column;gap:.75rem}.footer-section button,.footer-section a{background:none;border:none;color:#ffffffb3;cursor:pointer;text-decoration:none;font-size:.95rem;transition:color .3s}.footer-section button:hover,.footer-section a:hover{color:var(--primary-light)}.footer-bottom{max-width:1400px;margin:0 auto;text-align:center;color:#ffffff80;font-size:.9rem}@media (max-width: 768px){.page{padding:2rem 1rem}.hero{grid-template-columns:1fr;gap:2rem}.hero-text h1{font-size:2.5rem}.hero-stats{gap:1.5rem;padding:1.5rem 0}.nav-links{gap:.75rem}.nav-link{font-size:.85rem;padding:.4rem .7rem}.features-grid,.integrations-grid,.workflow{grid-template-columns:1fr}.hero-cta{flex-direction:column}.cta-primary,.cta-secondary{width:100%;text-align:center}.footer-content{grid-template-columns:1fr;gap:2rem}.trust-items{grid-template-columns:repeat(2,1fr)}.logo-image{width:44px;height:44px}}@media (max-width: 900px) and (min-width: 769px){.nav-link{font-size:.9rem;padding:.5rem .9rem}.navbar-content{padding:1rem 1.5rem}}@media (max-width: 480px){.hero-text h1{font-size:2rem}.hero-subtitle{font-size:1rem}.features h1,.integrations h1{font-size:2rem}.mobile-menu-button{display:block}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:1rem;gap:.5rem;box-shadow:0 4px 12px #00000026;border-top:1px solid var(--border-color);z-index:1000;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-links.mobile-open{display:flex}.nav-link{width:100%;text-align:left;padding:1rem;border-radius:.5rem;font-size:1rem}.nav-link.active{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:#fff;border-bottom:none}.navbar{position:relative}.trust-items{grid-template-columns:1fr}.hero-stats{flex-direction:column;gap:1rem}.logo-image{width:40px;height:40px}}.hero-badges{display:flex;gap:1rem;margin:1.5rem 0;flex-wrap:wrap}.integration-badge{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.3rem .8rem;border-radius:2rem;font-weight:600;box-shadow:0 4px 12px #667eea4d;transition:all .3s;cursor:pointer}.integration-badge:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.badge-icon{font-size:1.25rem}.badge-text{font-size:.8rem}.power-trio{padding:4rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:1rem}.power-trio h2{font-size:2.5rem;margin-bottom:1rem;text-align:center}.power-trio .section-subtitle{text-align:center;font-size:1.25rem;margin-bottom:3rem;opacity:.95}.trio-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1400px;margin:0 auto 4rem}.trio-card{background:#fff;color:var(--text-color);border-radius:1rem;padding:2rem;box-shadow:0 10px 30px #0003;transition:all .3s}.trio-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #0000004d}.trio-card.manychat{border-top:4px solid #00c853}.trio-card.pipefy{border-top:4px solid #6366f1}.trio-card.calendly{border-top:4px solid #006bff}.trio-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.trio-icon{font-size:2.5rem}.trio-header h3{font-size:1.75rem;flex:1}.trio-badge{background:var(--primary-color);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.trio-card.manychat .trio-badge{background:#00c853}.trio-card.pipefy .trio-badge{background:#6366f1}.trio-card.calendly .trio-badge{background:#006bff}.trio-description{font-size:1.1rem;margin-bottom:1.5rem;line-height:1.6;color:var(--text-light)}.trio-benefits{list-style:none;margin-bottom:1.5rem}.trio-benefits li{padding:.5rem 0;font-size:.95rem;border-bottom:1px solid var(--border-color)}.trio-benefits li:last-child{border-bottom:none}.trio-stat{background:var(--bg-light);padding:1rem;border-radius:.5rem;text-align:center;font-size:1.1rem;margin-top:1rem}.trio-stat strong{color:var(--primary-color);font-size:1.5rem}.integration-flow{background:#fff;border-radius:1rem;padding:3rem;max-width:1000px;margin:0 auto;color:var(--text-color);box-shadow:0 10px 30px #0003}.integration-flow h3{font-size:2rem;text-align:center;margin-bottom:2rem;color:var(--primary-color)}.flow-timeline{display:flex;flex-direction:column;gap:1.5rem}.flow-step{display:flex;gap:1.5rem;align-items:flex-start;padding:1.5rem;background:var(--bg-light);border-radius:1rem;transition:all .3s}.flow-step:hover{background:#eef2ff;transform:translate(8px)}.flow-step.flow-final{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.flow-step.flow-final .flow-content h4,.flow-step.flow-final .flow-content p{color:#fff}.flow-icon{font-size:2.5rem;min-width:3rem}.flow-content{flex:1}.flow-content h4{font-size:1.25rem;margin-bottom:.5rem;color:var(--primary-color)}.flow-content p{color:var(--text-light);margin-bottom:.5rem}.flow-time{display:inline-block;background:#fff;color:var(--primary-color);padding:.25rem .75rem;border-radius:1rem;font-size:.85rem;font-weight:600}.flow-total{background:#fef3c7;color:#92400e;font-size:1rem;padding:.5rem 1rem}.flow-arrow{text-align:center;font-size:2rem;color:var(--primary-color);margin:-.5rem 0}.integration-card.featured{position:relative;border:3px solid var(--primary-color);background:linear-gradient(135deg,#fff,#f0f9ff)}.integration-card.featured:hover{border-color:var(--secondary-color);box-shadow:0 15px 35px #6366f14d}.featured-badge{position:absolute;top:-12px;right:20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.5rem 1rem;border-radius:1rem;font-size:.85rem;font-weight:700;box-shadow:0 4px 12px #f59e0b66}.integration-features{list-style:none;margin:1rem 0;padding:0}.integration-features li{padding:.5rem 0;font-size:.95rem;border-bottom:1px solid var(--border-color)}.integration-features li:last-child{border-bottom:none}.featured-status{background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:700;box-shadow:0 4px 12px #10b9814d}@media (max-width: 1200px){.trio-cards{grid-template-columns:1fr;gap:2rem}.integration-flow{padding:2rem}}@media (max-width: 768px){.power-trio{padding:3rem 1rem}.power-trio h2{font-size:1.75rem}.power-trio .section-subtitle{font-size:1rem}.trio-icon{font-size:2rem}.trio-header h3,.integration-flow h3{font-size:1.5rem}.flow-step{flex-direction:column;gap:1rem}.hero-badges{justify-content:center}.integration-badge{padding:.5rem 1rem;font-size:.85rem}}.pricing-page{background:var(--bg-white)}.pricing-hero{text-align:center;padding:4rem 2rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.pricing-hero h1{font-size:3rem;margin-bottom:1rem}.pricing-hero .section-subtitle{font-size:1.5rem;opacity:.95}.cost-breakdown{max-width:1100px;margin:0 auto;padding:4rem 2rem}.cost-breakdown h2{text-align:center;font-size:2.5rem;margin-bottom:2rem;color:var(--primary-color)}.free-tier-banner{display:flex;align-items:center;gap:1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:2rem;border-radius:1rem;margin-bottom:2rem;box-shadow:0 8px 20px #10b9814d}.banner-icon{font-size:3rem;flex-shrink:0}.banner-content h3{margin:0 0 .5rem;font-size:1.75rem}.banner-content p{margin:0;font-size:1.1rem;opacity:.95}.pricing-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.pricing-tab{background:#fff;padding:1.5rem;border-radius:1rem;text-align:center;border:3px solid var(--border-color);transition:all .3s;position:relative}.pricing-tab:hover{border-color:var(--primary-color);transform:translateY(-3px);box-shadow:var(--shadow)}.pricing-tab.recommended{border-color:#f59e0b;background:linear-gradient(135deg,#fffbeb,#fef3c7)}.recommended-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:.4rem 1rem;border-radius:2rem;font-size:.8rem;font-weight:700;box-shadow:0 4px 12px #f59e0b66}.pricing-tab h3{margin:0 0 .5rem;font-size:1.5rem;color:var(--text-color)}.tab-subtitle{margin:0;font-size:.9rem;color:var(--text-light)}.cost-table{background:#fff;border-radius:1rem;box-shadow:var(--shadow-lg);overflow:hidden}.cost-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem 2rem;display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;align-items:center}.header-item h3{font-size:1.3rem;margin:0}.header-price{text-align:center;font-weight:700;font-size:1.1rem}.header-price.free{color:#d1fae5}.header-price.premium{color:#fef3c7}.cost-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);transition:background .3s}.cost-row:hover{background:var(--bg-light)}.cost-item{display:flex;align-items:center;gap:1rem}.cost-icon{font-size:2rem}.cost-details h4{margin:0 0 .25rem;font-size:1.1rem;color:var(--text-color)}.cost-details p{margin:0;font-size:.9rem;color:var(--text-light)}.cost-price{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.25rem}.cost-price.free-plan{background:linear-gradient(135deg,#d1fae5,#a7f3d0);padding:1rem;border-radius:.5rem;border:2px solid #10b981}.price-value{font-size:1.5rem;font-weight:700;color:var(--primary-color)}.cost-price.free-plan .price-value{color:#059669;font-size:1.75rem}.price-period{font-size:.85rem;color:var(--text-light)}.cost-price.free-plan .price-period{color:#065f46;font-weight:600}.price-note{font-size:.75rem;color:var(--text-light);font-style:italic}.cost-price.free-plan .price-note{color:#065f46}.cost-row.installation-fee{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left:4px solid #f59e0b;margin:1rem 0}.cost-price.installation{background:transparent}.cost-price.installation .price-value{color:#b45309;font-weight:800}.cost-price.installation .price-period{color:#92400e;font-size:.75rem;text-transform:uppercase;font-weight:600}.cost-price.installation .price-note{color:#78350f;font-style:italic}.cost-total{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;align-items:center;padding:2rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-top:3px solid var(--primary-color)}.total-label{display:flex;flex-direction:column}.total-label strong{font-size:1.5rem;color:var(--text-color);margin-bottom:.25rem}.total-note{font-size:.9rem;color:var(--text-light)}.total-price{text-align:center;display:flex;flex-direction:column;align-items:center}.total-price.free-plan{background:linear-gradient(135deg,#d1fae5,#a7f3d0);padding:1.5rem;border-radius:.75rem;border:3px solid #10b981}.total-value{font-size:2.5rem;font-weight:900;color:var(--primary-color);display:block}.total-value.green{color:#059669}.total-period{font-size:1rem;color:var(--text-light)}.total-highlight{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem 1rem;background:#fff9;border-radius:2rem;font-size:.85rem;font-weight:600}.highlight-icon{font-size:1.25rem}.highlight-text{color:var(--text-color)}.upgrade-note{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:1rem;border:2px solid #f59e0b;text-align:center}.upgrade-note p{margin:0;font-size:1.1rem;color:#92400e}.roi-comparison{padding:4rem 2rem;background:var(--bg-light)}.roi-comparison h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--primary-color)}.comparison-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1400px;margin:0 auto}.comparison-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:var(--shadow-lg);transition:all .3s}.comparison-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.comparison-card.traditional{border-top:5px solid #ef4444}.comparison-card.agent-pipe{border-top:5px solid #10b981;background:linear-gradient(135deg,#fff,#f0fdf4)}.comparison-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.comparison-icon{font-size:3rem}.comparison-header h3{font-size:1.75rem;flex:1;margin:0}.comparison-badge{padding:.5rem 1rem;border-radius:2rem;font-size:.85rem;font-weight:700;text-transform:uppercase}.comparison-badge.old{background:#fee2e2;color:#991b1b}.comparison-badge.new{background:#dcfce7;color:#166534}.comparison-costs{margin-bottom:2rem}.comparison-item{display:flex;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-color)}.comparison-item.highlight{background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:.5rem;border:2px solid #f59e0b;font-weight:600}.item-label{color:var(--text-color);font-size:.95rem}.item-value{font-weight:700;color:var(--primary-color)}.comparison-total{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:var(--bg-light);border-radius:.5rem;margin-top:1rem}.total-value.red{color:#ef4444}.total-value.green{color:#10b981}.comparison-stats{display:flex;flex-direction:column;gap:.75rem}.stat-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-light);border-radius:.5rem;font-size:.9rem}.stat-item.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;font-weight:600}.stat-icon{font-size:1.25rem}.savings-calculator{padding:4rem 2rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff}.savings-calculator h2{text-align:center;font-size:2.5rem;margin-bottom:2rem}.savings-card{max-width:1200px;margin:0 auto;background:#fff;border-radius:1rem;padding:3rem;box-shadow:0 20px 50px #0000004d;color:var(--text-color)}.savings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem}.savings-item{text-align:center;padding:2rem;background:var(--bg-light);border-radius:1rem}.savings-label{display:block;font-size:1rem;color:var(--text-light);margin-bottom:.5rem}.savings-value{display:block;font-size:2rem;font-weight:900;color:var(--primary-color);margin-bottom:.5rem}.savings-value.big{font-size:3rem;background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.savings-percentage{display:block;font-size:.9rem;color:var(--text-light);font-style:italic}.savings-breakdown{background:linear-gradient(135deg,#fef3c7,#fde68a);padding:2rem;border-radius:1rem;border:3px solid #f59e0b}.savings-breakdown h3{margin-bottom:1.5rem;color:#92400e}.savings-ideas{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.idea-item{display:flex;align-items:flex-start;gap:1rem}.idea-icon{font-size:2rem;flex-shrink:0}.idea-item p{margin:0;color:var(--text-color)}.additional-benefits{padding:4rem 2rem;background:var(--bg-white)}.additional-benefits h2{text-align:center;font-size:2.5rem;margin-bottom:3rem;color:var(--primary-color)}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:1400px;margin:0 auto}.benefit-card{background:#fff;padding:2rem;border-radius:1rem;box-shadow:var(--shadow);text-align:center;transition:all .3s;border:2px solid transparent}.benefit-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.benefit-icon{font-size:3rem;display:block;margin-bottom:1rem}.benefit-card h4{font-size:1.25rem;margin-bottom:.75rem;color:var(--text-color)}.benefit-card p{font-size:.95rem;color:var(--text-light);line-height:1.6;margin-bottom:1rem}.benefit-value{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1rem;border-radius:2rem;font-size:.85rem;font-weight:700}.pricing-cta{padding:4rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2)}.cta-card{max-width:900px;margin:0 auto;background:#fff;border-radius:1rem;padding:3rem;box-shadow:0 20px 50px #0000004d;text-align:center}.cta-card h2{font-size:2.5rem;margin-bottom:1rem;color:var(--primary-color)}.cta-text{font-size:1.25rem;color:var(--text-light);margin-bottom:2rem}.cta-stats{display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:2rem;padding:2rem;background:var(--bg-light);border-radius:1rem}.cta-stat{text-align:center}.cta-stat-value{display:block;font-size:2.5rem;font-weight:900;color:var(--primary-color)}.cta-stat-value.red{color:#ef4444;text-decoration:line-through}.cta-stat-label{display:block;font-size:.9rem;color:var(--text-light);margin-top:.5rem}.cta-divider{font-size:1.5rem;font-weight:700;color:var(--text-color)}.cta-buttons{display:flex;gap:1rem;justify-content:center;margin-bottom:2rem}.cta-primary.large,.cta-secondary.large{padding:1.25rem 2.5rem;font-size:1.25rem}.cta-guarantee{background:linear-gradient(135deg,#d1fae5,#a7f3d0);padding:1.5rem;border-radius:.5rem;border:2px solid #10b981}.cta-guarantee p{margin:.5rem 0;color:#065f46;font-size:.95rem}.pain-points-section{padding:4rem 2rem}.pain-points-section h2{font-size:2.5rem;color:#92400e;margin-bottom:1rem;text-align:center}.pain-points-grid{max-width:1400px;margin:3rem auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.pain-point-card{background:#fff;border-radius:1rem;padding:2rem;box-shadow:0 4px 12px #0000001a;transition:transform .3s,box-shadow .3s}.pain-point-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000026}.pain-icon{font-size:3rem;display:block;margin-bottom:1rem}.pain-point-card h3{color:#dc2626;font-size:1.5rem;margin-bottom:1rem}.pain-desc{color:var(--text-color);line-height:1.6;margin-bottom:1.5rem}.pain-desc strong{color:#dc2626;font-weight:700}.solution-preview{background:linear-gradient(135deg,#d1fae5,#a7f3d0);padding:1.25rem;border-radius:.75rem;border-left:4px solid #10b981}.solution-tag{display:inline-block;font-size:.85rem;font-weight:700;color:#065f46;margin-bottom:.5rem}.solution-preview p{color:#047857;font-size:.95rem;line-height:1.5;margin:0}.savings-summary{max-width:1000px;margin:3rem auto;padding:2rem;background:#fff;border-radius:1rem;box-shadow:var(--shadow-lg)}.savings-summary h3{text-align:center;font-size:2rem;color:var(--primary-color);margin-bottom:2rem}.savings-box{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:2rem}.savings-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:var(--bg-light);border-radius:.75rem;min-width:200px}.savings-item.highlight{background:linear-gradient(135deg,#10b981,#059669);color:#fff;transform:scale(1.1);box-shadow:0 8px 20px #10b9814d}.savings-label{font-size:.9rem;color:var(--text-light);font-weight:600}.savings-item.highlight .savings-label{color:#ffffffe6}.savings-amount{font-size:2rem;font-weight:800}.savings-amount.negative{color:#dc2626}.savings-amount.positive{color:#10b981}.savings-amount.huge{font-size:2.5rem;color:#fff}.savings-percentage{font-size:.85rem;color:#ffffffe6;font-weight:600}.savings-operator{font-size:2.5rem;font-weight:700;color:var(--primary-color)}.roi-details{background:linear-gradient(135deg,#ede9fe,#ddd6fe);padding:1.5rem;border-radius:.75rem;text-align:center}.roi-text{font-size:1.1rem;color:#5b21b6;margin:0;line-height:1.6}.case-study{padding:4rem 2rem;background:var(--bg-light)}.case-study h2{font-size:2.5rem;text-align:center;color:var(--text-color);margin-bottom:2rem}.case-study-card{max-width:1000px;margin:0 auto;background:#fff;border-radius:1rem;padding:2.5rem;box-shadow:var(--shadow-lg)}.case-study-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.case-icon{font-size:3rem}.case-study-header h3{font-size:1.75rem;color:var(--primary-color);flex:1;min-width:200px}.case-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;padding:.5rem 1rem;border-radius:2rem;font-size:.85rem;font-weight:700}.case-metrics{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center;margin-bottom:2rem}.metric-item{padding:1.5rem;background:var(--bg-light);border-radius:.75rem}.metric-item.success{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.metric-label{display:block;font-size:.9rem;font-weight:700;color:var(--text-light);margin-bottom:1rem;text-align:center}.metric-stats{display:flex;flex-direction:column;gap:1rem}.metric-stat{display:flex;align-items:center;gap:.75rem}.metric-icon{font-size:1.5rem}.metric-value{font-size:1.5rem;font-weight:800;color:var(--primary-color);min-width:80px}.metric-desc{color:var(--text-light);font-size:.95rem}.metric-arrow{font-size:3rem;color:var(--primary-color);text-align:center}.case-testimonial{background:linear-gradient(135deg,#ede9fe,#ddd6fe);padding:2rem;border-radius:.75rem;border-left:4px solid var(--primary-color)}.testimonial-text{font-size:1.1rem;color:#5b21b6;line-height:1.7;font-style:italic;margin-bottom:1rem}.quote-icon{font-size:1.5rem;margin-right:.5rem}.testimonial-author{text-align:right;color:var(--primary-dark);font-weight:700;margin:0}.whats-included{padding:4rem 2rem;background:#fff}.whats-included h2{font-size:2.5rem;text-align:center;color:var(--text-color);margin-bottom:3rem}.included-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.included-item{text-align:center;padding:1.5rem;background:var(--bg-light);border-radius:.75rem;transition:transform .3s,background .3s}.included-item:hover{transform:translateY(-5px);background:linear-gradient(135deg,#ede9fe,#ddd6fe)}.included-icon{font-size:3rem;display:block;margin-bottom:1rem}.included-item h4{font-size:1.25rem;color:var(--primary-color);margin-bottom:.5rem}.included-item p{color:var(--text-light);font-size:.95rem;line-height:1.5}.cta-primary-large{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:1.5rem 3rem;font-size:1.35rem;font-weight:700;border-radius:.75rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #10b9814d}.cta-primary-large:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.cta-secondary-large{background:#fff;color:var(--primary-color);border:2px solid var(--primary-color);padding:1.5rem 3rem;font-size:1.35rem;font-weight:700;border-radius:.75rem;cursor:pointer;transition:all .3s}.cta-secondary-large:hover{background:var(--primary-color);color:#fff}.cta-guarantees{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem}.guarantee-item{display:flex;align-items:center;gap:.5rem;font-size:.95rem;color:var(--text-color)}.guarantee-item span{font-size:1.25rem}.stat-item.negative{opacity:.7}.stat-item.positive{font-weight:600}.comparison-item.free{opacity:.7;font-style:italic}@media (max-width: 1024px){.pain-points-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.case-metrics{grid-template-columns:1fr}.metric-arrow{transform:rotate(90deg)}}@media (max-width: 768px){.pain-points-section h2{font-size:2rem}.pain-points-grid{grid-template-columns:1fr}.savings-box{flex-direction:column}.savings-operator{transform:rotate(90deg)}.cta-primary-large,.cta-secondary-large{width:100%;padding:1.25rem 2rem;font-size:1.1rem}.cta-guarantees,.included-grid{grid-template-columns:1fr}.case-study-card{padding:1.5rem}.metric-value{font-size:1.25rem}}@media (max-width: 1200px){.comparison-grid{grid-template-columns:1fr}.benefits-grid{grid-template-columns:repeat(2,1fr)}.savings-grid,.savings-ideas{grid-template-columns:1fr}.cost-header,.cost-row,.cost-total{grid-template-columns:1fr;gap:1.5rem}.header-price{text-align:left;padding:.5rem;background:#fff3;border-radius:.5rem}.cost-breakdown{max-width:700px}}@media (max-width: 768px){.pricing-hero h1{font-size:2rem}.pricing-hero .section-subtitle{font-size:1.1rem}.cost-breakdown h2,.roi-comparison h2,.savings-calculator h2,.additional-benefits h2{font-size:1.75rem}.free-tier-banner{flex-direction:column;text-align:center}.banner-content h3{font-size:1.5rem}.banner-content p{font-size:1rem}.pricing-tabs{grid-template-columns:1fr}.cost-header,.cost-row,.cost-total{grid-template-columns:1fr;padding:1rem}.cost-price{text-align:center}.benefits-grid{grid-template-columns:1fr}.cta-stats{flex-direction:column;gap:1rem}.cta-buttons{flex-direction:column}.cta-primary.large,.cta-secondary.large{width:100%}}:root{--primary-color: #0066ff;--primary-hover: #0052cc;--bg-color: #ffffff;--text-color: #1a1a1a;--message-bg-user: #0066ff;--message-bg-assistant: #f0f0f0;--border-color: #e0e0e0;--shadow: 0 2px 10px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 20px rgba(0, 0, 0, .15)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}#root{min-height:100vh;display:flex;justify-content:center;align-items:center}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .3s ease-out}