.h-screen{height:100vh;overflow:hidden}.w-1\/3{width:33.3333%}.border-r{border-right-width:1px;border-right-color:var(--color-border)}.p-4{padding:1rem}.bg-gray-200{background-color:var(--color-header-bg)}.justify-between{justify-content:space-between}.items-center{align-items:center}.text-xl{font-size:1.25rem;color:var(--color-text-secondary)}.font-semibold{font-weight:600;color:var(--color-text-secondary)}.p-2{padding:.5rem}.rounded-full{border-radius:9999px}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.ml-2{margin-left:.5rem}.outline-none{outline:none}.overflow-y-auto{overflow-y:auto}.h-\[calc\(100\%-120px\)\]{height:calc(100% - 120px)}.p-3{padding:.75rem}.hover\:bg-gray-100:hover{background-color:var(--color-button-hover-bg)}.cursor-pointer{cursor:pointer}.w-12{width:3rem}.h-12{height:3rem}.bg-gray-300{background-color:var(--color-calendar-day-bg)}.mr-3{margin-right:.75rem}.text-sm{font-size:.875rem}.text-gray-600{color:var(--color-text-secondary)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-1{flex:1;display:flex;flex-direction:column}.flex-col{flex-direction:column}.w-10{width:2.5rem}.h-10{height:2.5rem}.space-x-4>*+*{margin-left:1rem}.bg-transparent{background-color:transparent}.message{max-width:70%;padding:10px 15px;border-radius:8px;margin-bottom:10px}.cliente{background-color:var(--color-badge-professional-bg);color:var(--color-badge-professional-text);align-self:flex-start}.agente{background-color:var(--color-badge-technical-bg);color:var(--color-badge-technical-text);align-self:flex-end}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.w-full{width:100%}.border{border-width:1px}.border-gray-300{border-color:var(--color-input-border)}.focus\:outline-none:focus{outline:none}.focus\:border-blue-500:focus{border-color:var(--color-input-focus)}.flex.items-center.justify-center{display:flex;align-items:center;justify-content:center}.text-gray-500{color:var(--color-text-muted)}.split{display:flex;flex-direction:row;height:100%;width:100%}.gutter{background-color:var(--color-gutter);background-repeat:no-repeat;background-position:50%}.gutter.gutter-horizontal{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==);cursor:col-resize;width:10px!important}.flex-1.flex.flex-col.overflow-hidden{overflow:hidden}.flex-1.overflow-y-auto{overflow-y:auto;height:calc(100vh - 120px)}.bg-gray-100.p-4{position:sticky;bottom:0;background-color:var(--color-background-light)}.bg-white.border-r.overflow-hidden{display:flex;flex-direction:column;height:100vh}.overflow-y-auto{flex-grow:1;overflow-y:auto;height:calc(100% - 120px)}.overflow-y-auto::-webkit-scrollbar{width:6px}.overflow-y-auto::-webkit-scrollbar-track{background-color:var(--color-scrollbar-track)}.overflow-y-auto::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar);border-radius:6px}.overflow-y-auto::-webkit-scrollbar-thumb:hover{background-color:var(--color-scrollbar-hover)}@media (max-width: 768px){.split{flex-direction:column}.split>div:first-child,.split>div:last-child{width:100%;max-width:none;height:50vh}.gutter-horizontal{display:none}.flex-1.overflow-y-auto{height:calc(50vh - 60px)}}@media (max-width: 640px){.h-screen{min-height:100vh}.p-4{padding:.5rem}.text-xl{font-size:1rem}.w-12,.h-12{width:2.5rem;height:2.5rem}.message{max-width:85%}}.left-sidebar{background-color:var(--color-background-light);width:60px;height:97vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:1rem;border-right:1px solid var(--color-border)}.left-sidebar .icons{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.left-sidebar .icon{color:var(--color-icon-muted);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.left-sidebar .icon:hover{background-color:var(--color-button-hover-bg);color:var(--color-text-secondary)}.left-sidebar .icon .avatar{width:32px;height:32px;background-color:var(--color-background-light);color:var(--color-text-secondary);border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:500}.app-container{display:flex;height:100vh;background-color:var(--color-background-white)}.left-sidebar-container{flex-shrink:0;box-shadow:0 0 10px var(--color-shadow)}.chat-interface-container{flex-grow:1;overflow:hidden;display:flex;flex-direction:column;background-color:var(--color-background-white)}.icon .notification-badge{background-color:var(--color-icon-success);color:#fff;border-radius:50%;width:18px;height:18px;font-size:12px;display:flex;align-items:center;justify-content:center;position:absolute;top:-5px;right:-5px}.message-list{display:flex;flex-direction:column;height:100%;background-color:var(--color-background-light)}.messages-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px;scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) transparent;width:100%;max-width:100%}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar);border-radius:3px}.message-row{display:flex;margin-bottom:8px;align-items:flex-end;width:100%;overflow:hidden}@media (max-width: 768px){.message-bubble{max-width:400px}}@media (max-width: 480px){.message-bubble{max-width:320px}}.message-client{justify-content:flex-start}.message-agent{justify-content:flex-end}.message-bubble{display:inline-block;max-width:500px;min-width:80px;padding:8px 12px;position:relative;margin:2px 0;font-size:14px;line-height:20px;color:var(--color-text-secondary);border-radius:12px;box-shadow:0 1px 2px var(--color-shadow);animation:fadeIn .15s ease-out;overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap;width:fit-content}.message-client .message-bubble{background-color:var(--color-background-white);margin-left:8px}.message-agent .message-bubble{background-color:var(--color-badge-technical-bg);margin-right:8px}.message-text{color:var(--color-text-black);display:block;word-wrap:break-word;word-break:break-word;white-space:pre-wrap;overflow-wrap:break-word}.profile-container{margin-right:8px}.profile-image{width:32px;height:32px;border-radius:50%}.profile-placeholder{width:32px;height:32px;border-radius:50%;background-color:var(--color-background-light)}.message-status{display:flex;flex-direction:column;align-items:flex-end;margin-top:4px;font-size:11px;color:var(--color-text-muted)}.file-preview-container{background-color:var(--color-background-white);border-radius:12px;overflow:hidden;max-width:300px;margin:4px 0;box-shadow:0 1px 2px var(--color-shadow)}.image-preview{width:100%}.image-preview img{width:100%;height:auto;max-height:200px;object-fit:cover;display:block;cursor:pointer}.image-preview img:hover{opacity:.9}.file-icon-container{display:flex;align-items:center;padding:12px;gap:12px;background-color:var(--color-background-white)}.file-details{flex:1;font-size:14px;color:var(--color-text-secondary)}.file-title{font-weight:500}.file-description{font-size:12px;color:var(--color-text-muted);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:200px}.download-button{padding:8px;border-radius:50%;cursor:pointer;color:var(--color-icon-muted);transition:all .2s ease;background:none;border:none}.download-button:hover{background-color:var(--color-button-hover-bg)}.play-button{color:var(--color-btn-primary);font-size:14px;background:none;border:none;padding:4px 8px;cursor:pointer}.play-button:hover{text-decoration:underline}.audio-player{width:100%;height:40px;margin:4px 0}.audio-preview{display:flex;align-items:center;gap:8px}.video-container{width:100%}.message-video{width:100%;max-width:100%;border-radius:8px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;background-color:#000000bf;z-index:50;animation:modalFadeIn .2s ease-out}.modal-content{position:relative;max-width:90vw;max-height:90vh;background-color:#000;padding:4px;border-radius:8px}.modal-close{position:absolute;top:-40px;right:-40px;background:none;border:none;color:#fff;cursor:pointer;padding:8px}.modal-close:hover{color:#e0e0e0}.modal-image{max-width:100%;max-height:90vh;object-fit:contain}.preview-icon,.download-icon,.audio-icon,.file-icon,.modal-close-icon{width:16px;height:16px}.preview-loading{height:48px;width:100%;max-width:250px;background-color:var(--color-skeleton-box-start);border-radius:8px;animation:pulse 1.5s infinite}.timeout-message{background-color:var(--color-filter-bg);border:1px solid var(--color-filter-primary);border-radius:8px;color:var(--color-text-secondary);font-size:.875rem;margin:12px auto;max-width:80%;padding:8px 16px;text-align:center;box-shadow:0 1px 2px var(--color-shadow);animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.audio-preview-card{background-color:var(--color-background-white);border-radius:12px;overflow:hidden;width:280px;box-shadow:0 1px 3px var(--color-shadow)}.audio-preview-header{display:flex;align-items:center;padding:12px;gap:12px;background-color:var(--color-background-white)}.audio-icon-wrapper{width:40px;height:40px;background-color:var(--color-badge-professional-bg);border-radius:50%;display:flex;align-items:center;justify-content:center}.audio-preview-icon{width:20px;height:20px;color:var(--color-badge-professional-text)}.audio-preview-info{flex:1;display:flex;flex-direction:column;gap:4px}.audio-preview-title{font-size:14px;font-weight:500;color:var(--color-text-secondary)}.audio-preview-timestamp{font-size:12px;color:var(--color-text-muted)}.audio-preview-menu{background:none;border:none;padding:8px;color:var(--color-icon-muted);cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.audio-preview-menu:hover{background-color:var(--color-button-hover-bg)}.audio-preview-player{padding:0 12px 12px}.custom-audio-player{width:100%;height:36px;background-color:var(--color-background-light);border-radius:18px}.custom-audio-player::-webkit-media-controls-panel{background-color:var(--color-background-light);border-radius:18px}.custom-audio-player::-webkit-media-controls-current-time-display,.custom-audio-player::-webkit-media-controls-time-remaining-display{color:var(--color-text-secondary);font-size:12px}.custom-audio-player::-webkit-media-controls-play-button{background-color:var(--color-background-white);border-radius:50%;margin:0 8px}.custom-audio-player::-webkit-media-controls-timeline{background-color:var(--color-border);border-radius:2px;height:4px;padding:0}.custom-audio-player::-webkit-media-controls-volume-slider{background-color:var(--color-border);border-radius:2px;padding:0}.audio-transcription-container{margin-top:8px;width:100%}.transcription-toggle-btn{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffb3;font-size:12px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:fit-content}.transcription-toggle-btn:hover{background:#ffffff14;border-color:#fff3;color:#ffffffe6;transform:translateY(-1px)}.transcription-toggle-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.transcription-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.transcription-btn-text{font-weight:400;letter-spacing:.01em}.transcription-loading{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.loading-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.2);border-top:2px solid rgba(255,255,255,.7);border-radius:50%;animation:spin 1s linear infinite}.transcription-panel{margin-top:8px;overflow:hidden;transition:all .3s ease;border-radius:8px;background:#0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.transcription-panel.collapsed{max-height:0;opacity:0;margin-top:0;border-width:0}.transcription-panel.expanded{max-height:500px;opacity:1}.transcription-content{padding:12px}.transcription-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1)}.transcription-label{font-size:11px;font-weight:500;color:#fffc;text-transform:uppercase;letter-spacing:.05em}.expand-collapse-btn{background:none;border:none;color:#fff9;font-size:11px;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .2s ease}.expand-collapse-btn:hover{background:#ffffff1a;color:#ffffffe6}.transcription-text{font-size:13px;line-height:1.5;color:#ffffffe6;white-space:pre-wrap;word-wrap:break-word;max-height:300px;overflow-y:auto;padding:8px 0}.transcription-text::-webkit-scrollbar{width:4px}.transcription-text::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.transcription-text::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.transcription-text::-webkit-scrollbar-thumb:hover{background:#ffffff80}.transcription-error{display:flex;align-items:center;gap:8px;padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#fca5a5}.error-icon{font-size:14px}.error-text{font-size:12px;flex:1}.audio-player-container{width:100%;max-width:320px}.audio-content{display:flex;flex-direction:column;gap:8px}.audio-info{margin-bottom:4px}.audio-source{font-size:11px;color:#fff9;margin:0;word-break:break-all}.audio-element{width:100%;height:32px;background:#ffffff1a;border-radius:6px}.audio-element::-webkit-media-controls-panel{background-color:#00000080}.audio-error{font-size:12px;color:#fca5a5;margin:0;padding:8px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px}.audio-transcription-wrapper{margin-top:4px}@media (max-width: 768px){.transcription-panel.expanded{max-height:250px}.transcription-text{font-size:12px;max-height:200px}.audio-player-container{max-width:100%}}.message-reactions{position:absolute;bottom:-8px;right:8px;display:flex;gap:4px;background-color:var(--color-background-white);border:1px solid var(--color-border);border-radius:12px;padding:2px 8px;box-shadow:var(--box-shadow);z-index:10}.message-reactions span{font-size:1rem;line-height:1}.reaction-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs);font-size:.875rem;color:var(--color-text-muted)}.reaction-message span:first-child{font-size:1.5rem}.location-message{background-color:var(--color-background-white);border-radius:var(--border-radius);padding:var(--spacing-md);border:1px solid var(--color-border);max-width:300px}.location-message .location-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--color-error)}.location-message .location-name{font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.location-message .location-address{font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.location-message .location-coordinates{font-size:.75rem;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.location-message .location-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-primary);text-decoration:none;font-size:.875rem;transition:color .2s}.location-message .location-link:hover{color:var(--color-primary-dark);text-decoration:underline}.contacts-message{background-color:var(--color-background-white);border-radius:var(--border-radius);padding:var(--spacing-md);border:1px solid var(--color-border);max-width:350px}.contacts-message .contacts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.contacts-message .contacts-title{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;color:var(--color-text-primary)}.contacts-message .contact-card{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.contacts-message .contact-card:last-child{border-bottom:none;margin-bottom:0}.contacts-message .contact-name{font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.contacts-message .contact-info{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.contacts-message .contact-org{font-size:.75rem;color:var(--color-text-muted);font-style:italic}.contacts-message .expand-button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.875rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);transition:background-color .2s}.contacts-message .expand-button:hover{background-color:var(--color-primary-light)}.sticker-container{display:inline-block;padding:0;background:transparent}.sticker-image{max-width:150px;max-height:150px;object-fit:contain;display:block}.sticker-message{display:inline-block;padding:var(--spacing-xs)}.sticker-message .sticker-image{max-width:150px;max-height:150px;border-radius:var(--border-radius-sm);object-fit:contain}.sticker-message .sticker-placeholder{color:var(--color-text-muted);font-size:.875rem}.order-message{background-color:var(--color-background-white);border-radius:var(--border-radius);padding:var(--spacing-md);border:1px solid var(--color-border);max-width:400px}.order-message .order-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.order-message .order-title{font-weight:700;font-size:1rem;color:var(--color-text-primary)}.order-message .order-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.order-message .order-total{font-size:1.25rem;font-weight:700;color:var(--color-success)}.order-message .order-count{font-size:.875rem;color:var(--color-text-muted)}.order-message .order-comment{padding:var(--spacing-sm);background-color:var(--color-gray-light);border-radius:var(--border-radius-sm);font-size:.875rem;color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.order-message .order-products{margin-top:var(--spacing-md)}.order-message .product-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.order-message .product-item:last-child{border-bottom:none}.order-message .product-info{flex:1}.order-message .product-id{font-size:.875rem;color:var(--color-text-primary);font-weight:500}.order-message .product-quantity{font-size:.75rem;color:var(--color-text-muted)}.order-message .product-price{font-weight:600;color:var(--color-text-primary)}.order-message .expand-button{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:.875rem;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);transition:background-color .2s;margin-top:var(--spacing-sm);width:100%}.order-message .expand-button:hover{background-color:var(--color-primary-light)}.interactive-message{background-color:var(--color-background-white);border-radius:var(--border-radius);padding:var(--spacing-md);border:1px solid var(--color-border);max-width:350px}.interactive-message .interactive-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--color-primary)}.interactive-message .response-type{font-size:.75rem;color:var(--color-text-muted);margin-bottom:var(--spacing-xs)}.interactive-message .response-title{font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.interactive-message .response-description{font-size:.875rem;color:var(--color-text-muted)}.interactive-message .response-id{font-size:.75rem;color:var(--color-text-muted);font-family:monospace;background-color:var(--color-gray-light);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);margin-top:var(--spacing-sm);display:inline-block}.system-message{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);margin:var(--spacing-md) 0}.system-message-content{display:flex;align-items:center;gap:var(--spacing-sm);background-color:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md);max-width:400px}.system-message-content .system-icon{color:var(--color-warning);flex-shrink:0}.system-message-content .system-text{font-size:.875rem;color:var(--color-text-secondary);text-align:center}.system-message-content .system-detail{font-size:.75rem;color:var(--color-text-muted);margin-top:var(--spacing-xs)}@media (max-width: 768px){.location-message,.contacts-message,.order-message,.interactive-message{max-width:100%}.order-message .order-info{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.contacts-message .contact-info{flex-wrap:wrap}}.dark-theme .location-message,.dark-theme .contacts-message,.dark-theme .order-message,.dark-theme .interactive-message{background-color:var(--color-background-white);border-color:var(--color-border)}.dark-theme .order-message .order-comment,.dark-theme .interactive-message .response-id{background-color:var(--color-gray-dark)}.dark-theme .system-message-content{background-color:var(--color-warning-light);border-color:var(--color-warning)}.message-sender-container{background-color:var(--color-background-light);padding:10px;border-top:1px solid var(--color-border);display:flex;align-items:center;box-shadow:0 -2px 10px var(--color-shadow)}.input-wrapper{position:relative;flex-grow:1}.message-input{flex-grow:1;padding:12px 20px;border:none;border-radius:20px;font-size:15px;background-color:var(--color-background-white);color:var(--color-text-black);transition:all .3s ease;box-shadow:0 1px 2px var(--color-shadow);width:100%;max-height:150px;min-height:45px;resize:none;overflow-y:auto}.message-input::-webkit-scrollbar{width:6px}.message-input::-webkit-scrollbar-track{background:var(--color-scrollbar-track);border-radius:3px}.message-input::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:3px}.message-input::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-hover)}.message-input:focus{outline:none;box-shadow:0 0 0 2px var(--color-btn-primary)}.templates-dropdown{position:absolute;bottom:100%;left:0;width:100%;max-height:300px;overflow-y:auto;background-color:var(--color-background-white);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 2px 10px var(--color-shadow);margin-bottom:8px;z-index:1000}.template-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--color-border-light);transition:background-color .2s ease}.template-item:last-child{border-bottom:none}.template-item:hover{background-color:var(--color-option-hover)}.template-name{font-weight:600;color:var(--color-btn-primary);margin-bottom:4px;font-size:14px}.template-preview{color:var(--color-text-muted);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-templates{padding:16px;text-align:center;color:var(--color-text-muted);font-size:14px}.template-form{background-color:var(--color-background-white);border-radius:8px;box-shadow:0 2px 10px var(--color-shadow);padding:20px;width:100%}.template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--color-border)}.template-header h3{color:var(--color-btn-primary);font-size:18px;margin:0}.btn-edit{background:transparent;border:none;padding:8px;border-radius:50%;cursor:pointer;transition:all .2s ease;color:var(--color-btn-primary)}.btn-edit:hover{background-color:var(--color-btn-hover-bg)}.template-component{margin-bottom:24px;padding:16px;background-color:var(--color-background-light);border-radius:8px}.template-text{color:var(--color-text-primary);font-size:14px;line-height:1.5;margin-bottom:16px;padding:12px;background-color:var(--color-background-white);border-radius:6px;border:1px solid var(--color-border)}.template-variable{margin-bottom:16px}.template-variable label{display:block;font-size:14px;font-weight:500;color:var(--color-text-secondary);margin-bottom:8px}.template-input-group{display:flex;gap:8px}.template-input{flex-grow:1;padding:10px 16px;border:1px solid var(--color-input-border);border-radius:6px;font-size:14px;transition:all .3s ease}.template-input:focus{outline:none;border-color:var(--color-input-focus);box-shadow:0 0 0 2px var(--color-input-focus-shadow)}.template-value-group{display:flex;align-items:center;gap:12px;padding:8px 12px;background-color:var(--color-background-white);border-radius:6px;border:1px solid var(--color-border)}.template-value{flex-grow:1;font-size:14px;color:var(--color-text-secondary)}.btn-save-variable,.btn-edit-variable{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-save-variable{background-color:var(--color-btn-primary);color:#fff}.btn-save-variable:hover{background-color:var(--color-btn-primary-hover)}.btn-save-variable:disabled{background-color:var(--color-pagination-disabled-bg);cursor:not-allowed}.btn-edit-variable{background-color:var(--color-background-light);color:var(--color-btn-primary)}.btn-edit-variable:hover{background-color:var(--color-button-hover-bg)}.template-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--color-border)}.btn-save-template,.btn-cancel-edit,.btn-send-template{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-save-template{background-color:var(--color-btn-primary);color:#fff}.btn-save-template:hover{background-color:var(--color-btn-primary-hover)}.btn-cancel-edit{background-color:var(--color-background-light);color:var(--color-text-muted)}.btn-cancel-edit:hover{background-color:var(--color-button-hover-bg)}.btn-send-template{background-color:var(--color-btn-primary);color:#fff}.btn-send-template:hover{background-color:var(--color-btn-primary-hover)}.btn-action{background-color:transparent;border:none;border-radius:50%;padding:8px;margin-left:8px;cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;align-items:center}.btn-action:hover{background-color:var(--color-btn-hover-bg)}.btn-action svg{width:24px;height:24px;color:var(--color-btn-primary)}.btn-recording{background-color:#ff00001a}.btn-recording svg{color:var(--color-icon-error)}.btn-send{background-color:var(--color-btn-primary);border:none;border-radius:50%;padding:10px;height:40px;width:40px;margin-left:8px;cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;align-items:center}.btn-send:hover{background-color:var(--color-btn-primary-hover)}.btn-send:disabled{background-color:var(--color-pagination-disabled-bg);cursor:not-allowed}.btn-send svg{width:24px;height:24px;color:#fff}.file-menu-container{position:relative}.file-menu{position:absolute;bottom:100%;right:0;margin-bottom:8px;background-color:var(--color-background-white);border-radius:8px;box-shadow:0 2px 10px var(--color-shadow);padding:8px;min-width:180px;animation:slideUp .2s ease-out;z-index:1000}.file-option{display:flex;align-items:center;gap:12px;width:100%;padding:10px 16px;border:none;background:none;color:var(--color-text-secondary);cursor:pointer;transition:background-color .2s ease;border-radius:6px}.file-option:hover{background-color:var(--color-btn-hover-bg)}.file-option svg{color:var(--color-btn-primary)}.file-option span{font-size:14px}.audio-preview{max-width:200px;height:40px;margin:0 8px}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.templates-dropdown::-webkit-scrollbar{width:6px}.templates-dropdown::-webkit-scrollbar-track{background:var(--color-scrollbar-track);border-radius:3px}.templates-dropdown::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:3px}.templates-dropdown::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-hover)}.message-sender-wrapper{position:relative;width:100%}.template-form-container{position:absolute;bottom:100%;left:0;right:0;z-index:1000}.file-preview{display:flex;flex-direction:column;align-items:center;margin:10px;position:relative;padding:10px;background-color:var(--color-background-light);border-radius:8px;max-width:300px}.preview-content{max-width:100%;max-height:200px;border-radius:4px;margin-bottom:5px}.file-name{font-size:12px;color:var(--color-text-muted);word-break:break-all;text-align:center;max-width:100%}.remove-file{position:absolute;top:5px;right:5px;background-color:#00000080;color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;line-height:1}.remove-file:hover{background-color:#000000b3}.image-preview{background-color:var(--color-badge-professional-bg)}.video-preview{background-color:var(--color-badge-specialization-bg)}.document-preview{background-color:var(--color-badge-technical-bg);padding:15px}.video-preview video{width:100%;max-height:200px;border-radius:4px}.file-option .lucide-video{color:var(--color-badge-text)}.ia-agent-mode .file-preview,.ia-agent-mode .video-preview,.ia-agent-mode .audio-preview{display:none}.ia-agent-input{background-color:var(--color-background-light)}.ia-agent-send{background-color:var(--color-metric-sales-border)}.ia-agent-send:hover{background-color:var(--color-metric-sales)}.emoji-picker-container{position:relative;display:inline-block}.emoji-button{color:var(--color-icon-muted)}.emoji-picker-wrapper{position:absolute;bottom:100%;right:0;margin-bottom:10px;z-index:1000;box-shadow:0 5px 15px var(--color-shadow);border-radius:8px;overflow:hidden}.emoji-picker-wrapper .EmojiPickerReact{--epr-hover-bg-color: var(--color-button-hover-bg);--epr-focus-bg-color: var(--color-table-header-hover);--epr-highlight-color: var(--color-category-active);--epr-search-border-color: var(--color-input-border);height:350px!important;width:320px!important}.dark-theme .emoji-picker-wrapper .EmojiPickerReact,.dark-mode .emoji-picker-wrapper .EmojiPickerReact{--epr-bg-color: var(--color-background-primary);--epr-category-label-bg-color: var(--color-background-light);--epr-text-color: var(--color-text-primary);--epr-hover-bg-color: var(--color-button-hover-bg);--epr-search-border-color: var(--color-input-border)}@media (max-width: 768px){.emoji-picker-wrapper{position:fixed;bottom:70px;left:0;right:0;margin:0 auto;width:100%;max-width:320px}.emoji-picker-wrapper .EmojiPickerReact{width:100%!important;max-width:320px!important}}.template-form{position:absolute;bottom:100%;left:0;right:0;background-color:var(--color-background-white);border-radius:8px 8px 0 0;box-shadow:0 -2px 10px var(--color-shadow);padding:15px;margin-bottom:8px;z-index:1000;max-height:80vh;overflow-y:auto;color:var(--color-text-primary)}.template-selection{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.template-button{padding:8px 16px;background-color:var(--color-background-light);border:none;border-radius:16px;color:var(--color-text-secondary);cursor:pointer;font-size:14px;transition:all .2s ease}.template-button:hover{background-color:var(--color-button-hover-bg)}.template-button.active{background-color:var(--color-whatsapp);color:var(--color-tooltip-text)}.template-text{background-color:var(--color-background-light);padding:12px;border-radius:8px;margin-bottom:12px;font-size:14px;white-space:pre-wrap;color:var(--color-text-secondary)}.select-group{margin-bottom:12px}.form-select{width:100%;padding:8px 12px;border:1px solid var(--color-input-border);border-radius:8px;font-size:14px;background-color:var(--color-background-white);margin-bottom:8px;color:var(--color-text-secondary)}.form-select:focus{border-color:var(--color-whatsapp);outline:none;box-shadow:0 0 0 2px #25d36633}.component-input{position:relative;margin-bottom:8px}.component-input input{width:100%;padding:8px 12px;border:1px solid var(--color-input-border);border-radius:8px;font-size:14px;white-space:pre-wrap;word-wrap:break-word;transition:all .2s ease;color:var(--color-text-secondary);background-color:var(--color-background-white)}.component-input input:focus{border-color:var(--color-whatsapp);outline:none;box-shadow:0 0 0 2px #25d36633}.disabled-input{background-color:var(--color-background-light)!important;cursor:not-allowed!important;opacity:.8!important;color:var(--color-text-secondary)!important}.component-input .disabled-input:hover{position:relative}.component-input .disabled-input:hover:after{content:"Innovación no permite cambiar el nombre del agente";position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background-color:var(--color-tooltip-bg);color:var(--color-tooltip-text);padding:8px 12px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;box-shadow:0 2px 4px var(--color-shadow);animation:fadeIn .2s ease-in-out}.component-input .disabled-input:hover:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border-width:8px;border-style:solid;border-color:var(--color-tooltip-arrow) transparent transparent transparent;z-index:1001}.values-info{background-color:var(--color-background-light);padding:12px;border-radius:8px;margin:12px 0}.values-info p{margin:4px 0;font-size:14px;color:var(--color-text-secondary)}.components-preview{background-color:var(--color-background-light);padding:12px;border-radius:8px;margin:12px 0}.components-preview h3{font-size:14px;margin-bottom:8px;color:var(--color-text-secondary)}.preview-item{display:flex;justify-content:space-between;padding:4px 0;font-size:14px}.preview-item span:first-child{color:var(--color-text-muted)}.preview-item span:last-child{font-weight:500;color:var(--color-text-secondary)}.submit-btn{width:100%;padding:10px;background-color:var(--color-whatsapp);border:none;border-radius:8px;color:var(--color-tooltip-text);font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:16px}.submit-btn:hover{background-color:var(--color-whatsapp-hover)}.submit-btn:disabled{background-color:var(--color-whatsapp-disabled);cursor:not-allowed}.success-message{color:var(--color-icon-success);padding:8px;text-align:center;margin-top:8px;background-color:#10b9811a;border-radius:4px}.error-message{color:var(--color-icon-error);padding:8px;text-align:center;margin-top:8px;background-color:#ef44441a;border-radius:4px}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.template-form{max-height:70vh}.template-button{font-size:13px;padding:6px 12px}.preview-item{flex-direction:column;padding:6px 0}.preview-item span:last-child{margin-top:2px}}.template-form::-webkit-scrollbar{width:8px}.template-form::-webkit-scrollbar-track{background:var(--color-scrollbar-track);border-radius:4px}.template-form::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:4px}.template-form::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-hover)}.form-select option{color:var(--color-text-secondary);background-color:var(--color-background-white)}div[style*="color: black"]{color:var(--color-text-secondary)!important}.lead-sidebar-container{width:280px;height:100%;overflow-y:auto;border-left:1px solid var(--color-border)}.lead-sidebar{background-color:var(--color-background-white);padding:20px;height:100%;font-family:Arial,sans-serif;box-sizing:border-box}.lead-info{display:flex;align-items:center;margin-bottom:24px}.lead-avatar{margin-right:16px;width:50px;height:50px;position:relative}.lead-avatar .w-12{width:48px;height:48px}.lead-avatar img{width:100%;height:100%;object-fit:cover;border-radius:8px}.lead-avatar .bg-gray-300{background-color:var(--color-calendar-day-bg);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;color:var(--color-text-muted);border-radius:8px}.lead-avatar-img{width:100%;height:100%;object-fit:cover}.lead-info h2{margin:0;font-size:20px;color:var(--color-text-secondary)}.lead-info p{margin:4px 0;color:var(--color-text-muted)}.lead-actions{display:flex;justify-content:center;gap:10px;margin-bottom:24px}.meta-campaign-label{color:var(--color-text-black)}.action-btn{background-color:var(--color-btn-primary);color:#fff;border:none;border-radius:6px;padding:10px 12px;cursor:pointer;transition:background-color .3s,transform .2s;font-size:16px;width:40px}.action-btn:hover{background-color:var(--color-btn-primary-hover);transform:scale(1.05)}.conversation-actions{margin-top:24px}.action-item{margin-bottom:16px}.action-item label{display:block;margin-bottom:6px;font-weight:700;color:var(--color-text-secondary)}.action-item select{width:100%;padding:8px;border:1px solid var(--color-input-border);border-radius:4px;background-color:var(--color-background-light);font-size:14px;color:var(--color-text-secondary)}.action-item select:hover{border-color:var(--color-btn-primary)}.action-item select[multiple]{height:100px}.edit-input{width:100%;padding:8px;border:1px solid var(--color-input-border);border-radius:4px;font-size:16px;color:var(--color-text-secondary)}.edit-input:focus{border-color:var(--color-input-focus);outline:none}.flex.flex-row.h-full{display:flex;flex-direction:row;height:100%}.flex-1.flex.flex-col{display:flex;flex-direction:column;flex:1}.overflow-hidden{overflow:hidden}.rounded-md{border-radius:.375rem}.object-cover{object-fit:cover}@media (max-width: 768px){.lead-sidebar-container{width:100%;height:auto;border-left:none;border-top:1px solid var(--color-border)}.flex.flex-row.h-full{flex-direction:column}}.venta-perdida-razon{margin:15px 0;border-radius:8px;overflow:hidden;box-shadow:0 3px 10px var(--color-shadow);border:1px solid var(--color-metric-lost-border);animation:fadeIn .3s ease-in-out;background-color:var(--color-background-white)}.venta-perdida-header{display:flex;align-items:center;padding:12px 15px;background-color:var(--color-icon-error);color:var(--color-background-white);font-weight:600;font-size:14px}.venta-perdida-header svg{margin-right:8px;color:var(--color-background-white)}.venta-perdida-contenido{padding:15px;background-color:var(--color-filter-bg);color:var(--color-icon-error);font-size:14px;line-height:1.6;border-left:4px solid var(--color-icon-error)}.lead-sidebar .venta-perdida-razon{max-width:100%;margin:16px 0}.tipo-gestion-select option[value="venta perdida"]{background-color:var(--color-filter-bg);color:var(--color-icon-error);font-weight:700}.tipo-gestion-select option:not([value="venta perdida"]){color:var(--color-text-black)}.tipo-gestion-select{color:var(--color-text-black)}select.tipo-gestion-select:has(option[value="venta perdida"]:checked){border-color:var(--color-icon-error);color:var(--color-icon-error)}.venta-perdida-razon{transition:all .3s ease}@media (max-width: 768px){.venta-perdida-contenido{padding:12px;font-size:13px}}.venta-perdida-razon:hover{box-shadow:0 4px 12px var(--color-shadow);transform:translateY(-2px);transition:all .2s ease}.lead-sidebar h2,.lead-sidebar p,.lead-sidebar label:not(.venta-perdida-header),.lead-sidebar div:not(.venta-perdida-header):not(.venta-perdida-contenido){color:var(--color-text-black)}.etiquetas-section{margin:20px 0;padding:16px;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-background-white);position:relative}.etiquetas-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.etiquetas-title{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--color-text-black)}.add-etiqueta-btn{padding:6px;border:1px solid var(--color-border);border-radius:4px;background-color:var(--color-background-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.add-etiqueta-btn:hover:not(:disabled){background-color:var(--color-button-primary);color:#fff;border-color:var(--color-button-primary)}.add-etiqueta-btn:disabled{opacity:.5;cursor:not-allowed}.etiquetas-asignadas{display:flex;flex-wrap:wrap;gap:8px;min-height:32px;align-items:center}.etiqueta-chip{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;max-width:200px;box-shadow:0 1px 3px #0000001a}.etiqueta-nombre{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.remove-etiqueta-btn{padding:2px;border:none;background:#ffffff4d;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;color:inherit}.remove-etiqueta-btn:hover{background:#ffffff80}.no-etiquetas{color:var(--color-text-gray);font-size:12px;font-style:italic;display:flex;align-items:center;height:32px}.etiquetas-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;max-height:250px;overflow:hidden;animation:slideDown .2s ease}.etiquetas-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background-color:var(--color-calendar-day-bg);border-bottom:1px solid var(--color-border);font-weight:600;font-size:13px;color:var(--color-text-black)}.close-dropdown-btn{padding:4px;border:none;background:transparent;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.close-dropdown-btn:hover{background-color:var(--color-border)}.etiquetas-list{max-height:200px;overflow-y:auto}.etiqueta-option{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--color-border);transition:background-color .2s ease}.etiqueta-option:hover{background-color:var(--color-calendar-day-bg)}.etiqueta-option:last-child{border-bottom:none}.etiqueta-color{width:16px;height:16px;border-radius:50%;flex-shrink:0;border:1px solid rgba(0,0,0,.1)}.etiqueta-option-nombre{font-weight:500;font-size:13px;color:var(--color-text-black);flex:1}.etiqueta-descripcion{font-size:11px;color:var(--color-text-gray);max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.loading-etiquetas{padding:20px;text-align:center;color:var(--color-text-gray);font-size:12px}.no-etiquetas-disponibles{padding:20px;text-align:center;color:var(--color-text-gray);font-size:12px;font-style:italic}@media (max-width: 768px){.etiquetas-section{margin:16px 0;padding:12px}.etiqueta-chip{font-size:11px;padding:3px 6px}.etiquetas-dropdown{max-height:200px}.etiqueta-option{padding:10px 12px}.etiqueta-option-nombre{font-size:12px}.etiqueta-descripcion{font-size:10px;max-width:80px}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lead-notes-container{margin-top:1rem;background-color:var(--color-background-white, white);border-radius:.5rem;box-shadow:0 1px 3px var(--color-shadow, rgba(0, 0, 0, .1))}.lead-notes-header{padding:1rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.lead-notes-title{font-size:1.125rem;font-weight:600;color:var(--color-btn-primary, #1d4ed8)}.lead-notes-arrow{width:1.25rem;height:1.25rem;transform-origin:center;transition:transform .2s;stroke-width:2;stroke:var(--color-text-muted, #4b5563)}.lead-notes-arrow.expanded{transform:rotate(180deg)}.lead-notes-content{padding:1rem;padding-top:0}.lead-notes-input-container{margin-bottom:1rem}.lead-notes-textarea{width:100%;padding:.5rem;border:1px solid var(--color-border, #e2e8f0);border-radius:.375rem;resize:none;font-size:.875rem}.lead-notes-textarea:focus{outline:none;border-color:var(--color-btn-primary, #2563eb);box-shadow:0 0 0 2px var(--color-btn-focus-ring, rgba(37, 99, 235, .1))}.lead-notes-button{margin-top:.5rem;padding:.5rem 1rem;background-color:var(--color-btn-primary, #2563eb);color:var(--color-background-white, white);border-radius:.375rem;transition:all .2s;font-weight:500}.lead-notes-button:hover:not(:disabled){background-color:var(--color-btn-primary-hover, #1d4ed8);transform:translateY(-1px)}.lead-notes-button:disabled{background-color:var(--color-pagination-disabled-text, #9ca3af);cursor:not-allowed}.lead-notes-list{display:flex;flex-direction:column;gap:.75rem;max-height:15rem;overflow-y:auto}.lead-notes-item{padding:.75rem;background-color:var(--color-table-header-bg, #f9fafb);border-radius:.375rem;border:1px solid var(--color-table-border, #e5e7eb)}.lead-notes-text{font-size:.875rem;color:var(--color-table-cell-text, #1f2937);line-height:1.5}.lead-notes-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.lead-notes-timestamp{font-size:.75rem;color:var(--color-text-muted, #6b7280)}.lead-notes-empty{text-align:center;color:var(--color-text-muted, #6b7280);padding:1rem}.lead-notes-header:hover .lead-notes-arrow{stroke:var(--color-btn-primary, #1d4ed8)}.lead-notes-edit-button{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.875rem;color:var(--color-text-secondary, #4b5563);background-color:var(--color-background-white, white);border:1px solid var(--color-border, #e5e7eb);border-radius:.375rem;transition:all .2s;font-weight:500}.lead-notes-edit-button:hover{color:var(--color-btn-primary, #1d4ed8);border-color:var(--color-btn-primary, #1d4ed8);background-color:var(--color-background-light, #f8fafc)}.lead-notes-edit-actions{display:flex;gap:.5rem;margin-top:.75rem}.lead-notes-edit-button.save{background-color:var(--color-btn-primary, #2563eb);color:var(--color-background-white, white);border-color:var(--color-btn-primary, #2563eb)}.lead-notes-edit-button.save:hover{background-color:var(--color-btn-primary-hover, #1d4ed8);border-color:var(--color-btn-primary-hover, #1d4ed8);color:var(--color-background-white, white);transform:translateY(-1px)}.lead-notes-edit-button.cancel{background-color:var(--color-background-white, white);color:var(--color-icon-error, #ef4444);border-color:var(--color-icon-error, #ef4444)}.lead-notes-edit-button.cancel:hover{background-color:var(--color-error-bg, #fef2f2);color:var(--color-icon-error, #dc2626);border-color:var(--color-icon-error, #dc2626);transform:translateY(-1px)}.lead-notes-list::-webkit-scrollbar{width:6px}.lead-notes-list::-webkit-scrollbar-track{background:var(--color-scrollbar-track, #f1f1f1);border-radius:3px}.lead-notes-list::-webkit-scrollbar-thumb{background:var(--color-scrollbar, #c5c5c5);border-radius:3px}.lead-notes-list::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-hover, #a3a3a3)}.venta-perdida-container{font-family:Arial,sans-serif;padding:15px;max-width:400px;margin:0 auto}.venta-perdida-container p{color:var(--color-text-black, #000000);font-size:.9rem;margin-bottom:10px;font-weight:500}.control-container{position:relative;width:100%;height:38px;margin-bottom:10px}.activate-button{width:100%;height:38px;padding:8px 12px;background-color:var(--color-background-white, #ffffff);color:var(--color-text-black, #000000);border:1px solid var(--color-btn-primary, #0088ff);border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:400;transition:all .2s ease}.activate-button:hover{background-color:var(--color-button-hover-bg, #f8f9fa)}.select-wrapper{position:absolute;top:0;left:0;width:100%}.select-wrapper select{width:100%;height:38px;padding:8px 32px 8px 12px;border:1px solid var(--color-btn-primary, #0088ff);border-radius:4px;background-color:var(--color-background-white, #ffffff);font-size:.9rem;color:var(--color-text-black, #000000);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px}.select-wrapper.disabled select{background-color:var(--color-button-hover-bg, #f8f9fa);border-color:var(--color-input-border, #dee2e6);cursor:not-allowed;opacity:.7}.select-wrapper select:focus{outline:none;border-color:var(--color-btn-primary, #0088ff);box-shadow:0 0 0 2px var(--color-btn-focus-ring, rgba(0, 136, 255, .15))}.custom-reason-container{margin-top:10px;width:100%}.custom-reason-input{width:100%;height:38px;padding:8px 12px;border:1px solid var(--color-input-border, #dee2e6);border-radius:4px;font-size:.9rem;background-color:var(--color-background-primary, #212529);color:var(--color-text-primary, #ffffff)}.custom-reason-input::placeholder{color:var(--color-placeholder, #adb5bd)}.custom-reason-input:focus{outline:none;border-color:var(--color-btn-primary, #0088ff);box-shadow:0 0 0 2px var(--color-btn-focus-ring, rgba(0, 136, 255, .15))}.selected-option{margin-top:10px;color:var(--color-text-muted, #495057);font-size:.9rem;font-weight:400;word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.city-select{margin-top:1rem}.city-dropdown{width:100%;padding:8px;border:1px solid var(--color-input-border, #ccc);border-radius:4px;background-color:var(--color-background-white, white);font-size:1rem}.city-dropdown:focus{outline:none;border-color:var(--color-btn-primary, #007bff);box-shadow:0 0 0 2px var(--color-btn-focus-ring, rgba(0, 123, 255, .25))}.notification{position:fixed;top:20px;right:20px;display:flex;align-items:center;padding:12px 16px;border-radius:8px;box-shadow:0 4px 6px var(--color-shadow, rgba(0, 0, 0, .1));z-index:1000;color:var(--color-text-primary, white);font-weight:500;width:300px;max-width:calc(100% - 40px)}.notification-success{background-color:var(--color-icon-success, #4CAF50);border:1px solid var(--color-icon-success, #45a049)}.notification-error{background-color:var(--color-icon-error, #F44336);border:1px solid var(--color-icon-error, #d32f2f)}.notification-icon{margin-right:12px;display:flex;align-items:center}.notification-message{flex-grow:1}.notification-close{background:none;border:none;color:var(--color-text-primary, white);font-size:20px;cursor:pointer;padding:0 8px;margin-left:8px}.notification-close:hover{opacity:.8}.notifications-container{position:fixed;top:20px;right:20px;z-index:1000}.historial-card{background-color:var(--color-background-white, #ffffff);border-radius:8px;box-shadow:0 2px 8px var(--color-shadow, rgba(0, 0, 0, .05));overflow:hidden;width:100%;transition:all .2s ease;border:1px solid var(--color-border, rgba(0, 0, 0, .05));font-size:13px}.historial-header{padding:12px 15px;border-bottom:1px solid var(--color-border-light, rgba(0, 0, 0, .05))}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.historial-title{font-size:16px;font-weight:700;color:var(--color-text-secondary, #2d3748);margin:0}.cliente-info{display:inline-block;background-color:var(--color-background-light, #f7fafc);padding:4px 8px;border-radius:4px;font-size:12px;color:var(--color-text-secondary, #4a5568);box-shadow:inset 0 0 0 1px var(--color-border, rgba(0, 0, 0, .05));width:100%}.historial-body{padding:10px 15px}.historial-timeline{position:relative}.timeline-item{display:flex;gap:10px;position:relative;padding-bottom:10px;min-height:36px}.timeline-item:last-child{padding-bottom:0}.timeline-icon{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px;position:relative;z-index:2;border:1px solid transparent;box-shadow:0 1px 3px var(--color-shadow, rgba(0, 0, 0, .1));flex-shrink:0}.timeline-content{flex:1;position:relative;min-width:0}.timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2px;width:100%;gap:4px}.timeline-badge-container{display:flex;align-items:center;position:relative;max-width:55%}.timeline-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap;max-width:80%;overflow:hidden;text-overflow:ellipsis}.timeline-date{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;min-width:80px;margin-left:auto}.timeline-datetime{display:flex;flex-direction:column;align-items:flex-end;width:100%}.timeline-day{font-size:11px;color:var(--color-text-muted, #718096);white-space:nowrap}.timeline-time{font-size:11px;font-weight:600;color:var(--color-text-secondary, #4a5568);white-space:nowrap}.timeline-agent{font-size:11px;color:var(--color-text-secondary, #4a5568);display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.agent-label{margin-right:4px;font-size:10px}.agent-role{margin-left:4px;font-size:10px;color:#c05621;font-weight:500}.agent-name-history{color:#9c4221;font-weight:600;font-size:.9rem}.timeline-connector{position:absolute;left:-5px;top:28px;bottom:-10px;width:1px;background-color:var(--color-border, #e2e8f0)}.historial-mensaje{margin:0 15px 10px;padding:8px 10px;background-color:var(--color-searchbar-bg, #ebf8ff);border:1px solid var(--color-input-border, #bee3f8);border-radius:6px;color:var(--color-text-secondary, #2c5282);font-size:12px;line-height:1.4}.historial-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 15px;color:var(--color-text-muted, #718096)}.empty-icon{color:var(--color-border, #CBD5E0);margin-bottom:8px;height:32px;width:32px}.empty-message{font-size:13px;text-align:center}.error-message{color:var(--color-icon-error, #e53e3e);font-size:12px;margin-top:4px}.skeleton-text-lg{height:16px;width:60%;background-color:var(--color-skeleton-box-start, #edf2f7);border-radius:4px;margin-bottom:8px;animation:pulse 1.5s infinite}.skeleton-text-md{height:12px;width:40%;background-color:var(--color-skeleton-box-start, #edf2f7);border-radius:4px;animation:pulse 1.5s infinite}.skeleton-history-item{display:flex;gap:10px;margin-bottom:10px}.skeleton-circle{width:28px;height:28px;border-radius:50%;background-color:var(--color-skeleton-box-start, #edf2f7);animation:pulse 1.5s infinite;flex-shrink:0}.skeleton-content{flex:1}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.tipo-gestion-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.sin-gestionar{background-color:var(--color-badge-professional-bg, #f7fafc);color:var(--color-badge-professional-text, #4a5568);border:1px solid var(--color-border, #e2e8f0)}.conversacion{background-color:var(--color-searchbar-bg, #ebf8ff);color:var(--color-badge-professional-text, #2b6cb0);border:1px solid var(--color-searchbar-backdrop-border, #bee3f8)}.depuracion{background-color:ivory;color:#975a16;border:1px solid #fefcbf}.llamada{background-color:var(--color-badge-technical-bg, #f0fff4);color:var(--color-badge-technical-text, #2f855a);border:1px solid var(--color-badge-technical-text, #c6f6d5)}.segunda-llamada{background-color:var(--color-badge-professional-bg, #ebf4ff);color:var(--color-badge-professional-text, #4c51bf);border:1px solid var(--color-searchbar-backdrop-border, #c3dafe)}.inscrito{background-color:var(--color-badge-specialization-bg, #faf5ff);color:var(--color-badge-specialization-text, #6b46c1);border:1px solid var(--color-badge-specialization-text, #e9d8fd)}.venta-perdida{background-color:var(--color-error-bg, #fff5f5);color:var(--color-icon-error, #c53030);border:1px solid var(--color-icon-error, #fed7d7)}.duplicado{background-color:#fffaf0;color:#c05621;border:1px solid #feebc8}.estudiante{background-color:#e6fffa;color:#2c7a7b;border:1px solid #b2f5ea}.gestionado{background-color:var(--color-searchbar-bg, #e6f6ff);color:var(--color-badge-professional-text, #2b6cb0);border:1px solid var(--color-searchbar-backdrop-border, #bae6fd)}.matriculado{background-color:var(--color-badge-technical-bg, #f0fff4);color:var(--color-badge-technical-text, #2f855a);border:1px solid var(--color-badge-technical-text, #c6f6d5)}.inscrito-otra-agente{background-color:var(--color-badge-specialization-bg, #f8f0fc);color:var(--color-badge-specialization-text, #805ad5);border:1px solid var(--color-badge-specialization-text, #e9d8fd)}.remarketing{background-color:#fff5f7;color:#b83280;border:1px solid #fed7e2}.tooltip-container{position:relative;display:inline-block}.tooltip-container:hover .tooltip-text{visibility:visible;opacity:1}.tooltip-text{visibility:hidden;opacity:0;position:absolute;z-index:10;bottom:125%;left:50%;transform:translate(-50%);background-color:var(--color-tooltip-bg, #333);color:var(--color-tooltip-text, white);text-align:center;border-radius:4px;padding:5px 8px;font-size:11px;white-space:nowrap;box-shadow:0 2px 5px var(--color-shadow, rgba(0, 0, 0, .2));transition:opacity .3s;pointer-events:none}.tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--color-tooltip-bg, #333) transparent transparent transparent}.timeline-badge.tooltip-container .tooltip-text{left:0;transform:translate(0)}.timeline-badge.tooltip-container .tooltip-text:after{left:15px;margin-left:0}@media (max-width: 480px){.timeline-badge-container{margin-bottom:4px;max-width:100%}.timeline-header{flex-direction:column}.timeline-date{width:100%;align-items:flex-start;margin-top:4px}.timeline-datetime{flex-direction:row;align-items:center;gap:6px}}.historiales-desplegable{background-color:var(--color-background-white, #ffffff);border-radius:8px;margin-bottom:16px;overflow:hidden;box-shadow:0 1px 3px var(--color-shadow, rgba(0, 0, 0, .05));border:1px solid var(--color-border, rgba(0, 0, 0, .08));width:100%;margin-left:0;margin-right:0}.historiales-header,.historiales-content{width:100%;box-sizing:border-box}.lead-sidebar .historiales-desplegable{margin-left:-10px;margin-right:-10px;width:calc(100% + 20px)}.historiales-header{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;background-color:var(--color-background-light, #f8f9fa);border-bottom:1px solid var(--color-border-light, rgba(0, 0, 0, .05));-webkit-user-select:none;user-select:none;font-weight:600;color:var(--color-text-secondary, #2d3748);transition:background-color .2s}.historiales-header:hover{background-color:var(--color-button-hover-bg, #f1f3f5)}.historiales-content{padding:5px}.historiales-selector{margin-bottom:12px}.historial-select{width:100%;padding:8px 12px;border-radius:6px;border:1px solid var(--color-input-border, #e2e8f0);background-color:var(--color-background-white, white);font-size:13px;color:var(--color-text-secondary, #4a5568);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M6 9l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.historial-select:focus{outline:none;border-color:var(--color-input-border, #cbd5e0);box-shadow:0 0 0 1px var(--color-input-focus-shadow, rgba(66, 153, 225, .2))}.historial-container{transition:all .3s ease}.historial-placeholder{background-color:var(--color-background-light, #f7fafc);border:1px dashed var(--color-border, #cbd5e0);border-radius:6px;padding:24px;text-align:center;color:var(--color-text-muted, #718096)}.historiales-desplegable .historiales-content{animation:slideDown .3s ease forwards}.inscrito-form-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.inscrito-form-modal{background-color:var(--color-background-white, white);border-radius:12px;padding:24px;max-width:800px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d;position:relative}.inscrito-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--color-input-border, #ddd)}.inscrito-form-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--color-text-muted, #666);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.inscrito-form-close:hover{background-color:var(--color-background-light, #f5f7fa);color:var(--color-text-secondary, #333)}.inscrito-form-container{background-color:var(--color-background-light, #f5f7fa);border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px var(--color-shadow, rgba(0, 0, 0, .1))}.inscrito-form-container h3{margin-top:0;font-size:16px;color:var(--color-text-secondary, #333);margin-bottom:8px}.inscrito-form-description{color:var(--color-text-muted, #666);font-size:14px;margin-bottom:16px}.inscrito-form{display:flex;flex-direction:column;gap:12px}.inscrito-form-field{display:flex;flex-direction:column}.inscrito-form-field label{font-size:14px;margin-bottom:4px;color:var(--color-text-secondary, #444)}.inscrito-form-field select,.inscrito-form-field input{padding:8px 12px;border-radius:4px;border:1px solid var(--color-input-border, #ddd);background-color:var(--color-background-white, white);color:#333;font-size:14px;transition:border-color .2s,box-shadow .2s}.inscrito-form-field select:focus,.inscrito-form-field input:focus{outline:none;border-color:var(--color-icon-success, #4caf50);box-shadow:0 0 0 2px #4caf5033}.inscrito-form-input-disabled{background-color:var(--color-background-light, #f5f7fa)!important;color:#666!important;cursor:not-allowed!important}.inscrito-form-field select option{color:#333;background-color:#fff}.inscrito-form-field input[type=date]{position:relative;padding-right:30px;cursor:pointer}.inscrito-form-field input[type=date]::-webkit-calendar-picker-indicator{opacity:1;display:block;background:transparent;bottom:0;outline:none;color:#333;cursor:pointer;height:auto;left:auto;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:auto;font-size:16px}.inscrito-form-field input[type=date]::-webkit-calendar-picker-indicator:hover{background-color:#0000001a;border-radius:3px}.inscrito-form-field input[type=date]::-moz-calendar-picker-indicator{color:#333;opacity:1;cursor:pointer}.inscrito-form-error{color:var(--color-icon-error, #e53935);font-size:14px;margin-top:4px}.inscrito-form-submit{margin-top:8px;padding:10px 16px;background-color:var(--color-icon-success, #4caf50);color:var(--color-background-white, white);border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s}.inscrito-form-submit:hover{background-color:var(--color-metric-profit-border, #388e3c)}.inscrito-form-submit:disabled{background-color:var(--color-pagination-disabled-text, #9e9e9e);cursor:not-allowed}.inscrito-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:12px}.inscrito-form-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid var(--color-input-border, #ddd)}.inscrito-form-cancel{padding:10px 16px;background-color:var(--color-background-light, #f5f7fa);color:var(--color-text-secondary, #333);border:1px solid var(--color-input-border, #ddd);border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s,border-color .2s}.inscrito-form-cancel:hover{background-color:var(--color-pagination-disabled-text, #e0e0e0);border-color:var(--color-text-muted, #999)}@media (max-width: 768px){.inscrito-form-modal{width:95%;padding:16px;max-height:95vh}.inscrito-form-row{grid-template-columns:1fr;gap:12px}.inscrito-form-buttons{flex-direction:column}.inscrito-form-buttons button{width:100%}}.ai-toggle-container{background-color:var(--color-background-white);border-radius:8px;box-shadow:0 2px 8px var(--color-shadow);padding:16px;width:100%;max-width:400px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.ai-toggle-header{margin-bottom:16px}.ai-toggle-header h3{font-size:18px;margin:0 0 8px;color:var(--color-text-primary)}.ai-toggle-description{font-size:14px;color:var(--color-text-muted);margin:0;line-height:1.4}.ai-toggle-control{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.ai-status{font-size:16px;font-weight:500}.ai-status.active{color:var(--color-icon-success)}.ai-status.inactive{color:var(--color-icon-error)}.ai-switch{position:relative;display:inline-block;width:60px;height:34px}.ai-switch input{opacity:0;width:0;height:0}.ai-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-checkbox-unchecked);transition:.4s;border-radius:34px}.ai-slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:var(--color-background-white);transition:.4s;border-radius:50%}.ai-switch input:checked+.ai-slider{background-color:var(--color-btn-primary)}.ai-switch input:focus+.ai-slider{box-shadow:0 0 1px var(--color-btn-focus-ring)}.ai-switch input:checked+.ai-slider:before{transform:translate(26px)}.ai-switch input:disabled+.ai-slider{opacity:.5;cursor:not-allowed}.ai-toggle-loading{display:flex;align-items:center;margin-top:12px;font-size:14px;color:var(--color-text-muted)}.ai-loading-spinner{width:18px;height:18px;border:2px solid var(--color-spinner-bg);border-top:2px solid var(--color-btn-primary);border-radius:50%;margin-right:8px;animation:spin 1s linear infinite}.ai-toggle-error{margin-top:12px;padding:8px 12px;background-color:var(--color-error-bg);border-left:3px solid var(--color-icon-error);color:var(--color-icon-error);font-size:14px;display:flex;align-items:center;justify-content:space-between}.ai-retry-button{background-color:transparent;border:1px solid var(--color-icon-error);color:var(--color-icon-error);padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s}.ai-retry-button:hover{background-color:var(--color-error-bg)}@media (max-width: 480px){.ai-toggle-container{padding:12px}.ai-toggle-header h3{font-size:16px}.ai-toggle-description{font-size:13px}}.nota-ia-container{width:100%;background:var(--color-background-light);border-radius:6px;padding:10px;font-size:13px;color:var(--color-text-muted)}.nota-ia-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.nota-ia-header h3{font-size:14px;font-weight:500;margin:0;color:var(--color-text-secondary)}.nota-ia-refresh{background:transparent;border:none;color:var(--color-link);font-size:12px;cursor:pointer;padding:2px 6px;border-radius:4px}.nota-ia-refresh:hover{background:var(--color-filter-bg)}.nota-ia-refresh:disabled{color:var(--color-pagination-disabled-text);cursor:not-allowed}.nota-ia-loading,.nota-ia-error,.nota-ia-empty{padding:6px 0;font-style:italic;font-size:12px;color:var(--color-icon-muted)}.nota-ia-error{color:var(--color-icon-error)}.nota-ia-content{width:100%;transition:max-height .3s ease;overflow:hidden;word-wrap:break-word}.nota-ia-content.collapsed{max-height:60px;overflow:hidden;position:relative}.nota-ia-content.expanded{max-height:180px;overflow-y:auto}.nota-ia-content p{margin:0;line-height:1.4}.nota-ia-toggle{width:100%;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-link);font-size:12px;padding:4px;cursor:pointer;margin-top:4px}.nota-ia-toggle:hover{background:var(--color-filter-bg);border-radius:4px}.nota-ia-toggle span{margin-left:4px}.nota-ia-content::-webkit-scrollbar{width:6px}.nota-ia-content::-webkit-scrollbar-track{background:var(--color-scrollbar-track);border-radius:6px}.nota-ia-content::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:6px}.nota-ia-content::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-hover)}.conversation-metrics{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;margin:12px 0;overflow:hidden;box-shadow:0 4px 15px #667eea33;border:1px solid rgba(255,255,255,.1)}.metrics-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.metrics-header .icon{color:#fff}.metrics-header span{color:#fff;font-weight:600;font-size:14px;flex:1}.refresh-button{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.refresh-button:hover{background:#ffffff4d;transform:translateY(-1px)}.refresh-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.refresh-button svg{color:#fff}.metrics-content{padding:16px;background:#fff;color:#2d3748}.conversation-metrics.loading,.conversation-metrics.error,.conversation-metrics.no-data{background:linear-gradient(135deg,#718096,#4a5568)}.loading-animation{display:flex;justify-content:center;align-items:center;padding:20px}.spin{animation:spin 1s linear infinite;color:#fff}.error-content,.no-data-content{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;color:#fff}.error-icon,.no-data-icon{color:#ffa726}.error-message{text-align:center;font-size:13px;opacity:.9}.retry-button{display:flex;align-items:center;gap:6px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:8px 12px;color:#fff;font-size:12px;cursor:pointer;transition:all .2s ease}.retry-button:hover{background:#ffffff4d}.retry-button:disabled{opacity:.6;cursor:not-allowed}.metric-section{margin-bottom:16px;border-bottom:1px solid #e2e8f0;padding-bottom:12px}.metric-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{font-weight:600;font-size:13px;color:#4a5568;margin-bottom:8px;display:flex;align-items:center;gap:6px}.metric-item{display:flex;justify-content:space-between;align-items:center;margin:6px 0;font-size:12px}.metric-label{color:#718096;font-weight:500}.metric-value{color:#2d3748;font-weight:600}.status-analyzed{color:#38a169}.status-pending{color:#d69e2e}.status-failed{color:#e53e3e}.processed{color:#38a169}.not-processed{color:#e53e3e}.recoverable{color:#38a169}.not-recoverable{color:#e53e3e}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0}.metric-card{background:#f7fafc;border-radius:8px;padding:8px;text-align:center;border:1px solid #e2e8f0}.metric-number{font-size:16px;font-weight:700;color:#2d3748}.metric-description{font-size:10px;color:#718096;margin-top:2px}.sentiment-analysis{background:#f7fafc;border-radius:8px;padding:12px;border:1px solid #e2e8f0}.sentiment-main{display:flex;align-items:center;gap:8px;margin-bottom:8px}.sentiment-label{font-weight:600;font-size:12px}.sentiment-positive{color:#38a169}.sentiment-negative{color:#e53e3e}.sentiment-neutral{color:#718096}.sentiment-score{margin-left:auto;font-weight:700;font-size:14px;color:#2d3748}.sentiment-reason{font-size:11px;color:#4a5568;margin-bottom:4px;line-height:1.3}.sentiment-confidence{font-size:10px;color:#718096}.status-grid{display:grid;gap:8px}.status-item{background:#f7fafc;border-radius:8px;padding:10px;border:1px solid #e2e8f0}.status-header{display:flex;align-items:center;gap:6px;font-weight:600;font-size:11px;margin-bottom:4px}.status-reason{font-size:10px;color:#4a5568;line-height:1.3}.urgency-high{color:#e53e3e}.urgency-medium{color:#d69e2e}.urgency-low,.resolution-resolved{color:#38a169}.resolution-pending{color:#d69e2e}.resolution-unresolved{color:#e53e3e}.performance-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.performance-item{background:#f7fafc;border-radius:6px;padding:8px;border:1px solid #e2e8f0;text-align:center}.performance-label{font-size:10px;color:#718096;margin-bottom:4px}.performance-value{display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:600;color:#2d3748}.star-rating{display:flex;gap:1px}.star-filled{color:#fbbf24;fill:#fbbf24}.star-empty{color:#e5e7eb}.products-list{display:flex;flex-direction:column;gap:4px}.product-item{display:flex;align-items:center;justify-content:space-between;background:#f7fafc;border-radius:6px;padding:6px 8px;border:1px solid #e2e8f0}.product-name{font-size:11px;color:#2d3748;font-weight:500}.product-mentioned{font-size:10px}.lost-sale-info{background:#fef2f2;border-radius:8px;padding:10px;border:1px solid #fecaca}.analysis-info{background:#f0f9ff;border-radius:8px;padding:10px;border:1px solid #bae6fd}.last-updated{display:flex;align-items:center;gap:4px;justify-content:center;margin-top:12px;padding-top:8px;border-top:1px solid #e2e8f0;font-size:10px;color:#718096}@media (max-width: 768px){.metric-grid{grid-template-columns:repeat(2,1fr)}.performance-grid{grid-template-columns:1fr}.metrics-content{padding:12px}.metric-item{flex-direction:column;align-items:flex-start;gap:2px}.sentiment-main{flex-wrap:wrap}}.ai-robot-container{display:flex;flex-direction:column;width:100%;margin-bottom:10px}.ai-robot-button{display:flex;align-items:center;padding:8px 15px;background:linear-gradient(135deg,var(--color-metric-sales-border),var(--color-badge-specialization-text));border-radius:8px;cursor:pointer;box-shadow:0 4px 6px var(--color-shadow);transition:all .3s ease;width:100%}.robot-icon{position:relative;margin-right:10px;flex-shrink:0}.robot-pulse{position:absolute;top:-2px;right:-2px;width:6px;height:6px;border-radius:50%;background-color:var(--color-icon-success);box-shadow:0 0 0 2px #4ade804d;animation:pulse 1.5s infinite}.ai-title{color:#fff;font-weight:700;flex-grow:1;font-size:14px}.ai-toggle-icon{margin-left:auto;flex-shrink:0}.ai-components{background:var(--color-background-light);border-radius:8px;padding:12px;margin-top:8px;box-shadow:0 4px 6px var(--color-shadow);animation:fadeIn .3s ease;width:100%}.ai-toggle-container,.ai-notas-container,.ai-metrics-container{margin-bottom:10px;width:100%}.ai-toggle-container:last-child,.ai-notas-container:last-child,.ai-metrics-container:last-child{margin-bottom:0}.ai-toggle-label{display:flex;align-items:center;margin-bottom:6px;font-size:13px;font-weight:500;color:var(--color-text-secondary)}.icon{color:var(--color-badge-specialization-text);margin-right:6px;flex-shrink:0}.nota-ia-container{background:var(--color-background-light);padding:8px;border-radius:6px;font-size:12px;color:var(--color-text-muted);width:100%}.nota-ia-container>div,.ai-toggle-switch{width:100%}.nota-ia-header{margin-bottom:4px;font-size:13px}.nota-ia-content{line-height:1.3}.nota-ia-container textarea{padding:6px;min-height:60px;line-height:1.3;background-color:var(--color-background-white);color:var(--color-text-primary);border:1px solid var(--color-input-border)}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.venta-perdida-razon{padding:12px;background-color:var(--color-background-light, #f9f9f9);border-radius:6px;margin-bottom:16px;border:1px solid var(--color-border-light, #ddd)}.venta-perdida-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;position:relative;color:var(--color-icon-error, #e53935);font-weight:500}.venta-perdida-header .edit-reason-button{background:none;border:none;color:var(--color-text-muted, #666);cursor:pointer;padding:2px;margin-left:auto;border-radius:4px;transition:background-color .2s,color .2s}.venta-perdida-header .edit-reason-button:hover{background-color:var(--color-option-hover, #f0f0f0);color:var(--color-text-secondary, #333)}.venta-perdida-razon-span-text{color:var(--color-text-black, black)}.venta-perdida-contenido{padding:5px 0}.edit-reason-container{display:flex;flex-direction:column;gap:10px}.select-wrapper{position:relative;width:100%}.select-wrapper select{width:100%;padding:8px;border:1px solid var(--color-input-border, #ccc);border-radius:4px;background-color:var(--color-background-white, white);font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.select-wrapper.disabled select{background-color:var(--color-option-hover, #f0f0f0);color:var(--color-text-muted, #666);cursor:not-allowed}.edit-actions{display:flex;justify-content:flex-end;gap:5px}.cancel-edit-button{background:none;border:1px solid var(--color-icon-error, #f44336);color:var(--color-icon-error, #f44336);padding:5px 10px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}.cancel-edit-button:hover:not(:disabled){background-color:var(--color-icon-error, #f44336);color:var(--color-background-white, white)}.cancel-edit-button:disabled{opacity:.5;cursor:not-allowed}.edit-reason-error{color:var(--color-icon-error, #f44336);font-size:12px;margin-top:4px}.edit-reason-success{color:var(--color-icon-success, #4caf50);font-size:12px;margin-top:4px;animation:fadeOut 3s forwards;animation-delay:2s}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.venta-perdida-texto{word-break:break-word}@media (max-width: 768px){.venta-perdida-razon{padding:10px}.select-wrapper select{font-size:13px;padding:7px}}.agent-info-accordion{background-color:var(--color-background-white);border-radius:.5rem;box-shadow:0 1px 3px 0 var(--color-shadow);width:100%;max-width:20rem;border:1px solid var(--color-border);overflow:hidden;margin-bottom:1rem}.agent-info-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--color-background-white);border:none;text-align:left;cursor:pointer;transition:background-color .2s}.agent-info-header:hover{background-color:var(--color-button-hover-bg)}.agent-info-title{font-size:1rem;font-weight:500;color:var(--color-text-secondary);margin:0}.agent-info-arrow{color:var(--color-icon-muted);transition:transform .3s;margin-left:.5rem;flex-shrink:0}.agent-info-arrow.open{transform:rotate(180deg)}.agent-info-content-wrapper{padding:0 1rem 1rem;border-top:1px solid var(--color-border);animation:slideDown .3s ease-out}.agent-info-content{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.agent-info-item{display:flex;align-items:flex-start}.agent-info-icon{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;margin-right:.5rem;flex-shrink:0}.agent-info-icon.person{background-color:#eff6ff;color:var(--color-btn-primary)}.agent-info-icon.email{background-color:#eef2ff;color:#6366f1}.agent-info-icon.building{background-color:#fef3c7;color:#d97706}.agent-info-data{flex:1;min-width:0}.agent-info-label{font-size:.75rem;color:var(--color-text-muted);margin:0 0 .125rem}.agent-info-value{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin:0;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.agent-info-email{font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin:0;word-break:break-all;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.agent-info-tag{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;background-color:#fef3c7;color:#92400e}.agent-info-empty{font-size:.875rem;color:var(--color-text-muted);font-style:italic;margin-top:.75rem}.agent-info-skeleton{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.agent-info-skeleton-line{height:1rem;background-color:#f3f4f6;border-radius:.25rem;animation:pulse 1.5s ease-in-out infinite}.agent-info-skeleton-line.line-1{width:75%}.agent-info-skeleton-line.line-2{width:50%}.agent-info-skeleton-line.line-3{width:66.666667%}.agent-info-error{color:var(--color-icon-error);font-size:.875rem;margin-top:.75rem}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.dark-theme .agent-info-accordion,.dark-theme .agent-info-header{background-color:var(--color-background-white);border-color:var(--color-border)}.dark-theme .agent-info-header:hover{background-color:var(--color-button-hover-bg)}.dark-theme .agent-info-title{color:var(--color-text-secondary)}.dark-theme .agent-info-content-wrapper{border-color:var(--color-border)}.dark-theme .agent-info-value,.dark-theme .agent-info-email{color:var(--color-text-secondary)}.dark-theme .agent-info-label,.dark-theme .agent-info-empty{color:var(--color-text-muted)}.dark-theme .agent-info-icon.person{background-color:#3b82f633;color:#60a5fa}.dark-theme .agent-info-icon.email{background-color:#6366f133;color:#818cf8}.dark-theme .agent-info-icon.building,.dark-theme .agent-info-tag{background-color:#f59e0b33;color:#fbbf24}.dark-theme .agent-info-skeleton-line{background-color:#374151}.searchbar-container{padding:12px;background-color:var(--color-background-app)}.searchbar-wrapper{display:flex;align-items:center;background-color:var(--color-background-white);border-radius:20px;padding:8px 12px;box-shadow:0 2px 5px var(--color-shadow);transition:all .3s ease}.searchbar-wrapper:focus-within{box-shadow:0 4px 10px var(--color-shadow);border-color:var(--color-input-focus)}.searchbar-icon{color:var(--color-icon-muted);margin-right:8px}.searchbar-input{background-color:transparent;border:none;outline:none;font-size:15px;color:var(--color-table-cell-text);width:100%}.searchbar-input::placeholder{color:var(--color-placeholder)}.searchbar-actions-container{position:relative;margin-left:8px}.searchbar-menu-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;background-color:#f3f4f6;color:#6b7280;box-shadow:0 1px 3px #0000001a}.searchbar-menu-button:hover{background-color:#e5e7eb;color:#374151;transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.searchbar-menu-button:active{transform:translateY(0);box-shadow:0 1px 3px #0000001a}.searchbar-dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;z-index:1000;min-width:180px;overflow:hidden;animation:dropdown-appear .15s ease-out}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.searchbar-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;border:none;background:none;color:#374151;cursor:pointer;font-size:14px;font-weight:500;transition:all .15s ease;text-align:left}.searchbar-dropdown-item:hover{background-color:#f8fafc;color:#1f2937}.searchbar-dropdown-item:active{background-color:#f1f5f9}.searchbar-dropdown-item:first-child{color:#059669}.searchbar-dropdown-item:first-child:hover{background-color:#ecfdf5;color:#047857}.searchbar-dropdown-item:last-child{color:#3b82f6;border-top:1px solid #f3f4f6}.searchbar-dropdown-item:last-child:hover{background-color:#eff6ff;color:#2563eb}@media (max-width: 768px){.searchbar-menu-button{width:32px;height:32px}.searchbar-dropdown-menu{min-width:160px;right:-8px}.searchbar-dropdown-item{padding:10px 14px;font-size:13px}}.searchbar-dropdown-menu:before{content:"";position:absolute;top:-6px;right:12px;width:12px;height:12px;background-color:#fff;border:1px solid #e5e7eb;border-bottom:none;border-right:none;transform:rotate(45deg)}@media (prefers-color-scheme: dark){.searchbar-menu-button{background-color:#374151;color:#d1d5db}.searchbar-menu-button:hover{background-color:#4b5563;color:#f9fafb}.searchbar-dropdown-menu{background-color:#1f2937;border-color:#374151}.searchbar-dropdown-menu:before{background-color:#1f2937;border-color:#374151}.searchbar-dropdown-item{color:#d1d5db}.searchbar-dropdown-item:hover{background-color:#374151;color:#f9fafb}}.massive-mode-section{background:linear-gradient(135deg,#667eea,#764ba2);margin:4px 8px;padding:6px 8px;border-radius:6px;color:#fff;box-shadow:0 1px 4px #667eea4d;animation:massive-mode-appear .2s ease-out}@keyframes massive-mode-appear{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.massive-mode-counter{font-size:12px;font-weight:600;color:#ffffffe6;background:#ffffff1a;padding:3px 7px;border-radius:4px;min-width:26px;text-align:center;flex-shrink:0}.template-selector{padding:5px 8px;border:1px solid rgba(255,255,255,.3);border-radius:4px;background:#fffffff2;color:#333;font-size:12px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease;height:28px;max-height:120px}.template-selector:focus{outline:none;border-color:#fffc;background:#fff;box-shadow:0 0 0 1px #fff3;color:#000}.template-selector option{background:#fff;color:#333;font-size:12px;padding:5px 8px}.select-all-btn-mini{background:#ffffffe6;border:1px solid rgba(255,255,255,.3);color:#333;width:28px;height:28px;border-radius:4px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.select-all-btn-mini:hover{background:#fff;border-color:#fffc;transform:scale(1.05);color:#000}.send-massive-btn-mini{background:linear-gradient(135deg,#36d1dc,#5b86e5);border:none;color:#fff;width:28px;height:28px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 1px 2px #36d1dc4d}.send-massive-btn-mini:hover:not(:disabled){transform:scale(1.05);box-shadow:0 2px 4px #36d1dc66}.send-massive-btn-mini:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.massive-mode-cancel-btn{background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;transition:all .2s ease;flex-shrink:0}.massive-mode-cancel-btn:hover{background:#ff64644d;transform:scale(1.05)}@media (max-width: 768px){.massive-mode-section{margin:2px 6px;padding:3px 5px}.massive-mode-counter{font-size:10px;padding:1px 4px;min-width:18px}.template-selector{font-size:10px;padding:3px 5px;height:24px;background:#fffffffa;color:#222}.template-selector option{font-size:10px;background:#fff;color:#222}.select-all-btn-mini,.send-massive-btn-mini,.massive-mode-cancel-btn{width:22px;height:22px;font-size:9px}.select-all-btn-mini{background:#fffffff2;color:#222}}.template-variables-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center}.template-variables-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.template-variables-content{position:relative;background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow:hidden;box-shadow:0 10px 25px #0003;animation:modal-appear .3s ease-out}@keyframes modal-appear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.template-variables-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.template-variables-header h3{margin:0;font-size:16px;font-weight:600}.template-variables-close{background:none;border:none;color:#fff;font-size:18px;cursor:pointer;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.template-variables-close:hover{background:#fff3;transform:scale(1.1)}.template-variables-body{padding:20px;max-height:60vh;overflow-y:auto}.template-variable-field{margin-bottom:16px}.template-variable-field:last-child{margin-bottom:0}.template-variable-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.template-variable-input{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;color:#1f2937;transition:all .2s ease;background:#f9fafb}.template-variable-input:focus{outline:none;border-color:#667eea;background:#fff;color:#000;box-shadow:0 0 0 3px #667eea1a}.template-variable-input::placeholder{color:#9ca3af}.no-variables-message{text-align:center;padding:20px;color:#6b7280;font-style:italic}.template-preview-section{margin-bottom:20px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}.template-preview-title{font-size:14px;font-weight:600;color:#374151;margin-bottom:8px;display:flex;align-items:center;gap:6px}.template-preview-content{background:#fff;padding:12px;border-radius:6px;border:1px solid #d1d5db;font-size:13px;line-height:1.5;color:#4b5563;white-space:pre-line;max-height:200px;overflow-y:auto}.template-variable-highlight{background:#fef3c7;color:#92400e;padding:2px 4px;border-radius:3px;font-weight:500}.template-variables-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid #e5e7eb;background:#f9fafb}.template-variables-cancel{padding:8px 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.template-variables-cancel:hover{background:#f3f4f6;border-color:#9ca3af}.template-variables-send{padding:8px 16px;border:none;border-radius:6px;background:linear-gradient(135deg,#36d1dc,#5b86e5);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #36d1dc4d}.template-variables-send:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #36d1dc66}.template-variables-send:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 768px){.template-variables-content{width:95%;max-height:90vh}.template-variables-header{padding:12px 16px}.template-variables-header h3{font-size:14px}.template-variables-body{padding:16px}.template-variables-footer{padding:12px 16px;flex-direction:column}.template-variables-cancel,.template-variables-send{width:100%;text-align:center}}.massive-mode-etiquetas-indicator{background:linear-gradient(135deg,#10b981,#059669);margin:2px 8px 1px;padding:2px 6px;border-radius:4px;text-align:center;animation:pulse-glow 2s ease-in-out infinite alternate}.massive-mode-etiquetas-text{color:#fff;font-size:9px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:2px;line-height:1}@keyframes pulse-glow{0%{box-shadow:0 2px 6px #10b9814d}to{box-shadow:0 2px 12px #10b98199}}@media (max-width: 768px){.massive-mode-etiquetas-indicator{margin:1px 6px 0;padding:1px 4px}.massive-mode-etiquetas-text{font-size:0}.massive-mode-etiquetas-text:before{content:"📱 Modo Masivo";font-size:8px}}:root{--modal-primary: #2196F3;--modal-success: #4CAF50;--modal-danger: #F44336;--modal-warning: #FF9800;--modal-border: #E0E0E0;--modal-bg: #FAFAFA;--modal-shadow: 0 4px 20px rgba(0, 0, 0, .15);--modal-radius: 12px}.add-lead-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.add-lead-modal{background:#fff;border-radius:var(--modal-radius);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--modal-shadow);animation:modalSlideIn .3s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid var(--modal-border)}.modal-header h3{display:flex;align-items:center;gap:8px;margin:0;color:#333;font-size:1.25rem;font-weight:600}.close-button{padding:8px;border:none;background:var(--modal-bg);border-radius:6px;cursor:pointer;color:#666;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-button:hover{background:var(--modal-border);color:#333}.modal-form{padding:24px}.form-group label{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:600;color:#333;font-size:.9rem}.form-input{width:100%;padding:12px 16px;border:2px solid var(--modal-border);border-radius:8px;font-size:14px;transition:all .3s ease;box-sizing:border-box;font-family:inherit}.form-input select,select.form-input{cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input:disabled{background-color:var(--modal-bg);cursor:not-allowed;opacity:.7}.form-input:focus{outline:none;border-color:var(--modal-primary);box-shadow:0 0 0 3px #2196f31a}.form-input:invalid{border-color:var(--modal-danger)}.form-help{display:block;margin-top:6px;color:#666;font-size:.8rem;line-height:1.4}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:20px;border-top:1px solid var(--modal-border)}.cancel-button{display:flex;align-items:center;gap:8px;padding:12px 24px;border:2px solid var(--modal-border);background:#fff;color:#666;border-radius:8px;cursor:pointer;font-weight:500;font-size:14px;transition:all .3s ease}.cancel-button:hover:not(:disabled){border-color:#999;color:#333}.submit-button{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;background:var(--modal-success);color:#fff;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease}.submit-button:hover:not(:disabled){background:#45a049;transform:translateY(-1px);box-shadow:0 2px 8px #4caf504d}.submit-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.spinner-small{width:12px;height:12px;border:1px solid transparent;border-top:1px solid var(--modal-primary);border-radius:50%;animation:spin 1s linear infinite;display:inline-block;margin-right:6px}.form-help.loading{display:flex;align-items:center;color:var(--modal-primary)}.error-message{padding:12px 16px;background:#ffebee;border:1px solid #FFCDD2;border-radius:8px;color:var(--modal-danger);font-size:.9rem;margin-bottom:16px;display:flex;align-items:center;gap:8px}.form-info{margin-top:24px;padding:16px;background:var(--modal-bg);border-radius:8px;border:1px solid var(--modal-border)}.form-info h5{margin:0 0 12px;color:#333;font-weight:600;font-size:.9rem}.form-info ul{margin:0;padding-left:20px;color:#666}.form-info li{margin-bottom:6px;font-size:.85rem;line-height:1.4}.add-lead-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:8px;border:none;background:var(--modal-primary);color:#fff;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;opacity:.8}.add-lead-button:hover{opacity:1;background:#1976d2;transform:translateY(-50%) scale(1.05)}.searchbar-wrapper{position:relative}.searchbar-input{padding-right:50px!important}@media (max-width: 768px){.add-lead-modal-overlay{padding:10px}.add-lead-modal{max-height:95vh}.modal-header{padding:20px 20px 12px}.modal-form{padding:20px}.form-actions{flex-direction:column-reverse}.cancel-button,.submit-button{width:100%;justify-content:center}.modal-header h3{font-size:1.1rem}}.form-input:valid:not(:placeholder-shown){border-color:var(--modal-success)}.form-input:invalid:not(:placeholder-shown){border-color:var(--modal-danger)}.add-lead-button:focus,.close-button:focus,.cancel-button:focus,.submit-button:focus,.form-input:focus{outline:2px solid var(--modal-primary);outline-offset:2px}.toast-notification{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:8px;color:#fff;font-weight:500;z-index:1100;animation:toastSlideIn .3s ease-out}.toast-notification.success{background:var(--modal-success)}.toast-notification.error{background:var(--modal-danger)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.numbers-input-container{display:flex;flex-direction:column;gap:1rem}.numbers-input-label{font-weight:500;color:#374151;font-size:.875rem}.numbers-input-textarea{width:100%;min-height:120px;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-family:inherit;resize:vertical;transition:border-color .2s ease}.numbers-input-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.numbers-input-textarea::placeholder{color:#9ca3af}.file-upload-section{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#f9fafb;border-radius:8px;border:1px dashed #d1d5db}.file-upload-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#2563eb;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.file-upload-btn:hover{background-color:#1d4ed8}.file-upload-help{font-size:.75rem;color:#6b7280}.numbers-summary{margin-top:1.5rem;padding:1rem;background-color:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.numbers-stats{display:flex;gap:2rem;margin-bottom:1rem}.stat-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-item.valid .stat-number{color:#059669;font-size:1.5rem;font-weight:700}.stat-item.invalid .stat-number{color:#dc2626;font-size:1.5rem;font-weight:700}.stat-label{font-size:.75rem;color:#6b7280;text-align:center}.invalid-numbers-warning{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626}.invalid-numbers-warning span{font-size:.875rem;font-weight:500}.invalid-numbers-list{font-size:.75rem;color:#991b1b;font-family:monospace;word-break:break-all}.sending-summary{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background-color:#f0f9ff;border-radius:8px;border:1px solid #bae6fd}.summary-item{display:flex;justify-content:space-between;align-items:center}.summary-label{font-size:.875rem;color:#374151}.summary-value{font-size:.875rem;font-weight:500;color:#1f2937}.send-result-success{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;text-align:center}.success-icon{font-size:3rem}.send-result-success h3{color:#059669;font-size:1.25rem;margin:0}.result-details{display:flex;flex-direction:column;gap:.5rem;color:#374151}.queue-info{margin-top:1rem;padding:1rem;background-color:#f3f4f6;border-radius:6px}@media (max-width: 768px){.numbers-stats{flex-direction:column;gap:1rem;align-items:center}.file-upload-section{flex-direction:column;text-align:center}.numbers-input-textarea{min-height:100px}}.massive-messaging-modal{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50}.massive-messaging-container{background-color:#fff;border-radius:8px;width:100%;max-width:64rem;height:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040}.massive-messaging-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.massive-messaging-header-content{display:flex;align-items:center;gap:.75rem}.massive-messaging-title{font-size:1.25rem;font-weight:700;color:#111827}.massive-messaging-close-btn{color:#9ca3af;transition:color .2s}.massive-messaging-close-btn:hover{color:#4b5563}.massive-messaging-tabs{display:flex;border-bottom:1px solid #e5e7eb}.massive-messaging-tab{padding:.75rem 1.5rem;font-weight:500;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent}.massive-messaging-tab.active{color:#2563eb;border-bottom-color:#2563eb}.massive-messaging-tab:not(.active){color:#6b7280}.massive-messaging-tab:not(.active):hover{color:#374151}.massive-messaging-content{flex:1;overflow:hidden;padding:1.5rem;overflow-y:auto}.selection-mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.selection-mode-card{padding:1rem;border:2px solid #e5e7eb;border-radius:8px;text-align:left;cursor:pointer;transition:all .2s}.selection-mode-card:hover{border-color:#d1d5db}.selection-mode-card.active{border-color:#2563eb;background-color:#eff6ff}.selection-mode-icon{color:#2563eb;margin-bottom:.5rem}.selection-mode-title{font-weight:500;margin-bottom:.25rem}.selection-mode-description{font-size:.875rem;color:#6b7280}.leads-selection-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.leads-selection-title{font-size:1.125rem;font-weight:600}.select-all-btn{display:flex;align-items:center;gap:.5rem;color:#2563eb;cursor:pointer;transition:color .2s}.select-all-btn:hover{color:#1d4ed8}.leads-list{border:1px solid #e5e7eb;border-radius:8px;max-height:24rem;overflow-y:auto}.lead-item-massive{display:flex;align-items:center;padding:.75rem;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background-color .2s}.lead-item-massive:hover{background-color:#f9fafb}.lead-item-massive.selected{background-color:#eff6ff;border-color:#dbeafe}.lead-item-massive:last-child{border-bottom:none}.lead-checkbox{margin-right:.75rem}.lead-info{flex:1}.lead-name{font-weight:500;margin-bottom:.125rem}.lead-phone{font-size:.875rem;color:#6b7280;margin-bottom:.125rem}.lead-type{font-size:.75rem;color:#9ca3af}.tags-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.75rem;max-height:24rem;overflow-y:auto}.tag-card{display:flex;align-items:center;padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.tag-card:hover{border-color:#d1d5db}.tag-card.selected{border-color:#2563eb;background-color:#eff6ff}.tag-color{width:1rem;height:1rem;border-radius:50%;margin-right:.75rem;flex-shrink:0}.tag-info{flex:1}.tag-name{font-weight:500;margin-bottom:.125rem}.tag-description{font-size:.875rem;color:#6b7280}.file-upload-section{display:flex;flex-direction:column;gap:1rem}.file-upload-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;cursor:pointer;transition:background-color .2s}.file-upload-btn:hover{background-color:#f9fafb}.phone-numbers-textarea{width:100%;height:8rem;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;resize:vertical;font-family:monospace}.phone-numbers-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;max-height:16rem;overflow-y:auto}.template-card{padding:1rem;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.template-card:hover{border-color:#d1d5db}.template-card.selected{border-color:#2563eb;background-color:#eff6ff}.template-name{font-weight:500;margin-bottom:.25rem}.template-language{font-size:.875rem;color:#6b7280}.summary-section{background-color:#f9fafb;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.summary-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;font-size:.875rem}.summary-item{display:flex;justify-content:space-between}.summary-label{font-weight:500}.result-section{background-color:#f0fdf4;border:1px solid #bbf7d0;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.result-header{display:flex;align-items:flex-start;gap:.75rem}.result-icon{color:#16a34a;margin-top:.125rem}.result-content{flex:1}.result-title{font-weight:500;color:#166534;margin-bottom:.25rem}.result-description{font-size:.875rem;color:#15803d;margin-bottom:.75rem}.result-details{display:flex;flex-direction:column;gap:.25rem;font-size:.875rem}.result-detail-item{display:flex;justify-content:space-between}.result-detail-label{font-weight:500}.warning-section{background-color:#fefce8;border:1px solid #fde047;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.warning-header{display:flex;align-items:flex-start;gap:.75rem}.warning-icon{color:#ca8a04;margin-top:.125rem}.warning-content{flex:1}.warning-title{font-weight:500;color:#92400e;margin-bottom:.25rem}.warning-list{font-size:.875rem;color:#a16207;margin-top:.25rem;list-style:none;padding:0}.warning-list li{margin-bottom:.25rem}.massive-messaging-footer{border-top:1px solid #e5e7eb;padding:1.5rem}.footer-actions{display:flex;justify-content:space-between;align-items:center}.footer-cancel-btn{padding:.5rem 1rem;color:#6b7280;background:none;border:none;cursor:pointer;transition:color .2s}.footer-cancel-btn:hover{color:#374151}.footer-action-buttons{display:flex;gap:.75rem}.footer-continue-btn,.footer-send-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1.5rem;border-radius:6px;border:none;cursor:pointer;font-weight:500;transition:all .2s}.footer-continue-btn{background-color:#2563eb;color:#fff}.footer-continue-btn:hover:not(:disabled){background-color:#1d4ed8}.footer-send-btn{background-color:#16a34a;color:#fff}.footer-send-btn:hover:not(:disabled){background-color:#15803d}.footer-continue-btn:disabled,.footer-send-btn:disabled{opacity:.5;cursor:not-allowed}.loading-spinner{animation:spin 1s linear infinite;border-radius:50%;width:1rem;height:1rem;border:2px solid transparent;border-top:2px solid white}@media (max-width: 768px){.massive-messaging-container{max-width:95vw;max-height:95vh;margin:1rem}.selection-mode-grid,.tags-grid,.templates-grid,.summary-grid{grid-template-columns:1fr}.footer-actions{flex-direction:column;gap:1rem;align-items:stretch}.footer-action-buttons{justify-content:center}}.lead-item.multi-select-mode{transition:all .2s ease}.lead-item.multi-select-mode:hover{background-color:#f8fafc;transform:none;box-shadow:0 1px 3px #0000001a}.massive-messaging-content::-webkit-scrollbar,.leads-list::-webkit-scrollbar,.tags-grid::-webkit-scrollbar,.templates-grid::-webkit-scrollbar{width:6px}.massive-messaging-content::-webkit-scrollbar-track,.leads-list::-webkit-scrollbar-track,.tags-grid::-webkit-scrollbar-track,.templates-grid::-webkit-scrollbar-track{background:#f1f5f9}.massive-messaging-content::-webkit-scrollbar-thumb,.leads-list::-webkit-scrollbar-thumb,.tags-grid::-webkit-scrollbar-thumb,.templates-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.massive-messaging-content::-webkit-scrollbar-thumb:hover,.leads-list::-webkit-scrollbar-thumb:hover,.tags-grid::-webkit-scrollbar-thumb:hover,.templates-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.follow-up-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.follow-up-modal-content{background-color:#fff;border-radius:12px;padding:24px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;box-shadow:0 10px 25px #0000001a}.follow-up-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.follow-up-modal-title{display:flex;align-items:center;gap:8px}.follow-up-modal-title h2{margin:0;font-size:20px;font-weight:700;color:#333}.follow-up-modal-icon{color:#667eea}.follow-up-modal-close-button{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.follow-up-modal-close-button:hover{background-color:#f5f5f5}.follow-up-alert-info{display:flex;align-items:center;gap:8px;padding:12px;background-color:#e3f2fd;border:1px solid #2196f3;border-radius:6px;margin-bottom:20px;color:#1976d2}.follow-up-template-form{display:flex;flex-direction:column;gap:16px}.follow-up-form-group{display:flex;flex-direction:column;gap:6px}.follow-up-form-label{font-weight:500;color:#374151;font-size:14px}.follow-up-form-input{padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s,box-shadow .2s}.follow-up-form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.follow-up-form-textarea{padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;resize:vertical;min-height:100px;font-family:inherit;transition:border-color .2s,box-shadow .2s}.follow-up-form-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.follow-up-form-hint{color:#6b7280;font-size:12px;font-style:italic}.follow-up-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:20px;border-top:1px solid #e5e7eb}.follow-up-btn{padding:12px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;border:none}.follow-up-btn:disabled{opacity:.6;cursor:not-allowed}.follow-up-btn-secondary{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.follow-up-btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.follow-up-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.follow-up-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}@media (max-width: 768px){.follow-up-modal-content{width:95%;margin:20px;max-height:90vh}.follow-up-form-actions{flex-direction:column}.follow-up-btn{width:100%;justify-content:center}}.Nav_Categories_Container{background-color:var(--color-background-white);padding:6px 12px;border-bottom:1px solid var(--color-border)}.Nav_Categories_Scroll{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:2px}.Nav_Categories_Scroll::-webkit-scrollbar{display:none}.Nav_Categories_List{display:flex;gap:8px;min-width:max-content}.Nav_Category_Btn{display:flex;align-items:center;padding:5px 12px;border-radius:8px;border:none;background-color:var(--color-background-light);color:var(--color-text-muted);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;height:32px}.Nav_Category_Btn:hover{background-color:var(--color-button-hover-bg);color:var(--color-text-secondary)}.Nav_Category_Btn.active{background-color:var(--color-badge-professional-bg);color:var(--color-category-active)}.Nav_Category_Btn svg{width:16px;height:16px;margin-right:6px;color:inherit}.Nav_Category_Btn.active svg{color:var(--color-category-active)}@keyframes selectCategory{0%{opacity:.8;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.Nav_Category_Btn.active{animation:selectCategory .2s ease}.Nav_Category_Btn span{color:inherit}.Nav_Category_Btn .category-name{display:flex;align-items:center;gap:4px}.Nav_Category_Btn .category-count{font-size:11px;font-weight:500;color:var(--color-text-muted);opacity:.9}.Nav_Category_Btn.active .category-count{color:var(--color-category-active);opacity:.9}.Nav_Category_Btn:hover:not(.active) .category-count{color:var(--color-text-secondary);opacity:.9}.Nav_Categories_Scroll.dragging{cursor:grabbing}@keyframes categoryChanged{0%{background-color:var(--color-filter-bg)}50%{background-color:var(--color-filter-primary)}to{background-color:transparent}}.category-changed{animation:categoryChanged 1s ease}.overflow-y-auto.h-full{overflow-y:auto;height:100%;background-color:var(--color-background-light);border-right:1px solid var(--color-border)}.flex{color:var(--color-text-black)}.flex.items-center.p-3.hover\:bg-gray-100.cursor-pointer.relative{display:flex;align-items:center;padding:.75rem;transition:all .3s ease;cursor:pointer;position:relative;border-bottom:1px solid var(--color-border)}.flex.items-center.p-3.hover\:bg-gray-100.cursor-pointer.relative:hover{background-color:var(--color-button-hover-bg);box-shadow:0 2px 4px var(--color-shadow);transform:translateY(-2px)}.bg-gray-100{background-color:var(--color-badge-professional-bg);border-left:4px solid var(--color-badge-professional-text)}.relative{position:relative}.w-12.h-12.rounded-md.mr-3.overflow-hidden{width:3rem;height:3rem;border-radius:.375rem;margin-right:.75rem;overflow:hidden;box-shadow:0 2px 4px var(--color-shadow);border:1px solid var(--color-border)}.w-full.h-full.object-cover{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.w-12.h-12.rounded-md.mr-3.overflow-hidden:hover .w-full.h-full.object-cover{transform:scale(1.1)}.w-full.h-full.bg-gray-300.flex.items-center.justify-center{width:100%;height:100%;background-color:var(--color-calendar-day-bg);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--color-icon-muted)}.recuento{position:absolute;top:-.25rem;right:-.25rem;background-color:var(--color-category-active);color:var(--color-text-black);font-size:.875rem;font-weight:500;border-radius:9999px;min-width:1.125rem;height:1.125rem;display:flex;align-items:center;justify-content:center;padding-left:.25rem;padding-right:.25rem;box-shadow:0 1px 3px var(--color-shadow);animation:pulse 1.5s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.font-semibold.truncate{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-black)}.text-sm.text-gray-500{font-size:.875rem;color:var(--color-text-black);background-color:var(--color-button-hover-bg);padding:.125rem .375rem;border-radius:.375rem}.unanswered-badge{background-color:var(--color-filter-bg);color:var(--color-filter-primary)}.inscrito-badge{background-color:var(--color-badge-technical-bg);color:var(--color-badge-technical-text)}.conversacion-badge{background-color:var(--color-badge-professional-bg);color:var(--color-badge-professional-text)}.singestionar-badge{background-color:var(--color-calendar-day-bg);color:var(--color-icon-muted)}.ventaperdida-badge{background-color:var(--color-filter-bg);color:var(--color-icon-error)}.default-badge{background-color:var(--color-calendar-day-bg);color:var(--color-icon-muted)}.agent-info{display:flex;align-items:center;gap:.25rem;margin-top:.25rem;font-size:.75rem;color:var(--color-badge-professional-text);background-color:var(--color-badge-professional-bg);padding:.2rem .5rem;border-radius:.25rem;width:fit-content}.agent-label{font-weight:600;margin-right:.25rem}.agent-name{font-weight:500}.text-sm.truncate.font-semibold.text-gray-900{font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;color:var(--color-text-black);transition:color .3s ease}.text-sm.truncate.text-gray-600{font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-black);transition:color .3s ease}.overflow-y-auto.h-full::-webkit-scrollbar{width:8px}.overflow-y-auto.h-full::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}.overflow-y-auto.h-full::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar);border-radius:4px}.overflow-y-auto.h-full::-webkit-scrollbar-thumb:hover{background-color:var(--color-scrollbar-hover)}@keyframes highlightChange{0%{background-color:#ffe0664d}50%{background-color:#ffe066b3}to{background-color:transparent}}.lead-item.category-changed{animation:highlightChange 1s ease}.text-sm.inscrito-badge,.text-sm.conversacion-badge,.text-sm.singestionar-badge,.text-sm.ventaperdida-badge,.text-sm.default-badge,.text-sm.unanswered-badge{transition:all .3s ease}.lead-item.removing{opacity:0;transform:translate(-20px);transition:opacity .5s ease,transform .5s ease}.selected-lead{background-color:var(--color-badge-professional-bg)!important;border-left:6px solid var(--color-badge-professional-text)!important;box-shadow:0 4px 6px var(--color-shadow)!important;transform:scale(1.02);z-index:10;color:var(--color-text-black);position:relative;transition:all .3s ease}.selected-lead:hover{background-color:var(--color-badge-professional-bg)!important;transform:scale(1.02)!important}F .selected-lead:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid var(--color-badge-professional-text);border-radius:8px;pointer-events:none;opacity:.5}.scroll-loader{text-align:center;padding:1rem;border-top:1px solid var(--color-border);background-color:var(--color-background-light);color:var(--color-text-black);font-size:.875rem;animation:fadeIn .3s ease}.loader-icon{display:inline-block;animation:spin 1.2s linear infinite;margin-right:.5rem;vertical-align:middle}.no-more-leads{text-align:center;padding:1rem;color:var(--color-text-black);font-size:.875rem;opacity:.7;border-top:1px solid var(--color-border);background-color:var(--color-background-light)}.lead-item.new-item{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.overflow-y-auto{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.lead-item{contain:content;will-change:transform;transform:translateZ(0)}.badge-modern{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.badge-modern:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.badge-icon{font-size:12px;display:flex;align-items:center}.badge-text{font-weight:600;text-transform:capitalize;letter-spacing:.3px}.badge-modern{--badge-bg-start: var(--color-header-bg, #f9fafb);--badge-bg-end: var(--color-background-light, #f0f2f5);--badge-color: var(--color-text-black);--badge-border: var(--color-border);background:linear-gradient(135deg,var(--badge-bg-start) 0%,var(--badge-bg-end) 100%);color:var(--badge-color);border:1px solid var(--badge-border)}.badge-modern:hover{filter:brightness(.95) saturate(1.1);transform:translateY(-1px) scale(1.02)}@media (max-width: 768px){.badge-modern{font-size:10px;padding:4px 8px;gap:4px}.badge-icon{font-size:10px}}.response-filter-container{position:relative;display:inline-block}.response-filter-trigger-compact{position:relative}.response-filter-trigger-compact span{margin-left:4px;font-weight:500}.filter-badge-compact{margin-left:4px}.response-filter-trigger{display:flex;align-items:center;cursor:pointer;padding:5px 8px;border-radius:6px;font-size:14px;color:var(--color-filter-primary, #f59e0b);background-color:var(--color-filter-bg, rgba(245, 158, 11, .1));transition:all .2s ease}.response-filter-trigger:hover{background-color:var(--color-filter-bg-hover, rgba(245, 158, 11, .2))}.response-filter-trigger span{margin-left:6px;font-weight:500}.filter-badge{background-color:var(--color-filter-primary, #f59e0b);color:#fff;border-radius:10px;min-width:18px;height:18px;padding:0 5px;font-size:11px;display:inline-flex;align-items:center;justify-content:center;margin-left:6px}.response-filter-dropdown{position:absolute;top:calc(100% + 5px);left:0;min-width:220px;background-color:var(--color-background-white);border-radius:8px;box-shadow:0 4px 12px var(--color-shadow, rgba(0, 0, 0, .15));z-index:1000;overflow:hidden;animation:slideDown .2s ease;max-height:80vh;display:flex;flex-direction:column;border:1px solid var(--color-border)}@media (max-width: 768px){.response-filter-dropdown{min-width:200px;max-height:70vh;left:auto;right:0}}@media (max-width: 480px){.response-filter-dropdown{min-width:180px;max-height:60vh;font-size:13px}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--color-border-light, #eee);background-color:var(--color-header-bg, #f9fafb);flex-shrink:0}.filter-dropdown-header span{font-weight:600;font-size:14px;color:var(--color-text-primary)}.close-btn{border:none;background:none;cursor:pointer;font-size:18px;color:var(--color-text-muted, #666);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%}.close-btn:hover{background-color:var(--color-btn-hover-bg, rgba(0, 0, 0, .05))}.filter-options-scrollable{max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-scrollbar, rgba(0, 0, 0, .2)) transparent;padding:4px 0;flex-grow:1}.filter-options-scrollable::-webkit-scrollbar{width:6px}.filter-options-scrollable::-webkit-scrollbar-track{background:transparent}.filter-options-scrollable::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar, rgba(0, 0, 0, .2));border-radius:3px}.filter-options-scrollable::-webkit-scrollbar-thumb:hover{background-color:var(--color-scrollbar-hover, rgba(0, 0, 0, .3))}.filter-option{display:flex;align-items:center;padding:8px 12px;cursor:pointer;transition:background-color .2s}.filter-option:hover{background-color:var(--color-option-hover, rgba(0, 0, 0, .03))}.checkbox-icon{display:flex;align-items:center;justify-content:center;margin-right:8px}.checkbox-checked{color:var(--color-checkbox-checked, #4f46e5)}.checkbox-unchecked{color:var(--color-checkbox-unchecked, #d1d5db)}.option-label{font-size:14px;color:var(--color-text-secondary, #333);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.filter-loading{display:flex;align-items:center;justify-content:center;padding:15px 0;color:var(--color-text-muted, #666);font-size:14px}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid var(--color-spinner-bg, #eee);border-top-color:var(--color-filter-primary, #f59e0b);border-radius:50%;margin-right:8px;animation:spin 1s linear infinite}.filter-empty{padding:15px 12px;text-align:center;color:var(--color-text-muted, #666);font-size:14px;font-style:italic}.filter-divider{height:1px;background-color:var(--color-border-light, #eee);margin:4px 0;flex-shrink:0}.adminText{padding:5px;color:var(--color-text-black)}.unanswered-messages-badge{background:linear-gradient(90deg,#ff7e00,#ff2d55);color:#fff;border-radius:9999px;padding:.25rem .75rem;margin-left:.75rem;font-weight:600;display:flex;align-items:center;box-shadow:0 2px 4px #ff2d554d;cursor:pointer;transition:all .2s ease-in-out}.unanswered-messages-badge:hover{box-shadow:0 4px 8px #ff2d5566;transform:translateY(-1px)}.unanswered-count{background-color:var(--color-background-white);color:#ff2d55;border-radius:9999px;padding:.125rem .5rem;margin-left:.375rem;font-weight:700;min-width:1.5rem;text-align:center}.btn-unanswered-messages{display:flex;align-items:center;background-color:var(--color-btn-primary, #2563eb);color:#fff;font-size:.875rem;border:none;border-radius:.375rem;padding:.375rem .75rem;cursor:pointer;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.admin-filter-container{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.selected-agents-count{margin-top:.25rem;font-size:.75rem;color:#6b7280;min-height:1.25rem;display:flex;align-items:center}.count-loading{display:flex;align-items:center;gap:.25rem;color:#9ca3af}.count-display{display:flex;align-items:center;gap:.25rem}.count-number{font-weight:600;color:#1f2937;background-color:#f3f4f6;padding:.125rem .375rem;border-radius:.375rem;min-width:1.25rem;text-align:center}.count-text{color:#6b7280;font-size:.75rem}.btn-unanswered-messages:hover{background-color:var(--color-btn-primary-hover, #1d4ed8);box-shadow:0 2px 4px #00000026;transform:translateY(-1px)}.btn-unanswered-messages:focus{outline:none;box-shadow:0 0 0 2px var(--color-btn-focus-ring, rgba(59, 130, 246, .5))}.btn-unanswered-messages .badge{display:flex;align-items:center;justify-content:center;background-color:var(--color-background-white);color:var(--color-btn-primary, #2563eb);border-radius:9999px;margin-left:.5rem;font-weight:700;font-size:.75rem;min-width:1.5rem;height:1.5rem;padding:0 .375rem}.unanswered-badge{display:flex;align-items:center;background-color:var(--color-btn-primary, #2563eb);color:#fff;border-radius:.375rem;padding:.375rem .75rem;font-size:.875rem;font-weight:500;box-shadow:0 1px 2px #0000000d;transition:all .2s ease;cursor:pointer}.unanswered-badge:hover{background-color:var(--color-btn-primary-hover, #1d4ed8);box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.unanswered-badge .icon{margin-right:.375rem}.unanswered-badge .count{background-color:var(--color-background-white);color:var(--color-btn-primary, #2563eb);border-radius:.25rem;padding:.125rem .5rem;font-weight:700;min-width:1.5rem;text-align:center;margin-left:.375rem}.animate-pulse{animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite}.bg-whiteSiderbar{background-color:var(--color-btn-primary, #2563eb)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.etiquetas-filter-compact{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:var(--color-background-white, #ffffff);border-bottom:1px solid var(--color-border-light, #e5e7eb)}.massive-mode-indicator{display:flex;align-items:center;background:linear-gradient(90deg,#ff7e00,#ff2d55);color:#fff;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;box-shadow:0 2px 4px #ff2d5533}.etiquetas-filter-inline{position:relative;flex:1;max-width:280px}.etiquetas-filter-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--color-background-white, #ffffff);border:1px solid var(--color-border-light, #e5e7eb);border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:.875rem;min-height:36px}.etiquetas-filter-button:hover{border-color:var(--color-btn-primary, #2563eb);box-shadow:0 0 0 1px #2563eb33;background-color:var(--color-background-blue-light, #eff6ff)}.etiquetas-filter-button.active{border-color:var(--color-btn-primary, #2563eb);box-shadow:0 0 0 2px #2563eb33}.etiquetas-filter-button.has-selection{background:linear-gradient(135deg,rgba(37,99,235,.1) 0%,var(--color-background-white, #ffffff) 100%);border-color:var(--color-btn-primary, #2563eb)}.filter-icon{color:var(--color-btn-primary, #2563eb);flex-shrink:0}.selected-tag{display:flex;align-items:center;gap:.375rem;flex:1;min-width:0}.tag-color{width:10px;height:10px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.8);box-shadow:0 1px 2px #0000001a}.tag-name{color:var(--color-text-primary, #374151);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-error{color:var(--color-text-red, #dc2626);font-size:.75rem}.filter-text{color:var(--color-text-secondary, #6b7280);font-weight:400}.filter-arrow{color:var(--color-text-secondary, #6b7280);transition:transform .2s ease;flex-shrink:0}.filter-arrow.rotated{transform:rotate(180deg)}.etiquetas-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background-color:var(--color-background-white, #ffffff);border:1px solid var(--color-border-light, #e5e7eb);border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:1000;max-height:280px;overflow:hidden;animation:slideDown .2s cubic-bezier(.4,0,.2,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:linear-gradient(135deg,var(--color-background-gray, #f9fafb) 0%,var(--color-background-white, #ffffff) 100%);border-bottom:1px solid var(--color-border-light, #e5e7eb);font-size:.875rem;font-weight:600;color:var(--color-text-primary, #374151)}.clear-filter-btn{background:none;border:none;color:var(--color-text-secondary, #6b7280);cursor:pointer;padding:.25rem .5rem;border-radius:6px;font-size:.875rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.clear-filter-btn:hover{background-color:var(--color-background-red-light, #fee2e2);color:var(--color-text-red, #dc2626);transform:scale(1.1)}.dropdown-list{max-height:200px;overflow-y:auto;padding:.25rem 0}.dropdown-list::-webkit-scrollbar{width:6px}.dropdown-list::-webkit-scrollbar-track{background:transparent}.dropdown-list::-webkit-scrollbar-thumb{background:var(--color-border-light, #e5e7eb);border-radius:3px}.dropdown-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary, #6b7280)}.dropdown-option{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;cursor:pointer;transition:all .2s ease;margin:0 .25rem;border-radius:8px}.dropdown-option:hover{background-color:var(--color-background-blue-light, #eff6ff);transform:scale(1.02)}.dropdown-option.selected{background:linear-gradient(135deg,#2563eb1a,#2563eb0d);border-left:3px solid var(--color-btn-primary, #2563eb);box-shadow:0 2px 4px #0000000d}.option-color{width:12px;height:12px;border-radius:50%;flex-shrink:0;border:2px solid rgba(255,255,255,.8);box-shadow:0 1px 3px #0000001a}.option-content{display:flex;flex-direction:column;gap:.125rem;flex:1;min-width:0}.option-name{font-size:.875rem;font-weight:500;color:var(--color-text-primary, #374151);line-height:1.2}.option-description{font-size:.75rem;color:var(--color-text-secondary, #6b7280);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-loading,.dropdown-empty{padding:1rem;text-align:center;color:var(--color-text-secondary, #6b7280);font-size:.875rem;font-style:italic}@media (max-width: 768px){.etiquetas-filter-compact{padding:.375rem .75rem;flex-wrap:wrap}.etiquetas-filter-inline{max-width:none;flex:1;min-width:200px}.etiquetas-filter-button{padding:.375rem .625rem;min-height:32px}.massive-mode-indicator{font-size:.6875rem;padding:.1875rem .375rem}.etiquetas-dropdown-menu{max-height:240px}.dropdown-option{padding:.5rem .75rem}}.company-indicator{background:var(--color-btn-hover-bg);color:var(--color-btn-primary);padding:.25rem .5rem;border-radius:.375rem;font-size:.875rem;font-weight:500}.company-indicator.all-companies{background:var(--color-background-light);color:var(--color-text-muted)}.company-change-button{background:var(--color-filter-primary);color:var(--color-background-white);padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.company-change-button:hover{background:var(--color-filter-bg-hover);transform:translateY(-1px)}.sidebar-panel-container{background:var(--color-background-white);border-right:1px solid var(--color-border);overflow-x:hidden;overflow-y:auto;height:100%;display:flex;flex-direction:column;padding-top:8px}.header-compact{background:var(--color-background-white);border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:8px 16px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--color-border);height:48px;margin:12px 8px 8px}.header-brand-section{display:flex;align-items:center;gap:8px}.header-logo-icon{width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:14px}.header-brand-info{display:flex;flex-direction:column;gap:0}.header-title{font-size:16px;font-weight:600;color:var(--color-text-black);margin:0;line-height:1}.header-subtitle{font-size:11px;color:var(--color-text-muted);margin:2px 0 0;line-height:1}.header-actions{display:flex;align-items:center;gap:6px}.header-actions:not(.header-actions-hamburger){display:flex;align-items:center;flex-direction:row}.header-hamburger-btn{display:none;background:none;border:none;cursor:pointer;padding:6px;color:var(--color-text-black);transition:all .2s ease;border-radius:6px}.header-hamburger-btn.header-hamburger-visible{display:flex;align-items:center;justify-content:center}.header-hamburger-btn:hover{background:var(--color-background-gray)}.header-hamburger-btn:active{transform:scale(.95)}.header-actions-hamburger .header-btn{width:100%;justify-content:flex-start;gap:10px;min-height:44px;padding:10px 14px;font-size:14px}.header-actions-hamburger .header-btn span{display:inline;margin-left:0;flex:1;text-align:left}.header-actions-hamburger .header-btn .header-badge{position:static;margin-left:auto}.header-actions-hamburger .header-btn-secondary{background:var(--color-background-gray);color:var(--color-text-black);border:1px solid var(--color-border)}.header-actions-hamburger .header-btn-primary{background:var(--color-btn-primary);color:#fff}.header-actions-hamburger .header-btn-icon{width:100%;justify-content:flex-start;gap:10px;min-height:44px}.header-actions-hamburger .admin-counter-compact{width:100%;justify-content:space-between;min-height:44px}.header-actions-hamburger .adminText{padding:10px 14px;text-align:center;font-weight:600;background:var(--color-background-gray);border-radius:6px;border:1px solid var(--color-border)}.header-actions-hamburger .response-filter-container{width:100%}.header-actions-hamburger .response-filter-trigger-compact{width:100%;justify-content:flex-start;gap:10px}.header-actions-hamburger .response-filter-dropdown{position:fixed;width:calc(100% - 40px);max-width:320px;left:50%;top:50%;transform:translate(-50%,-50%);margin-top:0;box-shadow:0 10px 40px #0000004d;z-index:2000;max-height:80vh}.header-actions-hamburger .response-filter-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;z-index:1999;opacity:0;pointer-events:none;transition:opacity .3s ease}.header-actions-hamburger .response-filter-container:has(.response-filter-dropdown):before{opacity:1;pointer-events:all}.header-btn{border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;gap:4px;padding:6px 10px;text-decoration:none;height:32px}.header-btn-secondary{background:var(--color-header-bg);color:var(--color-text-muted);border:1px solid var(--color-border)}.header-btn-secondary:hover{background:var(--color-button-hover-bg);border-color:var(--color-button-hover-border)}.header-btn-primary{background:var(--color-btn-primary);color:#fff;position:relative}.header-btn-primary:hover{background:var(--color-btn-primary-hover)}.header-btn-icon{padding:8px;background:var(--color-header-bg);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-muted);width:32px;height:32px;justify-content:center;display:flex;align-items:center;cursor:pointer;transition:all .15s ease}.header-btn-icon:hover{background:var(--color-button-hover-bg);color:var(--color-text-secondary)}.header-btn-icon:disabled{opacity:.5;cursor:not-allowed}.header-badge{background:var(--color-icon-error);color:#fff;border-radius:8px;padding:0 4px;font-size:10px;font-weight:600;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;position:absolute;top:-4px;right:-4px}.header-actions:not(.header-actions-hamburger){flex-wrap:nowrap;max-width:60%;flex-shrink:0}@media (max-width: 1024px){.header-actions:not(.header-actions-hamburger){max-width:65%}.header-btn span{display:none}}@media (max-width: 768px){.header-compact{position:relative}.header-brand-section{flex:1;min-width:0}.header-title,.header-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (max-width: 480px){.header-logo-icon{width:28px;height:28px;font-size:12px}.header-title{font-size:13px}.header-subtitle{font-size:10px}.header-actions-hamburger .response-filter-dropdown{width:calc(100% - 30px);max-width:300px;max-height:75vh}}.header-compact.header-mini{height:40px;padding:6px 12px;margin:10px 6px 6px}.header-mini .header-logo-icon{width:28px;height:28px;font-size:12px}.header-mini .header-title{font-size:14px}.header-mini .header-subtitle{font-size:10px}.header-mini .header-btn{padding:4px 8px;font-size:11px;height:28px}.header-mini .header-btn-icon{width:28px;height:28px;padding:6px}.admin-counter-compact{display:flex;align-items:center;gap:4px;padding:6px 10px;background:var(--color-background-white);border:1px solid var(--color-border);border-radius:6px;font-size:11px;font-weight:600}.header-counter{background:var(--color-btn-primary);color:#fff;padding:2px 6px;border-radius:10px;min-width:20px;text-align:center;font-size:10px;font-weight:700}.header-counter-filtered{background:var(--color-filter-primary)}.header-counter-separator{color:var(--color-text-muted);font-weight:400;margin:0 2px}.header-counter-loading{color:var(--color-text-muted);font-size:10px;animation:pulse 1.5s infinite}@media (max-width: 768px){.admin-counter-compact{padding:4px 6px;font-size:10px;gap:3px}.header-counter{padding:1px 4px;font-size:9px;min-width:16px}.header-counter-separator{margin:0 1px}}@media (max-width: 480px){.admin-counter-compact{padding:3px 5px;font-size:9px;gap:2px}.header-counter{padding:1px 3px;font-size:8px;min-width:14px}.header-counter-separator{font-size:8px;margin:0}}.sidebar-panel-container .header-compact .header-hamburger-btn.header-hamburger-visible{display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.sidebar-panel-container .header-compact .header-actions.header-actions-hamburger:not(.header-actions-open){position:absolute!important;top:calc(100% + 4px)!important;right:0!important;left:0!important;pointer-events:none!important;opacity:0!important;transform:translateY(-10px)!important;max-height:0!important;overflow:hidden!important;visibility:hidden!important;transition:opacity .2s ease,transform .2s ease,visibility 0s .2s!important;display:flex!important;flex-direction:column!important;width:100%!important;background:#fff!important;border:2px solid #e5e7eb!important;border-radius:8px!important;padding:0!important}.sidebar-panel-container .header-compact .header-actions.header-actions-open.header-actions-hamburger,.sidebar-panel-container .header-compact .header-actions.header-actions-hamburger.header-actions-open{position:absolute!important;top:calc(100% + 4px)!important;right:0!important;left:0!important;background:#fff!important;border:2px solid #e5e7eb!important;border-radius:8px!important;margin:0!important;padding:12px!important;gap:8px!important;flex-direction:column!important;align-items:stretch!important;box-shadow:0 4px 12px #00000026!important;max-width:none!important;min-width:auto!important;max-height:none!important;min-height:auto!important;height:auto!important;overflow-y:visible!important;overflow-x:visible!important;overflow:visible!important;z-index:9999!important;display:flex!important;width:100%!important;flex-wrap:nowrap!important;pointer-events:all!important;opacity:1!important;transform:translateY(0)!important;visibility:visible!important;transition:none!important}.sidebar-panel-container .header-compact .header-actions.header-actions-hamburger .header-btn{width:100%!important;justify-content:flex-start!important;gap:10px!important;min-height:44px!important;padding:10px 14px!important;font-size:14px!important}.sidebar-panel-container .header-compact .header-actions.header-actions-hamburger .header-btn span{display:inline!important;margin-left:0!important;flex:1!important;text-align:left!important}.sidebar-panel-container .header-compact .header-actions.header-actions-hamburger .header-btn .header-badge{position:static!important;margin-left:auto!important}.sidebar-panel-container .header-compact .header-actions.header-actions-hamburger .header-btn-primary,.sidebar-panel-container .header-compact .header-actions.header-actions-hamburger .header-btn-secondary{width:100%!important;justify-content:flex-start!important;gap:10px!important;min-height:44px!important;padding:10px 14px!important;font-size:14px!important}.sidebar-panel-container .header-compact .header-actions.header-actions-hamburger .header-btn-icon{width:100%!important;justify-content:center!important;min-height:44px!important;padding:10px 14px!important}.sidebar-panel-container .header-compact .header-actions.header-actions-hamburger .admin-counter-compact{width:100%!important;padding:10px 14px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important}.sidebar-panel-container .header-compact .header-actions.header-actions-hamburger .adminText{width:100%!important;padding:10px 14px!important;text-align:center!important;display:block!important}.sidebar-panel-container .header-compact .header-actions.header-actions-hamburger .header-btn-primary span,.sidebar-panel-container .header-compact .header-actions.header-actions-hamburger .header-btn-secondary span{display:inline!important;margin-left:0!important;flex:1!important;text-align:left!important}.external-messaging-view{height:100%;display:flex;flex-direction:column;background:#f7f8fc;position:relative}.external-messaging-container{flex:1;display:flex;flex-direction:column;height:100%}.step-indicator{display:flex;align-items:center;justify-content:center;padding:.5rem;background:#fff;border-bottom:1px solid #e1e5e9;font-size:.75rem}.step{display:flex;align-items:center;gap:.25rem;color:#65676b;transition:all .2s ease}.step.active{color:#1877f2;font-weight:600}.step.completed{color:#42b883}.step-circle{width:16px;height:16px;border-radius:50%;background:#e4e6ea;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:600}.step.active .step-circle{background:#1877f2;color:#fff}.step.completed .step-circle{background:#42b883;color:#fff}.step-line{width:20px;height:1px;background:#e4e6ea;margin:0 .25rem}.external-messaging-content{flex:1;display:flex;flex-direction:column;height:100%}.external-messaging-step{background:#fff;padding:.75rem;flex:1;display:flex;flex-direction:column;overflow-y:auto}.step-header{text-align:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid #e1e5e9}.step-icon{width:20px;height:20px;color:#1877f2;margin-bottom:.25rem}.step-header h2{font-size:1rem;font-weight:600;color:#1c1e21;margin:0 0 .25rem}.step-header p{font-size:.75rem;color:#65676b;margin:0}.numbers-input-section{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-weight:500;color:#1c1e21;font-size:.8rem}.numbers-textarea{width:100%;min-height:80px;padding:.5rem;border:1px solid #e1e5e9;border-radius:6px;font-size:.8rem;font-family:monospace;resize:vertical;transition:border-color .2s ease}.numbers-textarea:focus{outline:none;border-color:#1877f2}.upload-section{display:flex;flex-direction:column}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem .5rem;border:1px dashed #d0d7de;border-radius:6px;cursor:pointer;transition:all .2s ease;background:#f6f8fa;min-height:60px}.upload-area:hover{border-color:#1877f2;background:#f0f4ff}.upload-area svg{color:#1877f2;margin-bottom:.25rem}.upload-area h3{font-size:.8rem;font-weight:600;color:#1c1e21;margin:0 0 .25rem}.upload-area p{font-size:.7rem;color:#65676b;text-align:center;margin:0}.numbers-preview{background:#f6f8fa;border-radius:6px;padding:.75rem;border:1px solid #d0d7de}.stats-grid{display:flex;gap:.5rem;margin-bottom:.75rem}.stat-card{background:#fff;border-radius:4px;padding:.5rem;text-align:center;flex:1;border:1px solid #d0d7de}.stat-card.valid{border-left:3px solid #28a745}.stat-card.invalid{border-left:3px solid #dc3545}.stat-number{font-size:1.2rem;font-weight:700;color:#1c1e21}.stat-card.valid .stat-number{color:#28a745}.stat-card.invalid .stat-number{color:#dc3545}.stat-label{font-size:.7rem;color:#65676b;font-weight:500}.invalid-warning{display:flex;gap:.5rem;padding:.5rem;background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#721c24;font-size:.75rem}.invalid-warning h4{margin:0 0 .25rem;font-size:.75rem;font-weight:600}.invalid-warning p{margin:0;font-size:.7rem;font-family:monospace;word-break:break-all}.templates-container{flex:1;display:flex;flex-direction:column}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:.5rem;color:#65676b}.spinner{width:20px;height:20px;border:2px solid #e1e5e9;border-top-color:#1877f2;border-radius:50%;animation:spin 1s linear infinite}.templates-grid{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.template-card{background:#fff;border-radius:6px;padding:.75rem;border:1px solid #d0d7de;cursor:pointer;transition:all .2s ease}.template-card:hover{border-color:#1877f2;background:#f0f4ff}.template-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.template-header svg{color:#1877f2}.template-language{background:#e3f2fd;color:#1877f2;padding:.125rem .5rem;border-radius:12px;font-size:.6rem;font-weight:600;text-transform:uppercase}.template-card h3{font-size:.9rem;font-weight:600;color:#1c1e21;margin:0}.template-status{background:#d4edda;color:#155724;padding:.125rem .5rem;border-radius:12px;font-size:.6rem;font-weight:600}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:.5rem;color:#65676b;text-align:center;font-size:.8rem}.send-summary{display:flex;flex-direction:column;gap:.75rem;flex:1}.summary-card{background:#f6f8fa;border-radius:6px;padding:.75rem;border:1px solid #d0d7de}.summary-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 0;border-bottom:1px solid #d0d7de;font-size:.8rem}.summary-item:last-child{border-bottom:none}.summary-item svg{color:#1877f2;flex-shrink:0}.summary-item div{flex:1;display:flex;justify-content:space-between;align-items:center}.summary-label{font-weight:500;color:#1c1e21}.summary-value{font-weight:600;color:#1c1e21}.warning-box{display:flex;gap:.5rem;padding:.75rem;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;font-size:.75rem}.warning-box h4{margin:0 0 .25rem;font-weight:600;font-size:.75rem}.warning-box ul{margin:0;padding-left:1rem}.warning-box li{margin-bottom:.125rem;font-size:.7rem}.success-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;gap:1rem}.success-icon{color:#28a745}.success-state h2{font-size:1.1rem;font-weight:600;color:#28a745;margin:0}.result-details{background:#d4edda;border-radius:6px;padding:.75rem;border:1px solid #c3e6cb;width:100%;font-size:.8rem}.detail-item{display:flex;justify-content:space-between;padding:.25rem 0;border-bottom:1px solid #c3e6cb}.detail-item:last-child{border-bottom:none}.detail-item span:first-child{font-weight:500;color:#1c1e21}.detail-item span:last-child{font-weight:600;color:#155724}.step-actions{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;gap:.5rem;border-top:1px solid #e1e5e9}.btn-primary,.btn-secondary,.btn-danger{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border-radius:6px;font-weight:500;font-size:.8rem;border:1px solid;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background:#1877f2;color:#fff;border-color:#1877f2}.btn-primary:hover{background:#166fe5}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;color:#1c1e21;border-color:#d0d7de}.btn-secondary:hover{background:#f6f8fa}.btn-danger{background:#dc3545;color:#fff;border-color:#dc3545}.btn-danger:hover{background:#c82333}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.spinner-small{width:12px;height:12px;border:1px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.template-variables-overlay-compact{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.template-variables-modal-compact{background:#fff;border-radius:8px;width:100%;max-width:400px;max-height:80vh;overflow:hidden;box-shadow:0 10px 25px #00000026;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.template-variables-header-compact{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid #e1e5e9;background:#f8f9fa}.template-variables-header-compact h3{margin:0;font-size:1rem;font-weight:600;color:#1c1e21}.template-variables-close-compact{background:none;border:none;color:#65676b;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.template-variables-close-compact:hover{background:#e4e6ea;color:#1c1e21}.template-variables-content-compact{padding:1rem;max-height:300px;overflow-y:auto}.template-variables-content-compact p{margin:0 0 1rem;font-size:.875rem;color:#65676b}.template-variable-input-compact{margin-bottom:1rem}.template-variable-input-compact label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#1c1e21}.template-variable-input-compact input{width:100%;padding:.5rem;border:1px solid #d0d7de;border-radius:6px;font-size:.875rem;transition:border-color .2s ease;background:#fff}.template-variable-input-compact input:focus{outline:none;border-color:#1877f2;box-shadow:0 0 0 2px #1877f21a}.template-variable-input-compact input::placeholder{color:#8a8d91}.template-variables-footer-compact{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem;border-top:1px solid #e1e5e9;background:#f8f9fa}.template-variables-footer-compact .btn-primary,.template-variables-footer-compact .btn-secondary{padding:.5rem 1rem;font-size:.875rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid;display:flex;align-items:center;gap:.25rem}.template-variables-footer-compact .btn-primary{background:#1877f2;color:#fff;border-color:#1877f2}.template-variables-footer-compact .btn-primary:hover:not(:disabled){background:#166fe5}.template-variables-footer-compact .btn-primary:disabled{opacity:.6;cursor:not-allowed}.template-variables-footer-compact .btn-secondary{background:#fff;color:#1c1e21;border-color:#d0d7de}.template-variables-footer-compact .btn-secondary:hover{background:#f6f8fa}@media (max-width: 400px){.step-actions{flex-direction:column;gap:.5rem}.step-actions button{width:100%;justify-content:center}.stats-grid{flex-direction:column}.template-variables-overlay-compact{padding:.5rem}.template-variables-modal-compact{max-width:none}.template-variables-footer-compact{flex-direction:column}.template-variables-footer-compact .btn-primary,.template-variables-footer-compact .btn-secondary{width:100%;justify-content:center}}.add-template-form{background-color:var(--color-background-light);padding:20px;border-radius:8px;box-shadow:0 4px 8px var(--color-shadow);max-width:500px;margin:0 auto;font-family:Arial,sans-serif}.form-label{font-weight:700;margin-bottom:8px;display:block;color:var(--color-text-muted)}.form-input,.form-textarea{width:100%;padding:10px;margin:8px 0 16px;border:1px solid var(--color-input-border);border-radius:4px;font-size:16px;box-sizing:border-box;background-color:var(--color-background-white);color:var(--color-text-black)}.form-textarea{resize:vertical;min-height:120px}.form-input[disabled]{background-color:var(--color-pagination-disabled-bg);color:var(--color-pagination-disabled-text)}.form-actions{display:flex;justify-content:space-between}.submit-btn,.cancel-btn{background-color:var(--color-btn-primary);color:#fff;padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:16px;transition:background-color .3s}.submit-btn:disabled{background-color:var(--color-pagination-disabled-bg);color:var(--color-pagination-disabled-text);cursor:not-allowed}.submit-btn:hover{background-color:var(--color-btn-primary-hover)}.cancel-btn{background-color:var(--color-icon-error)}.cancel-btn:hover{background-color:#e53935}.settings-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.settings-modal{background-color:var(--color-background-white);border-radius:12px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 6px var(--color-shadow);animation:modalFade .3s ease-in-out}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--color-border);background-color:var(--color-header-bg);border-radius:12px 12px 0 0}.settings-header h2{margin:0;font-size:1.5rem;color:var(--color-text-secondary);font-weight:600}.settings-header button{background:none;border:none;font-size:1.8rem;cursor:pointer;color:var(--color-text-muted);padding:5px 10px;border-radius:50%;transition:background-color .2s}.settings-header button:hover{background-color:var(--color-button-hover-bg);color:var(--color-text-secondary)}.settings-sections{padding:20px}.settings-section{display:flex;align-items:center;padding:15px;margin-bottom:10px;border-radius:8px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.settings-section:hover{background-color:var(--color-background-light);border-color:var(--color-border);transform:translate(5px)}.settings-icon{margin-right:15px;color:var(--color-icon-muted);transition:color .2s}.settings-section:hover .settings-icon{color:var(--color-text-secondary)}.settings-section h3{margin:0;font-size:1.1rem;color:var(--color-text-secondary);font-weight:500}.templates-preview{margin-top:15px;padding:15px;background-color:var(--color-background-light);border-radius:8px;width:100%}.template-list{display:flex;flex-direction:column;gap:10px}.template-item{padding:12px 15px;background-color:var(--color-background-white);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;transition:all .2s;font-size:.95rem;color:var(--color-text-secondary)}.template-item:hover{background-color:var(--color-background-light);border-color:var(--color-border);transform:translate(5px)}@keyframes modalFade{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.settings-modal{width:95%;margin:10px}.settings-section{padding:12px}}.empresas-preview{padding:24px}.empresas-preview h3{font-size:24px;font-weight:600;color:#1f2937;margin:0 0 8px}.section-description{font-size:16px;color:#6b7280;margin:0 0 32px}.empresas-menu{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px}.empresa-option{display:flex;align-items:flex-start;gap:16px;padding:24px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s ease}.empresa-option:hover{transform:translateY(-2px);box-shadow:0 8px 25px -5px #0000001a}.empresa-option.create-option:hover{border-color:#10b981;background:#f0fdf4;box-shadow:0 8px 25px -5px #10b98133}.empresa-option.edit-option:hover{border-color:#f59e0b;background:#fffbeb;box-shadow:0 8px 25px -5px #f59e0b33}.empresa-option .option-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#e5e7eb;border-radius:12px;transition:all .3s ease}.empresa-option.create-option:hover .option-icon{background:#10b981;color:#fff}.empresa-option.edit-option:hover .option-icon{background:#f59e0b;color:#fff}.empresa-option .option-icon svg{width:24px;height:24px}.empresa-option .option-content{flex:1}.empresa-option .option-content h4{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 8px}.empresa-option .option-content p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.empresas-info{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:12px;padding:24px}.empresas-info h5{color:#0c4a6e;margin:0 0 16px;font-size:16px;font-weight:600}.empresas-info ul{margin:0;padding-left:0;list-style:none}.empresas-info li{color:#0c4a6e;font-size:14px;margin-bottom:8px;display:flex;align-items:center;gap:8px}.empresas-info li:last-child{margin-bottom:0}.settings-header h2{font-size:20px;font-weight:600;color:#1f2937;margin:0}.header-with-back{display:flex;align-items:center;gap:12px}.back-button{background:#f3f4f6;border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:#374151;transition:background-color .2s}.back-button:hover{background:#e5e7eb}@media (max-width: 768px){.empresas-menu{grid-template-columns:1fr;gap:16px}.empresa-option{padding:20px}.empresa-option .option-icon{width:40px;height:40px}.empresa-option .option-icon svg{width:20px;height:20px}.empresa-option .option-content h4{font-size:16px}.empresa-option .option-content p{font-size:13px}.empresas-info{padding:20px}.empresas-preview{padding:16px}.empresas-preview h3{font-size:20px}.section-description{font-size:14px}}.settings-modal{max-width:90vw;max-height:90vh;overflow-y:auto}.settings-content{max-height:calc(90vh - 80px);overflow-y:auto}.settings-content .create-empresa-container,.settings-content .edit-empresa-container{padding:0;background:transparent;min-height:auto}.settings-content .create-empresa-card,.settings-content .edit-empresa-card{box-shadow:none;border:1px solid #e5e7eb;margin:0}@media (max-width: 1024px){.settings-modal{max-width:95vw;margin:20px}.settings-content .create-empresa-card,.settings-content .edit-empresa-card{padding:20px}}.add-agent-container{display:flex;justify-content:center;align-items:center;padding:1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.add-agent-card{background:#fff;border-radius:12px;box-shadow:0 8px 20px #0000001a;width:100%;max-width:400px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.add-agent-card:hover{transform:translateY(-5px);box-shadow:0 12px 25px #00000026}.card-header{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;position:relative}.card-header h2{margin:0;font-size:1.3rem;font-weight:600}.card-icon{background-color:#fff3;border-radius:50%;height:40px;width:40px;display:flex;align-items:center;justify-content:center;padding:8px}.card-icon svg{width:24px;height:24px;stroke:#fff}.agent-form{padding:1.5rem}.form-group{margin-bottom:1.2rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#4b5563;font-size:.9rem}.form-control{width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;transition:border-color .2s ease,box-shadow .2s ease;background-color:#f9fafb}.form-control:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133;background-color:#fff}.form-control::placeholder{color:#9ca3af}select.form-control{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%236B7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.checkbox-group{margin-top:1rem;margin-bottom:1.5rem}.checkbox-label{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.checkbox-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-custom{height:20px;width:20px;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;margin-right:10px;position:relative;transition:all .2s ease}.checkbox-label:hover .checkbox-custom{background-color:#f3f4f6;border-color:#d1d5db}.checkbox-input:checked~.checkbox-custom{background-color:#6366f1;border-color:#6366f1}.checkbox-custom:after{content:"";position:absolute;display:none;left:7px;top:3px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-input:checked~.checkbox-custom:after{display:block}.checkbox-text{font-size:.95rem;color:#4b5563}.submit-button{width:100%;padding:.75rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;justify-content:center;align-items:center;margin-top:.5rem}.submit-button:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 12px #4f46e533;transform:translateY(-2px)}.submit-button:active{transform:translateY(0)}.submit-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}.error-message{background-color:#fee2e2;color:#b91c1c;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem;display:flex;align-items:center;margin:1.5rem 1.5rem 0}.success-message{background-color:#dcfce7;color:#15803d;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem;display:flex;align-items:center;margin:1.5rem 1.5rem 0}.empresas-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.empresas-modal{background-color:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 20px #00000026;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;padding:1rem 1.5rem;border-top-left-radius:12px;border-top-right-radius:12px;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.2rem;font-weight:600}.close-modal-button{background:none;border:none;font-size:24px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:background-color .2s ease}.close-modal-button:hover{background-color:#fff3}.modal-content{padding:1.5rem;overflow-y:auto;flex:1}.modal-content p{color:#4b5563;margin-top:0;margin-bottom:1rem}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:1rem 1.5rem;border-top:1px solid #e5e7eb}.empresas-actions{display:flex;gap:8px;margin-bottom:1rem}.select-all-button,.deselect-all-button{padding:.5rem .75rem;font-size:.875rem;border-radius:6px;border:1px solid #d1d5db;background-color:#f9fafb;color:#4b5563;cursor:pointer;transition:all .2s ease}.select-all-button:hover,.deselect-all-button:hover{background-color:#f3f4f6;border-color:#9ca3af}.empresas-list{display:flex;flex-direction:column;max-height:300px;overflow-y:auto;padding:.5rem;border:1px solid #e5e7eb;border-radius:8px;background-color:#f9fafb}.empresa-item{padding:.5rem;border-radius:6px;transition:background-color .2s;margin-bottom:.25rem}.empresa-item:last-child{margin-bottom:0}.empresa-item:hover{background-color:#f3f4f6}.loading-empresas{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#6b7280}.loading-empresas .loading-spinner{border:2px solid rgba(99,102,241,.3);border-top-color:#6366f1;width:24px;height:24px;margin-bottom:.75rem}.no-empresas{text-align:center;color:#9ca3af;font-style:italic;padding:1.5rem;background-color:#fff;border-radius:6px}.cancel-button{padding:.65rem 1.25rem;border:1px solid #d1d5db;background-color:#fff;color:#4b5563;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-button:hover{background-color:#f9fafb;border-color:#9ca3af}.save-button{padding:.65rem 1.25rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:100px}.save-button:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 12px #4f46e533}.save-button:disabled,.cancel-button:disabled,.select-all-button:disabled,.deselect-all-button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.save-button .loading-spinner{margin-right:0;margin-left:0}.agents-list-container{max-width:1200px;margin:0 auto;padding:15px;background-color:#f4f6f9;position:relative}.agents-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-title h1{color:#333;font-size:1.8rem;font-weight:700;margin:0 0 5px}.header-title p{font-size:.9rem;color:#666;margin:0}.filter-buttons{display:flex;gap:8px}.filter-btn{padding:6px 14px;border:1px solid #e0e0e0;background-color:#fff;color:#666;border-radius:20px;font-weight:600;font-size:.9rem;transition:all .3s ease;cursor:pointer}.filter-btn.active,.filter-btn:hover{background-color:#007bff;color:#fff;border-color:#007bff}.agents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:15px}.agent-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.agent-card:hover{transform:translateY(-3px);box-shadow:0 4px 8px #00000026}.agent-card-header{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#f8f9fa}.agent-initials{width:36px;height:36px;background-color:#007bff;color:#fff;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:1.1rem;font-weight:700}.agent-badges{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.role-badge,.status-badge{padding:2px 6px;border-radius:12px;font-size:.7rem;font-weight:600}.role-badge.admin{background-color:#28a745;color:#fff}.role-badge.agent{background-color:#17a2b8;color:#fff}.status-badge.active{background-color:#ecfdf5;color:#047857}.status-badge.inactive{background-color:#fef2f2;color:#b91c1c}.agent-card-body{padding:12px}.agent-name{font-size:1.1rem;font-weight:700;color:#333;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-email{color:#666;margin-bottom:10px;font-size:.85rem;word-break:break-all;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.agent-stats{background-color:#f8f9fa;border-radius:6px;padding:8px;margin-top:5px}.stat{display:flex;flex-direction:column}.stat-label{font-size:.7rem;color:#666;margin-bottom:2px}.stat-value{font-size:.85rem;font-weight:600;color:#333}.agent-card-actions{padding:10px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end}.edit-agent-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-weight:600;font-size:.85rem;cursor:pointer;transition:background-color .3s ease}.edit-agent-btn:hover{background-color:#0056b3}.edit-agent-btn svg{width:14px;height:14px}.loading-spinner{display:flex;justify-content:center;align-items:center;height:100vh;width:100%}.loading-spinner:after{content:"";width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffffffb3;display:flex;justify-content:center;align-items:center;z-index:999}.loading-overlay .loading-spinner{height:auto}.redirection-badge{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.redirection-badge.active{background:linear-gradient(135deg,#10b981,#34d399);color:#fff;border:1px solid #059669;box-shadow:0 2px 4px #10b98133}.redirection-stat{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-left:3px solid #10b981;border-radius:0 6px 6px 0;padding:8px 12px!important;margin:4px 0}.redirection-stat .stat-label{color:#059669!important;font-weight:600;font-size:.8rem}.redirection-stat .stat-value{color:#047857!important;font-weight:700}@media (max-width: 768px){.agent-badges{flex-wrap:wrap;gap:4px}.redirection-badge{font-size:.7rem;padding:3px 6px}.redirection-stat{padding:6px 8px!important}.redirection-stat .stat-label{font-size:.75rem}}.edit-agent-modal{background-color:#fff;border-radius:8px;box-shadow:0 6px 12px #0003;width:90%;max-width:450px;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.edit-agent-header{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #e0e0e0}.edit-agent-header h2{margin:0;font-size:1.3rem;font-weight:700;color:#333}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-button:hover{background-color:#f0f0f0;color:#333}.edit-agent-form{padding:15px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:6px;font-size:.9rem;font-weight:600;color:#333}.form-group input[type=text],.form-group input[type=email],.form-group select{width:100%;padding:8px 10px;font-size:.95rem;border:1px solid #e0e0e0;border-radius:6px;background-color:#fff;color:#333;transition:border-color .3s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#007bff}.disabled-input{background-color:#f8f9fa!important;color:#666!important;cursor:not-allowed}.input-help{display:block;font-size:.75rem;color:#666;margin-top:4px}.checkbox-label input{margin-right:8px;width:16px;height:16px}.checkbox-text{font-weight:600;font-size:.9rem}.error-message{background-color:#fee2e2;color:#b91c1c;padding:10px;border-radius:6px;margin:10px 15px 0;font-size:.85rem}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.cancel-button,.save-button{padding:8px 15px;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.cancel-button{background-color:#fff;border:1px solid #e0e0e0;color:#666}.cancel-button:hover{background-color:#f0f0f0;border-color:#d0d0d0}.save-button{background-color:#007bff;border:1px solid #007bff;color:#fff}.save-button:hover{background-color:#0056b3;border-color:#0056b3}@media (max-width: 768px){.agents-header{flex-direction:column;align-items:flex-start;gap:10px}.header-title h1{font-size:1.5rem}.agents-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.edit-agent-modal{width:95%}}.edit-agent-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.edit-agent-modal{background-color:var(--color-background-white);border-radius:8px;box-shadow:0 4px 12px #00000026;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;padding:0;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.edit-agent-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--color-border)}.edit-agent-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--color-text-secondary)}.close-button{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-muted);padding:0;line-height:1;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-button:hover{background-color:var(--color-button-hover-bg);color:var(--color-text-secondary)}.edit-agent-form{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.form-group input[type=text],.form-group input[type=email],.form-group select{width:100%;padding:10px 12px;font-size:.95rem;border:1px solid var(--color-input-border);border-radius:6px;background-color:var(--color-background-white);color:var(--color-text-secondary);transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-input-focus);box-shadow:0 0 0 3px var(--color-input-focus-shadow)}.disabled-input{background-color:#f9fafb!important;color:var(--color-text-muted)!important;cursor:not-allowed}.input-help{display:block;font-size:.75rem;color:var(--color-text-muted);margin-top:4px}.checkbox-group{display:flex;flex-direction:column}.checkbox-label{display:flex;align-items:center;cursor:pointer}.checkbox-label input{margin-right:8px}.checkbox-text{font-weight:500}.error-message{background-color:var(--color-error-bg);color:var(--color-icon-error);padding:12px;border-radius:6px;margin:12px 24px 0;font-size:.875rem}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.cancel-button,.save-button{padding:8px 16px;border-radius:6px;font-weight:500;font-size:.95rem;cursor:pointer;transition:background-color .2s}.cancel-button{background-color:var(--color-background-white);border:1px solid var(--color-input-border);color:var(--color-text-secondary)}.cancel-button:hover{background-color:var(--color-button-hover-bg)}.save-button{background-color:var(--color-btn-primary);border:1px solid var(--color-btn-primary);color:#fff}.save-button:hover{background-color:var(--color-btn-primary-hover);border-color:var(--color-btn-primary-hover)}.save-button:disabled{opacity:.6;cursor:not-allowed}.edit-tabs{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:0}.tab-button{padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:all .2s}.tab-button.active{color:var(--color-btn-primary);border-bottom-color:var(--color-btn-primary)}.tab-button:hover:not(.active){background-color:var(--color-button-hover-bg);color:var(--color-text-secondary)}.empresas-section{padding:20px 24px}.empresas-actions{display:flex;gap:10px;margin-bottom:15px}.select-all-button,.deselect-all-button{padding:6px 12px;font-size:.875rem;border-radius:4px;border:1px solid var(--color-input-border);background-color:var(--color-background-white);color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.select-all-button:hover,.deselect-all-button:hover{background-color:var(--color-button-hover-bg);border-color:var(--color-input-focus)}.select-all-button:disabled,.deselect-all-button:disabled{opacity:.5;cursor:not-allowed}.empresas-table-header{display:grid;grid-template-columns:2fr 1fr;gap:12px;padding:12px 16px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid var(--color-input-border);border-radius:6px 6px 0 0;margin-bottom:0;align-items:center}.header-empresa,.header-internacional{font-weight:600;font-size:.9rem;color:var(--color-text-secondary);display:flex;align-items:center;gap:6px}.header-internacional{justify-content:center;text-align:center}.empresas-list{border:1px solid var(--color-input-border);border-top:none;border-radius:0 0 6px 6px;max-height:300px;overflow-y:auto;margin-bottom:20px}.empresa-item{padding:10px 12px;border-bottom:1px solid var(--color-input-border)}.empresa-item:last-child{border-bottom:none}.empresa-item-with-international{display:grid;grid-template-columns:2fr 1fr;gap:12px;align-items:center;padding:12px 16px;transition:background-color .2s ease}.empresa-item-with-international:hover{background-color:#3b82f60d}.checkbox-label-internacional{display:flex;align-items:center;justify-content:center;cursor:pointer;gap:6px}.checkbox-label-internacional input[type=checkbox]{cursor:pointer;width:16px;height:16px;accent-color:#059669}.checkbox-label-internacional input[type=checkbox]:disabled{cursor:not-allowed;opacity:.5}.checkbox-text-small{font-size:.85rem;font-weight:500;color:var(--color-text-muted)}.empresas-info-box{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #3b82f6;border-radius:8px;padding:16px;margin-top:16px;margin-bottom:20px}.empresas-info-box p{margin:0 0 8px;font-size:.9rem;color:#1e40af;line-height:1.5}.empresas-info-box p:last-child{margin-bottom:0}.empresas-info-box strong{font-weight:600;display:flex;align-items:center;gap:6px;margin-bottom:4px}.empresas-info-box small{font-size:.8rem;color:#1e3a8a;font-style:italic;display:block;margin-top:4px}.loading-empresas{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 0;color:var(--color-text-muted)}.spinner{width:24px;height:24px;border:2px solid rgba(0,0,0,.1);border-top-color:var(--color-btn-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:10px}.no-empresas{padding:15px;text-align:center;color:var(--color-text-muted);font-style:italic}.programas-section{padding:20px 24px}.programa-input-group{margin-top:20px}.programa-input-container{display:flex;gap:8px}.programa-input{flex:1}.add-programa-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background-color:var(--color-btn-primary);color:#fff;border-radius:6px;cursor:pointer;transition:background-color .2s}.add-programa-button svg{width:18px;height:18px}.add-programa-button:hover{background-color:var(--color-btn-primary-hover)}.add-programa-button:disabled{opacity:.6;cursor:not-allowed}.programas-list-container{margin-top:20px}.programas-list-container h4{font-size:1rem;margin-bottom:10px;color:var(--color-text-secondary)}.programas-list{list-style:none;padding:0;margin:0;border:1px solid var(--color-input-border);border-radius:6px;max-height:200px;overflow-y:auto}.programa-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--color-input-border)}.programa-item:last-child{border-bottom:none}.programa-nombre{flex:1}.remove-programa-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;color:var(--color-icon-error);border-radius:4px;cursor:pointer}.remove-programa-button svg{width:16px;height:16px}.remove-programa-button:hover{background-color:var(--color-error-bg)}.remove-programa-button:disabled{opacity:.5;cursor:not-allowed}.no-programas{padding:15px;text-align:center;color:var(--color-text-muted);font-style:italic;border:1px solid var(--color-input-border);border-radius:6px;background-color:#f9fafb}.form-note{background-color:#f9fafb;border-left:4px solid var(--color-btn-primary);padding:12px;margin-bottom:20px;border-radius:0 4px 4px 0}.form-note p{margin:0;font-size:.85rem;color:var(--color-text-muted)}.warning{color:var(--color-icon-warning)}.redireccion-section{padding:24px}.redireccion-header{margin-bottom:24px;text-align:center}.redireccion-header h3{margin:0 0 8px;font-size:1.3rem;color:var(--color-text-primary);font-weight:600}.redireccion-header p{margin:0;color:var(--color-text-muted);font-size:.9rem;line-height:1.4}.loading-redireccion{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:12px}.redireccion-status{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;padding:20px;margin-bottom:24px;border:1px solid #cbd5e1}.status-indicator{display:flex;align-items:center;gap:12px;margin-bottom:16px}.status-indicator.active .status-text{color:#059669;font-weight:600}.status-indicator.inactive .status-text{color:#dc2626;font-weight:600}.status-icon{font-size:1.2rem}.status-text{font-size:1.1rem;font-weight:600}.redireccion-info{background-color:#10b9811a;border-left:4px solid #10b981;padding:12px 16px;border-radius:0 8px 8px 0}.redireccion-info p{margin:4px 0;font-size:.9rem;color:var(--color-text-primary)}.redireccion-actions{margin:24px 0;display:flex;flex-direction:column;gap:12px}.active-actions{display:flex;gap:12px;flex-wrap:wrap}.activate-button{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.activate-button:hover:not(:disabled){background:linear-gradient(135deg,#047857,#059669);transform:translateY(-1px);box-shadow:0 4px 12px #0596694d}.activate-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.configure-button{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;flex:1}.configure-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#4f46e5);transform:translateY(-1px)}.configure-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.deactivate-button{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;flex:1}.deactivate-button:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#dc2626);transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.deactivate-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.redireccion-note{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b;border-radius:12px;padding:20px;margin:24px 0}.redireccion-note h4{margin:0 0 12px;color:#92400e;font-size:1rem;display:flex;align-items:center;gap:8px}.redireccion-note ul{margin:0;padding-left:20px;color:#92400e}.redireccion-note li{margin-bottom:8px;font-size:.9rem;line-height:1.4}.refresh-button{background:linear-gradient(135deg,#6b7280,#9ca3af);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .2s ease}.refresh-button:hover:not(:disabled){background:linear-gradient(135deg,#4b5563,#6b7280);transform:translateY(-1px)}.refresh-button:disabled{background:#d1d5db;cursor:not-allowed;transform:none}@media (max-width: 768px){.active-actions{flex-direction:column}.configure-button,.deactivate-button{flex:none}.redireccion-header h3{font-size:1.1rem}.redireccion-note{padding:16px}}.dark-theme .edit-agent-modal{background-color:var(--color-background-dark)}.dark-theme .edit-agent-header{border-color:var(--color-border-dark)}.dark-theme .form-group input[type=text],.dark-theme .form-group input[type=email],.dark-theme .form-group select{background-color:var(--color-background-secondary-dark);border-color:var(--color-input-border-dark);color:var(--color-text-secondary-dark)}.dark-theme .disabled-input{background-color:#0000001a!important}.dark-theme .cancel-button{background-color:var(--color-background-secondary-dark);border-color:var(--color-input-border-dark);color:var(--color-text-secondary-dark)}.dark-theme .tab-button{color:var(--color-text-muted-dark)}.dark-theme .tab-button.active{color:var(--color-btn-primary-dark);border-bottom-color:var(--color-btn-primary-dark)}.dark-theme .select-all-button,.dark-theme .deselect-all-button{border-color:var(--color-input-border-dark);background-color:var(--color-background-secondary-dark);color:var(--color-text-secondary-dark)}.dark-theme .select-all-button:hover,.dark-theme .deselect-all-button:hover{background-color:var(--color-button-hover-bg-dark);border-color:var(--color-input-focus-dark)}.dark-theme .empresas-list{border-color:var(--color-input-border-dark)}.dark-theme .empresa-item{border-bottom-color:var(--color-input-border-dark)}.dark-theme .empresas-table-header{background:linear-gradient(135deg,#1e293b,#334155);border-color:var(--color-input-border-dark)}.dark-theme .header-empresa,.dark-theme .header-internacional{color:var(--color-text-secondary-dark)}.dark-theme .empresa-item-with-international:hover{background-color:#3b82f626}.dark-theme .checkbox-label-internacional input[type=checkbox]{accent-color:#10b981}.dark-theme .checkbox-text-small{color:var(--color-text-muted-dark)}.dark-theme .empresas-info-box{background:linear-gradient(135deg,#1e3a5f,#2563eb);border-color:#3b82f6}.dark-theme .empresas-info-box p{color:#bfdbfe}.dark-theme .empresas-info-box small{color:#93c5fd}.dark-theme .spinner{border-color:#ffffff1a;border-top-color:var(--color-btn-primary-dark)}.dark-theme .add-programa-button{background-color:var(--color-btn-primary-dark)}.dark-theme .add-programa-button:hover{background-color:var(--color-btn-primary-hover-dark)}.dark-theme .remove-programa-button{color:var(--color-icon-error-dark)}.dark-theme .remove-programa-button:hover{background-color:var(--color-error-bg-dark)}.dark-theme .no-programas{background-color:var(--color-background-secondary-dark);border-color:var(--color-input-border-dark)}.dark-theme .form-note{background-color:var(--color-background-secondary-dark);border-left-color:var(--color-btn-primary-dark)}.dark-theme .form-note p{color:var(--color-text-muted-dark)}.dark-theme .warning{color:var(--color-icon-warning-dark)}.redireccion-separator{margin:32px 0;padding:0 24px}.redireccion-separator hr{border:none;border-top:2px solid #e2e8f0;margin:0}.redireccion-internacional-actions{margin:24px 0;display:flex;flex-direction:column;gap:12px;align-items:stretch}.warning-info{background-color:#ff98001a;border-left:4px solid #ff9800}.success-info{background-color:#4caf501a;border-left:4px solid #4caf50}.leads-redistribution-container{width:100%;max-width:800px;margin:0 auto;padding:20px;font-family:Arial,sans-serif;color:var(--color-text-primary)}.steps-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.step-container{display:flex;flex-direction:column;align-items:center;width:120px}.step-circle{width:40px;height:40px;border-radius:50%;background-color:var(--color-button-background);color:var(--color-icon-muted);display:flex;justify-content:center;align-items:center;font-weight:700;margin-bottom:8px}.step-circle.active{background-color:var(--color-btn-primary);color:var(--color-background-white)}.step-circle.completed{background-color:var(--color-icon-success);color:var(--color-background-white)}.step-title{font-size:14px;color:var(--color-text-muted);text-align:center}.step-title.active{color:var(--color-btn-primary);font-weight:700}.step-line{height:2px;background-color:var(--color-border);flex-grow:1;margin:0 10px}.card{background-color:var(--color-background-white);border-radius:8px;box-shadow:0 2px 10px var(--color-shadow);padding:24px}.card h2{font-size:18px;margin-top:0;margin-bottom:24px;color:var(--color-text-black)}.card h3{font-size:16px;margin-top:0;margin-bottom:16px;color:var(--color-text-black)}.form-group label{display:block;font-size:14px;color:var(--color-text-secondary);margin-bottom:8px}.form-control{width:100%;padding:12px;border:1px solid var(--color-input-border);border-radius:4px;font-size:16px;color:var(--color-text-secondary)!important;background-color:var(--color-background-white)}.form-control option{color:var(--color-text-black);background-color:var(--color-background-white)}.agent-select{color:var(--color-text-secondary)!important;background-color:var(--color-background-white)}.agent-select option{color:#000!important;background-color:#fff!important}@media screen and (-webkit-min-device-pixel-ratio:0){.agent-select{color:var(--color-text-secondary)!important}.agent-select option{color:#000!important;background-color:#fff!important}}@-moz-document url-prefix(){.agent-select{color:var(--color-text-secondary)!important}.agent-select option{color:#000!important;background-color:#fff!important}}.error-message{color:var(--color-icon-error);background-color:var(--color-error-bg);border-radius:4px;padding:10px;margin-bottom:16px;font-size:14px}.success-message{color:var(--color-icon-success);background-color:var(--color-success-bg);border-radius:4px;padding:10px;margin-bottom:16px;font-size:14px}.method-selector{margin-bottom:24px}.radio-group{display:flex;gap:24px}.radio-label{display:flex;align-items:center;font-size:14px;color:var(--color-text-secondary);cursor:pointer}.radio-label input[type=radio]{margin-right:8px;accent-color:var(--color-btn-primary)}.type-selection,.clients-selection{background-color:var(--color-background-light);border-radius:8px;padding:16px;margin-bottom:24px}.client-numbers-input{font-family:monospace;min-height:120px;resize:vertical}.redistribution-summary{background-color:var(--color-background-light);border-radius:8px;padding:16px;margin-top:24px;margin-bottom:24px}.redistribution-summary p{margin:8px 0;font-size:14px;color:var(--color-text-secondary)}.redistribution-summary strong{color:var(--color-text-primary)}.client-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;margin-bottom:8px}.client-number{background-color:var(--color-badge-professional-bg);color:var(--color-badge-professional-text);padding:4px 8px;border-radius:4px;font-size:13px;font-family:monospace}.button-container{display:flex;justify-content:flex-end;gap:12px}.continue-button,.finish-button{background-color:var(--color-btn-primary);color:#fff;border:none;border-radius:4px;padding:12px 24px;font-size:16px;cursor:pointer;transition:background-color .3s}.continue-button:hover,.finish-button:hover{background-color:var(--color-btn-primary-hover)}.continue-button:disabled,.finish-button:disabled{background-color:var(--color-pagination-disabled-bg);color:var(--color-pagination-disabled-text);cursor:not-allowed}.back-button{background-color:var(--color-button-background);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:4px;padding:12px 24px;font-size:16px;cursor:pointer;transition:background-color .3s}.back-button:hover{background-color:var(--color-button-hover-bg);border-color:var(--color-button-hover-border)}.back-button:disabled{opacity:.7;cursor:not-allowed}.step-content{animation:fadeIn .3s ease-in-out}.processing{opacity:.7;pointer-events:none}.spinner{width:20px;height:20px;border:2px solid var(--color-background-white);border-radius:50%;border-top-color:var(--color-btn-primary);display:inline-block;margin-right:8px;animation:spin 1s linear infinite}.summary-row{display:flex;margin-bottom:10px;align-items:flex-start}.summary-label{font-weight:700;color:var(--color-text-black);min-width:140px;flex-shrink:0}.summary-value{color:var(--color-text-black);flex-grow:1}.company-indicator{background-color:var(--company-indicator-bg, #e8f4f8);border:2px solid var(--company-indicator-border, #4a90e2);border-radius:8px;margin-bottom:20px;padding:12px 20px;animation:fadeIn .3s ease-in-out}.company-indicator__content{display:flex;align-items:center;gap:12px}.company-indicator__icon{font-size:24px;line-height:1;flex-shrink:0}.company-indicator__text{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.company-indicator__label{font-weight:700;color:var(--company-indicator-label-color, #2c5282);font-size:14px;text-transform:uppercase;letter-spacing:.5px}.company-indicator__name{color:var(--company-indicator-name-color, #2d3748);font-size:16px;font-weight:600}@media (max-width: 768px){.company-indicator{padding:10px 16px}.company-indicator__icon{font-size:20px}.company-indicator__label{font-size:12px}.company-indicator__name{font-size:14px}}@media (max-width: 480px){.company-indicator__content{gap:8px}.company-indicator__text{flex-direction:column;align-items:flex-start;gap:4px}}@media (prefers-color-scheme: dark){.company-indicator{background-color:#1a365d;border-color:#2b6cb0}.company-indicator__label{color:#90cdf4}.company-indicator__name{color:#e2e8f0}}.create-empresa-container,.edit-empresa-container{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding:20px;background-color:#f8fafc}.create-empresa-card,.edit-empresa-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;padding:32px;width:100%;max-width:800px}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.card-header h2{font-size:24px;font-weight:600;color:#1f2937;margin:0}.card-icon svg{width:24px;height:24px;color:#6366f1}.empresa-name{font-size:16px;color:#6b7280;margin:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.automation-status{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500}.automation-status.active{background-color:#dcfce7;color:#16a34a}.automation-status.inactive{background-color:#fef3c7;color:#d97706}.empresa-form,.etapa-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:500;color:#374151;font-size:14px}.form-control{padding:12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:border-color .2s}.form-control:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-control-sm{padding:8px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;min-width:100px}.checkbox-group{flex-direction:row;align-items:center;gap:8px}.checkbox-row{display:flex;flex-wrap:wrap;gap:16px;margin:16px 0}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.checkbox-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:2px solid #d1d5db;border-radius:4px;position:relative;cursor:pointer}.checkbox-input:checked{background-color:#6366f1;border-color:#6366f1}.checkbox-input:checked:after{content:"✓";position:absolute;top:-2px;left:1px;color:#fff;font-size:12px;font-weight:700}.field-help{font-size:12px;color:#6b7280;margin-top:4px}.form-row{display:grid;grid-template-columns:1fr 120px 140px;gap:16px;align-items:end}.color-preview{width:20px;height:20px;border-radius:4px;border:1px solid #d1d5db;margin-top:4px}.submit-button,.btn-agregar-etapa,.btn-finalizar,.btn-omitir{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:8px}.submit-button{background-color:#6366f1;color:#fff}.submit-button:hover:not(:disabled){background-color:#5856eb}.submit-button:disabled{background-color:#9ca3af;cursor:not-allowed}.btn-agregar-etapa{background-color:#10b981;color:#fff}.btn-agregar-etapa:hover{background-color:#059669}.btn-finalizar{background-color:#059669;color:#fff}.btn-finalizar:hover{background-color:#047857}.btn-omitir{background-color:#6b7280;color:#fff}.btn-omitir:hover{background-color:#4b5563}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.info-box{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;padding:16px;margin-top:20px}.info-box p{margin:0;font-size:14px;color:#0c4a6e}.info-box p:not(:last-child){margin-bottom:8px}.etapas-section{margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.etapas-section h3,.etapas-section h4{color:#1f2937;margin-bottom:16px}.etapas-existentes{margin-bottom:32px}.etapas-lista{display:flex;flex-direction:column;gap:12px}.etapa-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.etapa-color{width:16px;height:16px;border-radius:50%;flex-shrink:0}.etapa-info{flex:1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.etapa-orden{font-weight:600;color:#6b7280;font-size:12px}.etapa-nombre{font-weight:500;color:#1f2937}.etapa-desc{color:#6b7280;font-size:12px}.etapa-inactiva{color:#ef4444;font-size:12px;font-weight:500}.etapa-requiere-opcion{background-color:#fef3c7;color:#d97706;font-size:11px;font-weight:500;padding:2px 6px;border-radius:10px;display:inline-flex;align-items:center;gap:2px}.etapa-opciones-count{background-color:#e0f2fe;color:#0891b2;font-size:11px;font-weight:500;padding:2px 6px;border-radius:10px;display:inline-flex;align-items:center;gap:2px}.etapa-actions{display:flex;gap:8px}.btn-editar,.btn-eliminar,.btn-opciones,.btn-save,.btn-cancel{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;font-size:14px;transition:background-color .2s}.btn-editar:hover{background-color:#dbeafe}.btn-eliminar:hover{background-color:#fee2e2}.btn-opciones:hover{background-color:#f3e8ff}.btn-save:hover{background-color:#dcfce7}.btn-cancel:hover{background-color:#fef3c7}.etapa-edit-form{display:flex;align-items:center;gap:8px;width:100%}.etapa-edit-actions{display:flex;gap:4px}.checkbox-label-sm{display:flex;align-items:center;gap:4px;cursor:pointer;font-size:11px}.checkbox-text-sm{font-size:11px;color:#6b7280}.no-etapas{text-align:center;color:#6b7280;font-style:italic;padding:32px;background:#f9fafb;border-radius:8px;border:2px dashed #d1d5db}.acciones-finales{display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:24px;padding-top:24px;border-top:1px solid #e5e7eb}.acciones-finales small{color:#6b7280;font-size:12px;flex-basis:100%;text-align:center}.empresa-selector{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e5e7eb}.empresa-selector label{display:block;font-weight:500;color:#374151;margin-bottom:8px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;gap:16px}.loading-state .loading-spinner{width:32px;height:32px;border-width:3px}.loading-state p{color:#6b7280;font-size:16px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-opciones{background:#fff;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a;width:100%;max-width:600px;max-height:80vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-header h3{margin:0;font-size:18px;font-weight:600;color:#1f2937}.btn-cerrar-modal{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;font-size:16px;transition:background-color .2s}.btn-cerrar-modal:hover{background-color:#fee2e2}.modal-content{padding:24px}.configuracion-requiere-opcion{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;padding:16px;margin-bottom:24px}.opciones-existentes{margin-bottom:24px}.opciones-existentes h4{color:#1f2937;margin-bottom:12px;font-size:16px}.opciones-lista{display:flex;flex-direction:column;gap:8px}.opcion-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px}.opcion-nombre{font-weight:500;color:#1f2937}.btn-eliminar-opcion{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;font-size:14px;transition:background-color .2s}.btn-eliminar-opcion:hover{background-color:#fee2e2}.no-opciones{text-align:center;color:#6b7280;font-style:italic;padding:20px;background:#f9fafb;border-radius:6px;border:2px dashed #d1d5db}.agregar-opcion h4{color:#1f2937;margin-bottom:12px;font-size:16px}.opcion-form{display:flex;gap:12px;align-items:center}.opcion-form input{flex:1;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.opcion-form input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.btn-agregar-opcion{padding:10px 16px;background-color:#10b981;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}.btn-agregar-opcion:hover:not(:disabled){background-color:#059669}.btn-agregar-opcion:disabled{background-color:#9ca3af;cursor:not-allowed}@media (max-width: 768px){.create-empresa-container,.edit-empresa-container{padding:12px}.create-empresa-card,.edit-empresa-card{padding:20px}.form-row{grid-template-columns:1fr;gap:12px}.checkbox-row{flex-direction:column;align-items:flex-start}.acciones-finales{flex-direction:column}.etapa-edit-form{flex-wrap:wrap;gap:4px}.etapa-item{flex-wrap:wrap;gap:8px}.modal-overlay{padding:12px}.modal-opciones{max-height:90vh}.modal-header,.modal-content{padding:16px}.opcion-form{flex-direction:column;align-items:stretch}}.google-sheets-section{background:#f8f9ff;border:1px solid #e1e5e9;border-radius:8px;padding:20px;margin:24px 0}.google-sheets-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.google-sheets-section .section-header h3{margin:0;color:#1a1a1a;font-size:18px;font-weight:600}.btn-google-sheets{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#007bff;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-google-sheets:hover{background:#0056b3;transform:translateY(-1px)}.google-sheets-section .section-description{margin:0 0 16px;color:#666;font-size:14px;line-height:1.4}.config-status{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:6px;font-size:14px;flex-direction:column;align-items:flex-start}.config-status.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.config-status.warning{background:#fff3cd;border:1px solid #ffeaa7;color:#856404}.config-status .status-icon{font-size:16px}.config-status small{font-size:12px;opacity:.8;font-family:Monaco,Consolas,monospace;margin-top:4px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px}.modal-container{max-width:90vw;max-height:90vh;overflow-y:auto;background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003}@media (max-width: 768px){.google-sheets-section .section-header{flex-direction:column;align-items:stretch;gap:12px}.btn-google-sheets{width:100%;justify-content:center}.modal-overlay{padding:12px}.modal-container{max-width:100%}}.whatsapp-number-container{position:relative}.number-status{margin-top:8px;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px}.status-configured{background-color:#dcfce7;color:#16a34a;border:1px solid #bbf7d0}.status-not-configured{background-color:#fef3c7;color:#d97706;border:1px solid #fde68a}.phone-id-container{position:relative}.phone-id-status{margin-top:8px;padding:8px 12px;border-radius:6px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px}.phone-id-status .status-configured{background-color:#dcfce7;color:#16a34a;border:1px solid #bbf7d0}.phone-id-status .status-not-configured{background-color:#fef3c7;color:#d97706;border:1px solid #fde68a}@media (max-width: 768px){.number-status,.phone-id-status{font-size:12px;padding:6px 10px}}.flujos-automatizacion-section{background:#f8fff8;border:1px solid #e1e9e1;border-radius:8px;padding:20px;margin:24px 0}.flujos-automatizacion-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.flujos-automatizacion-section .section-header h3{margin:0;color:#1a1a1a;font-size:18px;font-weight:600}.btn-flujos{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-flujos:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.btn-flujos:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.btn-monitor{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-monitor:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.btn-monitor:disabled{background:#9ca3af;cursor:not-allowed;transform:none}.flujos-automatizacion-section .section-description{margin:0 0 16px;color:#666;font-size:14px;line-height:1.4}.config-status.info{background:#e0f2fe;border:1px solid #bae6fd;color:#0c4a6e}.modal-container-large{background:#fff;border-radius:12px;max-width:1200px;width:95%;max-height:90vh;overflow-y:auto;position:relative}@media (max-width: 768px){.modal-container-large{width:100%;max-height:100vh;border-radius:0}}.google-sheets-config{padding:24px;max-width:800px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a}.google-sheets-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e1e5e9}.header-content{display:flex;align-items:center;gap:12px}.header-content svg{color:#007bff}.header-content h3{margin:0 0 4px;color:#1a1a1a;font-size:20px;font-weight:600}.header-content p{margin:0;color:#666;font-size:14px}.header-actions{display:flex;align-items:center;gap:8px}.save-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#28a745;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.save-btn:hover{background:#218838;transform:translateY(-1px)}.save-btn:disabled{background:#6c757d;cursor:not-allowed;transform:none}.close-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#6c757d;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.close-btn:hover{background:#545b62}.message{display:flex;align-items:center;gap:8px;padding:12px 16px;margin-bottom:20px;border-radius:8px;font-size:14px;font-weight:500}.message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.config-sections{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.config-section{padding:20px;border-radius:8px;border:1px solid #e1e5e9}.config-section.priority{border-color:#007bff;background:#f8f9ff}.config-section.optional{border-color:#6c757d;background:#f8f9fa}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.section-header h4{margin:0;color:#1a1a1a;font-size:16px;font-weight:600}.required-badge{padding:2px 8px;background:#dc3545;color:#fff;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.optional-badge{padding:2px 8px;background:#6c757d;color:#fff;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.section-description{margin:0 0 16px;color:#666;font-size:14px;line-height:1.4}.form-group{margin-bottom:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:#333}.form-group input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s ease}.form-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-group input.primary-input{border-color:#007bff;background:#f8f9ff}.form-group small{display:block;margin-top:4px;font-size:12px;color:#666;font-style:italic}.input-with-actions{display:flex;gap:8px;align-items:center}.input-with-actions input{flex:1}.test-btn{padding:10px 16px;background:#17a2b8;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.test-btn:hover{background:#138496}.test-btn:disabled{background:#6c757d;cursor:not-allowed}.open-btn{padding:10px;background:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.open-btn:hover{background:#218838}.config-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;margin-top:24px}.config-info h5{margin:0 0 12px;color:#1a1a1a;font-size:14px;font-weight:600}.config-info ol{margin:0;padding-left:20px}.config-info li{margin-bottom:6px;font-size:13px;line-height:1.4;color:#333}.config-info strong{color:#1a1a1a}@media (max-width: 768px){.google-sheets-config{padding:16px;margin:16px}.google-sheets-header{flex-direction:column;align-items:stretch;gap:16px}.header-actions{justify-content:flex-end}.form-row{grid-template-columns:1fr}.input-with-actions{flex-direction:column;align-items:stretch}.input-with-actions input{margin-bottom:8px}.section-header{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 480px){.header-content{flex-direction:column;align-items:flex-start;gap:8px}.config-info{padding:12px}.test-btn,.open-btn{padding:8px 12px;font-size:11px}}.flujos-config-container{background-color:var(--color-background-white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:var(--spacing-xl);max-width:1200px;margin:0 auto;min-height:400px}.flujos-config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);border-bottom:2px solid var(--color-border);padding-bottom:var(--spacing-lg)}.flujos-config-header h2{margin:0;font-size:24px;color:var(--color-text-secondary)}.flujos-config-header .subtitle{margin:var(--spacing-xs) 0 0 0;font-size:14px;color:var(--color-text-muted)}.btn-close{background:var(--color-error);color:var(--color-white);border:none;border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;font-size:18px;transition:background-color .3s}.btn-close:hover{background:var(--color-error-dark)}.error-message{background-color:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--border-radius-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;color:var(--color-error)}.error-message button{background:transparent;border:none;color:var(--color-error);font-size:18px;cursor:pointer}.loading-spinner{text-align:center;padding:40px;font-size:18px;color:var(--color-text-muted)}.flujos-list-container{padding:var(--spacing-sm) 0}.flujos-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl)}.flujos-list-header h3{margin:0;font-size:20px;color:var(--color-text-secondary)}.btn-primary{background-color:var(--color-success);color:var(--color-white);border:none;border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-xl);cursor:pointer;font-size:14px;transition:background-color .3s}.btn-primary:hover:not(:disabled){background-color:var(--color-success-dark)}.btn-primary:disabled{background-color:var(--color-gray);cursor:not-allowed}.btn-secondary{background-color:var(--color-secondary);color:var(--color-white);border:none;border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-xl);cursor:pointer;font-size:14px;transition:background-color .3s}.btn-secondary:hover{background-color:var(--color-gray-dark)}.btn-icon{background:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;font-size:16px;transition:all .3s;margin-left:var(--spacing-xs)}.btn-icon:hover{background-color:var(--color-gray-light);border-color:var(--color-gray)}.btn-delete{border-color:var(--color-error);color:var(--color-error)}.btn-delete:hover{background-color:var(--color-error);color:var(--color-white)}.flujos-list{display:grid;gap:var(--spacing-lg)}.flujo-card{border:2px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg);background-color:var(--color-background-white);transition:all .3s}.flujo-card.activo{border-color:var(--color-success);background-color:var(--color-success-light)}.flujo-card.inactivo{border-color:var(--color-gray);background-color:var(--color-gray-light);opacity:.7}.flujo-card:hover{box-shadow:var(--box-shadow-hover)}.flujo-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.flujo-title-section{display:flex;align-items:center;gap:var(--spacing-sm)}.flujo-title-section h4{margin:0;font-size:18px;color:var(--color-text-secondary)}.badge{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--border-radius-lg);font-size:12px;font-weight:700}.badge-active{background-color:var(--color-success-light);color:var(--color-success-dark)}.badge-inactive{background-color:var(--color-gray-light);color:var(--color-secondary)}.flujo-actions{display:flex;gap:var(--spacing-xs)}.flujo-info{margin:var(--spacing-sm) 0}.flujo-info p{margin:var(--spacing-xs) 0;font-size:14px;color:var(--color-text-muted)}.flujo-info p strong{color:var(--color-text-secondary)}.flujo-info .description{font-style:italic;color:var(--color-icon-muted)}.flujo-steps-details{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.flujo-steps-details h5{margin:0 0 var(--spacing-sm) 0;font-size:16px;color:var(--color-text-secondary)}.step-detail{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--color-background-light);border-radius:var(--border-radius-sm)}.step-number{background-color:var(--color-info);color:var(--color-white);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.step-info{flex:1}.step-info strong{display:block;margin-bottom:var(--spacing-xs);color:var(--color-text-secondary)}.step-info p{margin:3px 0;font-size:13px;color:var(--color-text-muted)}.step-description{font-style:italic;color:var(--color-icon-muted)!important}.empty-state{text-align:center;padding:60px var(--spacing-xl);color:var(--color-gray)}.empty-state p{margin:var(--spacing-sm) 0;font-size:16px}.empty-state .hint{font-size:14px;color:var(--color-icon-muted)}.empty-state-small{text-align:center;padding:var(--spacing-2xl) var(--spacing-xl);color:var(--color-gray);background-color:var(--color-gray-light);border-radius:var(--border-radius-sm)}.empty-state-small p{margin:var(--spacing-xs) 0}.empty-state-small .hint{font-size:12px;color:var(--color-icon-muted)}.flujo-editor-container{padding:var(--spacing-sm) 0}.flujo-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-border)}.flujo-editor-header h3{margin:0;font-size:20px;color:var(--color-text-secondary)}.flujo-form{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.form-section{border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-xl);background-color:var(--color-background-light)}.form-section h4{margin:0 0 var(--spacing-lg) 0;font-size:18px;color:var(--color-text-secondary)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg)}.section-header h4{margin:0}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--color-text-secondary)}.form-group small{display:block;margin-top:var(--spacing-xs);font-size:12px;color:var(--color-icon-muted)}.form-control{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-input-border);border-radius:var(--border-radius-sm);font-size:14px;box-sizing:border-box;background-color:var(--color-background-white);color:var(--color-text-secondary)}.form-control:focus{outline:none;border-color:var(--color-input-focus);box-shadow:0 0 0 3px var(--color-input-focus-shadow)}textarea.form-control{resize:vertical;font-family:inherit}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.steps-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.step-editor{border:2px solid var(--color-info);border-radius:var(--border-radius);padding:var(--spacing-lg);background-color:var(--color-background-white)}.step-editor-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.step-number-badge{background-color:var(--color-info);color:var(--color-white);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.step-name-input{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-input-border);border-radius:var(--border-radius-sm);font-size:16px;font-weight:500;background-color:var(--color-background-white);color:var(--color-text-secondary)}.step-name-input:focus{outline:none;border-color:var(--color-info);box-shadow:0 0 0 3px var(--color-input-focus-shadow)}.step-editor-body{padding:var(--spacing-sm)}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-xl);border-top:2px solid var(--color-border)}@media (max-width: 768px){.flujos-config-header{flex-direction:column;align-items:flex-start}.btn-close{align-self:flex-end}.flujos-list-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.flujo-card-header{flex-direction:column;align-items:flex-start}.flujo-actions{margin-top:var(--spacing-sm);width:100%;justify-content:flex-start}.form-row{grid-template-columns:1fr}.step-editor-header{flex-wrap:wrap}.step-name-input{width:100%}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}}.monitor-automatizaciones-container{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--background-primary);border-radius:var(--border-radius);box-shadow:var(--shadow-md);max-height:90vh;overflow-y:auto}.monitor-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:var(--spacing-md);border-bottom:2px solid var(--border-color)}.monitor-header h2{margin:0;font-size:var(--font-size-xl);color:var(--text-primary)}.monitor-header .subtitle{margin:var(--spacing-xs) 0 0 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.monitor-controls{display:flex;gap:var(--spacing-md);align-items:flex-end;flex-wrap:wrap;padding:var(--spacing-md);background-color:var(--background-secondary);border-radius:var(--border-radius)}.control-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.control-group label{font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.control-select{padding:var(--spacing-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--background-primary);color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:border-color .2s ease}.control-select:hover{border-color:var(--color-primary)}.control-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.btn-recargar{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-recargar:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-recargar:disabled{opacity:.6;cursor:not-allowed}.monitor-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.stat-card{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.stat-label{font-size:var(--font-size-sm);opacity:.9;font-weight:500}.stat-value{font-size:var(--font-size-xl);font-weight:700}.acciones-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.accion-card{padding:var(--spacing-md);background-color:var(--background-primary);border-radius:var(--border-radius);border-left:4px solid;box-shadow:var(--shadow-sm);transition:all .2s ease}.accion-card:hover{transform:translate(4px);box-shadow:var(--shadow-md)}.accion-card.urgencia-alta{border-left-color:var(--color-error);background-color:#f443360d}.accion-card.urgencia-media{border-left-color:var(--color-warning);background-color:#ff98000d}.accion-card.urgencia-baja{border-left-color:var(--color-success);background-color:#4caf500d}.accion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-color)}.accion-tiempo{display:flex;align-items:center}.tiempo-badge{padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--background-secondary);border-radius:var(--border-radius);font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.accion-numero{font-weight:600;color:var(--text-primary);font-size:var(--font-size-md)}.accion-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.accion-info p{margin:var(--spacing-xs) 0;font-size:var(--font-size-sm);color:var(--text-secondary)}.accion-info strong{color:var(--text-primary)}.accion-detalles{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.detalle-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap}.template-badge{background-color:#2196f31a;color:var(--color-primary)}.estado-badge{background-color:#4caf501a;color:var(--color-success)}.tiempo-badge{background-color:#9e9e9e1a;color:var(--text-secondary)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--border-color)}.btn-pagination{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease}.btn-pagination:hover:not(:disabled){background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-pagination:disabled{opacity:.4;cursor:not-allowed}.pagination-info{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:600;color:var(--text-primary)}.monitor-footer{padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.info-text{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center}.loading-spinner,.empty-state{padding:var(--spacing-xl);text-align:center;color:var(--text-secondary)}.empty-state p{margin:var(--spacing-sm) 0;font-size:var(--font-size-md)}.empty-state .hint{font-size:var(--font-size-sm);color:var(--text-tertiary)}.error-message{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:#f443361a;border:1px solid var(--color-error);border-radius:var(--border-radius);color:var(--color-error);font-size:var(--font-size-sm)}.error-message button{background:none;border:none;color:var(--color-error);font-size:var(--font-size-lg);cursor:pointer;padding:0 var(--spacing-sm)}.error-message button:hover{opacity:.7}.btn-close{background:none;border:none;font-size:var(--font-size-xl);color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);line-height:1;transition:color .2s ease}.btn-close:hover{color:var(--color-error)}@media (max-width: 768px){.monitor-automatizaciones-container{padding:var(--spacing-md)}.monitor-controls{flex-direction:column;align-items:stretch}.control-group,.btn-recargar{width:100%}.monitor-stats{grid-template-columns:1fr}.accion-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.pagination{flex-wrap:wrap;gap:var(--spacing-xs)}.btn-pagination{flex:1;min-width:80px}}:root{--etiquetas-primary: #2196F3;--etiquetas-success: #4CAF50;--etiquetas-warning: #FF9800;--etiquetas-danger: #F44336;--etiquetas-border: #E0E0E0;--etiquetas-bg: #FAFAFA;--etiquetas-shadow: 0 2px 8px rgba(0, 0, 0, .1);--etiquetas-radius: 8px}.etiquetas-management{width:100%;min-height:400px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.etiquetas-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--etiquetas-border)}.etiquetas-content{width:100%}.etiquetas-menu{padding:20px}.etiquetas-menu h3{color:#333;margin-bottom:8px;font-size:1.5rem;font-weight:600}.section-description{color:#666;margin-bottom:32px;line-height:1.5}.etiquetas-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:32px}.etiqueta-option{display:flex;align-items:center;gap:16px;padding:24px;border:2px solid var(--etiquetas-border);border-radius:var(--etiquetas-radius);background:#fff;cursor:pointer;transition:all .3s ease}.etiqueta-option:hover{border-color:var(--etiquetas-primary);box-shadow:var(--etiquetas-shadow);transform:translateY(-2px)}.etiqueta-option.create-option:hover{border-color:var(--etiquetas-success)}.etiqueta-option.list-option:hover{border-color:var(--etiquetas-primary)}.etiqueta-option.colors-option{cursor:default;border-color:var(--etiquetas-warning)}.option-icon{flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--etiquetas-bg);border-radius:50%;color:var(--etiquetas-primary)}.create-option .option-icon{color:var(--etiquetas-success)}.colors-option .option-icon{color:var(--etiquetas-warning)}.option-content h4{margin:0 0 8px;color:#333;font-size:1.1rem;font-weight:600}.option-content p{margin:0;color:#666;line-height:1.4}.etiquetas-info{background:var(--etiquetas-bg);padding:20px;border-radius:var(--etiquetas-radius);border:1px solid var(--etiquetas-border)}.etiquetas-info h5{margin:0 0 12px;color:#333;font-weight:600}.etiquetas-info ul{margin:0;padding-left:20px;color:#666}.etiquetas-info li{margin-bottom:4px}.empresa-actual{margin-top:16px;padding:12px;background:#e3f2fd;border-radius:4px;color:#1976d2;font-size:.9rem}.empresa-selector{margin-bottom:32px;padding:20px;background:var(--etiquetas-bg);border-radius:var(--etiquetas-radius);border:1px solid var(--etiquetas-border)}.empresa-selector label{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-weight:600;color:#333}.empresa-select{width:100%;padding:12px;border:2px solid var(--etiquetas-border);border-radius:6px;font-size:14px;background:#fff;transition:border-color .3s ease;box-sizing:border-box}.empresa-select:focus{outline:none;border-color:var(--etiquetas-primary)}.empresa-select:disabled{background:#f5f5f5;cursor:not-allowed}.loading-empresas{display:flex;align-items:center;gap:8px;margin-top:8px;color:#666;font-size:.9rem}.loading-empresas .spinner{width:16px;height:16px}.etiqueta-option.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.etiqueta-option.disabled:hover{border-color:var(--etiquetas-border);box-shadow:none;transform:none}.etiqueta-form{max-width:600px;padding:20px}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333}.form-control{width:100%;padding:12px;border:2px solid var(--etiquetas-border);border-radius:6px;font-size:14px;transition:border-color .3s ease;box-sizing:border-box}.form-control:focus{outline:none;border-color:var(--etiquetas-primary)}.form-control.disabled{background:var(--etiquetas-bg);cursor:not-allowed}.form-help{display:block;margin-top:4px;color:#666;font-size:.85rem}.color-selection{display:flex;flex-direction:column;gap:16px}.color-preview{display:flex;align-items:center;justify-content:center;height:60px;border-radius:8px;border:2px solid var(--etiquetas-border);color:#fff;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.color-code{font-family:monospace;font-size:.9rem}.color-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:8px;max-width:400px}.color-option{width:40px;height:40px;border:2px solid var(--etiquetas-border);border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative}.color-option:hover{transform:scale(1.1);box-shadow:0 2px 8px #0003}.color-option.selected{border-color:#333;border-width:3px}.color-option.selected:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.color-picker{width:100px;height:40px;border:none;border-radius:6px;cursor:pointer}.etiqueta-preview{margin-top:24px;padding:20px;background:var(--etiquetas-bg);border-radius:var(--etiquetas-radius);border:1px solid var(--etiquetas-border)}.etiqueta-preview h5{margin:0 0 12px;color:#333;font-weight:600}.preview-etiqueta{display:inline-block;padding:8px 16px;border-radius:20px;color:#fff;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.3);min-width:120px;text-align:center}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:20px;border-top:1px solid var(--etiquetas-border)}.back-button,.cancel-button{display:flex;align-items:center;gap:8px;padding:12px 24px;border:2px solid var(--etiquetas-border);background:#fff;color:#666;border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.back-button:hover,.cancel-button:hover{border-color:#999;color:#333}.submit-button{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;background:var(--etiquetas-success);color:#fff;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.submit-button:hover:not(:disabled){background:#45a049;transform:translateY(-1px)}.submit-button:disabled{background:#ccc;cursor:not-allowed;transform:none}.delete-button{display:flex;align-items:center;gap:8px;padding:12px 24px;border:2px solid var(--etiquetas-danger);background:#fff;color:var(--etiquetas-danger);border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease}.delete-button:hover:not(:disabled){background:var(--etiquetas-danger);color:#fff}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.delete-confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.delete-confirm-modal{background:#fff;padding:24px;border-radius:var(--etiquetas-radius);max-width:400px;width:90%;box-shadow:0 4px 20px #0000004d}.delete-confirm-modal h4{margin:0 0 16px;color:var(--etiquetas-danger);font-weight:600}.delete-confirm-modal p{margin-bottom:16px;color:#666;line-height:1.5}.confirm-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.delete-confirm-button{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;background:var(--etiquetas-danger);color:#fff;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.delete-confirm-button:hover:not(:disabled){background:#d32f2f}.etiquetas-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666}.etiquetas-loading .spinner{width:32px;height:32px;border-width:3px;margin-bottom:16px}.list-header{margin-bottom:24px;padding:20px;background:#fff;border-radius:var(--etiquetas-radius);border:1px solid var(--etiquetas-border)}.search-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:16px}.search-input-container{position:relative;flex:1;min-width:250px}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#999}.search-input{width:100%;padding:12px 12px 12px 40px;border:2px solid var(--etiquetas-border);border-radius:6px;font-size:14px;box-sizing:border-box}.search-input:focus{outline:none;border-color:var(--etiquetas-primary)}.filter-controls{display:flex;gap:8px}.filter-btn,.stats-btn,.refresh-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:2px solid var(--etiquetas-border);background:#fff;color:#666;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .3s ease}.filter-btn:hover,.stats-btn:hover,.refresh-btn:hover{border-color:var(--etiquetas-primary);color:var(--etiquetas-primary)}.filter-btn.active,.stats-btn.active{background:var(--etiquetas-primary);border-color:var(--etiquetas-primary);color:#fff}.list-stats{color:#666;font-size:.9rem}.estadisticas-panel{margin-bottom:24px;padding:20px;background:var(--etiquetas-bg);border-radius:var(--etiquetas-radius);border:1px solid var(--etiquetas-border)}.estadisticas-panel h4{margin:0 0 16px;color:#333;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.stat-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:6px;border:1px solid var(--etiquetas-border)}.stat-color{width:20px;height:20px;border-radius:50%;flex-shrink:0}.stat-name{flex:1;font-weight:500;color:#333}.stat-count{font-size:.9rem;color:#666}.etiquetas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:24px}.etiqueta-card{background:#fff;border:1px solid var(--etiquetas-border);border-radius:var(--etiquetas-radius);padding:20px;transition:all .3s ease}.etiqueta-card:hover{box-shadow:var(--etiquetas-shadow);transform:translateY(-2px)}.etiqueta-card.inactive{opacity:.6}.etiqueta-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.etiqueta-color-badge{display:inline-block;padding:8px 16px;border-radius:20px;color:#fff;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.3);flex:1;margin-right:12px}.etiqueta-name{font-size:.95rem}.etiqueta-actions{display:flex;gap:4px}.edit-btn{padding:6px;border:none;background:var(--etiquetas-bg);color:#666;border-radius:4px;cursor:pointer;transition:all .3s ease}.edit-btn:hover{background:var(--etiquetas-primary);color:#fff}.etiqueta-description{margin:0 0 16px;color:#666;font-size:.9rem;line-height:1.4}.etiqueta-meta{margin-bottom:16px}.meta-item{font-size:.85rem;color:#666;margin-bottom:4px}.meta-item strong{color:#333}.etiqueta-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--etiquetas-border)}.status-toggle{display:flex;align-items:center;gap:8px;cursor:pointer}.status-toggle input{display:none}.toggle-slider{width:40px;height:20px;background:#ccc;border-radius:10px;position:relative;transition:all .3s ease}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:2px;left:2px;transition:all .3s ease}.status-toggle input:checked+.toggle-slider{background:var(--etiquetas-success)}.status-toggle input:checked+.toggle-slider:before{transform:translate(20px)}.toggle-label{font-size:.85rem;color:#666}.color-info{font-family:monospace;color:#999}.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-state h4{margin:0 0 12px;color:#333}.empty-state p{margin:0;line-height:1.5}.list-footer{padding:20px;text-align:center}.back-to-menu-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:2px solid var(--etiquetas-primary);background:#fff;color:var(--etiquetas-primary);border-radius:6px;cursor:pointer;font-weight:500;transition:all .3s ease;text-decoration:none}.back-to-menu-btn:hover{background:var(--etiquetas-primary);color:#fff}.etiqueta-info{margin-bottom:24px;padding:16px;background:var(--etiquetas-bg);border-radius:var(--etiquetas-radius);border:1px solid var(--etiquetas-border)}.etiqueta-info h4{margin:0 0 12px;color:#333;font-weight:600}.etiqueta-info p{margin:0 0 8px;color:#666;font-size:.9rem}.etiqueta-info p:last-child{margin-bottom:0}.error-message{padding:12px;background:#ffebee;border:1px solid #FFCDD2;border-radius:6px;color:var(--etiquetas-danger);margin-bottom:16px}@media (max-width: 768px){.etiquetas-options{grid-template-columns:1fr}.search-controls{flex-direction:column;align-items:stretch}.filter-controls{justify-content:center}.etiquetas-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.stats-grid{grid-template-columns:1fr}}.distribution-control-panel{padding:20px;max-width:1200px;margin:0 auto}.panel-header{display:flex;align-items:center;gap:20px;margin-bottom:30px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.panel-header h3{margin:0;font-size:24px;color:#2c3e50}.back-button{background:#f0f0f0;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;color:#555;transition:all .2s}.back-button:hover{background:#e0e0e0}.service-status{margin-bottom:20px}.status-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.status-header h4{margin:0;font-size:18px;color:#2c3e50}.refresh-btn{background:none;border:1px solid #ddd;padding:6px 10px;border-radius:6px;cursor:pointer;display:flex;align-items:center;transition:all .2s}.refresh-btn:hover:not(:disabled){background:#f8f8f8;border-color:#bbb}.status-indicator{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;font-weight:600}.status-indicator.loading{background:#fff8e1;color:#f57c00}.status-indicator.healthy{background:#e8f5e9;color:#2e7d32}.status-indicator.error{background:#ffebee;color:#c62828}.api-info{margin-top:10px;padding:8px;background:#f8f9fa;border-radius:6px}.api-info small{color:#666;font-family:monospace}.pending-stats{margin-bottom:20px}.stats-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.stats-header h4{margin:0;font-size:18px;color:#2c3e50}.stats-content{display:flex;gap:20px}.stat-item{display:flex;flex-direction:column;align-items:center;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;flex:1;color:#fff}.stat-number{font-size:32px;font-weight:700}.stat-label{font-size:14px;opacity:.9}.distribution-actions{margin-bottom:30px}.distribute-btn{width:100%;padding:18px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s;box-shadow:0 4px 12px #667eea4d}.distribute-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.distribute-btn:disabled{background:#ccc;cursor:not-allowed;box-shadow:none}.distribute-btn.loading{background:#999}.action-help{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding:12px;background:#e3f2fd;border-radius:8px;color:#1565c0}.action-help p{margin:0;font-size:14px;line-height:1.5}.distribution-result{margin-bottom:20px}.result-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d}.result-card h4{margin:0 0 20px;font-size:18px;color:#2c3e50}.result-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:15px}.result-item{display:flex;align-items:center;gap:12px;padding:15px;border-radius:10px}.result-item.success{background:#e8f5e9;color:#2e7d32}.result-item.failed{background:#ffebee;color:#c62828}.result-item.total{background:#e3f2fd;color:#1565c0;flex-direction:column}.result-number{font-size:24px;font-weight:700}.result-label{font-size:14px}.result-time{padding:10px;background:#f8f9fa;border-radius:6px;text-align:center}.result-time small{color:#666;font-weight:600}.failed-leads{margin-top:20px;padding-top:20px;border-top:1px solid #e0e0e0}.failed-leads h5{margin:0 0 15px;color:#c62828}.failed-list{max-height:200px;overflow-y:auto}.failed-item{display:flex;justify-content:space-between;padding:10px;background:#fff;border:1px solid #ffcdd2;border-radius:6px;margin-bottom:8px;font-size:13px}.failed-id{font-weight:600;color:#555}.failed-error{color:#c62828;flex:1;text-align:right;padding-left:10px}.panel-info{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;padding:20px}.panel-info h5{margin:0 0 15px;font-size:16px;color:#2c3e50}.panel-info ul{list-style:none;padding:0;margin:0}.panel-info li{padding:8px 0;color:#555;font-size:14px;line-height:1.6}@media (max-width: 768px){.distribution-control-panel{padding:15px}.panel-header h3{font-size:20px}.result-stats{grid-template-columns:1fr}.stats-content{flex-direction:column}}.lead-distribution-settings{background:var(--color-background-white);border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:var(--spacing-lg);max-width:100%;width:100%}.manager-header,.monitor-header,.history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-border)}.manager-header h3,.monitor-header h3,.history-header h3{color:var(--color-text-primary);margin:0;margin-left:var(--spacing-md);font-size:1.5rem;font-weight:600}.back-button{background:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--spacing-sm);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.back-button:hover{background:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.lead-distribution-menu{padding:var(--spacing-xl);max-width:1400px;margin:0 auto}.lead-distribution-menu h3{color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-size:2.25rem;font-weight:700;text-align:center;letter-spacing:-.5px}.section-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);font-size:1.05rem;line-height:1.6;text-align:center;max-width:800px;margin-left:auto;margin-right:auto;margin-bottom:2.5rem}.distribution-options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-bottom:2.5rem}.distribution-option{background:var(--color-background-white);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:1.75rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:var(--spacing-md);position:relative;overflow:hidden}.distribution-option:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary),var(--color-info));opacity:0;transition:opacity .3s ease}.distribution-option:hover{border-color:var(--color-primary);box-shadow:var(--box-shadow-hover);transform:translateY(-4px)}.distribution-option:hover:before{opacity:1}.distribution-option.highlight{border:2px solid #667eea;background:linear-gradient(135deg,#667eea08,#764ba208);box-shadow:0 4px 16px #667eea1f}.distribution-option.highlight:before{background:linear-gradient(90deg,#667eea,#764ba2);opacity:1}.distribution-option.highlight:hover{border-color:#667eea;box-shadow:0 8px 24px #667eea33;transform:translateY(-6px)}.distribution-option.highlight .option-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea40}.distribution-option.highlight .option-content h4{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.option-icon{background:linear-gradient(135deg,var(--color-primary-light),rgba(59,130,246,.05));color:var(--color-primary);width:56px;height:56px;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);transition:all .3s ease;flex-shrink:0}.distribution-option:hover .option-icon{transform:scale(1.05);box-shadow:0 4px 12px #2563eb26}.option-content h4{color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0;font-size:1.25rem;font-weight:600;line-height:1.3;letter-spacing:-.25px}.option-content p{color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0;line-height:1.6;font-size:.95rem}.option-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.option-features li{color:var(--color-text-secondary);font-size:.875rem;position:relative;padding-left:1.25rem;line-height:1.5;transition:color .2s ease}.option-features li:before{content:"✓";color:var(--color-primary);font-weight:700;position:absolute;left:0;font-size:.9rem}.distribution-option:hover .option-features li{color:var(--color-text-primary)}.distribution-info{background:linear-gradient(135deg,var(--color-background-light) 0%,rgba(249,250,251,.5) 100%);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:2rem;margin-top:2.5rem;box-shadow:0 2px 8px #0000000a}.info-section{margin-bottom:2rem}.info-section:last-child{margin-bottom:0}.info-section h5{color:var(--color-text-primary);margin-bottom:1rem;font-size:1.15rem;font-weight:600;display:flex;align-items:center;gap:.5rem;letter-spacing:-.25px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:var(--spacing-md)}.info-item{background:var(--color-background-white);padding:1.25rem;border-radius:var(--border-radius);border:1px solid var(--color-border);transition:all .2s ease;box-shadow:0 1px 3px #0000000a}.info-item:hover{border-color:var(--color-primary-light);box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.info-item strong{color:var(--color-primary);font-weight:600;display:block;margin-bottom:.25rem;font-size:.95rem}.features-list{list-style:none;padding:0;margin:0;columns:2;column-gap:2rem}.features-list li{color:var(--color-text-secondary);break-inside:avoid;line-height:1.6;font-size:.9rem;position:relative;padding:.375rem 0 .375rem 1.5rem}.features-list li:before{content:"●";color:var(--color-success);position:absolute;left:0;font-size:.7rem;top:.6rem}.stats-cards,.history-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.stat-card,.result-card{background:var(--color-background-white);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md)}.stat-card svg,.result-card svg{color:var(--color-primary)}.stat-value,.result-value{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);display:block}.stat-label,.result-label{font-size:.9rem;color:var(--color-text-secondary);display:block}.result-card.success svg{color:var(--color-success)}.result-card.danger svg{color:var(--color-error)}.result-card.info svg{color:var(--color-info)}.result-card.warning svg{color:var(--color-warning)}.error-message,.success-message{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--border-radius);margin-bottom:var(--spacing-lg)}.error-message{background:var(--color-error-light);border:1px solid var(--color-error);color:var(--color-error-dark)}.success-message{background:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success-dark)}.error-message button,.success-message button{background:none;border:none;color:inherit;font-size:1.2rem;cursor:pointer;margin-left:auto;padding:var(--spacing-xs);border-radius:var(--border-radius-sm)}.error-message button:hover{background:var(--color-error);color:var(--color-white)}.success-message button:hover{background:var(--color-success);color:var(--color-white)}.create-form{max-width:600px}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;color:var(--color-text-primary);font-weight:600;margin-bottom:var(--spacing-sm)}.form-group input,.form-group select{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-background-white);color:var(--color-text-primary);font-size:1rem}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.form-group small{color:var(--color-text-secondary);font-size:.9rem;margin-top:var(--spacing-xs);display:block}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl)}.btn-primary,.btn-secondary,.btn-sm{padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none}.btn-primary{background:var(--color-primary);color:var(--color-white)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-primary:disabled{background:var(--color-gray);cursor:not-allowed;opacity:.6}.btn-secondary{background:var(--color-background-light);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-border-light);border-color:var(--color-primary)}.btn-sm{padding:var(--spacing-sm);font-size:.9rem}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.auto-refresh-toggle{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:.9rem;cursor:pointer}.auto-refresh-toggle input{margin:0}.loading-spinner,.system-monitor.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl)}.spinner{width:40px;height:40px;border:3px solid var(--color-border-light);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.spinner.small{width:20px;height:20px;border-width:2px}.loading-text{color:var(--color-text-secondary);font-style:italic;text-align:center;padding:var(--spacing-lg)}.last-update{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:.9rem;margin-bottom:var(--spacing-lg)}.system-overview{background:var(--color-background-white);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border:2px solid var(--color-border)}.system-overview.success{border-color:var(--color-success);background:var(--color-success-light)}.system-overview.warning{border-color:var(--color-warning);background:var(--color-warning-light)}.system-overview.error{border-color:var(--color-error);background:var(--color-error-light)}.overview-header{display:flex;align-items:center;gap:var(--spacing-md)}.overview-header h4{color:var(--color-text-primary);margin:0;font-size:1.3rem}.overview-header p{color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0 0}.system-checks{margin-bottom:var(--spacing-lg)}.system-checks h4{color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-size:1.2rem}.checks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.check-card{background:var(--color-background-white);border-radius:var(--border-radius);padding:var(--spacing-lg);border:2px solid var(--color-border)}.check-card.success{border-color:var(--color-success)}.check-card.warning{border-color:var(--color-warning)}.check-card.error{border-color:var(--color-error)}.check-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.check-header span{color:var(--color-text-primary);font-weight:600;flex:1}.check-card p{color:var(--color-text-secondary);margin:0;font-size:.9rem}.health-info{background:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.health-info h4{color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.health-section{margin-bottom:var(--spacing-lg)}.health-section:last-child{margin-bottom:0}.health-section h5{color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-size:1.1rem}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.health-item{background:var(--color-background-white);padding:var(--spacing-md);border-radius:var(--border-radius-sm);border:1px solid var(--color-border-light)}.health-item strong{color:var(--color-primary)}.diagnostics-info{background:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg)}.diagnostics-info h4{color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.diagnostics-content{background:var(--color-background-white);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--spacing-md)}.diagnostics-content pre{background:none;border:none;padding:0;margin:0;font-family:Courier New,monospace;font-size:.9rem;color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word}.status-icon.success{color:var(--color-success)}.status-icon.warning{color:var(--color-warning)}.status-icon.error{color:var(--color-error)}.status-icon.pending{color:var(--color-text-secondary)}.status-icon.active{color:var(--color-success)}.status-icon.inactive{color:var(--color-text-secondary)}.status-icon.blocked{color:var(--color-error)}.empresas-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.empresa-card{background:var(--color-background-white);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg)}.empresa-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.empresa-info{display:flex;align-items:center;gap:var(--spacing-md)}.empresa-info h4{color:var(--color-text-primary);margin:0;font-size:1.2rem}.empresa-info p{color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0 0;font-size:.9rem}.status-badge.active{background:var(--color-success-light);color:var(--color-success-dark)}.status-badge.inactive{background:var(--color-gray-light);color:var(--color-gray-dark)}.formularios-section h5{color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-size:1.1rem}.formularios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-md)}.formulario-card{background:var(--color-background-light);border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);padding:var(--spacing-md)}.form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.form-status{display:flex;align-items:center;gap:var(--spacing-xs)}.form-content h6{color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0;font-size:1rem}.mapeo-name{color:var(--color-text-secondary);font-size:.9rem;margin:0 0 var(--spacing-sm) 0}.form-id{color:var(--color-text-secondary);font-size:.8rem;margin:0}.form-actions{display:flex;justify-content:flex-end;margin-top:var(--spacing-sm)}.no-formularios{text-align:center;color:var(--color-text-secondary);font-style:italic;padding:var(--spacing-lg)}.processing-controls{background:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.date-control{margin-bottom:var(--spacing-lg)}.date-control label{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);font-weight:600;margin-bottom:var(--spacing-sm)}.date-control input{max-width:200px}.processing-modes h4{color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.mode-options{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.mode-option{background:var(--color-background-white);border:2px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg);cursor:pointer;transition:all .2s ease;display:flex;align-items:flex-start;gap:var(--spacing-md)}.mode-option:hover{border-color:var(--color-primary-light)}.mode-option.selected{border-color:var(--color-primary);background:var(--color-primary-light)}.mode-option input[type=radio]{margin:var(--spacing-xs) 0 0 0}.mode-content h5{color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0;font-size:1.1rem}.mode-content p{color:var(--color-text-secondary);margin:0;font-size:.9rem}.form-selection{margin-top:var(--spacing-lg)}.form-selection h5{color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.formularios-list{max-height:300px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--spacing-md);background:var(--color-background-white)}.formulario-checkbox{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--color-border-light);cursor:pointer}.formulario-checkbox:hover{background:var(--color-background-light)}.formulario-checkbox:last-child{border-bottom:none}.formulario-checkbox input{margin:0}.form-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-name{color:var(--color-text-primary);font-weight:600;font-size:1rem}.form-mapeo{color:var(--color-text-secondary);font-size:.9rem}.form-id{color:var(--color-text-secondary);font-size:.8rem}.form-empresa{color:var(--color-primary);font-size:.9rem;font-weight:500}.no-forms{text-align:center;color:var(--color-text-secondary);font-style:italic;padding:var(--spacing-lg)}.processing-actions{display:flex;justify-content:center;margin-top:var(--spacing-lg)}.processing-btn{padding:var(--spacing-md) var(--spacing-xl);font-size:1.1rem;min-width:250px;justify-content:center}.processing-status{background:var(--color-background-white);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.status-indicator{display:flex;align-items:center;gap:var(--spacing-lg)}.status-text h5{color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0}.status-text p{color:var(--color-text-secondary);margin:0;font-size:.9rem}.processing-results{background:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.processing-results h4{color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.results-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.processing-details{background:var(--color-background-white);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.processing-details h5{color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.detail-item{color:var(--color-text-secondary);font-size:.9rem}.detail-item strong{color:var(--color-text-primary)}.form-results-detail{background:var(--color-background-white);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--spacing-lg)}.form-results-detail h5{color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.form-results-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-result-item{background:var(--color-background-light);border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);padding:var(--spacing-md)}.form-result-item.success{border-left:4px solid var(--color-success)}.form-result-item.partial_success{border-left:4px solid var(--color-warning)}.form-result-item.failed{border-left:4px solid var(--color-error)}.form-result-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.form-result-header .form-name{flex:1;color:var(--color-text-primary);font-weight:600}.status-badge{padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.8rem;font-weight:600}.status-badge.success{background:var(--color-success-light);color:var(--color-success-dark)}.status-badge.partial_success{background:var(--color-warning-light);color:var(--color-warning-dark)}.status-badge.failed{background:var(--color-error-light);color:var(--color-error-dark)}.form-result-stats{display:flex;flex-wrap:wrap;gap:var(--spacing-md);color:var(--color-text-secondary);font-size:.9rem}.history-filters{background:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.filter-section{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);font-weight:600}.filter-group{display:flex;align-items:center;gap:var(--spacing-sm)}.filter-group label{color:var(--color-text-primary);font-weight:500;margin:0}.filter-group select,.filter-group input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-background-white);color:var(--color-text-primary)}.history-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.history-item{background:var(--color-background-white);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg)}.history-item.success{border-left:4px solid var(--color-success)}.history-item.partial_success{border-left:4px solid var(--color-warning)}.history-item.failed{border-left:4px solid var(--color-error)}.item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.item-info .item-title{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.item-title span:first-of-type{color:var(--color-text-primary);font-weight:600}.status-text{color:var(--color-text-secondary);font-size:.9rem}.item-type{color:var(--color-text-secondary);font-size:.9rem;font-style:italic}.item-stats .processing-time{background:var(--color-background-light);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-family:monospace;font-size:.9rem;color:var(--color-text-primary)}.item-content{border-top:1px solid var(--color-border-light);padding-top:var(--spacing-md)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.stat-item{color:var(--color-text-secondary);font-size:.9rem}.stat-item strong{color:var(--color-text-primary)}.error-info{background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--border-radius-sm);padding:var(--spacing-md);margin-top:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-error-dark);font-size:.9rem}.no-history{text-align:center;color:var(--color-text-secondary);padding:var(--spacing-xl)}.no-history svg{opacity:.3;margin-bottom:var(--spacing-md)}.no-history h4{color:var(--color-text-primary);margin-bottom:var(--spacing-sm)}.no-history p{margin:0}@media (max-width: 1024px){.distribution-options-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}}@media (max-width: 768px){.lead-distribution-settings{padding:var(--spacing-md)}.lead-distribution-menu{padding:var(--spacing-lg)}.lead-distribution-menu h3{font-size:1.875rem;margin-bottom:1rem}.section-description{font-size:1rem;margin-bottom:2rem}.distribution-options-grid{grid-template-columns:1fr;gap:1rem}.distribution-option{padding:1.5rem}.option-icon{width:48px;height:48px}.option-content h4{font-size:1.15rem}.distribution-info{padding:1.5rem;margin-top:2rem}.info-grid{grid-template-columns:1fr}.features-list{columns:1}.results-overview{grid-template-columns:repeat(2,1fr)}.details-grid,.formularios-grid{grid-template-columns:1fr}.history-filters{flex-direction:column;align-items:stretch}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.lead-distribution-menu{padding:var(--spacing-md)}.lead-distribution-menu h3{font-size:1.5rem}.section-description{font-size:.95rem}.distribution-option{padding:1.25rem}.option-content h4{font-size:1.05rem}.option-features li{font-size:.85rem}.distribution-info{padding:1.25rem}.info-section h5{font-size:1.05rem}.results-overview,.stats-grid{grid-template-columns:1fr}.form-result-stats{flex-direction:column;gap:var(--spacing-sm)}}.stats-table-container{overflow-x:auto;margin-top:var(--spacing-md);border-radius:var(--border-radius);border:1px solid var(--color-border)}.stats-table{width:100%;border-collapse:collapse;background:var(--color-background-white);font-size:.9rem}.stats-table thead{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white)}.stats-table thead th{padding:var(--spacing-md);text-align:left;font-weight:600;white-space:nowrap;border-bottom:2px solid var(--color-border)}.stats-table tbody tr{border-bottom:1px solid var(--color-border-light);transition:background-color .2s ease}.stats-table tbody tr:hover{background:var(--color-background-light)}.stats-table tbody tr:last-child{border-bottom:none}.stats-table td{padding:var(--spacing-md);color:var(--color-text-secondary)}.date-cell{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-primary);font-weight:500}.empresa-cell{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-primary);font-weight:500}.number-cell{text-align:center;font-weight:500;color:var(--color-text-primary)}.number-cell.highlight{background:linear-gradient(135deg,#667eea1a,#764ba21a);font-weight:700;font-size:1.05rem;color:#667eea}.number-cell.success{color:var(--color-success);font-weight:600}.stats-summary{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background-light);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-md)}.stats-summary p{margin:0;color:var(--color-text-secondary);font-size:.9rem;font-weight:500}.error-banner{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--border-radius);color:var(--color-error-dark);margin-bottom:var(--spacing-lg)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);gap:var(--spacing-md)}.loading-container p{color:var(--color-text-secondary);font-size:1rem}.spin{animation:spin 1s linear infinite}.history-info{background:var(--color-background-light);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.history-info h5{color:var(--color-text-primary);margin-bottom:var(--spacing-md);font-size:1.1rem}.history-info ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.history-info li{color:var(--color-text-secondary);font-size:.9rem;padding-left:1.25rem;position:relative;line-height:1.6}.history-info li:before{content:"•";color:var(--color-primary);font-weight:700;position:absolute;left:0}.history-info .note{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background-white);border-left:3px solid var(--color-info);border-radius:var(--border-radius-sm);color:var(--color-text-secondary);font-size:.9rem}.help-text{color:var(--color-text-secondary);font-style:italic;font-size:.9rem;margin-top:var(--spacing-sm)}.refresh-btn{background:none;border:1px solid var(--color-border);padding:var(--spacing-sm);border-radius:var(--border-radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:var(--color-text-secondary)}.refresh-btn:hover:not(:disabled){background:var(--color-background-light);border-color:var(--color-primary);color:var(--color-primary)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.stats-table{font-size:.8rem}.stats-table thead th,.stats-table tbody td{padding:var(--spacing-sm)}.number-cell.highlight{font-size:.95rem}}.client-block-management{padding:var(--spacing-lg);max-width:1400px;margin:0 auto;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.block-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-background-white);border-radius:var(--border-radius);border-left:4px solid var(--color-error);box-shadow:var(--box-shadow)}.block-header-content h3{margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary);font-size:1.5rem;font-weight:600}.block-header-content p{margin:0;color:var(--color-text-muted);font-size:.95rem}.block-header-content strong{color:var(--color-primary);font-weight:600}.block-form-section{background:var(--color-background-white);padding:var(--spacing-lg);border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin-bottom:var(--spacing-xl);border:1px solid var(--color-border)}.block-form-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);color:var(--color-text-primary)}.block-form-header h4{margin:0;font-size:1.125rem;font-weight:600}.block-input-group{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}@media (max-width: 768px){.block-input-group{flex-direction:column}}.input-with-icon{position:relative;flex:1}.input-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--color-icon-muted);pointer-events:none}.block-phone-input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) calc(var(--spacing-md) * 3);border:2px solid var(--color-input-border);border-radius:var(--border-radius-sm);font-size:1rem;color:var(--color-text-primary);background:var(--color-background-primary);transition:all .2s ease}.block-phone-input:focus{outline:none;border-color:var(--color-input-focus);box-shadow:0 0 0 3px var(--color-input-focus-shadow)}.block-phone-input:disabled{opacity:.6;cursor:not-allowed;background:var(--color-background-light)}.block-phone-input::placeholder{color:var(--color-placeholder)}.block-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--border-radius-sm);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.block-btn-danger{background:var(--color-error);color:#fff}.block-btn-danger:hover:not(:disabled){background:var(--color-error-dark);transform:translateY(-2px);box-shadow:var(--box-shadow-hover)}.block-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.spinner{animation:spin 1s linear infinite}.spinning{animation:spin 1s linear infinite}.block-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--border-radius-sm);font-size:.9rem;font-weight:500;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.block-message.success{background:var(--color-success-bg);color:var(--color-success-dark);border-left:3px solid var(--color-success)}.block-message.error{background:var(--color-error-bg);color:var(--color-error-dark);border-left:3px solid var(--color-error)}.blocked-list-section{background:var(--color-background-white);padding:var(--spacing-lg);border-radius:var(--border-radius);box-shadow:var(--box-shadow);margin-bottom:var(--spacing-xl);border:1px solid var(--color-border)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);gap:var(--spacing-md);flex-wrap:wrap}.section-header h4{display:flex;align-items:center;gap:var(--spacing-sm);margin:0;color:var(--color-text-primary);font-size:1.125rem;font-weight:600}.section-header-actions{display:flex;gap:var(--spacing-sm);align-items:center}.search-input-wrapper{position:relative}.search-icon{position:absolute;left:var(--spacing-sm);top:50%;transform:translateY(-50%);color:var(--color-icon-muted);pointer-events:none}.search-input{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) calc(var(--spacing-sm) * 3.5);border:1px solid var(--color-input-border);border-radius:var(--border-radius-sm);font-size:.875rem;color:var(--color-text-primary);background:var(--color-background-primary);min-width:200px;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--color-input-focus);box-shadow:0 0 0 3px var(--color-input-focus-shadow)}.refresh-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-btn-primary);color:#fff;border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.refresh-btn:hover:not(:disabled){background:var(--color-btn-primary-hover);transform:translateY(-1px)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.blocked-table-wrapper{overflow-x:auto;border-radius:var(--border-radius-sm);border:1px solid var(--color-table-border)}.blocked-table{width:100%;border-collapse:collapse;background:var(--color-background-white)}.blocked-table thead{background:var(--color-table-header-bg);position:sticky;top:0;z-index:1}.blocked-table th{color:var(--color-table-header-text);padding:var(--spacing-md);text-align:left;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-table-border)}.table-header-icon{vertical-align:middle;margin-right:var(--spacing-xs)}.blocked-table td{padding:var(--spacing-md);color:var(--color-table-cell-text);border-bottom:1px solid var(--color-table-border);font-size:.9rem}.blocked-table tbody tr{transition:background-color .15s ease}.blocked-table tbody tr:hover{background:var(--color-table-row-hover)}.blocked-table tbody tr:last-child td{border-bottom:none}.phone-column .phone-number{font-family:Courier New,monospace;font-weight:600;color:var(--color-primary)}.waid-column .wa-id{font-family:Courier New,monospace;color:var(--color-text-muted)}.actions-column{text-align:center;width:150px}.unblock-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-success);color:#fff;border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease}.unblock-btn:hover:not(:disabled){background:var(--color-success-dark);transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.unblock-btn:disabled{opacity:.6;cursor:not-allowed}.empty-state,.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-lg);color:var(--color-text-muted);text-align:center}.empty-state p,.loading-state p{margin:var(--spacing-md) 0 0 0;font-size:1.125rem;font-weight:500;color:var(--color-text-primary)}.empty-state-hint{display:block;margin-top:var(--spacing-sm);font-size:.875rem;color:var(--color-text-muted)}.block-info{background:var(--color-warning-light);padding:var(--spacing-lg);border-radius:var(--border-radius);border-left:4px solid var(--color-warning);box-shadow:var(--box-shadow)}.info-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.info-header h5{margin:0;color:var(--color-warning-dark);font-size:1rem;font-weight:600}.block-info ul{margin:0;padding-left:var(--spacing-lg);color:var(--color-text-primary)}.block-info li{margin-bottom:var(--spacing-md);line-height:1.6}.block-info li:last-child{margin-bottom:0}.block-info strong{color:var(--color-text-primary);font-weight:600}@media (max-width: 768px){.client-block-management{padding:var(--spacing-md)}.block-header{flex-direction:column;align-items:flex-start;text-align:left}.section-header{flex-direction:column;align-items:stretch}.section-header-actions{flex-direction:column;width:100%}.search-input{width:100%}.refresh-btn{width:100%;justify-content:center}.blocked-table{font-size:.8rem}.blocked-table th,.blocked-table td{padding:var(--spacing-sm)}.actions-column{width:auto}.unblock-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}}.dark-theme .block-header{border-left-color:var(--color-error)}.dark-theme .block-info{background:var(--color-warning-light);border-left-color:var(--color-warning)}.dashboard{padding:.5rem;background-color:var(--color-background-app, rgb(243 244 246));min-height:100vh;height:100%;width:100%;max-width:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:.5rem}.dashboard__metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.dashboard__metric{padding:1rem;border-radius:.375rem;color:#fff;min-width:0;display:flex;flex-direction:column;justify-content:space-between;min-height:100px;transition:all .3s ease}.dashboard__metric{transition:all .3s ease}.dashboard__metric--revenue{background:var(--color-metric-revenue, linear-gradient(to right, #0ea5e9, #38bdf8));color:#fff;border:1px solid var(--color-metric-revenue-border, #0284c7);transition:all .3s ease}.dashboard__metric--revenue:hover{background:var(--color-metric-revenue-hover, linear-gradient(to right, #38bdf8, #7dd3fc));transform:translateY(-2px)}.dashboard__metric--profit{background:var(--color-metric-profit, linear-gradient(to right, #22c55e, #4ade80));color:#fff;border:1px solid var(--color-metric-profit-border, #16a34a);transition:all .3s ease}.dashboard__metric--profit:hover{background:var(--color-metric-profit-hover, linear-gradient(to right, #4ade80, #86efac));transform:translateY(-2px)}.dashboard__metric--sales{background:var(--color-metric-sales, linear-gradient(to right, #6366f1, #818cf8));color:#fff;border:1px solid var(--color-metric-sales-border, #4f46e5);transition:all .3s ease}.dashboard__metric--sales:hover{background:var(--color-metric-sales-hover, linear-gradient(to right, #818cf8, #a5b4fc));transform:translateY(-2px)}.dashboard__metric--lost{background:var(--color-metric-lost, linear-gradient(to right, #1a1a1a, #2d2d2d));color:#fff;border:1px solid var(--color-metric-lost-border, #333333);transition:all .3s ease}.dashboard__metric--lost:hover{background:var(--color-metric-lost-hover, linear-gradient(to right, #2d2d2d, #404040));transform:translateY(-2px)}.dashboard__metric-title{font-size:.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard__metric-value{font-size:1.5rem;font-weight:700;margin:.25rem 0}.dashboard__metric-subtitle{font-size:.75rem}.dashboard__metric--revenue .metric-title,.dashboard__metric--revenue .metric-value,.dashboard__metric--revenue .metric-subtitle,.dashboard__metric--profit .metric-title,.dashboard__metric--profit .metric-value,.dashboard__metric--profit .metric-subtitle,.dashboard__metric--sales .metric-title,.dashboard__metric--sales .metric-value,.dashboard__metric--sales .metric-subtitle,.dashboard__metric--lost .metric-title,.dashboard__metric--lost .metric-value,.dashboard__metric--lost .metric-subtitle{color:#fff}.dashboard__charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;min-height:300px;flex:1}.dashboard__bottom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;min-height:300px;flex:1}.dashboard__chart-container{background-color:var(--color-background-white);padding:1rem;border-radius:.375rem;display:flex;flex-direction:column;min-width:0;height:100%}.dashboard__chart-title{font-size:.875rem;font-weight:600;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text-secondary)}.dashboard__map{height:250px;background-color:var(--color-map-bg, rgb(229 231 235));display:flex;align-items:center;justify-content:center;border-radius:.25rem}.dashboard__map-placeholder{color:var(--color-text-muted, rgb(107 114 128));font-size:.875rem}.dashboard__sales-chart,.dashboard__manager-chart,.dashboard__customers-chart,.dashboard__category-chart{width:100%;height:250px;min-height:0;flex:1}.recharts-wrapper{font-size:.65rem;width:100%!important;height:100%!important;min-height:200px}.recharts-surface{width:100%!important;height:100%!important}.recharts-legend-wrapper{font-size:.65rem!important;padding:0!important}.recharts-default-legend{margin:0!important;padding:0!important}.recharts-legend-item{margin:0 .25rem!important;padding:0!important}.recharts-text{font-size:.6rem;fill:var(--color-text-secondary)!important}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--color-chart-grid, rgb(229 231 235))}.recharts-tooltip-wrapper{background-color:var(--color-background-white);border:1px solid var(--color-border-light, rgb(229 231 235));border-radius:.25rem;font-size:.65rem}.recharts-xAxis .recharts-cartesian-axis-tick-value,.recharts-yAxis .recharts-cartesian-axis-tick-value{font-size:.6rem;fill:var(--color-text-secondary)!important}.dashboard::-webkit-scrollbar{width:8px}.dashboard::-webkit-scrollbar-track{background:var(--color-scrollbar-track, #f1f1f1);border-radius:4px}.dashboard::-webkit-scrollbar-thumb{background:var(--color-scrollbar, #888);border-radius:4px}.dashboard::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-hover, #555)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-text{color:transparent!important;background:linear-gradient(90deg,var(--color-skeleton-start, rgba(255, 255, 255, .1)) 25%,var(--color-skeleton-middle, rgba(255, 255, 255, .3)) 37%,var(--color-skeleton-end, rgba(255, 255, 255, .1)) 63%);background-size:200% 100%;animation:shimmer 1.4s infinite linear;border-radius:4px;-webkit-user-select:none;user-select:none;cursor:default}.skeleton-box{background:linear-gradient(90deg,var(--color-skeleton-box-start, #f0f0f0) 25%,var(--color-skeleton-box-middle, #e0e0e0) 37%,var(--color-skeleton-box-end, #f0f0f0) 63%);background-size:200% 100%;animation:shimmer 1.4s infinite linear;border-radius:4px}.chart-skeleton{height:200px;width:100%}.dashboard__metric--revenue .skeleton-text,.dashboard__metric--profit .skeleton-text,.dashboard__metric--cost .skeleton-text,.dashboard__metric--sales .skeleton-text{background:linear-gradient(90deg,#ffffff1a 25%,#ffffff4d 37%,#ffffff1a 63%)}.dashboard__metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;padding:.2rem}.book-control{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-right:8px;border:1px solid var(--color-control-border, rgba(255, 255, 255, .3));border-radius:6px;background:var(--color-control-bg, rgba(255, 255, 255, .1));cursor:pointer;transition:all .2s ease}.book-control:hover{background:var(--color-control-hover-bg, rgba(255, 255, 255, .2));transform:translateY(-1px)}.book-select{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2}.dashboard__metric .flex.items-center.justify-between{gap:8px}.dashboard__calendar-button{width:36px;height:36px;border:1px solid var(--color-control-border, rgba(255, 255, 255, .3));border-radius:6px;background:var(--color-control-bg, rgba(255, 255, 255, .1));display:flex;align-items:center;justify-content:center}.dashboard__calendar-button:hover{background:var(--color-control-hover-bg, rgba(255, 255, 255, .2));transform:translateY(-1px)}.dashboard__calendar{padding:1rem;border-radius:.375rem;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:600px;margin:0 auto;box-shadow:0 2px 4px var(--color-shadow, rgba(0, 0, 0, .1));background-color:var(--color-background-white)}.dashboard__calendar-header{font-size:1.25rem;font-weight:600;margin-bottom:1rem;text-align:center;color:var(--color-text-secondary)}.dashboard__calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;width:100%}.dashboard__calendar-day{width:100%;height:50px;display:flex;align-items:center;justify-content:center;background-color:var(--color-calendar-day-bg, rgb(229 231 235));border-radius:.25rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .3s ease;color:var(--color-text-secondary)}.dashboard__calendar-day:hover{background-color:var(--color-calendar-day-hover-bg, rgb(209 213 219))}.dashboard__calendar-day--selected{background-color:var(--color-calendar-day-selected-bg, rgb(59 130 246));color:#fff;font-weight:700}.border{border-width:1px;color:#fff;background:none}.leaflet-container{height:100%;width:100%;border-radius:.375rem}.leaflet-popup-content-wrapper{border-radius:.5rem;box-shadow:0 2px 4px var(--color-shadow, rgba(0, 0, 0, .1));background-color:var(--color-background-white)}.leaflet-popup-content{margin:0;padding:.5rem;color:var(--color-text-secondary)}.leaflet-popup-tip-container{display:none}@media (max-width: 1536px){.dashboard{padding:.375rem}.dashboard__chart-container{padding:.75rem}.dashboard__sales-chart,.dashboard__manager-chart,.dashboard__customers-chart,.dashboard__category-chart{height:220px}}@media (max-width: 1280px){.dashboard__metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard__charts-grid{grid-template-columns:1fr;min-height:250px}.dashboard__bottom-grid{grid-template-columns:repeat(2,1fr);min-height:250px}.dashboard__sales-chart,.dashboard__manager-chart,.dashboard__customers-chart,.dashboard__category-chart{height:200px}}@media (max-width: 1024px){.dashboard__bottom-grid{grid-template-columns:1fr}.dashboard__sales-chart,.dashboard__manager-chart,.dashboard__customers-chart,.dashboard__category-chart{height:180px}}@media (max-width: 768px){.dashboard{padding:.25rem}.dashboard__metrics-grid{grid-template-columns:1fr}.dashboard__chart-container{padding:.5rem}.dashboard__metric{min-height:90px;padding:.75rem}.dashboard__metric-title{font-size:.75rem}.dashboard__metric-value{font-size:1.25rem}.dashboard__metric-subtitle{font-size:.7rem}.dashboard__chart-title{font-size:.75rem}.dashboard__sales-chart,.dashboard__manager-chart,.dashboard__customers-chart,.dashboard__category-chart,.dashboard__map{height:160px}}@media (max-width: 640px){.dashboard{padding:.125rem}.dashboard__chart-container{padding:.375rem}.dashboard__sales-chart,.dashboard__manager-chart,.dashboard__customers-chart,.dashboard__category-chart{height:140px}.recharts-wrapper{font-size:.55rem}.recharts-legend-wrapper{font-size:.55rem!important}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.table-container{width:100%;overflow-x:auto;border-radius:.5rem;border:1px solid var(--color-table-border, #e5e7eb);box-shadow:0 1px 3px var(--color-shadow, rgba(0, 0, 0, .1));background:var(--color-background-white)}.lost-sales-table{min-width:800px;width:100%;border-collapse:separate;border-spacing:0}.lost-sales-table thead{position:sticky;top:0;z-index:10;background-color:var(--color-table-header-bg, #f8fafc);box-shadow:0 1px 2px var(--color-shadow, rgba(0, 0, 0, .05))}.lost-sales-table th{padding:.5rem .75rem;font-size:.75rem;font-weight:600;text-transform:uppercase;color:var(--color-table-header-text, #4b5563);text-align:left;border-bottom:2px solid var(--color-table-border, #e5e7eb);cursor:pointer;transition:background-color .2s}.lost-sales-table th:hover{background-color:var(--color-table-header-hover, #f1f5f9)}.lost-sales-table td{padding:.5rem .75rem;font-size:.875rem;color:var(--color-table-cell-text, #1f2937);border-bottom:1px solid var(--color-table-border, #e5e7eb);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.lost-sales-table th:nth-child(1),.lost-sales-table td:nth-child(1){width:12%;min-width:100px}.lost-sales-table th:nth-child(2),.lost-sales-table td:nth-child(2){width:20%;min-width:150px}.lost-sales-table th:nth-child(3),.lost-sales-table td:nth-child(3){width:12%;min-width:100px}.lost-sales-table th:nth-child(4),.lost-sales-table td:nth-child(4){width:15%;min-width:120px}.lost-sales-table th:nth-child(5),.lost-sales-table td:nth-child(5){width:15%;min-width:120px}.lost-sales-table tbody tr{transition:background-color .2s}.lost-sales-table tbody tr:hover{background-color:var(--color-table-row-hover, #f3f4f6)}.pagination{display:flex;justify-content:center;align-items:center;gap:.75rem;padding:.75rem;border-top:1px solid var(--color-table-border, #e5e7eb)}.pagination-button{padding:.375rem .75rem;border:1px solid var(--color-input-border, #e5e7eb);border-radius:.375rem;background-color:var(--color-background-white);color:var(--color-table-header-text, #4b5563);font-weight:500;font-size:.875rem;transition:all .2s;min-width:40px;text-align:center}.pagination-button:hover:not(:disabled){background-color:var(--color-button-hover-bg, #f3f4f6);border-color:var(--color-button-hover-border, #d1d5db)}.pagination-button:disabled{background-color:var(--color-pagination-disabled-bg, #f9fafb);color:var(--color-pagination-disabled-text, #9ca3af);cursor:not-allowed}.pagination-pages{display:flex;gap:.375rem}.pagination-number{padding:.375rem .75rem;border:1px solid var(--color-input-border, #e5e7eb);border-radius:.375rem;background-color:var(--color-background-white);color:var(--color-table-header-text, #4b5563);font-size:.875rem;min-width:36px;text-align:center;cursor:pointer;transition:all .2s}.pagination-number:hover:not(.active){background-color:var(--color-button-hover-bg, #f3f4f6);border-color:var(--color-button-hover-border, #d1d5db)}.pagination-number.active{background-color:var(--color-pagination-active-bg, #2563eb);color:#fff;border-color:var(--color-pagination-active-border, #2563eb)}.pagination-info{color:var(--color-table-header-text, #4b5563);font-weight:500;font-size:.875rem}.loading{text-align:center;padding:1.5rem;color:var(--color-text-muted, #6b7280);font-weight:500;font-size:.875rem}.table-info{padding:.5rem .75rem;color:var(--color-table-header-text, #4b5563);font-size:.875rem;font-weight:500}.table-container::-webkit-scrollbar{width:6px;height:6px}.table-container::-webkit-scrollbar-track{background:var(--color-scrollbar-track, #f1f1f1);border-radius:3px}.table-container::-webkit-scrollbar-thumb{background:var(--color-scrollbar, #d1d5db);border-radius:3px}.table-container::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-hover, #9ca3af)}@media (max-width: 640px){.pagination{gap:.5rem;padding:.5rem}.pagination-button,.pagination-number{padding:.25rem .5rem;font-size:.75rem;min-width:32px}}.search-bar{width:100%;max-width:300px;position:relative}.search-bar__container{position:relative;display:flex;align-items:center;background:var(--color-searchbar-bg, #f8fafc);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.search-bar__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-searchbar-backdrop, linear-gradient(135deg, rgba(255, 255, 255, .6), rgba(255, 255, 255, .2)));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--color-searchbar-backdrop-border, rgba(255, 255, 255, .1));border-radius:inherit;pointer-events:none}.search-bar__container:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;padding:1px;background:var(--color-searchbar-glow, linear-gradient(135deg, rgba(99, 102, 241, .5), rgba(99, 102, 241, .2)));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.search-bar__container:hover:before,.search-bar__container.focused:before{opacity:1}.search-bar__icon{position:absolute;left:16px;color:var(--color-icon-muted, #64748b);transition:all .3s ease;z-index:1}.search-bar__container.focused .search-bar__icon{color:var(--color-searchbar-focus, #6366f1);transform:scale(1.1)}.search-bar__input{width:100%;padding:12px 40px;font-size:.875rem;color:var(--color-text-secondary, #1e293b);background:transparent;border:none;outline:none;z-index:1}.search-bar__input::placeholder{color:var(--color-placeholder, #94a3b8);transition:color .3s ease}.search-bar__clear-button{position:absolute;right:12px;display:flex;align-items:center;justify-content:center;padding:4px;color:var(--color-icon-muted, #64748b);background:var(--color-searchbar-clear-bg, rgba(203, 213, 225, .3));border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;z-index:1}.search-bar__clear-button:hover{color:var(--color-icon-error, #ef4444);background:var(--color-searchbar-clear-hover-bg, rgba(239, 68, 68, .1));transform:scale(1.1)}@keyframes searchBarAppear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-bar{animation:searchBarAppear .4s cubic-bezier(.4,0,.2,1)}@keyframes focusAnimation{0%{transform:scaleX(.95)}50%{transform:scaleX(1.02)}to{transform:scaleX(1)}}.search-bar__container.focused{animation:focusAnimation .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px var(--color-searchbar-focus-shadow, rgba(99, 102, 241, .1))}.table-container{background:var(--color-background-white);border-radius:.5rem;box-shadow:0 1px 3px var(--color-shadow, rgba(0, 0, 0, .1));padding:1rem;margin:1rem}.table-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:.75rem}.search-container{position:relative;width:100%;max-width:400px;display:flex;align-items:center}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--color-icon-muted, #9CA3AF);width:.75rem;height:.75rem;pointer-events:none;opacity:.6}.search-input{width:100%;padding:.5rem .75rem .5rem 2.25rem;border:1px solid var(--color-input-border, #E5E7EB);border-radius:.375rem;font-size:.875rem;line-height:1.25rem;outline:none;transition:all .2s ease;background-color:var(--color-background-white);color:var(--color-text-secondary);-webkit-appearance:none;-webkit-search-decoration:none;-webkit-search-cancel-button:none;-webkit-search-results-button:none;-webkit-search-results-decoration:none}.search-input::placeholder{color:var(--color-placeholder, #9CA3AF);opacity:.7;font-size:.875rem}.search-input:focus{border-color:var(--color-input-focus, #3B82F6);box-shadow:0 0 0 2px var(--color-input-focus-shadow, rgba(59, 130, 246, .1))}.search-input:focus::placeholder{opacity:.5}.search-input:focus+.search-icon{color:var(--color-input-focus, #3B82F6);opacity:.8}.filter-select{padding:.5rem 2rem .5rem .75rem;border:1px solid var(--color-input-border, #E5E7EB);border-radius:.375rem;font-size:.875rem;min-width:120px;background-position:right .5rem center;background-size:1rem;background-color:var(--color-background-white);color:var(--color-text-secondary)}.custom-table{width:100%;border-collapse:collapse;font-size:.875rem}.custom-table th{background:var(--color-table-header-bg, #F9FAFB);padding:.625rem .75rem;text-align:left;font-weight:600;color:var(--color-table-header-text, #374151);border-bottom:2px solid var(--color-table-border, #E5E7EB);white-space:nowrap}.custom-table td{padding:.625rem .75rem;color:var(--color-table-cell-text, #4B5563);border-bottom:1px solid var(--color-table-border, #E5E7EB)}.table-row:hover{background-color:var(--color-table-row-hover, #F9FAFB)}.status-badges{display:flex;gap:.25rem;flex-wrap:wrap}.badge{font-size:.75rem;padding:.25rem .5rem;border-radius:1rem;font-weight:500}.badge.professional{background-color:var(--color-badge-professional-bg, #EFF6FF);color:var(--color-badge-professional-text, #1D4ED8)}.badge.technical{background-color:var(--color-badge-technical-bg, #ECFDF5);color:var(--color-badge-technical-text, #047857)}.badge.specialization{background-color:var(--color-badge-specialization-bg, #F5F3FF);color:var(--color-badge-specialization-text, #6D28D9)}.document-icons{display:flex;gap:.5rem;align-items:center}.icon-check{color:var(--color-icon-success, #10B981);width:1rem;height:1rem}.icon-x{color:var(--color-icon-error, #EF4444);width:1rem;height:1rem}.dropdown-button{padding:.25rem .5rem;color:var(--color-dropdown-button, #6B7280)}.dropdown-content{right:0;min-width:150px;border-radius:.375rem;box-shadow:0 2px 4px var(--color-shadow, rgba(0, 0, 0, .1));background-color:var(--color-background-white)}.dropdown-content button{padding:.5rem .75rem;font-size:.875rem;color:var(--color-text-secondary)}.pagination{margin-top:1rem;padding:.75rem;display:flex;justify-content:center;align-items:center;gap:.5rem}.pagination-numbers{display:flex;align-items:center;gap:.25rem}.pagination-button{padding:.375rem .75rem;font-size:.875rem;border-radius:.375rem;border:1px solid var(--color-input-border, #E5E7EB);background:var(--color-background-white);color:var(--color-table-header-text, #374151);min-width:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.pagination-button:hover:not(:disabled){background-color:var(--color-button-hover-bg, #F3F4F6);border-color:var(--color-button-hover-border, #D1D5DB)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-button.active{background-color:var(--color-pagination-active-bg, #2563EB);color:#fff;border-color:var(--color-pagination-active-border, #2563EB)}.pagination-ellipsis{color:var(--color-text-muted, #6B7280);padding:0 .25rem;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.table-container{padding:.75rem;margin:.5rem}.custom-table th,.custom-table td{padding:.5rem}.search-input,.filter-select{font-size:.813rem}}.uploader-content{display:flex;flex-direction:column;gap:.1rem;padding:2px}.type-select{width:100%;border:1px solid var(--color-input-border);border-radius:2px;font-size:12px;background-color:var(--color-background-white);color:var(--color-text-black)}.file-upload{width:100%}.upload-label{display:flex;align-items:center;gap:4px;padding:4px 6px;border:1px dashed var(--color-input-border);border-radius:2px;cursor:pointer;background-color:var(--color-background-light);font-size:12px}.upload-icon{width:14px;height:14px;color:var(--color-icon-muted)}.file-input{display:none}.file-name{margin-top:4px;font-size:11px;color:var(--color-text-muted)}.type-select option{color:var(--color-text-black)}.navigation-tabs{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;padding:0 16px}.tabs-list{display:flex;flex-wrap:nowrap;overflow-x:auto;list-style:none;margin:0;padding:0;scrollbar-width:thin}.tabs-list::-webkit-scrollbar{height:4px}.tabs-list::-webkit-scrollbar-track{background-color:transparent}.tabs-list::-webkit-scrollbar-thumb{background-color:#0000001a;border-radius:4px}.tab-item{display:flex;align-items:center;position:relative;white-space:nowrap;color:#495057;font-weight:500;font-size:14px;padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent}.tab-item:hover{color:#1a73e8;background-color:#1a73e80a}.tab-item.active{color:#1a73e8;border-bottom-color:#1a73e8}.tab-label{margin-right:8px}.notification-badge{display:inline-flex;align-items:center;justify-content:center;height:18px;min-width:18px;padding:0 6px;border-radius:9px;background-color:#f44336;color:#fff;font-size:11px;font-weight:600;line-height:1}.new-badge{display:inline-flex;align-items:center;justify-content:center;height:18px;padding:0 6px;margin-left:6px;border-radius:4px;background-color:#4caf50;color:#fff;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.header-bar{position:sticky;top:0;z-index:10;background-color:#fff;padding:16px;border-bottom:1px solid #e9ecef;transition:all .3s ease}.header-bar--scrolled{box-shadow:0 2px 8px #00000014;padding:12px 16px}.header-bar__container{display:flex;align-items:center;justify-content:space-between}.header-bar__title-container{display:flex;flex-direction:column}.header-bar__title{display:flex;align-items:center;font-size:18px;font-weight:600;color:#212121;margin:0}.header-bar__subtitle{font-size:13px;color:#757575;margin:4px 0 0}.header-bar__platform-indicator{width:10px;height:10px;border-radius:50%;margin-right:8px}.header-bar__platform-indicator--facebook{background-color:#4267b2}.header-bar__platform-indicator--instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.header-bar__platform-indicator--twitter{background-color:#1da1f2}.header-bar__actions{display:flex;align-items:center;gap:8px}.header-bar__action-button{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background-color:transparent;color:#616161;cursor:pointer;transition:background-color .2s ease}.header-bar__action-button:hover{background-color:#0000000d;color:#212121}.header-bar__action-button.active{background-color:#1a73e814;color:#1a73e8}.header-bar__action-button--filter{width:auto;border-radius:18px;padding:0 12px}.header-bar__badge{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background-color:#f44336;color:#fff;font-size:11px;font-weight:600;transform:translate(30%,-30%);animation:badgePulse 2s infinite}.header-bar__badge--new{background-color:#f44336}@keyframes badgePulse{0%{transform:translate(30%,-30%) scale(1)}50%{transform:translate(30%,-30%) scale(1.1)}to{transform:translate(30%,-30%) scale(1)}}.header-bar__dropdown{position:absolute;top:calc(100% + 8px);right:0;width:260px;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;overflow:hidden;opacity:0;transform:translateY(-10px);transition:all .2s ease;pointer-events:none}.header-bar__dropdown--visible{opacity:1;transform:translateY(0);pointer-events:auto}.header-bar__dropdown-header{padding:12px 16px;font-size:14px;font-weight:600;color:#424242;border-bottom:1px solid #e0e0e0}.header-bar__dropdown-item{display:flex;align-items:center;padding:12px 16px;cursor:pointer;transition:background-color .2s ease}.header-bar__dropdown-item:hover{background-color:#f5f5f5}.header-bar__dropdown-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-right:12px;color:#616161}.header-bar__dropdown-content{flex:1}.header-bar__dropdown-label{display:block;font-size:14px;font-weight:500;color:#424242;margin-bottom:2px}.header-bar__dropdown-description{font-size:12px;color:#757575}.search-bar{position:relative;margin:12px 16px;border-radius:8px;background-color:#f5f5f5;transition:all .3s ease}.search-bar--focused{background-color:#fff;box-shadow:0 2px 8px #00000014}.search-bar--animate{animation:searchBarEnter .3s ease}@keyframes searchBarEnter{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.search-bar__container{display:flex;align-items:center;position:relative;width:100%}.search-bar__icon{display:flex;align-items:center;justify-content:center;width:40px;color:#757575}.search-bar__input{flex:1;height:40px;background-color:transparent;border:none;outline:none;font-size:14px;color:#212121;padding:0;width:100%}.search-bar__input::placeholder{color:#9e9e9e;transition:opacity .2s ease}.search-bar__input:focus::placeholder{opacity:.7}.search-bar__input--typing{animation:typingPulse .5s ease}@keyframes typingPulse{0% {transform: scale(1);} .search-bar__clear:hover {background-color: #bdbdbd;} .search-bar__clear-icon {color: #616161;} .search-bar__progress {position: absolute; bottom: 0; left: 0; height: 2px; width: 0%; background-color: #2196f3; border-radius: 0 0 0 8px;} .search-bar__progress--loading {animation: progressLoading 1.5s infinite ease-in-out;} @keyframes progressLoading {0% {width: 0%;} 50% {width: 70%;} 100% {width: 100%;}} .search-bar__results {position: absolute; top: calc(100% + 5px) ; left: 0; width: 100%; max-height: 300px; overflow-y: auto; background-color: white; border-radius: 8px; box-shadow: 0 4px 12px rgba(0,0,0,.15); z-index: 100; opacity: 0; transform: translateY(-10px); transition: all .2s ease; pointer-events: none;} .search-bar__results--visible {opacity: 1; transform: translateY(0); pointer-events: auto;} .search-bar__recent {padding: 12px 0;} .search-bar__recent-title {padding: 0 16px 8px; font-size: 12px; font-weight: 600; color: #616161; text-transform: uppercase; letter-spacing: .5px;} .search-bar__recent-item {display: flex; align-items: center; padding: 8px 16px; cursor: pointer; transition: background-color .15s ease;} .search-bar__recent-item:hover {background-color: #f5f5f5;} .search-bar__recent-icon {color: #9e9e9e; margin-right: 12px;} .search-bar__recent-text {font-size: 14px; color: #424242;}}50%{transform:scale(1.02)}100%{transform:scale(1)}} .search-bar__clear{position:absolute;right:10px;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background-color:#e0e0e0;border:none;cursor:pointer;opacity:0;transform:scale(.8);transition:all .2s ease}.search-bar__clear--visible{opacity:1;transform:scale(1)}.message-item{position:relative;padding:1rem;transition:all .2s ease;cursor:pointer;border-bottom:1px solid rgba(0,0,0,.05)}.message-item:hover{background-color:#00000005}.message-item--unread{background-color:#3b82f60d}.message-item--facebook{border-left:3px solid #1877F2}.message-item--instagram{border-left:3px solid #E1306C}.message-item--twitter{border-left:3px solid #1DA1F2}.message-item__container{display:flex;width:100%}.message-item__avatar-container{position:relative;margin-right:1rem;flex-shrink:0}.message-item__avatar-wrapper{width:40px;height:40px;border-radius:50%;overflow:hidden;background-color:#f3f4f6}.message-item__avatar{width:100%;height:100%;object-fit:cover}.message-item__platform-indicator{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;border-radius:50%;background-color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0000001a}.message-item__content{flex:1;min-width:0}.message-item__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.25rem}.message-item__user-container{display:flex;align-items:center;min-width:0}.message-item__username{font-size:.9375rem;font-weight:600;color:#111827;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-item__new-badge{font-size:.6875rem;font-weight:600;color:#fff;background-color:#3b82f6;padding:.125rem .375rem;border-radius:4px;margin-left:.5rem}.message-item__meta{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.75rem;white-space:nowrap}.message-item__body{font-size:.875rem;color:#4b5563;margin:0;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.message-item__features{display:flex;gap:.75rem;font-size:.75rem;color:#6b7280;margin-top:.5rem}.message-item__feature{display:flex;align-items:center}.message-item__feature-icon{width:14px;height:14px;margin-right:.25rem}.message-item__feature--attachment{color:#6b7280}.message-item__feature--starred{color:#f59e0b}.message-item__unread-indicator{position:absolute;top:50%;right:1rem;width:8px;height:8px;border-radius:50%;background-color:#3b82f6;transform:translateY(-50%)}.message-item__unread-indicator--pulse{animation:pulse 2s infinite}.message-item__engagement{display:flex;gap:1rem;margin-top:.5rem;font-size:.75rem;color:#6b7280}.message-item__stat{display:flex;align-items:center}@keyframes pulse{0%{transform:translateY(-50%) scale(.95);box-shadow:0 0 #3b82f680}70%{transform:translateY(-50%) scale(1);box-shadow:0 0 0 6px #3b82f600}to{transform:translateY(-50%) scale(.95);box-shadow:0 0 #3b82f600}}@tailwind base;@tailwind components;@tailwind utilities;*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;margin:0;overflow:hidden;background-color:var(--color-background-app)}#root{height:100vh}.whatsapp-clone-container{display:flex;height:100vh;overflow:hidden}.w-1\/4{width:80px;flex-shrink:0}.flex-grow{flex:1;min-width:0;overflow:hidden}.split{display:flex;width:100%;height:100%;overflow:hidden}.gutter{background-color:var(--color-gutter);width:2px!important;cursor:col-resize}.chat-window{display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-messages{flex:1;overflow-y:auto;padding:1rem}.chat-input{padding:1rem;background:var(--color-background-white);border-top:1px solid var(--color-border)}.message-container{padding:.5rem;overflow-y:auto;height:calc(100vh - 120px)}.lead-sidebar-container{width:300px;border-left:1px solid var(--color-border);background:var(--color-background-white);overflow-y:auto}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-image:url(/assets/fachadaUniversitariaDeColombia-CqW6QGrN.webp);background-size:cover;background-position:center;background-repeat:no-repeat;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;position:relative}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1}.login-container h2{color:var(--color-text-black);font-size:2rem;font-weight:600;margin-bottom:2rem;text-align:center;position:relative;padding-bottom:1rem}.login-container h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:50px;height:3px;background:linear-gradient(90deg,var(--color-whatsapp) 0%,var(--color-whatsapp-hover) 100%);border-radius:2px}.login-card{background:var(--color-background-white);padding:2.5rem 3rem;border-radius:20px;box-shadow:0 10px 25px var(--color-shadow);width:100%;max-width:400px;transition:transform .3s ease,box-shadow .3s ease;position:relative;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6}.login-subtitle{padding:5px;color:var(--color-text-black)}.dark-theme .login-card{background:#2d2d2de6}.login-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px var(--color-shadow)}.error-message{background-color:var(--color-error-bg);border:1px solid rgba(239,68,68,.2);border-radius:12px;color:var(--color-icon-error);padding:1rem 1.5rem;margin-bottom:1.5rem;width:100%;text-align:center;font-size:.9rem;animation:fadeIn .3s ease;display:flex;align-items:center;justify-content:center}.error-message:before{content:"⚠️";margin-right:8px}.google-button{width:100%;background:var(--color-background-white);border:1px solid var(--color-input-border);border-radius:12px;padding:1rem;display:flex;align-items:center;justify-content:center;gap:10px;font-size:1rem;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.google-button:hover{background-color:var(--color-button-hover-bg);box-shadow:0 2px 4px var(--color-shadow)}.google-button:active{background-color:var(--color-table-header-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.login-container{padding:1rem}.login-card{padding:2rem}.login-container h2{font-size:1.5rem}}.header-cambio-LeadsView{position:fixed;top:0;left:64px;right:0;display:flex;align-items:center;padding:.5rem 1rem;background-color:var(--color-header-bg);border-bottom:1px solid var(--color-border-light);z-index:50;height:48px}.btn-cambioLeadsView{display:flex;align-items:center;gap:.25rem;color:var(--color-icon-muted);transition:all .2s ease;padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem}.btn-cambioLeadsView:hover{color:var(--color-text-secondary);background-color:var(--color-button-hover-bg)}.h3_cambio_view{font-size:.875rem;font-weight:400;line-height:1}.escalor{position:relative;height:calc(100vh - 48px);margin-top:48px;overflow-y:auto;padding:.75rem;scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) var(--color-scrollbar-track);background-color:var(--color-background-white)}.escalor::-webkit-scrollbar{width:8px}.escalor::-webkit-scrollbar-track{background:var(--color-scrollbar-track)}.escalor::-webkit-scrollbar-thumb{background-color:var(--color-scrollbar);border-radius:4px}.escalor::-webkit-scrollbar-thumb:hover{background-color:var(--color-scrollbar-hover)}@media (max-width: 768px){.header-cambio-LeadsView{left:0;padding:.5rem;height:40px}.escalor{height:calc(100vh - 40px);margin-top:40px;padding:.5rem}.h3_cambio_view{font-size:.875rem}}.company-selection-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--color-metric-sales);display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto}.company-selection-container{background:var(--color-background-white);border-radius:20px;box-shadow:0 20px 60px var(--color-shadow);max-width:800px;width:90%;max-height:90vh;overflow-y:auto;margin:20px}.company-selection-header{text-align:center;padding:40px 40px 20px;border-bottom:2px solid var(--color-border)}.company-logo{margin-bottom:20px}.logo-image{height:80px;width:auto;object-fit:contain}.company-title{font-size:2.5rem;font-weight:700;color:var(--color-text-secondary);margin-bottom:10px;background:var(--color-metric-sales);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.company-subtitle{font-size:1.1rem;color:var(--color-text-muted);line-height:1.6}.company-selection-content{padding:30px 40px}.company-card{display:flex;align-items:center;padding:20px;border:2px solid var(--color-border);border-radius:15px;margin-bottom:15px;cursor:pointer;transition:all .3s ease;background:var(--color-background-white)}.company-card:hover{border-color:var(--color-btn-primary);box-shadow:0 8px 25px var(--color-btn-focus-ring);transform:translateY(-2px)}.company-card.selected{border-color:var(--color-btn-primary);background:var(--color-btn-hover-bg);box-shadow:0 8px 25px var(--color-btn-focus-ring)}.company-card-icon{font-size:2.5rem;margin-right:20px;min-width:60px;text-align:center}.company-card-content{flex-grow:1}.company-card-title{font-size:1.3rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:5px}.company-card-description{font-size:.95rem;color:var(--color-text-muted);margin:0}.company-card-selector{min-width:30px;text-align:center}.selected-indicator{color:var(--color-btn-primary);font-size:1.5rem;font-weight:700}.companies-grid{margin-top:20px}.company-selection-footer{padding:20px 40px 40px;text-align:center;border-top:2px solid var(--color-border)}.continue-button{background:var(--color-btn-primary);color:var(--color-background-white);border:none;padding:15px 40px;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:15px;min-width:280px}.continue-button:hover.active{background:var(--color-btn-primary-hover);transform:translateY(-2px);box-shadow:0 10px 30px var(--color-btn-focus-ring)}.continue-button:disabled{background:var(--color-pagination-disabled-bg);color:var(--color-pagination-disabled-text);cursor:not-allowed;transform:none;box-shadow:none}.company-footer-note{font-size:.9rem;color:var(--color-text-muted);margin:0}.company-loading,.company-error{text-align:center;padding:60px 40px}.loading-spinner{width:50px;height:50px;border:4px solid var(--color-border);border-top:4px solid var(--color-btn-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.company-loading h2,.company-error h2{font-size:1.8rem;color:var(--color-text-secondary);margin-bottom:10px}.company-loading p,.company-error p{color:var(--color-text-muted);font-size:1rem}.error-icon{font-size:3rem;margin-bottom:20px}.retry-button{background:var(--color-btn-primary);color:var(--color-background-white);border:none;padding:12px 30px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px}.retry-button:hover{background:var(--color-btn-primary-hover);transform:translateY(-1px)}.no-companies{text-align:center;padding:40px;color:var(--color-text-muted)}@media (max-width: 768px){.company-selection-container{width:95%;max-height:95vh;border-radius:15px}.company-selection-header{padding:30px 20px 15px}.company-title{font-size:2rem}.company-subtitle{font-size:1rem}.company-selection-content{padding:20px}.company-card{padding:15px;flex-direction:column;text-align:center}.company-card-icon{margin-right:0;margin-bottom:10px}.company-selection-footer{padding:15px 20px 30px}.continue-button{width:100%;min-width:auto}}@media (max-width: 480px){.company-card{margin-bottom:10px}.company-card-title{font-size:1.1rem}.company-card-description{font-size:.9rem}}:root{--color-text-primary: #213547;--color-background-primary: #ffffff;--color-text-secondary: #333;--color-text-muted: #666;--color-category-active: #0a7cff;--color-link: #646cff;--color-link-hover: #747bff;--color-button-background: #f9f9f9;--color-button-border-hover: #646cff;--color-btn-primary: #2563eb;--color-btn-primary-hover: #1d4ed8;--color-btn-focus-ring: rgba(59, 130, 246, .5);--color-btn-hover-bg: rgba(0, 0, 0, .05);--color-button-hover-bg: #F3F4F6;--color-button-hover-border: #D1D5DB;--color-login-button: #4285f4;--color-login-button-hover: #357ae8;--color-badge-gradient-from: #ff7e00;--color-badge-gradient-to: #ff2d55;--color-badge-text: #ff2d55;--color-badge-professional-bg: #EFF6FF;--color-badge-professional-text: #1D4ED8;--color-badge-technical-bg: #ECFDF5;--color-badge-technical-text: #047857;--color-badge-specialization-bg: #F5F3FF;--color-badge-specialization-text: #6D28D9;--color-map-bg: rgb(229 231 235);--color-chart-grid: rgb(229 231 235);--color-metric-revenue: linear-gradient(to right, #0ea5e9, #38bdf8);--color-metric-revenue-border: #0284c7;--color-metric-revenue-hover: linear-gradient(to right, #38bdf8, #7dd3fc);--color-metric-profit: linear-gradient(to right, #22c55e, #4ade80);--color-metric-profit-border: #16a34a;--color-metric-profit-hover: linear-gradient(to right, #4ade80, #86efac);--color-metric-sales: linear-gradient(to right, #6366f1, #818cf8);--color-metric-sales-border: #4f46e5;--color-metric-sales-hover: linear-gradient(to right, #818cf8, #a5b4fc);--color-metric-lost: linear-gradient(to right, #1a1a1a, #2d2d2d);--color-metric-lost-border: #333333;--color-metric-lost-hover: linear-gradient(to right, #2d2d2d, #404040);--color-control-border: rgba(255, 255, 255, .3);--color-control-bg: rgba(255, 255, 255, .1);--color-control-hover-bg: rgba(255, 255, 255, .2);--color-calendar-day-bg: rgb(229 231 235);--color-calendar-day-hover-bg: rgb(209 213 219);--color-calendar-day-selected-bg: rgb(59 130 246);--color-skeleton-start: rgba(255, 255, 255, .1);--color-skeleton-middle: rgba(255, 255, 255, .3);--color-skeleton-end: rgba(255, 255, 255, .1);--color-skeleton-box-start: #f0f0f0;--color-skeleton-box-middle: #e0e0e0;--color-skeleton-box-end: #f0f0f0;--color-searchbar-bg: #f8fafc;--color-searchbar-backdrop: linear-gradient(135deg, rgba(255, 255, 255, .6), rgba(255, 255, 255, .2));--color-searchbar-backdrop-border: rgba(255, 255, 255, .1);--color-searchbar-glow: linear-gradient(135deg, rgba(99, 102, 241, .5), rgba(99, 102, 241, .2));--color-searchbar-focus: #6366f1;--color-searchbar-focus-shadow: rgba(99, 102, 241, .1);--color-searchbar-clear-bg: rgba(203, 213, 225, .3);--color-searchbar-clear-hover-bg: rgba(239, 68, 68, .1);--color-table-header-bg: #F9FAFB;--color-table-header-hover: #f1f5f9;--color-table-header-text: #374151;--color-table-border: #E5E7EB;--color-table-cell-text: #1f2937;--color-table-row-hover: #F9FAFB;--color-pagination-active-bg: #2563EB;--color-pagination-active-border: #2563EB;--color-pagination-disabled-bg: #f9fafb;--color-pagination-disabled-text: #9ca3af;--color-scrollbar-track: #f1f1f1;--color-input-border: #E5E7EB;--color-input-focus: #3B82F6;--color-input-focus-shadow: rgba(59, 130, 246, .1);--color-placeholder: #94a3b8;--color-icon-muted: #64748b;--color-icon-success: #10B981;--color-icon-error: #EF4444;--color-dropdown-button: #6B7280;--color-filter-primary: #f59e0b;--color-filter-bg: rgba(245, 158, 11, .1);--color-filter-bg-hover: rgba(245, 158, 11, .2);--color-header-bg: #f9fafb;--color-shadow: rgba(0, 0, 0, .1);--color-scrollbar: #d1d5db;--color-scrollbar-hover: #9ca3af;--color-option-hover: rgba(0, 0, 0, .03);--color-checkbox-checked: #4f46e5;--color-checkbox-unchecked: #d1d5db;--color-spinner-bg: #eee;--color-border: #e2e8f0;--color-border-light: #eee;--color-background-light: #f7fafc;--color-background-white: white;--color-text-black: black;--color-background-app: #f0f2f5;--color-gutter: #f0f2f5;--color-whatsapp: #25D366;--color-whatsapp-hover: #128C7E;--color-whatsapp-disabled: #a8e0be;--color-tooltip-bg: #333;--color-tooltip-text: white;--color-tooltip-arrow: #333;--color-success-bg: rgba(16, 185, 129, .1);--color-error-bg: rgba(239, 68, 68, .1);--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-light: rgba(37, 99, 235, .1);--color-secondary: #6b7280;--color-success: #10b981;--color-success-light: rgba(16, 185, 129, .1);--color-success-dark: #047857;--color-error: #ef4444;--color-error-light: rgba(239, 68, 68, .1);--color-error-dark: #dc2626;--color-warning: #f59e0b;--color-warning-light: rgba(245, 158, 11, .1);--color-warning-dark: #d97706;--color-info: #3b82f6;--color-gray: #6b7280;--color-gray-light: #f3f4f6;--color-gray-dark: #374151;--color-white: #ffffff;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--border-radius: .75rem;--border-radius-sm: .5rem;--border-radius-lg: 1rem;--box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--box-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--color-focus-ring: -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{--color-text-primary: #213547;--color-background-primary: #ffffff;--color-text-secondary: #333;--color-text-muted: #666;--color-link-hover: #747bff;--color-button-background: #f9f9f9;--color-background-app: #f0f2f5;--color-gutter: #f0f2f5;--color-category-active: #0a7cff;--color-btn-primary: #2563eb;--color-btn-primary-hover: #1d4ed8;--color-btn-focus-ring: rgba(59, 130, 246, .5);--color-btn-hover-bg: rgba(0, 0, 0, .05);--color-button-hover-bg: #F3F4F6;--color-button-hover-border: #D1D5DB;--color-login-button: #4285f4;--color-login-button-hover: #357ae8;--color-badge-gradient-from: #ff7e00;--color-badge-gradient-to: #ff2d55;--color-badge-text: #ff2d55;--color-badge-professional-bg: #EFF6FF;--color-badge-professional-text: #1D4ED8;--color-badge-technical-bg: #ECFDF5;--color-badge-technical-text: #047857;--color-badge-specialization-bg: #F5F3FF;--color-badge-specialization-text: #6D28D9;--color-map-bg: rgb(229 231 235);--color-chart-grid: rgb(229 231 235);--color-metric-revenue: linear-gradient(to right, #0ea5e9, #38bdf8);--color-metric-revenue-border: #0284c7;--color-metric-revenue-hover: linear-gradient(to right, #38bdf8, #7dd3fc);--color-metric-profit: linear-gradient(to right, #22c55e, #4ade80);--color-metric-profit-border: #16a34a;--color-metric-profit-hover: linear-gradient(to right, #4ade80, #86efac);--color-metric-sales: linear-gradient(to right, #6366f1, #818cf8);--color-metric-sales-border: #4f46e5;--color-metric-sales-hover: linear-gradient(to right, #818cf8, #a5b4fc);--color-metric-lost: linear-gradient(to right, #1a1a1a, #2d2d2d);--color-metric-lost-border: #333333;--color-metric-lost-hover: linear-gradient(to right, #2d2d2d, #404040);--color-control-border: rgba(255, 255, 255, .3);--color-control-bg: rgba(255, 255, 255, .1);--color-control-hover-bg: rgba(255, 255, 255, .2);--color-calendar-day-bg: rgb(229 231 235);--color-calendar-day-hover-bg: rgb(209 213 219);--color-calendar-day-selected-bg: rgb(59 130 246);--color-skeleton-start: rgba(255, 255, 255, .1);--color-skeleton-middle: rgba(255, 255, 255, .3);--color-skeleton-end: rgba(255, 255, 255, .1);--color-skeleton-box-start: #f0f0f0;--color-skeleton-box-middle: #e0e0e0;--color-skeleton-box-end: #f0f0f0;--color-searchbar-bg: #f8fafc;--color-searchbar-backdrop: linear-gradient(135deg, rgba(255, 255, 255, .6), rgba(255, 255, 255, .2));--color-searchbar-backdrop-border: rgba(255, 255, 255, .1);--color-searchbar-glow: linear-gradient(135deg, rgba(99, 102, 241, .5), rgba(99, 102, 241, .2));--color-searchbar-focus: #6366f1;--color-searchbar-focus-shadow: rgba(99, 102, 241, .1);--color-searchbar-clear-bg: rgba(203, 213, 225, .3);--color-searchbar-clear-hover-bg: rgba(239, 68, 68, .1);--color-table-header-bg: #F9FAFB;--color-table-header-hover: #f1f5f9;--color-table-header-text: #374151;--color-table-border: #E5E7EB;--color-table-cell-text: #1f2937;--color-table-row-hover: #F9FAFB;--color-pagination-active-bg: #2563EB;--color-pagination-active-border: #2563EB;--color-pagination-disabled-bg: #f9fafb;--color-pagination-disabled-text: #9ca3af;--color-scrollbar-track: #f1f1f1;--color-input-border: #E5E7EB;--color-input-focus: #3B82F6;--color-input-focus-shadow: rgba(59, 130, 246, .1);--color-placeholder: #94a3b8;--color-icon-muted: #64748b;--color-icon-success: #10B981;--color-icon-error: #EF4444;--color-dropdown-button: #6B7280;--color-filter-primary: #f59e0b;--color-filter-bg: rgba(245, 158, 11, .1);--color-filter-bg-hover: rgba(245, 158, 11, .2);--color-header-bg: #f9fafb;--color-border-light: #eee;--color-shadow: rgba(0, 0, 0, .1);--color-scrollbar: #d1d5db;--color-scrollbar-hover: #9ca3af;--color-option-hover: rgba(0, 0, 0, .03);--color-checkbox-checked: #4f46e5;--color-checkbox-unchecked: #d1d5db;--color-spinner-bg: #eee;--color-whatsapp: #25D366;--color-whatsapp-hover: #128C7E;--color-whatsapp-disabled: #a8e0be;--color-tooltip-bg: #333;--color-tooltip-text: white;--color-tooltip-arrow: #333;--color-success-bg: rgba(16, 185, 129, .1);--color-error-bg: rgba(239, 68, 68, .1);--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-light: rgba(37, 99, 235, .1);--color-secondary: #6b7280;--color-success: #10b981;--color-success-light: rgba(16, 185, 129, .1);--color-success-dark: #047857;--color-error: #ef4444;--color-error-light: rgba(239, 68, 68, .1);--color-error-dark: #dc2626;--color-warning: #f59e0b;--color-warning-light: rgba(245, 158, 11, .1);--color-warning-dark: #d97706;--color-info: #3b82f6;--color-gray: #6b7280;--color-gray-light: #f3f4f6;--color-gray-dark: #374151;--color-white: #ffffff;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--border-radius: .75rem;--border-radius-sm: .5rem;--border-radius-lg: 1rem;--box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--box-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1)}}.dark-theme{--color-text-primary: rgba(255, 255, 255, .87);--color-background-primary: #242424;--color-text-secondary: #f1f5f9;--color-text-muted: #a0a0a0;--color-link-hover: #535bf2;--color-button-background: #1a1a1a;--color-background-light: #2a2a2a;--color-background-white: #1f1f1f;--color-border: #444444;--color-text-black: white;--color-background-app: #1e1e1e;--color-gutter: #333333;--color-category-active: #60a5fa;--color-btn-primary: #3b82f6;--color-btn-primary-hover: #60a5fa;--color-btn-focus-ring: rgba(59, 130, 246, .5);--color-btn-hover-bg: rgba(255, 255, 255, .1);--color-button-hover-bg: #2a2a2a;--color-button-hover-border: #4a4a4a;--color-login-button: #5c9aff;--color-login-button-hover: #7cafff;--color-shadow: rgba(0, 0, 0, .3);--color-badge-gradient-from: #ff7e00;--color-badge-gradient-to: #ff2d55;--color-badge-text: #ff2d55;--color-badge-professional-bg: #1E3A8A;--color-badge-professional-text: #93C5FD;--color-badge-technical-bg: #064E3B;--color-badge-technical-text: #6EE7B7;--color-badge-specialization-bg: #4C1D95;--color-badge-specialization-text: #C4B5FD;--color-map-bg: #2a2a2a;--color-chart-grid: #333333;--color-metric-revenue: linear-gradient(to right, #0369a1, #0284c7);--color-metric-revenue-border: #0c4a6e;--color-metric-revenue-hover: linear-gradient(to right, #0284c7, #0ea5e9);--color-metric-profit: linear-gradient(to right, #15803d, #16a34a);--color-metric-profit-border: #14532d;--color-metric-profit-hover: linear-gradient(to right, #16a34a, #22c55e);--color-metric-sales: linear-gradient(to right, #4338ca, #4f46e5);--color-metric-sales-border: #312e81;--color-metric-sales-hover: linear-gradient(to right, #4f46e5, #6366f1);--color-metric-lost: linear-gradient(to right, #111827, #1f2937);--color-metric-lost-border: #030712;--color-metric-lost-hover: linear-gradient(to right, #1f2937, #374151);--color-control-border: rgba(255, 255, 255, .2);--color-control-bg: rgba(255, 255, 255, .05);--color-control-hover-bg: rgba(255, 255, 255, .1);--color-calendar-day-bg: #2a2a2a;--color-calendar-day-hover-bg: #3a3a3a;--color-calendar-day-selected-bg: #3b82f6;--color-skeleton-start: rgba(50, 50, 50, .1);--color-skeleton-middle: rgba(80, 80, 80, .3);--color-skeleton-end: rgba(50, 50, 50, .1);--color-skeleton-box-start: #2a2a2a;--color-skeleton-box-middle: #3a3a3a;--color-skeleton-box-end: #2a2a2a;--color-searchbar-bg: rgba(30, 41, 59, .8);--color-searchbar-backdrop: linear-gradient(135deg, rgba(30, 41, 59, .8), rgba(30, 41, 59, .4));--color-searchbar-backdrop-border: rgba(255, 255, 255, .05);--color-searchbar-glow: linear-gradient(135deg, rgba(99, 102, 241, .5), rgba(99, 102, 241, .2));--color-searchbar-focus: #818cf8;--color-searchbar-focus-shadow: rgba(99, 102, 241, .2);--color-searchbar-clear-bg: rgba(51, 65, 85, .5);--color-searchbar-clear-hover-bg: rgba(239, 68, 68, .2);--color-placeholder: #64748b;--color-table-header-bg: #1a1a1a;--color-table-header-hover: #2c2c2c;--color-table-header-text: #e0e0e0;--color-table-border: #444444;--color-table-cell-text: #c0c0c0;--color-table-row-hover: #2a2a2a;--color-pagination-active-bg: #3b82f6;--color-pagination-active-border: #3b82f6;--color-pagination-disabled-bg: #2a2a2a;--color-pagination-disabled-text: #6b7280;--color-scrollbar-track: #2a2a2a;--color-input-border: #444444;--color-input-focus: #3b82f6;--color-input-focus-shadow: rgba(59, 130, 246, .2);--color-icon-muted: #94a3b8;--color-icon-success: #10B981;--color-icon-error: #EF4444;--color-dropdown-button: #a0a0a0;--color-filter-primary: #f59e0b;--color-filter-bg: rgba(245, 158, 11, .15);--color-filter-bg-hover: rgba(245, 158, 11, .25);--color-header-bg: #2a2a2a;--color-border-light: #444;--color-scrollbar: #4b5563;--color-scrollbar-hover: #6b7280;--color-option-hover: rgba(255, 255, 255, .05);--color-checkbox-checked: #6366f1;--color-checkbox-unchecked: #6b7280;--color-spinner-bg: #333;--color-whatsapp: #25D366;--color-whatsapp-hover: #0fad49;--color-whatsapp-disabled: #1a7940;--color-tooltip-bg: #333;--color-tooltip-text: white;--color-tooltip-arrow: #333;--color-success-bg: rgba(16, 185, 129, .15);--color-error-bg: rgba(239, 68, 68, .15);--color-primary: #3b82f6;--color-primary-dark: #2563eb;--color-primary-light: rgba(59, 130, 246, .15);--color-secondary: #94a3b8;--color-success: #10b981;--color-success-light: rgba(16, 185, 129, .15);--color-success-dark: #059669;--color-error: #ef4444;--color-error-light: rgba(239, 68, 68, .15);--color-error-dark: #dc2626;--color-warning: #f59e0b;--color-warning-light: rgba(245, 158, 11, .15);--color-warning-dark: #d97706;--color-info: #3b82f6;--color-gray: #9ca3af;--color-gray-light: #374151;--color-gray-dark: #1f2937;--color-white: #ffffff;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--border-radius: .75rem;--border-radius-sm: .5rem;--border-radius-lg: 1rem;--box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -2px rgba(0, 0, 0, .3);--box-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 8px 10px -6px rgba(0, 0, 0, .3)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--color-text-primary);background-color:var(--color-background-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:var(--color-link);text-decoration:inherit}a:hover{color:var(--color-link-hover)}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-button-background);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--color-button-border-hover)}button:focus,button:focus-visible{outline:4px auto var(--color-focus-ring)}body,html{height:100%;margin:0;font-family:Arial,sans-serif}.flex{display:flex}.h-screen{height:100vh}.bg-gray-100{background-color:var(--color-background-light)}.bg-white{background-color:var(--color-background-white)}.border-r{border-right:1px solid var(--color-border)}.textNombres{color:var(--color-text-black)}