:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.empresa-form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 20px #00000026;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.empresa-form h2{margin-bottom:1.5rem;color:#333;font-size:1.5rem;font-weight:600}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-actions{display:flex;gap:1rem;margin-top:1.5rem;justify-content:flex-end}.btn-small{padding:.5rem 1rem;font-size:.875rem}.empty-state{text-align:center;padding:3rem 1rem;color:#666}.empty-state svg{margin-bottom:1rem;opacity:.5}.empty-state p{margin-bottom:.5rem;font-size:1rem}.empty-state p:last-child{font-size:.875rem;color:#999}.error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:1rem;border-radius:4px;margin-bottom:1rem}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow-x:hidden}html,body{height:100%;background-color:#f8f9fa;margin:0;padding:0;overflow-x:hidden}body{font-family:Inter,-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:#f8f9fa;color:#333;margin:0;padding:0;height:100vh;overflow-x:hidden;font-weight:400}.app{display:flex;min-height:100vh;height:100vh;background:#f8f9fa}.sidebar{width:280px;background:#000;color:#fff;padding:2rem 0 0;position:fixed;height:100vh;overflow-y:auto;box-shadow:2px 0 10px #0000001a;transition:transform .3s ease;z-index:1000;display:flex;flex-direction:column}.sidebar.collapsed{transform:translate(-100%)}.mobile-navbar{position:fixed;top:0;left:0;right:0;height:60px;background:#000;color:#fff;display:flex;align-items:center;padding:0 1rem;z-index:1001;box-shadow:0 2px 10px #0003}.mobile-hamburger-btn{background:transparent;color:#fff;border:none;padding:.5rem;cursor:pointer;font-size:1.5rem;transition:all .3s ease;margin-right:1rem}.mobile-hamburger-btn:hover{background:#ffffff1a;border-radius:4px}.mobile-navbar-title{flex:1;display:flex;align-items:center}.mobile-navbar-title h1{font-size:1.2rem;font-weight:600;margin:0;color:#fff}.hamburger-btn{position:fixed;top:1rem;left:1rem;z-index:1001;background:#000;color:#fff;border:none;border-radius:4px;padding:.5rem;cursor:pointer;font-size:1.5rem;transition:all .3s ease;box-shadow:0 2px 10px #0003;display:none}.hamburger-btn:hover{background:#333}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar-header{padding:0 2rem 1.5rem;border-bottom:1px solid #333;margin-bottom:1.5rem}.sidebar-nav{flex:1;padding:0 0 1rem}.logo{width:120px;height:auto;margin-bottom:1rem;filter:brightness(0) invert(1);object-fit:contain;max-width:100%}.sidebar-header h3{font-size:1.3rem;font-weight:600;margin-bottom:.5rem;color:#fff;font-family:Inter,sans-serif}.sidebar-header p{font-size:.85rem;color:#ccc;font-weight:400;font-family:Inter,sans-serif}.nav-section{margin-bottom:2rem}.nav-section-title{font-size:.75rem;font-weight:600;color:#999;text-transform:uppercase;letter-spacing:.5px;margin:0 0 1rem 2rem;font-family:Inter,sans-serif}.sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar-nav li{margin-bottom:.25rem}.sidebar-nav a{display:flex;align-items:center;padding:.5rem 2rem;color:#ccc;text-decoration:none;transition:all .2s ease;font-weight:400;font-size:.9rem;font-family:Inter,sans-serif;border-radius:0 20px 20px 0;margin-right:1rem}.sidebar-nav a:hover{background:#ffffff1a;color:#fff}.sidebar-nav a.active{background:#ffffff26;color:#fff;font-weight:500}.sidebar-nav .icon{width:18px;height:18px;margin-right:.75rem;opacity:.8}.sidebar-nav a:hover .icon,.sidebar-nav a.active .icon{opacity:1}.sidebar-logout{margin-top:auto;padding:1rem 2rem;border-top:1px solid #333}.logout-btn{display:flex;align-items:center;background:transparent;border:none;color:#ccc;padding:.5rem 0;cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:400;font-family:Inter,sans-serif;width:100%;text-align:left}.logout-btn:hover{color:#fff}.logout-icon{width:16px;height:16px;margin-right:.75rem;opacity:.8}.logout-btn:hover .logout-icon{opacity:1}.main-content{flex:1;margin-left:280px;padding:2rem;background:#f8f9fa;min-height:100vh;width:100%}.main-content.with-mobile-navbar{padding-top:calc(2rem + 60px);min-height:calc(100vh - 60px);height:calc(100vh - 60px)}.dashboard{width:100%;margin:0 auto;min-height:100%;height:100%;position:relative}@media (min-width: 769px){.sidebar{transform:translate(0)}.hamburger-btn,.sidebar-overlay{display:none}}@media (max-width: 768px){.hamburger-btn{display:none!important}.sidebar{transform:translate(-100%);top:60px;height:calc(100vh - 60px)}.sidebar.active{transform:translate(0)}.main-content{margin-left:0;padding-top:calc(2rem + 60px);min-height:calc(100vh - 60px);height:calc(100vh - 60px)}}.dashboard-header{margin-bottom:1.5rem}.dashboard-title{font-size:1.5rem;font-weight:600;color:#000;margin-bottom:.25rem;font-family:Inter,sans-serif}.dashboard-subtitle{font-size:.875rem;color:#666;font-weight:400;font-family:Inter,sans-serif}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;width:100%}.metric-card{background:#fff;padding:1.25rem;border-radius:8px;box-shadow:0 1px 3px #0000001a;border:1px solid #e9ecef;transition:transform .2s ease,box-shadow .2s ease}.metric-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001f}.metric-title{font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-family:Inter,sans-serif;font-weight:500}.metric-value{font-size:1.5rem;font-weight:600;color:#000;font-family:Inter,sans-serif}.table-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin-bottom:1.5rem;margin-top:1.5rem;width:100%;max-width:100%}.table-header{padding:.75rem 1rem;border-bottom:1px solid #e9ecef;background:#f8f9fa;width:100%;max-width:100%}.table-header h3{font-size:1rem;font-weight:600;color:#000;margin:0;font-family:Inter,sans-serif}.table{width:100%;border-collapse:collapse}.table th{background:#f8f9fa;padding:1rem 1.5rem;text-align:left;font-weight:500;color:#333;border-bottom:1px solid #e9ecef;font-family:Inter,sans-serif}.table td{padding:1rem 1.5rem;border-bottom:1px solid #e9ecef;vertical-align:middle;font-family:Inter,sans-serif;font-weight:400}.table tbody tr:hover{background:#f8f9fa}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;font-size:.9rem;font-family:Inter,sans-serif}.btn-primary{background:#000;color:#fff}.btn-primary:hover{background:#333;transform:translateY(-1px)}.btn-secondary{background:#6c757d;color:#fff}.btn-secondary:hover{background:#5a6268;transform:translateY(-1px)}.btn-success{background:#28a745;color:#fff}.btn-success:hover{background:#218838;transform:translateY(-1px)}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333;transform:translateY(-1px)}.status-badge{padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.status-active{background:#d4edda;color:#155724}.status-inactive{background:#f8d7da;color:#721c24}.filters-container{display:flex;gap:1rem;align-items:end;flex-wrap:wrap;background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin-bottom:2rem}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-weight:600;color:#333;font-size:.9rem}.form-select{padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:.9rem;background:#fff;min-width:200px}.form-select:focus{outline:none;border-color:#000;box-shadow:0 0 0 2px #0000001a}.logs-container{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.logs-header{padding:1rem;border-bottom:1px solid #e9ecef;background:#f8f9fa;display:flex;justify-content:space-between;align-items:center}.logs-header h3{font-size:1rem;font-weight:600;color:#000;margin:0}.logs-stats{display:flex;gap:.75rem;font-size:.875rem;font-weight:500}.logs-list{max-height:600px;overflow-y:auto}.log-entry{padding:.75rem 1rem;border-bottom:1px solid #e9ecef;transition:background-color .2s ease}.log-entry:hover{background:#f8f9fa}.log-header{display:flex;gap:.75rem;align-items:center;margin-bottom:.25rem;font-size:.875rem}.log-level{font-weight:600;text-transform:uppercase}.log-timestamp{color:#666}.log-empresa{color:#666;font-weight:500}.log-message{font-size:.875rem;line-height:1.4;color:#333}.log-details{margin-top:.25rem;padding:.5rem;background:#f8f9fa;border-radius:4px;font-size:.75rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.log-details pre{margin:0;white-space:pre-wrap;word-break:break-word}@media (max-width: 768px){.app{height:100vh;min-height:100vh;background:#f8f9fa;width:100%;max-width:100vw;overflow-x:hidden}.sidebar{width:100%;max-width:320px;position:fixed;height:calc(100vh - 60px);top:60px;transform:translate(-100%)}.sidebar.active{transform:translate(0)}.main-content{margin-left:0;padding:.5rem;padding-top:calc(.5rem + 60px);height:100vh;min-height:100vh;background:#f8f9fa;width:100%;max-width:100vw;overflow-x:hidden}.hamburger-btn{display:none}.dashboard{min-height:calc(100vh - 60px - 1rem);height:calc(100vh - 60px - 1rem);width:100%;max-width:100%;padding:0;margin:0;overflow-x:hidden}.dashboard-header{padding:0;margin:0 0 1rem;width:100%;max-width:100%}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;width:100%;max-width:100%;padding:0;margin:0}.filters-container{flex-direction:column;align-items:stretch}.form-select{min-width:auto}.logs-header{flex-direction:column;gap:1rem;align-items:flex-start}.logs-stats{width:100%;justify-content:space-between}.log-header{flex-direction:column;gap:.5rem;align-items:flex-start}}@media (max-width: 480px){.dashboard-title{font-size:1.5rem;font-weight:600;margin:0;padding:0;width:100%;max-width:100%;font-family:Inter,sans-serif}.metric-value{font-size:1.3rem;font-weight:600;font-family:Inter,sans-serif}.dashboard-subtitle{margin:0;padding:0;width:100%;max-width:100%;font-family:Inter,sans-serif;font-weight:400}.metrics-grid{grid-template-columns:1fr;gap:.75rem}.table{font-size:.9rem;width:100%;max-width:100%;table-layout:fixed}.table th,.table td{padding:.25rem;word-wrap:break-word;overflow-wrap:break-word;font-size:.8rem}}@media (max-width: 1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.metrics-grid{grid-template-columns:repeat(4,1fr)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard,.metric-card{animation:fadeIn .3s ease}.logs-list::-webkit-scrollbar{width:6px}.logs-list::-webkit-scrollbar-track{background:#f1f1f1}.logs-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.logs-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.conversation-view-container{height:calc(100vh - 4rem);display:flex;flex-direction:column;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden;font-family:Inter,sans-serif}.conversation-layout{display:flex;flex:1;overflow:hidden;position:relative}.conversations-sidebar{width:350px;border-right:1px solid #e9ecef;background:#fafafa;display:flex;flex-direction:column}.messages-area{flex:1;display:flex;flex-direction:column;background:#fff}.mobile-tabs{display:flex;background:#fff;border-bottom:1px solid #e9ecef;padding:0}.tab-btn{flex:1;padding:1rem;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#666;transition:all .2s ease}.tab-btn.active{color:#000;border-bottom-color:#000;background:#f5f5f5}.tab-btn:hover{background:#f5f5f5}.tab-icon{font-size:1rem}.tab-text{display:none}@media (min-width: 480px){.tab-text{display:inline}}.conversations-list{display:flex;flex-direction:column;height:100%}.conversations-header{padding:1rem;border-bottom:1px solid #e9ecef;background:#fff}.conversations-header h3{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#333}.search-container{position:relative}.search-input{width:100%;padding:.75rem 1rem;border:1px solid #e9ecef;border-radius:8px;font-size:.875rem;background:#fff;transition:border-color .2s ease}.search-input:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #0000001a}.conversations-content{flex:1;overflow-y:auto;padding:0}.conversation-item{display:flex;align-items:center;padding:1rem;border-bottom:1px solid #f1f3f4;cursor:pointer;transition:background-color .2s ease;position:relative}.conversation-item:hover{background:#f0f0f0}.conversation-item.active{background:#e8e8e8;border-left:3px solid #000}.conversation-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#333,#666);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;margin-right:.75rem;position:relative}.unread-indicator{position:absolute;top:-2px;right:-2px;width:12px;height:12px;background:#ff4757;border-radius:50%;border:2px solid #fff;box-shadow:0 1px 3px #0003}.conversation-info{flex:1;min-width:0}.conversation-name{font-weight:600;font-size:.875rem;color:#333;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.unread-badge{width:8px;height:8px;background:#ff4757;border-radius:50%;flex-shrink:0;box-shadow:0 1px 2px #0003}.conversation-last-message{font-size:.75rem;color:#666;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-time{font-size:.75rem;color:#999}.no-conversations{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#666}.no-conversations-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.no-conversations p{margin:0 0 .5rem;font-weight:500}.no-conversations small{font-size:.875rem;opacity:.7}.loading-conversations{display:flex;align-items:center;justify-content:center;padding:2rem}.messages-view{display:flex;flex-direction:column;height:100%}.no-conversation-selected{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#666;padding:2rem}.no-conversation-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-conversation-selected h3{margin:0 0 .5rem;font-weight:600;color:#333}.no-conversation-selected p{margin:0;font-size:.875rem;opacity:.7}@media (max-width: 768px){.conversation-view-container{height:100vh;width:100vw;margin:0;padding:0;border-radius:0;box-shadow:none;position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden}.conversation-layout{flex-direction:column;height:100%;flex:1;position:relative;margin:0;padding:0}.conversations-sidebar{width:100%;height:100%;border-right:none;border-bottom:none;flex:1;min-height:0}.messages-area{width:100%;height:100%;flex:1;min-height:0}.mobile-tabs{flex-shrink:0}.conversation-item{padding:.75rem}.conversation-avatar{width:40px;height:40px;font-size:.875rem;margin-right:.5rem}.conversations-header{padding:.75rem}.conversations-header h3{font-size:1rem;margin-bottom:.75rem}.conversations-list{height:100%;display:flex;flex-direction:column}.conversations-content{flex:1;min-height:0}.messages-view{height:100%;display:flex;flex-direction:column}.messages-container{flex:1;min-height:0}.conversations-sidebar,.messages-area{position:absolute;inset:0;width:100%;height:100%;z-index:1}.conversations-sidebar,.messages-area{display:none}.conversations-sidebar.active,.messages-area.active{display:flex!important}}@media (min-width: 769px){.conversations-sidebar,.messages-area{position:static;display:flex!important}}@media (max-width: 768px){.main-content:has(.conversation-view-container){margin:0;padding:0;background:transparent}.app{overflow:hidden}}.conversations-content::-webkit-scrollbar{width:6px}.conversations-content::-webkit-scrollbar-track{background:transparent}.conversations-content::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.conversations-content::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.conversation-item{animation:fadeInUp .3s ease-out}.loading-conversations{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.conversation-container{max-width:1200px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;overflow:hidden;height:calc(100vh - 4rem);display:flex;flex-direction:column;font-family:Inter,sans-serif}.conversation-header{padding:.5rem 1rem;border-bottom:1px solid #e9ecef;background:#fff;display:flex;align-items:center;justify-content:space-between;position:relative;box-shadow:0 1px 3px #0000001a;min-height:50px}.header-left{display:flex;align-items:center;gap:.75rem;flex:1}.back-btn{background:transparent;color:#666;border:none;padding:.25rem;border-radius:50%;cursor:pointer;font-size:1rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.back-btn:hover{background:#f5f5f5;color:#333}.contact-info{display:flex;align-items:center;gap:.5rem;flex:1}.contact-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#333,#666);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.contact-details{flex:1}.contact-details h2{font-size:.875rem;font-weight:600;color:#000;margin:0;font-family:Inter,sans-serif}.contact-status{font-size:.75rem;color:#666;margin:0;font-weight:400;font-family:Inter,sans-serif}.header-actions{display:flex;align-items:center;gap:.25rem}.header-action-btn{background:transparent;border:none;padding:.25rem;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.header-action-btn:hover{background:#f5f5f5}.action-icon{font-size:1.1rem}.messages-container{flex:1;overflow-y:auto;padding:.75rem;background:#fff;display:flex;flex-direction:column;gap:.5rem;height:100%}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#f1f1f1}.messages-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.message{margin-bottom:.25rem;animation:fadeInUp .3s ease;display:flex;flex-direction:column}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{align-items:flex-end}.message.bot{align-items:flex-start}.message-content{display:inline-block;max-width:70%;padding:.5rem .75rem;border-radius:12px;background:#fff;box-shadow:0 1px 3px #0000001a;position:relative;word-wrap:break-word;font-family:Inter,sans-serif;font-size:.875rem}.message-content:hover{box-shadow:0 2px 6px #00000026}.message.user .message-content{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:4px}.message.bot .message-content{background:#fff;color:#333;border-bottom-left-radius:4px}.message-content p{margin:0;white-space:pre-wrap;word-break:break-word}.message-time{font-size:.75rem;color:#999;margin-top:.125rem;display:block}.message.user .message-time{color:#fffc}.message.bot .message-time{color:#999}.date-separator{text-align:center;margin:.75rem 0;color:#888;font-weight:500;font-size:.75rem;font-family:Inter,sans-serif}.no-messages{text-align:center;padding:2rem;color:#666;display:flex;flex-direction:column;align-items:center;gap:.75rem;font-family:Inter,sans-serif}.no-messages-icon{font-size:3rem;opacity:.5}.no-messages p{margin:0;font-weight:500;font-size:1.1rem}.no-messages small{color:#999;font-weight:400}.loading-more{text-align:center;padding:1rem;color:#888;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:Inter,sans-serif;font-size:.9rem}.loading-spinner{width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.activities-section{padding:1rem;border-top:1px solid #e9ecef;background:#fff}.activities-section h3{font-size:1rem;font-weight:600;color:#000;margin-bottom:.75rem;position:relative;padding-left:.75rem}.activities-section h3:before{content:"📊";position:absolute;left:0}.activities-list{display:flex;flex-direction:column;gap:.5rem}.activity-item{padding:.75rem;background:#f8f9fa;border-radius:6px;border-left:3px solid #007bff;transition:all .2s ease}.activity-item:hover{background:#e9ecef;transform:translate(2px)}.activity-icon{font-size:1rem;margin-right:.5rem}.activity-content{display:flex;align-items:center}.activity-content p{margin:0;font-weight:500;color:#333;font-size:.875rem}.activity-time{font-size:.75rem;color:#666;margin-top:.125rem}@media (max-width: 768px){.conversation-header{padding:.5rem}.conversation-info h2{font-size:1rem}.message-content{max-width:85%}.activities-section{padding:.75rem}.conversation-container{height:100vh}}.activity-row:hover{background:#f8f9fa;cursor:pointer}.clickable-phone{cursor:pointer;color:#007bff;text-decoration:underline}.clickable-phone:hover{color:#0056b3}.activity-row{cursor:pointer}.error-message{color:#dc3545;font-size:.9rem;margin-top:.5rem}.loader{--s: 15px;width:calc(var(--s)*2.33);aspect-ratio:1;display:flex;justify-content:space-between;animation:l29-0 1s infinite}.loader:before,.loader:after{content:"";width:var(--s);--_g: no-repeat radial-gradient(farthest-side,#000 94%,#0000);background:var(--_g) top,var(--_g) bottom;background-size:100% var(--s);transform-origin:50% calc(100% - var(--s)/2);animation:inherit;animation-name:l29-1}.loader:after{--_s:-1}@keyframes l29-0{to{transform:translateY(calc(var(--s) - 100%))}}@keyframes l29-1{to{transform:rotate(calc(var(--_s,1)*-180deg))}}.content-loader-container{display:flex;justify-content:center;align-items:center;height:100vh;width:calc(100vw - 280px);min-height:400px;background:#f8f9fa;position:fixed;inset:0 0 0 280px}@media (max-width: 768px){.content-loader-container{width:100vw;left:0;top:60px;height:calc(100vh - 60px)}}.page-loader-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;background:#fff}.app-loading{overflow:hidden}.app-content{opacity:0;transition:opacity .3s ease-in-out}.app-content.loaded{opacity:1}.clientes-list{display:flex;flex-direction:column;gap:.75rem;padding:0}.cliente-item{display:flex;align-items:center;padding:1.25rem;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s ease;background:#fff;position:relative;box-shadow:0 1px 3px #0000000d}.cliente-item:hover{background:#f9fafb;border-color:#374151;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.cliente-avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#111827,#374151);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;margin-right:1rem;flex-shrink:0;position:relative;box-shadow:0 2px 8px #0003}.recent-activity-indicator{position:absolute;top:-3px;right:-3px;width:14px;height:14px;background:#10b981;border-radius:50%;border:2px solid #fff;box-shadow:0 2px 4px #0003}.cliente-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.cliente-header{display:flex;flex-direction:column;gap:.25rem}.cliente-name{font-weight:700;font-size:.95rem;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:.5rem}.recent-activity-badge{width:8px;height:8px;background:#10b981;border-radius:50%;flex-shrink:0;box-shadow:0 1px 2px #0003}.cliente-phone{font-size:.8rem;color:#374151;font-weight:600}.cliente-activity-info{display:flex;align-items:center;gap:.75rem;font-size:.75rem}.activity-type{font-weight:600;display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:6px;font-size:.7rem}.activity-time{color:#6b7280;font-weight:400}.message-count{color:#6b7280;font-weight:500;font-size:.65rem;background:#f3f4f6;padding:.15rem .4rem;border-radius:4px}@media (max-width: 768px){.cliente-item{padding:1rem}.cliente-avatar{width:44px;height:44px;font-size:1rem;margin-right:.75rem}.cliente-name{font-size:.85rem}.cliente-phone{font-size:.75rem}.cliente-activity-info{font-size:.7rem;gap:.5rem}}.nova-empresa-container{padding:1.5rem;max-width:1200px;margin:0 auto;font-family:Inter,sans-serif}.nova-empresa-header{display:flex;align-items:center;margin-bottom:2rem;gap:1rem}.nova-empresa-header h1{margin:0;font-size:1.5rem;font-weight:600;color:#212529}.nova-empresa-content{display:flex;flex-direction:column;gap:1.5rem}.nova-empresa-form{background:#fff;border-radius:.75rem;padding:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e9ecef}.form-input,.form-textarea{padding:.75rem;border:1px solid #e9ecef;border-radius:.5rem;font-size:.875rem;transition:all .2s ease;background:#fafbfc}.form-textarea{min-height:120px;resize:vertical;font-family:Inter,sans-serif;line-height:1.5}@media (max-width: 768px){.nova-empresa-container{padding:1rem}.nova-empresa-header{justify-content:flex-start}.nova-empresa-header h1{font-size:1.25rem}.sections-nav{gap:.25rem;padding-bottom:.75rem}.section-nav-btn{padding:.5rem .75rem;font-size:.75rem;gap:.25rem}.section-icon{font-size:.875rem}.nova-empresa-form{padding:1.5rem 1rem}.section-fields{grid-template-columns:1fr;gap:1rem}.form-actions{flex-direction:column;gap:.75rem;justify-content:center}.save-btn,.next-btn{width:100%;justify-content:center}.webhook-info{font-size:.75rem;padding:.75rem}}@media (max-width: 480px){.nova-empresa-container{padding:.75rem}.nova-empresa-form{padding:1rem .75rem}.section-header h2{font-size:1.125rem}.form-input,.form-textarea,.checkbox-label{padding:.625rem;font-size:.8rem}}.knowledge-section{grid-column:1 / -1}.login-fullscreen{min-height:100vh;min-width:100vw;display:flex;align-items:center;justify-content:center;background:linear-gradient(120deg,#f8fafc,#e0e7ef);position:fixed;inset:0;z-index:1000}.login-form{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:1.5rem;display:flex;flex-direction:column;align-items:center;min-width:320px;max-width:90vw}.login-logo{margin-bottom:1.5rem;display:flex;justify-content:center;width:100%}.login-form h2{margin-bottom:1.5rem;font-weight:600;color:#222;font-size:1.25rem}.login-form input{width:100%;padding:.5rem .75rem;margin-bottom:1rem;border:1px solid #e0e7ef;border-radius:4px;font-size:.875rem;background:#fff;color:#333;transition:border .2s}.login-form input::placeholder{color:#9ca3af;opacity:1}.login-form input:focus{border:1px solid #3b82f6;outline:none;background:#fff;box-shadow:0 0 0 3px #3b82f61a}.login-error{color:#e11d48;background:#fef2f2;border-radius:4px;padding:.5rem .75rem;margin-bottom:1rem;font-size:.875rem}.login-form button{width:100%;padding:.5rem 0;background:#111;color:#fff;border:none;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.login-form button:disabled{background:#444;cursor:not-allowed}.usuarios-container{padding:1.5rem;max-width:1200px;margin:0 auto}.usuarios-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.usuarios-header h1{margin:0;color:#222;font-size:1.25rem;font-weight:600}.btn-add-user{background:#000;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.875rem;cursor:pointer;transition:background .2s}.btn-add-user:hover{background:#333}.usuarios-table{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.usuarios-table table{width:100%;border-collapse:collapse}.usuarios-table th{background:#f8fafc;padding:.75rem 1rem;text-align:left;font-weight:500;color:#374151;border-bottom:1px solid #e5e7eb;font-size:.875rem}.usuarios-table td{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;font-size:.875rem}.usuarios-table tr:hover{background:#f9fafb}.btn-edit,.btn-delete{padding:.25rem .5rem;border:none;border-radius:4px;font-size:.75rem;cursor:pointer;margin-right:.5rem;transition:all .2s}.btn-edit{background:#3b82f6;color:#fff}.btn-edit:hover{background:#2563eb}.btn-delete{background:#dc2626;color:#fff}.btn-delete:hover{background:#b91c1c}.form-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.form-container{background:#fff;padding:1.5rem;border-radius:8px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto}.form-container h2{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#222}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.25rem;font-weight:500;color:#374151;font-size:.875rem}.form-group input,.form-group select{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input[type=checkbox]{width:auto;margin-right:.5rem}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.btn-save{background:#000;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-weight:500;cursor:pointer;font-size:.875rem}.btn-save:hover{background:#333}.btn-cancel{background:#6b7280;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-weight:500;cursor:pointer;font-size:.875rem}.btn-cancel:hover{background:#4b5563}.usuarios-loading{display:flex;justify-content:center;align-items:center;height:200px;font-size:18px;color:#6b7280}@media (max-width: 768px){.usuarios-header{flex-direction:column;gap:16px;align-items:stretch}.usuarios-table{overflow-x:auto}.form-container{width:95%;padding:24px}}.configuracoes-container{padding:1.5rem;max-width:1200px;margin:0 auto;font-family:Inter,sans-serif}.configuracoes-header{display:flex;align-items:center;margin-bottom:2rem;gap:1rem}.configuracoes-header h1{margin:0;font-size:1.5rem;font-weight:600;color:#212529}.empresa-filter{margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e9ecef}.empresa-filter label{display:block;font-weight:500;color:#495057;font-size:.875rem;margin-bottom:.5rem}.empresa-select-container{position:relative;width:100%;box-sizing:border-box}.empresa-select{width:100%;padding:.75rem 2.5rem .75rem .75rem;border:1px solid #e9ecef;border-radius:.5rem;font-size:.875rem;color:#212529;background:#fafbfc;transition:all .2s ease;font-family:Inter,sans-serif;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;box-sizing:border-box;margin:0;line-height:1.4;height:auto;min-height:2.75rem}.empresa-select:focus{outline:none;border-color:#212529;box-shadow:0 0 0 3px #2125291a;background:#fff}@media (max-width: 768px){.empresa-select{-webkit-tap-highlight-color:transparent;touch-action:manipulation;display:flex;align-items:center}.empresa-select:active{background:#f8f9fa}.empresa-select option{padding:.5rem;font-size:.875rem;color:#212529}}.select-arrow{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);pointer-events:none;color:#6c757d;font-size:.75rem;transition:color .2s ease}.empresa-select:focus+.select-arrow{color:#212529}.configuracoes-content{display:flex;flex-direction:column;gap:1.5rem}.sections-nav{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;border-bottom:1px solid #e9ecef}.section-nav-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:none;background:transparent;border-radius:.5rem;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-size:.875rem;color:#6c757d;border:1px solid transparent}.section-nav-btn:hover{background:#f8f9fa;color:#495057}.section-nav-btn.active{background:#212529;color:#fff;border-color:#212529}.section-icon{font-size:1rem}.section-title{font-weight:500}.configuracoes-form{background:#fff;border-radius:.75rem;padding:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e9ecef}.form-section{display:none}.form-section.active{display:block}.section-header{margin-bottom:1.5rem}.section-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#212529;display:flex;align-items:center;gap:.5rem}.section-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.field-group{display:flex;flex-direction:column;gap:.5rem}.field-group label{font-weight:500;color:#495057;font-size:.875rem}.form-input,.form-textarea{padding:.75rem;border:1px solid #e9ecef;border-radius:.5rem;font-size:.875rem;color:#212529;transition:all .2s ease;background:#fafbfc}.form-input:focus,.form-textarea:focus{outline:none;border-color:#212529;box-shadow:0 0 0 3px #2125291a;background:#fff}.form-textarea{min-height:2.75rem;max-height:120px;resize:vertical;font-family:Inter,sans-serif;line-height:1.5;overflow-y:auto}.form-textarea.prompt-long{min-height:8rem;max-height:200px}.form-textarea::placeholder{color:#adb5bd}.form-input::placeholder{color:#adb5bd}.field-hint{display:block;font-size:.75rem;color:#6c757d;margin-top:.25rem;line-height:1.3;font-style:italic}.checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;color:#495057;padding:.75rem;border:1px solid #e9ecef;border-radius:.5rem;background:#fafbfc;transition:all .2s ease}.checkbox-label:hover{background:#f8f9fa;border-color:#212529}.checkbox-label input[type=checkbox]{display:none}.checkmark{width:1.25rem;height:1.25rem;border:2px solid #dee2e6;border-radius:.25rem;position:relative;transition:all .2s ease;background:#fff}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#212529;border-color:#212529}.checkbox-label input[type=checkbox]:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.75rem;font-weight:700}.token-hints{background:#f8f9fa;border:1px solid #e9ecef;border-radius:.5rem;padding:.75rem;margin-top:.5rem;font-size:.75rem;color:#6c757d}.token-hint{padding:.25rem 0;border-bottom:1px solid #e9ecef}.token-hint:last-child{border-bottom:none}.token-hint-empresas{color:#adb5bd;font-size:.7rem;margin-left:.5rem}.webhook-info{margin:2rem 0 1rem;padding:1rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:.5rem;font-size:.875rem;color:#495057;word-break:break-all}.webhook-info strong{color:#212529}.success-msg,.error-msg{padding:.75rem 1rem;border-radius:.5rem;font-weight:500;font-size:.875rem;margin-bottom:1rem}.success-msg{background:#d1e7dd;color:#0f5132;border:1px solid #badbcc}.error-msg{background:#f8d7da;color:#721c24;border:1px solid #f5c2c7}.form-actions{display:flex;justify-content:flex-start;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e9ecef}.save-btn,.cancel-btn,.next-btn{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.save-btn{background:#212529;color:#fff}.save-btn:hover:not(:disabled){background:#495057;transform:translateY(-1px)}.save-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover{background:#495057;transform:translateY(-1px)}.next-btn{background:#212529;color:#fff}.next-btn:hover{background:#495057;transform:translateY(-1px)}@media (max-width: 768px){.configuracoes-container{padding:1rem}.configuracoes-header{justify-content:flex-start}.configuracoes-header h1{font-size:1.25rem}.empresa-filter{padding:1rem}.empresa-select-container{position:relative;width:100%;box-sizing:border-box}.empresa-select{width:100%;box-sizing:border-box;margin:0;padding:.75rem 2.5rem .75rem .75rem;font-size:.875rem;line-height:1.4;height:auto;min-height:2.75rem}.select-arrow{right:.75rem;top:50%;transform:translateY(-50%);font-size:.75rem}.sections-nav{gap:.25rem;padding-bottom:.75rem}.section-nav-btn{padding:.5rem .75rem;font-size:.75rem;gap:.25rem}.section-icon{font-size:.875rem}.configuracoes-form{padding:1.5rem 1rem}.section-fields{grid-template-columns:1fr;gap:1rem}.form-actions{flex-direction:column;gap:.75rem;justify-content:center}.save-btn,.next-btn{width:100%;justify-content:center}.webhook-info{font-size:.75rem;padding:.75rem}}@media (max-width: 480px){.configuracoes-container{padding:.75rem}.configuracoes-form{padding:1rem .75rem}.empresa-filter{padding:.75rem}.empresa-select-container{position:relative;width:100%;box-sizing:border-box}.empresa-select{width:100%;box-sizing:border-box;margin:0;padding:.625rem 2.25rem .625rem .625rem;font-size:.8rem;line-height:1.3;height:auto;min-height:2.5rem}.select-arrow{right:.625rem;top:50%;transform:translateY(-50%);font-size:.7rem}.section-header h2{font-size:1.125rem}.form-input,.form-textarea,.checkbox-label{padding:.625rem;font-size:.8rem}.no-empresa-selected,.no-empresas{background:#fff;border-radius:.75rem;padding:2rem;text-align:center;box-shadow:0 1px 3px #0000001a;border:1px solid #e9ecef}.no-empresa-selected p,.no-empresas p{color:#6c757d;font-size:1rem;margin:0}}.apis-section{margin-top:2rem}.apis-section h3{font-size:1.125rem;font-weight:600;color:#212529;margin-bottom:1rem;margin-top:2rem}.apis-section h3:first-child{margin-top:0}.apis-list{display:flex;flex-direction:column;gap:1rem}.api-item{padding:1rem;border:1px solid #e9ecef;border-radius:.5rem;background:#fafbfc;transition:all .2s ease}.api-item:hover{background:#f8f9fa;border-color:#212529}.api-item.available{background:#fff;border-color:#dee2e6}.api-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.api-info strong{font-weight:600;color:#212529;font-size:.875rem}.api-status{font-size:.75rem;padding:.25rem .5rem;border-radius:.25rem;font-weight:500}.api-description{font-size:.8rem;color:#6c757d;line-height:1.4}.connect-api-btn{margin-top:.75rem;padding:.5rem 1rem;background:#212529;color:#fff;border:none;border-radius:.25rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease}.connect-api-btn:hover{background:#495057;transform:translateY(-1px)}.api-checkbox{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;padding:0;border:none;background:transparent;width:100%}.api-checkbox input[type=checkbox]{display:none}.api-checkbox .checkmark{width:1.25rem;height:1.25rem;border:2px solid #dee2e6;border-radius:.25rem;position:relative;transition:all .2s ease;background:#fff;flex-shrink:0;margin-top:.125rem}.api-checkbox input[type=checkbox]:checked+.checkmark{background:#212529;border-color:#212529}.api-checkbox input[type=checkbox]:checked+.checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.75rem;font-weight:700}.no-apis{text-align:center;color:#6c757d;font-size:.875rem;padding:2rem;background:#f8f9fa;border-radius:.5rem;border:1px dashed #dee2e6}.google-integrations{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-top:1.5rem}.integration-group{border:1px solid #e9ecef;border-radius:.875rem;background:#fff;overflow:hidden;box-shadow:0 1px 3px #0000000f;transition:all .2s ease;position:relative;width:100%;box-sizing:border-box}.integration-group:hover{border-color:#dee2e6;box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.integration-header{display:flex;align-items:center;padding:1.25rem;background:#f8f9fa;cursor:pointer;transition:all .2s ease;position:relative}.integration-header:hover{background:#f1f3f4}.integration-icon{font-size:1.5rem;margin-right:1rem;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:.75rem;color:#fff;flex-shrink:0;position:relative;overflow:hidden}.integration-group[data-api=sheets] .integration-icon{background:linear-gradient(135deg,#34a853,#2d8f47)}.integration-group[data-api=openai] .integration-icon{background:linear-gradient(135deg,#10a37f,#0e8a6f)}.integration-group[data-api=calendar] .integration-icon{background:linear-gradient(135deg,#ea4335,#d23f31)}.integration-group[data-api=trinks] .integration-icon{background:linear-gradient(135deg,#6c757d,#5a6268)}.integration-info{flex:1;min-width:0}.integration-info h3{margin:0 0 .375rem;font-size:1.125rem;font-weight:600;color:#212529;line-height:1.3}.integration-info p{margin:0;font-size:.8125rem;color:#6c757d;line-height:1.4;font-weight:400}.connected-badge{display:inline-block;background:#28a745;color:#fff;font-size:.625rem;padding:.125rem .375rem;border-radius:.25rem;margin-top:.25rem;font-weight:500}.accordion-toggle{width:2rem;height:2rem;border:none;background:#495057;color:#fff;border-radius:.5rem;font-size:1.125rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;box-shadow:0 1px 3px #0000001a}.accordion-toggle:hover{background:#343a40;transform:scale(1.05);box-shadow:0 2px 6px #00000026}.accordion-toggle:active{transform:scale(.98)}.integration-fields{padding:1.5rem;background:#f8f9fa;border-top:1px solid #e9ecef;width:100%;box-sizing:border-box;margin:0;border-radius:0 0 .75rem .75rem}.integration-fields .field-group{margin-bottom:1rem}.integration-fields .field-group:last-child{margin-bottom:0}.knowledge-section{margin-top:.5rem}.knowledge-row{display:grid;grid-template-columns:1fr 2fr;gap:1rem;align-items:start;padding:.75rem 0;border-bottom:1px solid #f1f3f5}.knowledge-row:last-child{border-bottom:none}.knowledge-row .field-group{margin:0}.knowledge-row .actions{grid-column:1 / span 2;display:flex;align-items:center;gap:1rem;padding-top:.5rem}.knowledge-row .actions .field-group{display:flex;flex-direction:row;align-items:center;gap:.5rem;margin:0}.add-btn,.remove-btn{padding:.5rem .75rem;border:1px solid #e9ecef;background:#fff;color:#212529;border-radius:.5rem;cursor:pointer}.add-btn{margin-top:.75rem}.add-btn:hover,.remove-btn:hover{background:#f8f9fa}@media (max-width: 768px){.knowledge-row{grid-template-columns:1fr}.knowledge-row .actions{grid-column:auto}}