body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container{align-items:center;display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh;padding:20px;position:relative}.login-box{animation:fadeIn .6s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:15px;box-shadow:0 8px 32px #0000001a;max-width:400px;padding:40px;position:relative;width:100%;z-index:2}.logo-header{background:#0000;margin-bottom:20px;text-align:center}.logo-image{border-radius:10px;height:auto;margin-bottom:15px;max-width:120px}.logo{margin-bottom:30px;text-align:center}.logo h2{color:#333;font-size:24px;font-weight:600;margin-bottom:8px}.logo p{color:#666;font-size:14px}.login-form{margin-bottom:20px}.form-group label{color:#333;font-size:14px}.form-input{background:#f8f9fa;border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:15px;padding:14px;transition:all .3s ease;width:100%}.form-input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-input:disabled{background:#e9ecef;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#2c3e50,#3498db);border-radius:8px;box-shadow:0 4px 15px #3498db4d;font-size:16px;height:50px;letter-spacing:.5px;margin-top:10px;padding:14px;position:relative;text-transform:uppercase;width:100%}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#34495e,#2980b9);box-shadow:0 6px 20px #3498db66}.btn-primary:active:not(:disabled){box-shadow:0 2px 10px #3498db4d;transform:translateY(0)}.loader{animation:rotation 1s linear infinite;border:2px solid;border-color:#fff #fff #0000;height:20px;margin:0 auto;width:20px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.alert{font-size:14px;margin-top:15px;padding:12px;text-align:center}.alert-error{background:#fee;border:1px solid #fab1a0;color:#d63031}.system-info{border-top:1px solid #0000001a;color:#666;font-size:12px;margin-top:25px;padding-top:20px;text-align:center}.status-online{color:#00b894}.status-offline{color:#d63031;font-weight:700}@media (max-width:480px){.login-box{background:#fffffffa;margin:10px;padding:30px 20px}.login-container{padding:10px}.logo-image{max-width:100px}}.sip-caller-card{background:#fff;border-left:4px solid #3498db;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:20px 0;padding:20px}.sip-caller-card h3{color:#2c3e50;font-size:1.2em;margin:0 0 15px}.sip-status-section{align-items:center;background:#f8f9fa;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:15px;padding:10px}.sip-status{align-items:center;display:flex;font-weight:600;gap:8px}.sip-status.connected{color:#27ae60}.sip-status.disconnected{color:#e74c3c}.sip-status.connecting{color:#f39c12}.sip-status.calling{color:#3498db}.status-indicator{display:inline-block;height:8px;width:8px}.sip-status.connected .status-indicator{background:#27ae60}.sip-status.disconnected .status-indicator{background:#e74c3c}.sip-status.connecting .status-indicator{background:#f39c12}.sip-status.calling .status-indicator{background:#3498db}.btn-sip-connect,.btn-sip-disconnect{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.btn-sip-connect{background:#27ae60;color:#fff}.btn-sip-connect:hover{background:#219653}.btn-sip-disconnect{background:#e74c3c;color:#fff}.btn-sip-disconnect:hover{background:#c0392b}.call-controls-section{margin-bottom:15px}.number-input-group{display:flex;gap:10px;margin-bottom:10px}.number-input{border:2px solid #e9ecef;border-radius:6px;flex:1 1;font-size:14px;padding:10px}.number-input:focus{border-color:#3498db;outline:none}.number-input:disabled{background:#f8f9fa;color:#6c757d}.incoming-call-alert{animation:pulseCall 1s infinite;background:#fff3cd;border:2px solid #ffc107;border-radius:8px;margin-bottom:15px;padding:15px}@keyframes pulseCall{0%{border-color:#ffc107}50%{border-color:#ff6b35}to{border-color:#ffc107}}.incoming-call-info h4{color:#856404;font-size:16px;margin:0 0 10px}.incoming-call-info p{color:#856404;font-weight:500;margin:5px 0}.incoming-call-buttons{display:flex;gap:10px;justify-content:center;margin-top:15px}.btn-answer{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:all .3s ease}.btn-answer:hover{background:#218838;transform:translateY(-1px)}.btn-reject{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:all .3s ease}.btn-reject:hover{background:#c82333;transform:translateY(-1px)}.btn-call{background:#27ae60;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-call:hover:not(:disabled){background:#219653}.btn-call:disabled{background:#bdc3c7;cursor:not-allowed}.active-call-controls{background:#f8f9fa;border:2px solid #28a745;border-radius:8px;display:flex;flex-direction:column;gap:15px;margin-top:10px;padding:15px}.call-info{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;display:flex;justify-content:space-between;padding:10px}.call-timer{color:#28a745;font-size:16px;font-weight:700}.call-number{color:#2c3e50;font-weight:700}.additional-actions,.basic-controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.additional-actions{border-top:1px solid #ddd;padding-top:10px}.btn-client,.btn-disposition,.btn-hangup,.btn-hold,.btn-mute,.btn-transfer{border:none;border-radius:6px;cursor:pointer;font-weight:700;min-width:100px;padding:8px 16px;transition:all .3s ease}.btn-client{background:#007bff;color:#fff}.btn-client:hover{background:#0056b3;transform:translateY(-1px)}.btn-disposition{background:#28a745;color:#fff}.btn-disposition:hover{background:#1e7e34;transform:translateY(-1px)}.btn-hangup{background:#e74c3c;color:#fff}.btn-hangup:hover{background:#c0392b;transform:translateY(-1px)}.btn-mute{background:#f39c12;color:#fff}.btn-mute:hover{background:#e67e22;transform:translateY(-1px)}.btn-mute.muted{background:#6c757d;color:#fff}.btn-hold{background:#17a2b8;color:#fff}.btn-hold:hover{background:#138496;transform:translateY(-1px)}.btn-hold.on-hold{background:#28a745;color:#fff}.btn-transfer{background:#6f42c1;color:#fff}.btn-transfer:hover{background:#5a32a3;transform:translateY(-1px)}.call-status-text{color:#7f8c8d;font-size:12px;margin-top:8px;text-align:center}.debug-section{margin-top:15px}.debug-section h4{color:#2c3e50;font-size:14px;margin:0 0 8px}.debug-log{background:#2c3e50;border-radius:6px;color:#ecf0f1;font-family:Courier New,monospace;font-size:11px;max-height:120px;overflow-y:auto;padding:10px}.debug-line{line-height:1.3;margin:2px 0}@media (max-width:768px){.active-call-controls,.additional-actions,.basic-controls{align-items:center;flex-direction:column}.additional-actions,.basic-controls{width:100%}.additional-actions button,.basic-controls button{max-width:200px;width:100%}.incoming-call-buttons{align-items:center;flex-direction:column}.btn-answer,.btn-reject{max-width:150px;width:100%}.number-input-group{flex-direction:column}.btn-call{width:100%}.call-info{flex-direction:column;gap:5px;text-align:center}}.modal-overlay{background:#000000b3}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;padding:25px;width:90%}.modal-content h3{color:#2c3e50;font-size:20px;margin:0 0 20px;text-align:center}.form-group{margin-bottom:15px}.form-group label{font-weight:700;margin-bottom:5px}.client-input,.disposition-select{border:2px solid #e9ecef;border-radius:6px;font-size:14px;padding:10px;transition:border-color .3s ease;width:100%}.client-input:focus,.disposition-select:focus{border-color:#007bff;outline:none}.notes-textarea{border:2px solid #e9ecef;border-radius:6px;font-family:inherit;font-size:14px;padding:10px;resize:vertical;transition:border-color .3s ease;width:100%}.notes-textarea:focus{border-color:#007bff;outline:none}.call-summary{background:#f8f9fa;border-radius:6px;margin:15px 0;padding:15px}.call-summary p{color:#2c3e50;margin:5px 0}.client-form{max-height:400px;overflow-y:auto}.modal-actions{border-top:1px solid #e9ecef;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:15px}.btn-cancel{background:#6c757d;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:all .3s ease}.btn-cancel:hover{background:#5a6268}.btn-save{background:#28a745;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:all .3s ease}.btn-save:hover{background:#218838}.btn-save:disabled{background:#6c757d;cursor:not-allowed}.auto-dialer-section{background:#f8f9fa;border:2px solid #007bff;border-radius:10px;margin:20px 0;padding:20px}.auto-dialer-section h4{color:#007bff;font-size:18px;margin:0 0 15px}.campaign-config{margin-bottom:20px}.config-row{align-items:center;display:flex;gap:10px;margin-bottom:10px}.config-row label{color:#2c3e50;font-weight:700;min-width:180px}.campaign-select,.config-input{border:2px solid #e9ecef;border-radius:6px;flex:1 1;font-size:14px;padding:8px 12px}.campaign-select:focus,.config-input:focus{border-color:#007bff;outline:none}.campaign-stats{background:#fff;border:1px solid #ddd;border-radius:8px;margin:15px 0;padding:15px}.campaign-stats h5{color:#2c3e50;margin:0 0 15px}.stats-grid{grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:15px}.stat-item{background:#f8f9fa;border-radius:6px;padding:10px;text-align:center}.stat-label{font-size:12px;margin-bottom:5px}.stat-value{font-size:20px}.stat-value.success{color:#28a745}.stat-value.error{color:#dc3545}.progress-bar{background:#e9ecef;border-radius:4px;height:8px;margin-bottom:5px}.progress-fill{background:#28a745}.progress-text{color:#6c757d;font-size:12px}.current-contact{background:#fff3cd;border:2px solid #ffc107;border-radius:8px;margin:15px 0;padding:15px}.current-contact h5{color:#856404;margin:0 0 10px}.contact-info p{color:#856404;margin:5px 0}.dialer-controls{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:15px 0}.btn-reload-numbers,.btn-start-dialer,.btn-stop-dialer{border:none;border-radius:6px;cursor:pointer;font-weight:700;padding:12px 20px;transition:all .3s ease}.btn-start-dialer{background:#28a745;color:#fff}.btn-start-dialer:hover:not(:disabled){background:#218838;transform:translateY(-1px)}.btn-start-dialer:disabled{background:#6c757d;cursor:not-allowed}.btn-stop-dialer{background:#dc3545;color:#fff}.btn-stop-dialer:hover{background:#c82333;transform:translateY(-1px)}.btn-reload-numbers{background:#17a2b8;color:#fff}.btn-reload-numbers:hover:not(:disabled){background:#138496;transform:translateY(-1px)}.btn-reload-numbers:disabled{background:#6c757d;cursor:not-allowed}.dialer-status{align-items:center;background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;display:flex;gap:10px;margin:15px 0;padding:10px}.status-indicator{background:#28a745;border-radius:50%;height:12px;width:12px}.status-indicator.pulsing{animation:pulse 1.5s infinite}.dialer-status span{color:#155724;font-weight:500}.loading-pause-codes{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.loader-small{margin-bottom:15px}.no-pause-codes{padding:40px 20px;text-align:center}.no-pause-codes p{color:#666;margin-bottom:20px}.tipification-modal-overlay{z-index:1000}.tipification-modal{box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:500px;overflow:hidden}.tipification-modal-header{border-bottom:1px solid #e1e5e9;color:#fff;padding:20px}.tipification-modal-header h3{font-size:1.3rem}.close-btn{background:none;height:30px;transition:background-color .2s;width:30px}.close-btn:hover{background-color:#fff3}.tipification-modal-body{max-height:400px;padding:20px}.loading-tipifications{padding:40px 20px;text-align:center}.loader-small{border-top-color:#667eea;height:30px;margin:0 auto 15px;width:30px}.no-tipifications{color:#666;padding:40px 20px;text-align:center}.call-info{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin-bottom:20px;padding:15px}.call-info p{font-size:.9rem;margin:5px 0}.tipifications-list label{color:#333;display:block;font-weight:600;margin-bottom:12px}.tipification-options{display:flex;flex-direction:column;gap:8px;max-height:250px;overflow-y:auto}.tipification-option{align-items:center;background:#fff;border:2px solid #e1e5e9;border-radius:8px;cursor:pointer;display:flex;padding:12px 15px;transition:all .2s ease}.tipification-option:hover{background:#f8f9ff;border-color:#667eea}.tipification-option.selected{background:#667eea;border-color:#667eea;color:#fff}.tipification-code{font-size:.9rem;margin-right:10px;min-width:60px}.tipification-description{flex:1 1;font-size:.95rem}.tipification-modal-footer{background:#f8f9fa;border-top:1px solid #e1e5e9;gap:10px;padding:20px}.btn-primary,.btn-secondary{border:none;border-radius:6px;cursor:pointer;font-weight:600;min-width:120px;padding:10px 20px;transition:all .2s ease}.btn-primary{background:#667eea}.btn-primary:hover:not(:disabled){background:#5a6fd8}.btn-secondary:hover:not(:disabled){background:#5a6268}.tipification-options::-webkit-scrollbar{width:6px}.tipification-options::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.tipification-options::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.tipification-options::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.tipification-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.tipification-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:85vh;max-width:700px;width:90%}.tipification-modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid #eaeaea;border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.tipification-modal-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.close-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background .2s;width:32px}.close-btn:hover:not(:disabled){background:#ffffff4d}.close-btn:disabled{cursor:not-allowed;opacity:.5}.tipification-modal-body{flex-grow:1;overflow-y:auto;padding:24px}.call-info-section{border-bottom:2px solid #f0f0f0;margin-bottom:25px;padding-bottom:20px}.call-info-section h4{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.call-info-section h4:before{content:"📋"}.call-info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}@media (max-width:600px){.call-info-grid{grid-template-columns:1fr}}.call-info-item{display:flex;flex-direction:column;gap:4px}.call-info-label{color:#666;font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.call-info-value{align-items:center;background:#f8f9fa;border:1px solid #eaeaea;border-radius:6px;color:#333;display:flex;font-size:14px;font-weight:500;min-height:36px;padding:8px 12px}.sip-warning{background-color:#fff3cd!important;border-color:#ffc107!important;color:#856404!important}.warning-icon{cursor:help;font-size:16px;margin-left:auto}.tipifications-section{margin-top:20px}.tipifications-section h4{align-items:center;color:#333;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.tipifications-section h4:before{content:"🎯"}.tipifications-list{background:#fff;border:1px solid #eaeaea;border-radius:8px;max-height:350px;overflow-y:auto}.tipification-item{align-items:center;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;justify-content:space-between;padding:16px;position:relative;transition:all .2s ease}.tipification-item:last-child{border-bottom:none}.tipification-item:hover{background-color:#f8f9fa;transform:translateX(4px)}.tipification-item.selected{background-color:#e8f4ff;border-left:4px solid #1890ff;border-right:1px solid #1890ff}.tipification-content{flex:1 1;min-width:0}.tipification-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:6px}.tipification-code{background:#e8f4ff;border:1px solid #bae0ff;border-radius:20px;color:#1890ff;font-size:14px;font-weight:700;padding:4px 10px}.tipification-category{background:#6c757d;border-radius:12px;color:#fff;font-size:11px;font-weight:500;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.tipification-description{color:#555;font-size:13px;line-height:1.5;margin:0;word-break:break-word}.tipification-selector{flex-shrink:0;margin-left:12px}.selected-indicator{align-items:center;background:#fff;border:2px solid #52c41a;border-radius:50%;color:#52c41a;display:flex;font-size:20px;font-weight:700;height:30px;justify-content:center;width:30px}.loading-tipifications,.no-tipifications{align-items:center;color:#666;display:flex;flex-direction:column;gap:15px;padding:40px 20px;text-align:center}.loader-small{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#1890ff;height:40px;width:40px}.tipification-modal-footer{background:#fafafa;border-radius:0 0 12px 12px;border-top:1px solid #eaeaea;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn{border-radius:6px;font-size:14px;min-width:120px;padding:10px 24px;transition:all .2s ease}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d}.btn-primary:disabled{background:#ccc;box-shadow:none;transform:none}.btn-secondary{background:#6c757d}.btn-secondary:hover:not(:disabled){background:#545b62}.btn-secondary:disabled{cursor:not-allowed;opacity:.5;transform:none}.tipifications-list::-webkit-scrollbar{width:6px}.tipifications-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.tipifications-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.tipifications-list::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.agent-dashboard{background:linear-gradient(135deg,#8597e4,#d0a1df);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.agent-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #fff3;box-shadow:0 2px 20px #0000001a;justify-content:space-between;padding:1rem 2rem}.agent-header,.header-content{align-items:center;display:flex}.header-content{gap:15px}.logo-container{align-items:center;display:flex;justify-content:center}.dashboard-logo{max-height:60px;max-width:200px;object-fit:contain}.header-content p{color:#718096;font-size:.9rem;margin:0}.agent-controls{align-items:center;display:flex;gap:1.5rem}.campaign-selector-header{align-items:center;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;display:flex;gap:10px;padding:8px 12px}.campaign-label{color:#495057;font-weight:600;white-space:nowrap}.campaign-dropdown-header{background:#fff;border:1px solid #ced4da;border-radius:4px;font-size:14px;min-width:200px;padding:6px 10px}.campaign-info-header{align-items:center;display:flex;gap:8px}.campaign-type{background:#007bff}.campaign-type,.queue-indicator-header{border-radius:4px;color:#fff;font-size:12px}.queue-indicator-header{background:#28a745;font-weight:600;padding:4px 8px}.status-control{align-items:center;display:flex;gap:.5rem}.status-label{color:#4a5568;font-weight:600}.status-buttons{display:flex;gap:.5rem}.status-btn{background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.status-btn:hover:not(:disabled){border-color:#cbd5e0;transform:translateY(-1px)}.status-btn.active{background:#4299e1;border-color:#4299e1;color:#fff}.status-btn:disabled{opacity:.6}.call-controls{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:1rem;padding:.75rem 1rem}.call-status-indicator{color:#2d3748;font-weight:600}.call-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.hangup-btn{background:#e53e3e;color:#fff}.mute-btn{background:#ed8936;color:#fff}.hold-btn{background:#38a169;color:#fff}.transfer-btn{background:#9b59b6;color:#fff}.call-btn:hover{box-shadow:0 2px 8px #0003;transform:translateY(-1px)}.mute-btn.active{background:#dc3545!important}.hold-btn.active{background:#ffc107!important;color:#000!important}.incoming-call-auto{animation:pulse 2s infinite;background:linear-gradient(45deg,#ff6b6b,#ff8e53);border:3px solid #fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;color:#fff;left:50%;padding:30px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1000}.caller-number-flash{animation:flash 1s infinite;font-size:1.5em;margin-bottom:15px}.caller-number-flash,.caller-number-large{font-weight:700;text-align:center;text-shadow:0 2px 4px #0000004d}.caller-number-large{display:block;font-size:1.8em;margin:10px 0}.queue-badge.flash{animation:flash 1.5s infinite;background:#ff9ff3;border-radius:20px;font-size:1.1em;font-weight:700;padding:8px 16px}.countdown-bar{background:#ffffff4d;border-radius:3px;height:6px;margin:10px 0;overflow:hidden;width:100%}.countdown-progress{animation:countdown 4s linear forwards;background:#fff;border-radius:3px;height:100%}.manual-answer-option{margin-top:15px;text-align:center}.manual-answer-btn{background:#fff;border:none;border-radius:25px;box-shadow:0 2px 8px #0003;color:#ff6b6b;cursor:pointer;font-weight:700;padding:10px 20px;transition:all .3s}.manual-answer-btn:hover{background:#f8f9fa;box-shadow:0 4px 12px #ffffff4d;transform:scale(1.05)}.user-info{align-items:flex-end;color:#4a5568;font-size:.9rem;gap:.25rem}.sip-info{color:#718096;font-size:.8rem}.logout-btn{background:#e53e3e;font-size:.9rem;padding:.5rem 1rem}.logout-btn:hover{background:#c53030}.agent-content{margin:0 auto;max-width:1400px;padding:2rem}.main-layout-columns{grid-gap:25px;align-items:start;display:grid;gap:25px;grid-template-columns:1fr 1.2fr}.left-column,.right-column{display:flex;flex-direction:column;gap:25px}.unified-header-section{margin-bottom:0}.welcome-campaign-card{grid-gap:25px;background:#fff;background:linear-gradient(135deg,#764ba2,#667eea);border:1px solid #e1e5e9;border-radius:16px;box-shadow:0 4px 20px #00000014;display:grid;gap:25px;grid-template-columns:1fr 1fr;margin-bottom:0;padding:25px}.welcome-side{display:flex;flex-direction:column;justify-content:space-between}.welcome-main h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fff);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 8px}.welcome-subtitle{color:#fff;font-size:.9rem;margin:0}.quick-stats-compact{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin-top:20px}.stat-item-compact{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:15px 10px;text-align:center;transition:all .3s ease}.stat-item-compact:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-number-compact{color:#1f2937;display:block;font-size:1.4rem;font-weight:700;margin-bottom:4px}.stat-label-compact{color:#6b7280;font-size:.75rem;font-weight:500}.campaign-side{border-left:2px solid #f0f0f0;padding-left:25px}.campaign-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.campaign-title{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.campaign-type-badge{border-radius:20px;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.campaign-type-badge.ratio{background:#dbeafe;border:1px solid #bfdbfe;color:#1e40af}.campaign-type-badge.outbound{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.campaign-type-badge.manual{background:#fef7cd;border:1px solid #fde68a;color:#854d0e}.campaign-details-compact{display:flex;flex-direction:column;gap:12px}.campaign-detail-row{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:8px 0}.campaign-detail-row:last-child{border-bottom:none}.detail-label{color:#fff;font-size:.85rem}.detail-value{color:#1f2937;font-size:.85rem}.status-en-llamada{background:#fef2f2;color:#dc2626}.status-disponible,.status-en-llamada{border-radius:6px;font-size:.75rem;padding:4px 8px}.status-disponible{background:#f0fdf4;color:#059669}.status-en-pausa{background:#fffbeb;border-radius:6px;color:#d97706;font-size:.75rem;padding:4px 8px}.queue-status-compact{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:10px;margin-top:8px;padding:12px}.queue-indicator{align-items:center;color:#0369a1;display:flex;font-size:.75rem;font-weight:700;gap:8px;margin-bottom:4px}.pulse-dot-small{animation:pulse-small 2s infinite;background:#0369a1}@keyframes pulse-small{0%{box-shadow:0 0 0 0 #0369a1b3;transform:scale(.95)}70%{box-shadow:0 0 0 4px #0369a100;transform:scale(1)}to{box-shadow:0 0 0 0 #0369a100;transform:scale(.95)}}.queue-info{color:#6b7280;font-size:.75rem}.performance-compact{margin-top:8px}.performance-stats-compact{grid-gap:10px;gap:10px}.performance-metric{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:10px 5px;text-align:center}.metric-value{color:#374151;font-size:1rem;margin-bottom:2px}.metric-value.success{color:#059669}.metric-label{color:#6b7280;font-size:.65rem;font-weight:500;letter-spacing:.5px}.dialer-section,.recent-calls-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:1.5rem}.dialer-section{background:#fffffff2}.dialer-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.dialer-header h3{color:#2d3748;font-size:1.4rem;margin:0}.campaign-info-dialer{align-items:flex-end;display:flex;flex-direction:column;gap:4px}.campaign-name{color:#4a5568;font-size:.95em;font-weight:600}.campaign-type{background:#e3f2fd;border-radius:12px;color:#1976d2;font-size:.75em;font-weight:600;padding:4px 8px}.recent-calls-section h3{color:#2d3748;font-size:1.3rem;margin:0 0 1rem}.recent-calls-list{display:flex;flex-direction:column;gap:.75rem}.call-item{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:1rem;transition:background-color .3s ease}.call-item:hover{background:#edf2f7}.call-number{color:#2d3748;font-weight:600}.call-duration,.call-time{color:#718096;font-size:.9rem}.call-status{border-radius:6px;font-size:.8rem;font-weight:600;padding:.25rem .5rem;text-align:center}.call-status.completada{background:#c6f6d5;color:#22543d}.call-status.no-contestó{background:#fed7d7;color:#742a2a}.call-status.ocupado{background:#fefcbf;color:#744210}.call-status.rechazado{background:#e2e8f0;color:#2d3748}.contact-info-panel{background:linear-gradient(135deg,#b79af1,#979efc);border:1px solid #ffffff4d;border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#000;margin:1rem 0;padding:1.5rem}.contact-info-panel h5{align-items:center;color:#000;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0 0 1rem}.contact-details{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr}.contact-field{align-items:flex-start;border-bottom:1px solid #0000001a;display:flex;gap:12px;padding:.5rem 0}.contact-field:last-child{border-bottom:none}.field-label{align-items:center;color:#000;display:flex;font-size:.85rem;font-weight:600;gap:6px;min-width:120px}.field-value{background:#fff6;border:1px solid #ffffff80;border-radius:6px;color:#000;flex:1 1;font-size:.9rem;font-weight:500;padding:.5rem .75rem;word-break:break-word}.manual-dialer,.outbound-manual-dialer .current-number{background:#f7fafc;border:2px dashed #cbd5e0;border-radius:8px;padding:1.5rem;text-align:center}.number-display{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#4299e1;font-size:1.5rem;font-weight:700;margin:1rem 0;padding:1rem}.number-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.dial-btn,.get-number-btn,.next-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.dial-btn.primary{background:#48bb78;color:#fff}.dial-btn.primary:hover:not(:disabled){background:#38a169;box-shadow:0 4px 12px #48bb7866;transform:translateY(-2px)}.next-btn{background:#4299e1;color:#fff}.next-btn:hover{background:#3182ce;box-shadow:0 4px 12px #4299e166}.get-number-btn{background:#9b59b6;color:#fff;width:100%}.ratio-dialer{margin:1rem 0}.status-card-compact{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 15px #0000001a;padding:1.5rem}.status-header-compact{margin-bottom:1rem}.status-indicator-compact{align-items:center;background:#f0fff4;border-radius:20px;color:#48bb78;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:.5rem 1rem;width:-webkit-fit-content;width:fit-content}.status-indicator-compact.disconnected{background:#fed7d7;color:#e53e3e}.pulse-dot-small{animation:pulse 2s infinite;background:#48bb78}.pulse-dot-small,.static-dot-small{border-radius:50%;height:8px;width:8px}.static-dot-small{background:#e53e3e}.gif-status-compact{align-items:center;background:linear-gradient(135deg,#764ba2,#667eea);border-radius:8px;display:flex;gap:15px;margin-bottom:1rem;padding:1rem}.waiting-gif-compact{border:2px solid #fff6;border-radius:8px;height:50px;object-fit:cover;width:50px}.status-text-compact{color:#fff;flex:1 1}.status-main-compact{font-size:1rem;font-weight:600;margin-bottom:4px}.status-details-compact{font-size:.85rem;opacity:.9}.performance-stats-compact{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin:1rem 0}.performance-metric-compact{background:#f7fafc;border-radius:8px;padding:1rem .5rem;text-align:center}.metric-value{color:#2d3748;display:block;font-size:1.2rem;font-weight:700;margin-bottom:.25rem}.metric-value.success{color:#48bb78}.metric-label{color:#718096;font-size:.75rem;text-transform:uppercase}.actions-compact{display:flex;gap:.75rem;margin-top:1rem}.btn-compact{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.85rem;font-weight:600;padding:.75rem 1rem;transition:all .3s ease}.btn-compact.primary{background:#4299e1;color:#fff}.btn-compact.exit{background:#e53e3e;color:#fff}.btn-compact.refresh{background:#718096;color:#fff}.btn-compact:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.quick-results{border-top:2px solid #e2e8f0;margin-top:1.5rem;padding-top:1.5rem}.quick-results h4{color:#2d3748;margin:0 0 1rem}.result-buttons{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1rem}.result-btn{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem;transition:all .3s ease}.result-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.result-btn.exito{background:#c6f6d5;color:#22543d}.result-btn.no_contesta{background:#fefcbf;color:#744210}.result-btn.ocupado{background:#e2e8f0;color:#2d3748}.result-btn.rechazado{background:#fed7d7;color:#742a2a}.result-btn.voicemail{background:#bee3f8;color:#2a4365}.result-btn.finalizada{background:#e9d8fd;color:#44337a}.call-duration-display{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;text-align:center}.call-duration-display p{color:#4a5568;margin:.25rem 0}.call-controls-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin:1rem 0}@keyframes flash{0%,to{opacity:1}50%{opacity:.7}}@keyframes countdown{0%{width:100%}to{width:0}}.loading-container{color:#fff;height:50vh}.loader{margin-bottom:1rem}.alert{margin:1rem 0;padding:1rem}.alert-warning{background:#fff3cd;border:1px solid #ffeaa7}@media (max-width:1200px){.agent-controls{gap:1rem}.campaign-selector-header{flex:1 1 100%;order:1}.status-control{order:2}.user-info{margin-left:auto;order:3}}@media (max-width:1024px){.main-layout-columns{gap:20px;grid-template-columns:1fr}.left-column,.right-column{gap:20px}.welcome-campaign-card{gap:20px;grid-template-columns:1fr}.campaign-side{border-left:none;border-top:2px solid #f0f0f0;padding-left:0;padding-top:20px}}@media (max-width:768px){.agent-header{padding:1rem}.agent-controls,.agent-header{flex-direction:column;gap:1rem}.agent-controls{width:100%}.campaign-selector-header,.status-control{justify-content:space-between;width:100%}.agent-content{padding:1rem}.main-layout-columns{padding:0}.welcome-campaign-card{padding:20px}.dialer-section,.recent-calls-section{padding:1.25rem}.quick-stats-compact{gap:.75rem;grid-template-columns:1fr}.call-item{gap:.75rem;grid-template-columns:1fr auto}.call-time{display:none}.result-buttons{grid-template-columns:1fr 1fr}.performance-stats-compact{grid-template-columns:1fr}.contact-field{align-items:flex-start;flex-direction:column;gap:.25rem}.field-label{min-width:auto}.field-value{margin-left:0;width:100%}.actions-compact,.number-actions{flex-direction:column}.dashboard-logo{max-height:50px;max-width:150px}.campaign-header{align-items:flex-start;flex-direction:column;gap:8px}}@media (max-width:480px){.welcome-main h2{font-size:1.5rem}.dialer-header{flex-direction:column;gap:.75rem}.campaign-info-dialer,.dialer-header{align-items:flex-start}.result-buttons{grid-template-columns:1fr}.gif-status-compact{flex-direction:column;text-align:center}.performance-stats-compact{grid-template-columns:1fr}}.manual-dialer-input{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px;margin-top:1rem;padding:1rem}.number-input{display:flex;gap:.5rem;margin-bottom:1rem}.number-field{border:2px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:1rem;padding:.75rem;transition:border-color .3s ease}.number-field:focus{border-color:#4299e1;outline:none}.help-text{color:#718096;font-size:.9rem;margin:0;text-align:center}.manual-dialer.mode-manual{border-left:4px solid #ed8936}.manual-dialer.mode-pause{border-left:4px solid #e53e3e}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.pause-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:600px;overflow:hidden;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:space-between;padding:20px}.modal-header h3{font-size:1.4rem;font-weight:600;margin:0}.close-modal-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:30px;justify-content:center;padding:0;transition:background-color .2s;width:30px}.close-modal-btn:hover{background-color:#fff3}.modal-body{max-height:400px;overflow-y:auto;padding:20px}.pause-reasons-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.pause-reason-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:15px 12px;text-align:center;transition:all .2s ease}.pause-reason-btn:hover{background-color:#f8f9ff;border-color:#667eea;transform:translateY(-2px)}.pause-reason-btn.selected{background-color:#667eea;border-color:#667eea;color:#fff}.modal-footer{background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;padding:15px 20px}.cancel-btn{background:#fff;border:1px solid #dc3545;border-radius:6px;color:#dc3545;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s}.cancel-btn:hover{background:#dc3545;color:#fff}.current-pause-reason{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;font-size:12px;margin-left:10px;padding:8px 12px}@media (max-width:768px){.pause-modal{margin:10px;width:95%}.pause-reasons-grid{grid-template-columns:1fr}.modal-body{max-height:300px}}.status-btn:disabled{background-color:#f8f9fa;border-color:#dee2e6;color:#6c757d;cursor:not-allowed;opacity:.5}.status-btn:disabled:hover{box-shadow:none;transform:none}.disabled-hint{color:#dc3545;font-weight:700;margin-left:2px}.campaign-required-message{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;font-size:12px;margin-top:8px;padding:4px 8px;text-align:center}.status-btn{position:relative}.status-btn:hover:before{background:#333;border-radius:4px;bottom:100%;color:#fff;content:attr(title);font-size:12px;left:50%;opacity:0;opacity:1;padding:4px 8px;position:absolute;transform:translateX(-50%);transition:opacity .3s;white-space:nowrap;z-index:1000}:root{--sidebar-bg:linear-gradient(180deg,#667eea,#5a67d8);--sidebar-header-bg:linear-gradient(180deg,#667eea,#5a67d8);--sidebar-item-bg:#ffffffbf;--sidebar-item-hover:#667eea1f;--sidebar-item-active:linear-gradient(90deg,#667eea2e,#764ba22e);--sidebar-border:#667eea;--sidebar-text:#1f2937;--sidebar-text-muted:#080808;--sidebar-accent:#667eea;--sidebar-accent-secondary:#5a67d8;--sidebar-shadow:0 6px 18px #768fff2e;--sidebar-transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.admin-sidebar{-webkit-backdrop-filter:saturate(120%) blur(6px);backdrop-filter:saturate(120%) blur(6px);background:linear-gradient(180deg,#667eea,#5a67d8);background:var(--sidebar-bg);border-right:1px solid #667eea;border-right:1px solid var(--sidebar-border);box-shadow:0 6px 18px #768fff2e;box-shadow:var(--sidebar-shadow);color:#1f2937;color:var(--sidebar-text);display:flex;flex-direction:column;height:100vh;left:-320px;overflow:hidden;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--sidebar-transition);width:320px;z-index:1100}.admin-sidebar.open{left:0}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#667eea2e;height:100%;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--sidebar-transition);visibility:hidden;width:100%;z-index:1099}.sidebar-overlay.show{pointer-events:auto;visibility:visible}.sidebar-header{align-items:center;background:var(user);border-bottom:1px solid #667eea;border-bottom:1px solid var(--sidebar-border);display:flex;justify-content:space-between;min-height:66px;padding:1.25rem 1rem;position:relative}.sidebar-header:after{background:linear-gradient(90deg,#0000,#667eea,#0000);background:linear-gradient(90deg,#0000,var(--sidebar-accent),#0000);bottom:0;content:"";height:1px;left:20px;position:absolute;right:20px}.sidebar-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#1f2937,#667eea);background:linear-gradient(45deg,var(--sidebar-text),var(--sidebar-accent));-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:700;letter-spacing:.5px;margin:0}.sidebar-close{align-items:center;background:#ffffffbf;background:var(--sidebar-item-bg);border:1px solid #667eea;border:1px solid var(--sidebar-border);border-radius:12px;color:#080808;color:var(--sidebar-text-muted);cursor:pointer;display:flex;font-size:1.1rem;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--sidebar-transition);width:40px}.sidebar-close:hover{background:#667eea1f;background:var(--sidebar-item-hover);border-color:#667eea;border-color:var(--sidebar-accent);color:#1f2937;color:var(--sidebar-text);transform:rotate(90deg)}.sidebar-user-info{align-items:center;background:linear-gradient(180deg,#667eea,#5a67d8);background:var(--sidebar-header-bg);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:1.25rem 1rem;position:relative}.sidebar-user-info:before{background:linear-gradient(90deg,#667eea,#5a67d8);background:linear-gradient(90deg,var(--sidebar-accent),var(--sidebar-accent-secondary));content:"";height:3px;left:0;position:absolute;right:0;top:0}.user-avatar{align-items:center;background:linear-gradient(45deg,#e0e7ff,#ede9fe);border:2.5px solid #667eea;border:2.5px solid var(--sidebar-border);border-radius:50%;box-shadow:0 4px 16px #667eea2e;display:flex;font-size:2rem;font-weight:700;height:70px;justify-content:center;margin:0 auto 1.2rem;transition:box-shadow .2s,border .2s;width:70px}.user-name{color:#1f2937;color:var(--sidebar-text);font-size:1.1rem;font-weight:600;margin-bottom:.25rem;text-align:center}.sidebar-user-info .--sidebar-item-bg{text-align:center;width:100%}.user-role{background:(#667eea);background:(var(--sidebar-accent));border-radius:20px;color:#000;display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:.35rem .8rem}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:1rem .75rem}.sidebar-menu{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:0}.menu-item{border-radius:12px;margin-bottom:.5rem;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--sidebar-transition)}.menu-item:hover{background:#ffffff08}.sidebar-main-btn{background:#ffffffbf;background:var(--sidebar-item-bg);border:1px solid #667eea;border:1px solid var(--sidebar-border);border-radius:14px;color:#1f2937;color:var(--sidebar-text);font-size:.95rem;font-weight:500;overflow:hidden;padding:.9rem 1rem;position:relative}.sidebar-main-btn,.sidebar-main-btn:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--sidebar-transition)}.sidebar-main-btn:before{background:linear-gradient(180deg,#667eea,#5a67d8);background:linear-gradient(180deg,var(--sidebar-accent),var(--sidebar-accent-secondary));bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;width:4px}.sidebar-main-btn:hover{background:#667eea1f;background:var(--sidebar-item-hover);border-color:#667eea4d;transform:translateX(5px)}.sidebar-main-btn:hover:before{opacity:1}.sidebar-main-btn.active{background:linear-gradient(90deg,#667eea2e,#764ba22e);background:var(--sidebar-item-active);border-color:#667eea80}.sidebar-main-btn.active:before{opacity:1}.menu-icon{color:#080808;color:var(--sidebar-text-muted);font-size:1.05rem;margin-right:.6rem;min-width:22px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--sidebar-transition)}.sidebar-main-btn.active .menu-icon,.sidebar-main-btn:hover .menu-icon{color:#667eea;color:var(--sidebar-accent)}.arrow{color:#080808;color:var(--sidebar-text-muted);font-size:.7rem;transition:transform .3s cubic-bezier(.68,-.55,.27,1.55)}.arrow.open{color:#667eea;color:var(--sidebar-accent);transform:rotate(180deg)}.submenu-container{background:#667eea;border-radius:0 0 12px 12px;margin-top:2px;max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.menu-item:hover .submenu-container,.submenu-container.open{max-height:800px!important;padding:.5rem 0}.sidebar-submenu{display:flex;flex-direction:column;padding:0}.sidebar-sub-btn{background:#6ecaff;border:1px solid #667eea;border:1px solid var(--sidebar-border);border-radius:10px;color:#080808;color:var(--sidebar-text-muted);display:block;font-size:.9rem;margin:.15rem .5rem;overflow:hidden;padding:.8rem 1rem .8rem 2.25rem;position:relative;text-overflow:ellipsis;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--sidebar-transition);white-space:nowrap;width:calc(100% - 1rem)}.sidebar-sub-btn:hover{background:#667eea1f;border-color:#667eea40;color:#1f2937;color:var(--sidebar-text);transform:translateX(3px)}.sidebar-sub-btn:hover:before{background:#667eea;background:var(--sidebar-accent);transform:translateY(-50%) scale(1.3)}.sidebar-sub-btn.active{background:#667eea2e;border-color:#667eea59;color:#1f2937;color:var(--sidebar-text)}.sidebar-sub-btn.active:before{background:#667eea;background:var(--sidebar-accent)}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.sidebar-menu::-webkit-scrollbar-thumb{background:linear-gradient(45deg,#667eea,#5a67d8);background:linear-gradient(45deg,var(--sidebar-accent),var(--sidebar-accent-secondary));border-radius:10px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,#5a67d8,#6b46c1)}.submenu-container.open::-webkit-scrollbar{width:3px}.submenu-container.open::-webkit-scrollbar-track{background:#ffffff08;border-radius:2px}.submenu-container.open::-webkit-scrollbar-thumb{background:#6a86ff;border-radius:2px}.submenu-container.open::-webkit-scrollbar-thumb:hover{background:#667eea99}.sidebar-footer{background:linear-gradient(180deg,#667eea,#5a67d8);background:var(--sidebar-header-bg);border-top:1px solid #667eea;border-top:1px solid var(--sidebar-border);display:flex;justify-content:center;padding:1rem 1.25rem}.sidebar-footer-btn{align-items:center;background:#ffffffbf;background:var(--sidebar-item-bg);border:1px solid #667eea;border:1px solid var(--sidebar-border);border-radius:10px;color:#080808;color:var(--sidebar-text-muted);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--sidebar-transition);width:100%}.sidebar-footer-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444;transform:translateY(-2px)}@keyframes slideIn{0%{opacity:0;transform:translateX(-15px)}to{opacity:1;transform:translateX(0)}}.submenu-container.open .sidebar-sub-btn{animation:slideIn .3s ease forwards;opacity:0}.submenu-container.open .sidebar-sub-btn:first-child{animation-delay:.05s}.submenu-container.open .sidebar-sub-btn:nth-child(2){animation-delay:.1s}.submenu-container.open .sidebar-sub-btn:nth-child(3){animation-delay:.15s}.submenu-container.open .sidebar-sub-btn:nth-child(4){animation-delay:.2s}.submenu-container.open .sidebar-sub-btn:nth-child(5){animation-delay:.25s}.submenu-container.open .sidebar-sub-btn:nth-child(6){animation-delay:.3s}.submenu-container.open .sidebar-sub-btn:nth-child(7){animation-delay:.35s}.submenu-container.open .sidebar-sub-btn:nth-child(8){animation-delay:.4s}@keyframes glow{0%,to{box-shadow:0 0 5px #667eea4d}50%{box-shadow:0 0 20px #667eea99}}.sidebar-main-btn.active{animation:glow 2s infinite}@media (max-width:992px){.admin-sidebar{left:-280px;width:280px}}@media (max-width:768px){.admin-sidebar{border-right:none;left:-100%;width:100%}.admin-sidebar.open{left:0}.sidebar-header,.sidebar-user-info{padding:1.25rem}.menu-item:hover .submenu-container,.submenu-container.open{max-height:600px!important}.sidebar-sub-btn{padding:.75rem 1rem .75rem 2.25rem}}@media (max-width:480px){.sidebar-header h3{font-size:1.2rem}.user-avatar{font-size:1.25rem;height:50px;width:50px}.sidebar-main-btn{font-size:.9rem;padding:.85rem 1rem}.menu-icon{font-size:1rem;margin-right:.5rem}}@media (prefers-color-scheme:dark){.admin-sidebar{--sidebar-bg:linear-gradient(180deg,#0f1424,#0a0e1a);--sidebar-header-bg:#0a0e1a;--sidebar-border:#ffffff1a}}.sidebar-main-btn:disabled,.sidebar-sub-btn:disabled{cursor:not-allowed;opacity:.6;pointer-events:none}.notification-badge{align-items:center;animation:pulse 2s infinite;background:linear-gradient(45deg,#ef4444,#f97316);border-radius:10px;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:.2rem .4rem;position:absolute;right:3.5rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.admin-topbar{align-items:center;-webkit-backdrop-filter:saturate(120%) blur(6px);backdrop-filter:saturate(120%) blur(6px);background:linear-gradient(180deg,#667eea,#5a67d8);box-shadow:0 2px 10px #667eea1f;color:#1f2937;display:flex;height:60px;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:200}.sidebar-toggle-btn{background:#2f9bff;border:1px solid #667eea40;border-radius:12px;color:#fff;font-size:1.8em;margin-right:18px;padding:6px 10px;transition:all .2s ease}.sidebar-toggle-btn:hover{background:#ffffffe6;box-shadow:0 4px 12px #667eea2e;color:#1f2937;transform:translateY(-1px)}.hamburger-icon{font-size:18px;font-weight:700}.menu-text{font-weight:500}.topbar-title{color:#1f2937;font-size:1.25em;gap:10px}.admin-badge{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:999px;box-shadow:0 2px 8px #667eea2e;color:#fff;font-size:.95em;font-weight:700;letter-spacing:.8px;margin-right:8px;padding:6px 16px}.topbar-meta{align-items:center;color:#6b7280;font-size:12px;gap:2px}.topbar-role{color:#ecf2ff;font-weight:500}.topbar-datetime{opacity:.9}.topbar-user{gap:12px}.user-info{font-weight:500}.logout-btn{align-items:center;background:linear-gradient(45deg,#ef4444,#f97316);border:1px solid #ef444459;border-radius:999px;box-shadow:0 2px 8px #ef44442e;display:flex;font-size:14px;gap:8px;padding:8px 16px}.logout-btn:hover{box-shadow:0 6px 12px #ef444440;filter:brightness(1.05);transform:translateY(-1px)}.logout-icon{font-size:16px}.logout-text{font-weight:500}@media (max-width:768px){.admin-topbar{height:50px;padding:0 15px}.sidebar-toggle-btn{font-size:12px;padding:6px 10px}.hamburger-icon{font-size:16px}.menu-text{display:none}.topbar-title{font-size:16px}.admin-badge{padding:3px 6px}.admin-badge,.topbar-meta{font-size:10px}.topbar-user{gap:10px}.logout-btn,.user-info{font-size:12px}.logout-btn{padding:6px 12px}.logout-text{display:none}}@media (max-width:480px){.admin-topbar{padding:0 10px}.topbar-meta{display:none}.topbar-title{font-size:14px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.admin-topbar{animation:fadeIn .3s ease-out}.logout-btn:focus,.sidebar-toggle-btn:focus{outline:2px solid #3498dbcc;outline-offset:2px}.groups-container{background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:20px}.groups-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:24px}.groups-title{align-items:center;color:#1a202c;display:flex;font-weight:600;gap:8px;margin:0}.groups-title,.title-icon{font-size:1.75rem}.groups-stats{display:flex;gap:16px;margin:0}.stat-card{border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000001a;flex-direction:column;min-width:100px;padding:16px 20px}.stat-number{color:#5a67d8;font-size:1.5rem;line-height:1;margin-bottom:4px}.stat-label{color:#718096;font-size:.75rem;font-weight:500;letter-spacing:.025em;text-align:center;text-transform:uppercase}.add-group-button{align-items:center;background:#5a67d8;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;height:-webkit-fit-content;height:fit-content;padding:10px 20px;transition:background-color .2s}.add-group-button:hover{background:#4c51bf}.button-icon{font-size:.875rem}.table-container{border-radius:8px;box-shadow:0 1px 3px #0000001a}.groups-table{border-collapse:collapse;font-size:.875rem;width:100%}.groups-table thead{background:#5a67d8;color:#fff}.groups-table th{border:none;font-size:.75rem;font-weight:500;letter-spacing:.025em;padding:12px 16px;text-align:left;text-transform:uppercase}.th-id{text-align:center;width:100px}.th-name{width:30%}.th-status{text-align:center;width:15%}.th-description{width:35%}.th-actions{text-align:center;width:20%}.table-row{border-bottom:1px solid #e2e8f0;transition:background-color .15s ease}.table-row:hover{background:#f7fafc}.row-even{background:#fff}.row-odd{background:#f9fafb}.groups-table td{padding:12px 16px}.td-id{text-align:center}.group-id{background:#5a67d8;border-radius:12px;font-size:.75rem;font-weight:500;min-width:60px;padding:4px 8px}.td-name{padding-left:16px!important}.group-name{color:#2d3748;font-size:.875rem;font-weight:500}.group-description,.td-description{color:#718096;font-size:.875rem}.group-description{max-width:250px}.td-status{text-align:center}.status-badge{border-radius:12px;font-size:.75rem;min-width:70px;padding:4px 12px}.status-active{background:#48bb78}.status-inactive{background:#f56565}.td-actions{text-align:center}.action-buttons{align-items:center;gap:4px}.action-btn{border:1px solid #e2e8f0;border-radius:4px;color:#4a5568;font-size:.875rem;height:28px;padding:6px;transition:all .15s ease;width:28px}.action-btn:hover{background:#f7fafc;border-color:#cbd5e0;transform:translateY(-1px)}.btn-view:hover{background:#ebf8ff;border-color:#3182ce;color:#3182ce}.btn-edit:hover{background:#fffaf0;border-color:#ed8936;color:#ed8936}.btn-users:hover{background:#f0fff4;border-color:#48bb78;color:#48bb78}.btn-pause:hover{background:#fffaf0;border-color:#ed8936;color:#ed8936}.btn-activate:hover{background:#f0fff4;border-color:#48bb78;color:#48bb78}.btn-delete:hover{background:#fed7d7;border-color:#f56565;color:#f56565}.loading-container{min-height:300px}.loading-spinner{border:3px solid #e2e8f0;border-top-color:#5a67d8;height:32px;width:32px}.loading-container p{color:#718096;font-size:.875rem;margin:0}.error-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-height:300px;padding:32px}.error-icon{font-size:3rem}.error-container h3{color:#2d3748;font-size:1.125rem;font-weight:600}.error-container p{color:#718096;font-size:.875rem}.retry-button{border-radius:4px;font-size:.875rem;font-weight:500;padding:8px 16px;transition:background-color .2s}.empty-state{border:1px solid #e2e8f0;border-radius:8px;margin-top:24px;min-height:300px;padding:32px}.empty-icon{font-size:3rem}.empty-state h3{color:#2d3748;font-size:1.125rem;font-weight:600}.empty-state p{color:#718096;font-size:.875rem}.create-first-group-button{background:#5a67d8;border-radius:4px;font-size:.875rem;font-weight:500;padding:8px 16px;transition:background-color .2s}.create-first-group-button:hover{background:#4c51bf}@media (max-width:768px){.groups-container{padding:16px}.groups-header{align-items:stretch;flex-direction:column;gap:16px}.groups-stats{justify-content:center}.table-container{overflow-x:auto}.groups-table{min-width:600px}.action-buttons{gap:2px}.action-btn{font-size:.75rem;height:24px;width:24px}}.table-row{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.table-row:hover{background:linear-gradient(90deg,#f8fafc,#e2e8f0);transform:scale(1.01)}.row-even{background:#fafbfc}.row-odd{background:#fff}.groups-table td{border:none;padding:16px;vertical-align:middle}.group-id{background:linear-gradient(45deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;min-width:40px;padding:6px 12px;text-align:center}.group-name-container{align-items:center;display:flex;gap:8px}.group-name{color:#2c3e50;font-size:1rem;font-weight:600}.group-description{color:#64748b;display:block;font-style:italic;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-badge{display:inline-block;min-width:80px;padding:6px 16px;text-align:center}.status-active{background:linear-gradient(45deg,#48bb78,#38a169);box-shadow:0 2px 8px #48bb784d;color:#fff}.status-inactive{background:linear-gradient(45deg,#f56565,#e53e3e);box-shadow:0 2px 8px #f565654d;color:#fff}.action-buttons{gap:8px;justify-content:center}.action-btn{background:#fff;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;height:36px;justify-content:center;padding:8px;transition:all .2s ease;width:36px}.action-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.btn-view{border-color:#3182ce;color:#3182ce}.btn-view:hover{background:#3182ce;color:#fff}.btn-edit{border-color:#f6ad55;color:#f6ad55}.btn-edit:hover{background:#f6ad55;color:#fff}.btn-users{border-color:#667eea;color:#667eea}.btn-users:hover{background:#667eea;color:#fff}.btn-pause{border-color:#ed8936;color:#ed8936}.btn-pause:hover{background:#ed8936;color:#fff}.btn-activate{border-color:#48bb78;color:#48bb78}.btn-activate:hover{background:#48bb78;color:#fff}.btn-delete{border-color:#f56565;color:#f56565}.btn-delete:hover{background:#f56565;color:#fff}.loading-container{gap:16px}.loading-spinner{border:4px solid #e2e8f0;border-top-color:#667eea;height:48px;width:48px}.loading-container p{color:#64748b;font-size:1.1rem;font-weight:500}.error-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px;text-align:center}.error-icon{color:#f56565;font-size:4rem}.error-container h3{color:#2c3e50;font-size:1.5rem;margin:0}.error-container p{color:#64748b;margin:0;max-width:400px}.retry-button{background:#f56565;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.retry-button:hover{background:#e53e3e;transform:translateY(-2px)}.empty-state{align-items:center;background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;gap:16px;justify-content:center;margin-top:32px;min-height:400px;padding:48px}.empty-icon{color:#cbd5e0;font-size:4rem}.empty-state h3{color:#2c3e50;font-size:1.5rem;margin:0}.empty-state p{color:#64748b;margin:0;max-width:400px}.create-first-group-button{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.create-first-group-button:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.groups-container{padding:16px}.groups-header{align-items:stretch;flex-direction:column;gap:16px}.groups-stats{justify-content:center}.table-container{overflow-x:auto}.groups-table{min-width:600px}.action-buttons{gap:4px}.action-btn{font-size:.9rem;height:32px;width:32px}}@media (max-width:480px){.groups-title{font-size:1.5rem}.stat-card{min-width:80px;padding:12px 16px}.stat-number{font-size:1.4rem}.add-group-button{font-size:.9rem;padding:10px 20px}}.group-new-container{background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:32px 0}.group-new-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 10px #667eea1a;margin:0 auto;max-width:600px;padding:32px}.group-new-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.group-new-title{color:#1a202c;font-size:1.5rem;font-weight:700}.group-new-close{align-items:center;background:none;border:none;border-radius:999px;color:#6b7280;cursor:pointer;display:flex;font-size:1.7rem;height:32px;justify-content:center;transition:background .2s,color .2s;width:32px}.group-new-close:hover{background:#e0e7ff;color:#667eea}.group-new-form{display:flex;flex-direction:column;gap:18px}.group-new-label{color:#1a202c;display:block;font-weight:600;margin-bottom:6px}.group-new-input,.group-new-textarea{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:999px;box-shadow:0 1px 2px #667eea0a;color:#374151;font-size:1rem;padding:10px 14px;transition:border .2s,box-shadow .2s;width:100%}.group-new-input:focus,.group-new-textarea:focus{border-color:#667eea;box-shadow:0 0 0 2px #c7d2fe;outline:none}.group-new-checkbox{accent-color:#667eea;margin-right:8px}.group-new-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:18px;padding-top:18px}.group-new-btn{background:linear-gradient(45deg,#667eea,#764ba2);border:none;border-radius:999px;box-shadow:0 2px 8px #667eea1f;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 22px;transition:all .2s}.group-new-btn.cancel{background:#e0e7ff;color:#667eea}.group-new-btn:hover{filter:brightness(1.07)}.group-new-preview{background:#f8fafc;border-radius:16px;box-shadow:0 1px 4px #667eea14;margin-top:10px;padding:18px}.group-new-status{background:#e0f2fe;border-radius:999px;color:#2563eb;display:inline-block;font-size:.85rem;font-weight:700;padding:6px 16px;transition:background .2s,color .2s}.group-new-status.inactive{background:#fee2e2;color:#b91c1c}.group-new-help{background:#e0e7ff;border-radius:16px;box-shadow:0 1px 4px #667eea14;color:#374151;margin-top:18px;padding:16px}.group-new-help-title{color:#667eea;font-weight:700;margin-bottom:8px}.group-new-help-list{color:#374151;font-size:.98rem;margin-left:12px}@media (max-width:768px){.group-new-card{max-width:98vw;padding:14px}.group-new-header{margin-bottom:14px}.group-new-help,.group-new-preview{padding:10px}}:root{--cl-bg:linear-gradient(180deg,#eef2ff,#e9efff);--cl-card-bg:#fffc;--cl-border:#667eea2e;--cl-shadow:0 2px 10px #667eea1f;--cl-title:#1f2937;--cl-muted:#6b7280;--cl-accent:#667eea;--cl-accent2:#6b46c1;--cl-radius:14px;--cl-pill:999px}.campaign-list-container{background:linear-gradient(180deg,#eef2ff,#e9efff);background:var(--cl-bg);padding:32px 0}.campaign-list-header{align-items:center;background:#fffc;background:var(--cl-card-bg);border:1px solid #667eea2e;border:1px solid var(--cl-border);border-radius:14px;border-radius:var(--cl-radius);box-shadow:0 2px 10px #667eea1f;box-shadow:var(--cl-shadow);margin:0 auto 24px;max-width:700px;padding:24px 32px 18px}.campaign-list-title{color:#1f2937;color:var(--cl-title);font-size:1.5rem}.campaign-list-btn-new{background:linear-gradient(45deg,#667eea,#6b46c1);background:linear-gradient(45deg,var(--cl-accent),var(--cl-accent2));border-radius:var(--cl-pill);padding:10px 22px;transition:all .2s}.campaign-list-btn-new:hover{filter:brightness(1.07)}.campaign-list-table-container{background:#fffc;background:var(--cl-card-bg);border:1px solid #667eea2e;border:1px solid var(--cl-border);border-radius:var(--cl-radius);box-shadow:0 2px 10px #667eea1f;box-shadow:var(--cl-shadow);margin:0 auto;max-width:1200px}.campaign-list-th{background:linear-gradient(90deg,#667eea,#6b46c1);background:linear-gradient(90deg,var(--cl-accent) 0,var(--cl-accent2) 100%)}.campaign-list-tr{border-bottom:1px solid #667eea2e;border-bottom:1px solid var(--cl-border)}.campaign-list-status{background:#e0f2fe;border-radius:var(--cl-pill);color:#2563eb;padding:6px 16px;transition:background .2s,color .2s}.campaign-list-status.inactive{background:#fee2e2;color:#b91c1c}.campaign-list-btn-delete,.campaign-list-btn-edit,.campaign-list-btn-status{border:2px solid #667eea2e;border:2px solid var(--cl-border);border-radius:var(--cl-pill);color:var(--cl-accent)}.campaign-modal-card{background:#fffc;background:var(--cl-card-bg);border:1.5px solid #667eea2e;border:1.5px solid var(--cl-border);border-radius:14px;border-radius:var(--cl-radius);box-shadow:0 2px 10px #667eea1f;box-shadow:var(--cl-shadow)}.campaign-modal-header{background:linear-gradient(90deg,#667eea,#6b46c1);background:linear-gradient(90deg,var(--cl-accent) 0,var(--cl-accent2) 100%);border-radius:14px 14px 0 0;border-radius:var(--cl-radius) var(--cl-radius) 0 0}.campaign-modal-close{border-radius:var(--cl-pill)}.campaign-modal-close:hover{color:var(--cl-accent)}.campaign-modal-label{color:#1f2937;color:var(--cl-title)}.campaign-modal-input,.campaign-modal-textarea{border:1.5px solid #667eea2e;border:1.5px solid var(--cl-border);border-radius:var(--cl-pill)}.campaign-modal-input:focus,.campaign-modal-textarea:focus{border-color:var(--cl-accent)}.campaign-modal-textarea{border-radius:14px;border-radius:var(--cl-radius)}.campaign-modal-checkbox{accent-color:var(--cl-accent)}.campaign-modal-actions{border-top:1px solid #667eea2e;border-top:1px solid var(--cl-border)}.campaign-modal-btn{background:linear-gradient(45deg,#667eea,#6b46c1);background:linear-gradient(45deg,var(--cl-accent),var(--cl-accent2));border-radius:var(--cl-pill)}.campaign-modal-btn.cancel{color:var(--cl-accent)}@media (max-width:768px){.campaign-list-header{max-width:98vw;padding:14px}.campaign-list-title{font-size:1.2rem}.campaign-list-table td,.campaign-list-table th{font-size:.85rem;padding:10px 8px}.campaign-modal-card{max-width:99vw;padding:0 0 8px}.campaign-modal-form,.campaign-modal-header{padding-left:10px;padding-right:10px}}.campaign-modal-overlay{align-items:center;background:#1e293b73;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.campaign-modal-card{animation:modalIn .22s cubic-bezier(.4,1.4,.6,1) both;background:#fff;border:1.5px solid #e2e8f0;border-radius:18px;box-shadow:0 8px 32px #667eea2e;max-width:420px;padding:0 0 18px;width:96vw}@keyframes modalIn{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:none}}.campaign-modal-header{align-items:center;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:18px 18px 0 0;display:flex;justify-content:space-between;padding:22px 28px 0}.campaign-modal-title{color:#fff;font-size:1.25rem;font-weight:700}.campaign-modal-close{align-items:center;background:none;border:none;border-radius:999px;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:36px;justify-content:center;transition:background .2s,color .2s;width:36px}.campaign-modal-close:hover{background:#e0e7ff;color:#667eea}.campaign-modal-form{display:flex;flex-direction:column;gap:18px;padding:22px 28px 0}.campaign-modal-label{color:#1a202c;display:block;font-weight:600;margin-bottom:6px}.campaign-modal-input,.campaign-modal-textarea{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:999px;box-shadow:0 1px 2px #667eea0a;color:#374151;font-size:1rem;padding:10px 14px;transition:border .2s,box-shadow .2s;width:100%}.campaign-modal-input:focus,.campaign-modal-textarea:focus{border-color:#667eea;box-shadow:0 0 0 2px #c7d2fe;outline:none}.campaign-modal-textarea{border-radius:16px;min-height:70px;resize:vertical}.campaign-modal-checkbox-row{align-items:center;display:flex;gap:10px}.campaign-modal-checkbox{accent-color:#667eea;margin-right:8px}.campaign-modal-actions{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;margin-top:10px;padding-top:18px}.campaign-modal-btn{background:linear-gradient(45deg,#667eea,#667eea);border:none;border-radius:999px;box-shadow:0 2px 8px #667eea1f;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 22px;transition:all .2s}.campaign-modal-btn.cancel{background:#e0e7ff;color:#667eea}.campaign-modal-btn:hover{filter:brightness(1.07)}@media (max-width:600px){.campaign-modal-card{max-width:99vw;padding:0 0 8px}.campaign-modal-form,.campaign-modal-header{padding-left:10px;padding-right:10px}}.campaign-list-container{background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;padding:24px}.campaign-list-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:28px}.campaign-list-title{color:#1a202c;font-size:1.75rem;font-weight:700;margin:0}.campaign-list-btn-new{background:linear-gradient(90deg,#667eea,#667eea);border:none;border-radius:999px;box-shadow:0 2px 8px #667eea1f;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 28px;transition:background .2s,box-shadow .2s}.campaign-list-btn-new:hover{background:linear-gradient(90deg,#5a67d8,#667eea);box-shadow:0 4px 16px #667eea2e}.campaign-list-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 10px #667eea1a;overflow-x:auto}.campaign-list-table{border-collapse:collapse;font-size:.98rem;width:100%}.campaign-list-th{background:linear-gradient(90deg,#667eea,#667eea);border:none;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.03em;padding:16px 18px;text-align:left;text-transform:uppercase}.campaign-list-tr{border-bottom:1px solid #e2e8f0;transition:background .15s,transform .15s}.campaign-list-tr:hover{background:linear-gradient(90deg,#f8fafc,#e2e8f0);transform:scale(1.01)}.campaign-list-td{border:none;padding:16px 18px;vertical-align:middle}.campaign-list-status{background:linear-gradient(45deg,#48bb78,#38a169);border-radius:999px;box-shadow:0 2px 8px #48bb782e;color:#fff;display:inline-block;font-size:.9rem;font-weight:700;min-width:90px;padding:6px 18px;text-align:center}.campaign-list-status.inactive{background:linear-gradient(45deg,#f56565,#e53e3e);box-shadow:0 2px 8px #f565652e;color:#fff}.campaign-list-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.campaign-list-btn-delete,.campaign-list-btn-edit,.campaign-list-btn-status{background:#fff;border:2px solid #e2e8f0;border-radius:999px;box-shadow:0 1px 4px #667eea14;color:#667eea;cursor:pointer;font-size:.95rem;font-weight:600;padding:8px 18px;transition:all .2s}.campaign-list-btn-edit:hover{background:#f6ad55;border-color:#f6ad55;color:#fff}.campaign-list-btn-status{border-color:#38a169;color:#38a169}.campaign-list-btn-status.inactive{border-color:#e53e3e;color:#e53e3e}.campaign-list-btn-status:hover{background:#38a169;color:#fff}.campaign-list-btn-status.inactive:hover{background:#e53e3e;color:#fff}.campaign-list-btn-delete{border-color:#f56565;color:#f56565}.campaign-list-btn-delete:hover{background:#f56565;color:#fff}@media (max-width:900px){.campaign-list-table-container{overflow-x:auto}.campaign-list-table{min-width:700px}}@media (max-width:600px){.campaign-list-header{align-items:stretch;flex-direction:column;gap:16px}.campaign-list-title{font-size:1.3rem}.campaign-list-btn-new{font-size:.95rem;padding:10px 18px}.campaign-list-table td,.campaign-list-table th{font-size:.85rem;padding:10px 8px}}:root{--cn-bg:linear-gradient(180deg,#eef2ff,#e9efff);--cn-card-bg:#fffc;--cn-border:#667eea2e;--cn-shadow:0 2px 10px #667eea1f;--cn-title:#1f2937;--cn-muted:#6b7280;--cn-accent:#667eea;--cn-accent2:#6b46c1;--cn-radius:14px;--cn-pill:999px}.campaign-new-container{background:linear-gradient(180deg,#eef2ff,#e9efff);background:var(--cn-bg);min-height:100vh;padding:32px 0}.campaign-new-card{background:#fffc;background:var(--cn-card-bg);border:1px solid #667eea2e;border:1px solid var(--cn-border);border-radius:14px;border-radius:var(--cn-radius);box-shadow:0 2px 10px #667eea1f;box-shadow:var(--cn-shadow);margin:0 auto;max-width:700px;padding:32px}.campaign-new-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.campaign-new-title{color:#1f2937;color:var(--cn-title);font-size:1.5rem;font-weight:700}.campaign-new-close{align-items:center;background:none;border:none;border-radius:999px;border-radius:var(--cn-pill);color:#6b7280;color:var(--cn-muted);cursor:pointer;display:flex;font-size:1.7rem;height:32px;justify-content:center;transition:background .2s,color .2s;width:32px}.campaign-new-close:hover{background:#e0e7ff;color:#667eea;color:var(--cn-accent)}.campaign-new-form{display:flex;flex-direction:column;gap:18px}.campaign-new-label{color:#1f2937;color:var(--cn-title);display:block;font-weight:600;margin-bottom:6px}.campaign-new-input,.campaign-new-select,.campaign-new-textarea{background:#f8fafc;border:1.5px solid #667eea2e;border:1.5px solid var(--cn-border);border-radius:999px;border-radius:var(--cn-pill);box-shadow:0 1px 2px #667eea0a;color:#374151;font-size:1rem;padding:10px 14px;transition:border .2s,box-shadow .2s;width:100%}.campaign-new-input:focus,.campaign-new-select:focus,.campaign-new-textarea:focus{border-color:#667eea;border-color:var(--cn-accent);box-shadow:0 0 0 2px #c7d2fe;outline:none}.campaign-new-checkbox{accent-color:#667eea;accent-color:var(--cn-accent);margin-right:8px}.campaign-new-actions{border-top:1px solid #667eea2e;border-top:1px solid var(--cn-border);display:flex;gap:12px;justify-content:flex-end;margin-top:18px;padding-top:18px}.campaign-new-btn{background:linear-gradient(45deg,#667eea,#6b46c1);background:linear-gradient(45deg,var(--cn-accent),var(--cn-accent2));border:none;border-radius:999px;border-radius:var(--cn-pill);box-shadow:0 2px 8px #667eea1f;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:10px 22px;transition:all .2s}.campaign-new-btn.cancel{background:#e0e7ff;color:#667eea;color:var(--cn-accent)}.campaign-new-btn:hover{filter:brightness(1.07)}.campaign-new-preview{background:#f8fafc;border-radius:14px;border-radius:var(--cn-radius);box-shadow:0 1px 4px #667eea14;margin-top:10px;padding:18px}.campaign-new-status{background:#e0f2fe;border-radius:999px;border-radius:var(--cn-pill);color:#2563eb;display:inline-block;font-size:.85rem;font-weight:700;padding:6px 16px;transition:background .2s,color .2s}.campaign-new-status.inactive{background:#fee2e2;color:#b91c1c}.campaign-new-help{background:#e0e7ff;border-radius:14px;border-radius:var(--cn-radius);box-shadow:0 1px 4px #667eea14;color:#374151;margin-top:18px;padding:16px}.campaign-new-help-title{color:#667eea;color:var(--cn-accent);font-weight:700;margin-bottom:8px}.campaign-new-help-list{color:#374151;font-size:.98rem;margin-left:12px}@media (max-width:768px){.campaign-new-card{max-width:98vw;padding:14px}.campaign-new-header{margin-bottom:14px}.campaign-new-help,.campaign-new-preview{padding:10px}}.list-list-container{background-color:#f8f9fa;margin:0 auto;max-width:1400px;min-height:calc(100vh - 70px);padding:2rem}.list-list-header{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem}.list-list-header h1{color:#495057;font-size:1.8rem;margin:0}.filters-section{background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;margin-bottom:1.5rem;padding:1.5rem}.search-box{margin-bottom:1rem}.search-box input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236c757d'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E");background-position:1rem;background-repeat:no-repeat;border-radius:25px;padding-left:2.5rem}.filter-controls{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.results-info{align-items:center;background:#fff;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1rem;padding:.5rem 1rem}.badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.total-info{color:#6c757d;font-size:.9rem}.table-responsive{background:#fff;border-radius:10px;box-shadow:0 4px 15px #00000014;margin-bottom:2rem;overflow:hidden}.lists-table{border-collapse:collapse;width:100%}.lists-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.lists-table th{font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.lists-table tbody tr{border-bottom:1px solid #e9ecef;transition:all .2s}.lists-table tbody tr:hover{background-color:#f8f9fa}.lists-table td{padding:1rem;vertical-align:middle}.list-id .id-badge{background:#e9ecef;border-radius:4px;color:#495057;font-family:monospace;font-size:.9rem;padding:.25rem .5rem}.list-name strong{color:#495057;font-size:1rem}.list-description{word-wrap:break-word;max-width:300px}.campaign-badge{align-items:center;background:#d1ecf1;border-radius:4px;color:#0c5460;display:inline-flex;font-size:.85rem;gap:.25rem;padding:.25rem .5rem}.status-badge{font-size:.85rem;font-weight:500;padding:.25rem .75rem}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#fff3cd;color:#856404}.list-date{color:#6c757d;font-size:.9rem}.list-actions{display:flex;gap:.5rem}.list-actions .btn-sm{font-size:.875rem;min-width:36px;padding:.25rem .5rem}.summary-section{margin-top:2rem}.summary-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:1.5rem}.summary-card h4{color:#495057;font-size:1.2rem;margin-bottom:1rem}.summary-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:1rem}.stat-label{color:#6c757d;display:block;font-size:.9rem;margin-bottom:.25rem}.stat-value{color:#495057;display:block;font-size:1.5rem;font-weight:600}@media (max-width:768px){.list-list-container{padding:1rem}.list-list-header{flex-direction:column;gap:1rem;text-align:center}.lists-table{display:block;overflow-x:auto}.list-actions{flex-direction:column}.filter-controls{grid-template-columns:1fr}}.list-new-container{background-color:#f8f9fa;margin:0 auto;max-width:1200px;min-height:calc(100vh - 70px);padding:2rem}.list-new-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 20px #0000001a;color:#fff;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.list-new-header h1{font-size:2rem;font-weight:600;margin:0}.header-info{align-items:center;display:flex;gap:1rem}.list-id-preview{background:#fff3;border-radius:20px;font-size:.9rem;padding:.5rem 1rem}.list-id-preview strong{font-size:1.2rem;margin-left:5px}.alert{border:1px solid #0000;border-radius:8px;font-weight:500;margin-bottom:1.5rem;padding:1rem 1.5rem}.alert-success{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.alert-error{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.alert-warning{background-color:#fff3cd;border-color:#ffeaa7;color:#856404}.form-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 6px 30px #00000014;padding:2rem}.form-section{border-bottom:2px solid #f1f3f4;margin-bottom:2.5rem;padding-bottom:2rem}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h3{align-items:center;color:#495057;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.form-help{background:#f8f9fa;border-left:4px solid #4e73df;border-radius:6px;color:#6c757d;font-size:.9rem;line-height:1.6;margin-bottom:1.5rem;padding:.75rem 1rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.form-grid,.form-group{margin-bottom:1.5rem}.form-group label{color:#495057;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.form-group label.required:after{color:#dc3545;content:" *"}.form-control{background-color:#fff;border:1px solid #ced4da;border-radius:8px;color:#495057;font-size:1rem;line-height:1.5;padding:.75rem 1rem;transition:all .2s;width:100%}.form-control:focus{border-color:#80bdff;box-shadow:0 0 0 .2rem #007bff40;outline:0}.form-control.is-invalid{border-color:#dc3545}.form-control.is-invalid:focus{box-shadow:0 0 0 .2rem #dc354540}.form-control.readonly{background-color:#e9ecef;color:#6c757d;cursor:not-allowed;opacity:.8}textarea.form-control{min-height:100px;resize:vertical}.invalid-feedback{color:#dc3545;width:100%}.form-text,.invalid-feedback{display:block;font-size:.875rem;margin-top:.25rem}.form-text{color:#6c757d;line-height:1.4}.status-toggle{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:1rem}.toggle-switch{align-items:center;cursor:pointer;display:flex;gap:.75rem}.toggle-switch input[type=checkbox]{display:none}.toggle-slider{background-color:#6c757d;border-radius:34px;height:30px;position:relative;transition:.4s;width:60px}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;content:"";height:22px;left:4px;position:absolute;transition:.4s;width:22px}.toggle-switch input:checked+.toggle-slider{background-color:#28a745}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(30px)}.toggle-label{color:#495057;font-size:1rem;font-weight:500}.form-actions{border-top:1px solid #e9ecef;gap:1rem;margin-top:2rem;padding-top:2rem}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;min-width:140px;padding:.75rem 1.5rem;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary{background-color:#6c757d}.btn-secondary:hover:not(:disabled){background-color:#5a6268;transform:translateY(-1px)}.btn-outline-secondary{background-color:initial;border:1px solid #6c757d;color:#6c757d}.btn-outline-secondary:hover:not(:disabled){background-color:#6c757d;color:#fff;transform:translateY(-1px)}.form-footer{margin-top:2.5rem}.form-help-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:5px solid #4e73df;border-radius:8px;padding:1.5rem}.form-help-card h4{color:#495057;font-size:1.1rem;margin-bottom:1rem}.form-help-card ul{margin-bottom:0;padding-left:1.5rem}.form-help-card li{color:#6c757d;font-size:.9rem;line-height:1.4;margin-bottom:.5rem}.form-help-card li:last-child{margin-bottom:0}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.spinner{animation:spin 1s linear infinite;border:5px solid #f3f3f3;border-radius:50%;border-top-color:#4e73df;height:50px;margin-bottom:1rem;width:50px}.spinner-border{animation:spinner-border .75s linear infinite;border:.2em solid;border-radius:50%;border-right:.2em solid #0000;display:inline-block;height:1rem;vertical-align:text-bottom;width:1rem}@keyframes spinner-border{to{transform:rotate(1turn)}}@media (max-width:768px){.list-new-container{padding:1rem}.list-new-header{flex-direction:column;gap:1rem;padding:1.5rem;text-align:center}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn{min-width:auto;width:100%}}@media (max-width:576px){.form-card{padding:1.5rem}.form-section{margin-bottom:1.5rem;padding-bottom:1.5rem}.form-actions{flex-direction:column;gap:.75rem}}.dids-view{max-width:1200px}.btn-primary{border-radius:4px;padding:10px 20px}.btn-primary:hover{background:#2980b9}.view-content{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.loading{padding:40px}.preview-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:1rem;padding:1rem}.preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.preview-header h4{color:#495057;font-size:1rem;margin:0}.preview-badge{background:#6c757d;border-radius:4px;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.preview-container{background:#fff;border:1px solid #dee2e6;border-radius:6px;overflow:hidden}.preview-table-container{max-height:300px;overflow-x:auto;overflow-y:auto}.preview-table{border-collapse:collapse;font-size:.8rem;width:100%}.preview-table th{background:#f1f3f4;border-bottom:2px solid #dee2e6;color:#495057;font-weight:600;padding:.5rem;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap}.preview-table td{border-bottom:1px solid #e9ecef;max-width:200px;overflow:hidden;padding:.5rem;text-overflow:ellipsis;white-space:nowrap}.preview-table tr:hover{background:#f8f9fa}.empty-cell,.more-columns{color:#6c757d;font-style:italic}.more-columns{text-align:center}.preview-summary{background:#f8f9fa;border-top:1px solid #dee2e6;display:flex;flex-wrap:wrap;gap:1.5rem;padding:.75rem}.summary-item{color:#495057;font-size:.8rem}.summary-item strong{color:#343a40}.file-details{align-items:center;display:flex;gap:.5rem}.file-icon{font-size:1.5rem}.file-meta{display:flex;flex-direction:column}.file-name{color:#495057}.file-stats{color:#6c757d;font-size:.8rem}.file-placeholder{align-items:center;color:#6c757d;display:flex;gap:.5rem}.placeholder-icon{font-size:1.5rem}.campaign-info-card{background:#f8f9fa;border-radius:6px;padding:1rem}.campaign-details-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.campaign-detail{display:flex;flex-direction:column;gap:.25rem}.detail-label{color:#6c757d;font-size:.8rem;font-weight:500}.detail-value{color:#495057;font-size:.9rem;font-weight:600}.upload-progress-section{background:#e7f3ff;border:1px solid #b3d9ff;border-radius:8px;padding:1rem}.progress-header{align-items:center;color:#06c;display:flex;font-weight:600;justify-content:space-between;margin-bottom:.5rem}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;display:inline-block;height:16px;margin-right:.5rem;width:16px}.loading-select{background-color:#f8f9fa;color:#6c757d}.select-empty,.select-loading{background:#f8f9fa;border-radius:4px;color:#6c757d;font-style:italic;margin-top:5px;padding:8px 12px}.select-empty{background:#fff3cd;color:#856404}.input-help{color:#6c757d;display:block;font-style:italic;margin-top:5px}.campaign-info{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-top:10px;padding:15px}.campaign-details{display:flex;flex-direction:column;gap:8px}.detail-row{display:flex;gap:10px}.detail-row strong{color:#495057;min-width:120px}input:disabled,select:disabled{background-color:#e9ecef;cursor:not-allowed}@media (max-width:768px){.detail-row{flex-direction:column;gap:2px}.detail-row strong{min-width:auto}}.error-state{color:#e74c3c;padding:40px;text-align:center}.error-message,.error-state p{margin-bottom:20px}.error-message{background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;color:#721c24;padding:15px}.btn-pause{background:#ffc107;color:#fff}.btn-activate{background:#28a745;color:#fff}.status-badge.activa{background:#d4edda;color:#155724}.status-badge.pausada{background:#fff3cd;color:#856404}.dids-view{margin:0 auto;max-width:1400px;padding:20px}.view-header{align-items:center;border-bottom:2px solid #ecf0f1;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.view-header h2{color:#2c3e50;font-size:1.8em;margin:0}.header-actions{display:flex;gap:15px}.view-content{background:#f8f9fa;border-radius:10px;padding:25px}.search-bar{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:25px}.search-input{border:2px solid #bdc3c7;border-radius:8px;flex:1 1;font-size:14px;padding:12px 15px;transition:border-color .3s ease}.search-input:focus{border-color:#3498db}.results-count{color:#7f8c8d;font-size:14px;font-weight:500}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{box-shadow:0 2px 10px #0000001a;text-align:center}.stat-card h3{color:#7f8c8d;font-size:14px;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.table-container{border-radius:10px;box-shadow:0 2px 10px #0000001a}.data-table{border-collapse:collapse;width:100%}.data-table td,.data-table th{border-bottom:1px solid #ecf0f1;padding:15px;text-align:left}.data-table th{background:#34495e;color:#fff;font-size:14px;font-weight:600}.data-table tr:hover{background:#f8f9fa}.status-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-badge.procesado{background:#d4edda;color:#155724}.status-badge.pendiente{background:#fff3cd;color:#856404}.number-badge{background:#e3f2fd;border-radius:4px;color:#1976d2;font-size:12px;font-weight:600;padding:4px 8px}.action-buttons{gap:5px}.btn-action{border:none;border-radius:4px;cursor:pointer;font-size:12px;padding:8px;transition:all .3s ease}.btn-download{background:#28a745;color:#fff}.btn-view{background:#17a2b8;color:#fff}.btn-delete{background:#dc3545;color:#fff}.btn-action:hover{opacity:.8;transform:translateY(-1px)}.upload-container{margin:0 auto;max-width:800px}.upload-form{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:30px}.form-section{border-bottom:1px solid #ecf0f1;margin-bottom:30px;padding-bottom:20px}.form-section h3{color:#2c3e50;font-size:1.3em}.form-group,.form-section h3{margin-bottom:20px}.form-group label{color:#2c3e50;display:block;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:2px solid #bdc3c7;border-radius:6px;font-size:14px;padding:12px 15px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3498db;outline:none}.file-upload-area{border:2px dashed #bdc3c7;border-radius:6px;padding:20px;text-align:center;transition:border-color .3s ease}.file-upload-area:hover{border-color:#3498db}.file-upload-area input[type=file]{margin-bottom:10px;width:100%}.file-info{margin-top:10px}.file-name{color:#2c3e50;font-weight:600}.file-size{color:#7f8c8d;font-size:12px;margin-left:10px}.file-placeholder{color:#7f8c8d;font-style:italic}.file-requirements{color:#7f8c8d;margin-top:10px}.upload-progress{margin:20px 0}.progress-bar{background:#ecf0f1;border-radius:10px;height:20px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#3498db,#2ecc71);height:100%;transition:width .3s ease}.progress-text{color:#2c3e50;display:block;font-weight:600;margin-top:8px;text-align:center}.form-actions{border-top:1px solid #ecf0f1;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.btn-primary{background:#3498db;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:12px 25px;transition:all .3s ease}.btn-primary:hover:not(:disabled){background:#2980b9;transform:translateY(-1px)}.btn-primary:disabled{background:#bdc3c7;cursor:not-allowed}.btn-secondary{background:#95a5a6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:12px 25px;transition:all .3s ease}.btn-secondary:hover:not(:disabled){background:#7f8c8d}.loading{color:#7f8c8d;padding:60px 20px;text-align:center}.loader{height:40px;margin:0 auto 20px;width:40px}.empty-state{color:#7f8c8d;padding:40px;text-align:center}@media (max-width:768px){.view-header{align-items:flex-start;gap:15px}.search-bar,.view-header{flex-direction:column}.stats-grid{grid-template-columns:1fr 1fr}.action-buttons,.form-actions{flex-direction:column}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:15px}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}}}:root{--primary:#667eea;--primary-dark:#5a67d8;--secondary:#764ba2;--light:#f8fafc;--dark:#2c3e50;--gray:#e2e8f0;--gray-dark:#9ca3af;--success:#22c55e;--danger:#ef4444;--warning:#f59e0b;--border-radius:12px;--shadow:0 4px 12px #00000014;--transition:all 0.3s ease}.asterisk-audio-list{background:#f8fafc;background:var(--light);font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Roboto,sans-serif;min-height:100vh;padding:20px}.panel-header{background:linear-gradient(45deg,#667eea,#764ba2);background:linear-gradient(45deg,var(--primary) 0,var(--secondary) 100%);border-bottom:1px solid #ffffff1a;color:#fff;padding:24px 30px}.panel-header h1{font-size:1.8rem;font-weight:600;margin-bottom:4px}.panel-header .timestamp{color:#fffc;font-size:.9rem}.toolbar{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray);display:flex;flex-wrap:wrap;gap:15px;padding:20px 30px}.toolbar-left{display:flex;flex:1 1;flex-wrap:wrap;gap:15px}.search-container{flex:1 1;min-width:300px;position:relative}.search-container i{color:#9ca3af;color:var(--gray-dark);left:15px;position:absolute;top:50%;transform:translateY(-50%)}.search-input{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--gray);border-radius:12px;border-radius:var(--border-radius);font-size:.95rem;padding:12px 20px 12px 45px;transition:all .3s ease;transition:var(--transition);width:100%}.search-input:focus{border-color:#667eea;border-color:var(--primary);box-shadow:0 0 0 3px #667eea26;outline:none}.date-filter{align-items:center;display:flex;gap:10px}.date-input{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--gray);border-radius:12px;border-radius:var(--border-radius);font-size:.9rem;padding:10px 15px;transition:all .3s ease;transition:var(--transition)}.date-input:focus{border-color:#667eea;border-color:var(--primary);outline:none}.toolbar-right{display:flex;flex-wrap:wrap;gap:12px}.button{align-items:center;border:none;border-radius:12px;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease;transition:var(--transition)}.button.primary{background:linear-gradient(45deg,#667eea,#764ba2);background:linear-gradient(45deg,var(--primary) 0,var(--secondary) 100%);color:#fff}.button.primary:hover{box-shadow:0 6px 20px #667eea59;transform:translateY(-2px)}.button.secondary{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--gray);color:#2c3e50;color:var(--dark)}.button.secondary:hover{border-color:#667eea;border-color:var(--primary);color:#667eea;color:var(--primary)}.icon-button{align-items:center;background:#fff;border:2px solid #e2e8f0;border:2px solid var(--gray);border-radius:50%;color:#667eea;color:var(--primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;transition:var(--transition);width:40px}.icon-button:hover{background:#667eea;background:var(--primary);color:#fff;transform:translateY(-2px)}.table-container{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--gray);border-radius:12px;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow);margin:0 30px 20px;overflow:hidden}.audio-table{border-collapse:collapse;width:100%}.audio-table thead{background:linear-gradient(45deg,#5a67d8,#764ba2);background:linear-gradient(45deg,var(--primary-dark) 0,var(--secondary) 100%);color:#fff}.audio-table th{font-size:.85rem;font-weight:600;letter-spacing:.05em;padding:18px 20px;text-align:left;text-transform:uppercase}.audio-table tbody tr{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--gray);transition:all .3s ease;transition:var(--transition)}.audio-table tbody tr:hover{background:linear-gradient(90deg,#667eea0d,#764ba20d)}.audio-table td{color:#2c3e50;color:var(--dark);padding:20px;vertical-align:middle}.filename-cell{max-width:400px}.filename{color:#5a67d8;color:var(--primary-dark);display:inline-block;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.extension-cell{text-align:center}.extension{background:linear-gradient(45deg,#667eea,#764ba2);background:linear-gradient(45deg,var(--primary) 0,var(--secondary) 100%);border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;min-width:60px;padding:6px 12px}.extension.new{background:#22c55e;background:var(--success)}.size-cell{color:#2c3e50;color:var(--dark);font-weight:600}.date-cell{color:#9ca3af;color:var(--gray-dark);font-size:.9rem}.duration-cell{color:#5a67d8;color:var(--primary-dark);font-weight:600;text-align:center}.actions-cell{width:200px}.row-actions{display:flex;gap:10px}.action-btn{border:none;border-radius:12px;border-radius:var(--border-radius);font-size:.85rem;font-weight:600;gap:5px;padding:8px 15px;transition:var(--transition)}.action-btn.play{background:#667eea;background:var(--primary);color:#fff}.action-btn.play:hover{background:#5a67d8;background:var(--primary-dark)}.action-btn.download{background:#22c55e;background:var(--success);color:#fff}.action-btn.download:hover{background:#16a34a}.action-btn.delete{background:#ef4444;background:var(--danger);color:#fff}.action-btn.delete:hover{background:#dc2626}.pagination{align-items:center;background:#fff;border-top:1px solid #e2e8f0;border-top:1px solid var(--gray);display:flex;justify-content:space-between;padding:20px 30px}.page-info{color:#9ca3af;color:var(--gray-dark);font-size:.9rem}.page-controls{align-items:center;display:flex;gap:10px}.page-button{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--gray);border-radius:12px;border-radius:var(--border-radius);color:#2c3e50;color:var(--dark);cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease;transition:var(--transition)}.page-button:hover:not(:disabled){border-color:#667eea;border-color:var(--primary);color:#667eea;color:var(--primary)}.page-button.active{background:#667eea;background:var(--primary);border-color:#667eea;border-color:var(--primary);color:#fff}.page-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:1200px){.filename-cell{max-width:300px}}@media (max-width:992px){.toolbar{align-items:stretch;flex-direction:column}.toolbar-left,.toolbar-right{width:100%}.search-container{min-width:100%}.table-container{margin:0 15px 20px;overflow-x:auto}.audio-table{min-width:1000px}}@media (max-width:768px){.asterisk-audio-list{padding:10px}.panel-header{padding:20px}.pagination,.toolbar{padding:15px}.row-actions{flex-direction:column;gap:8px}.action-btn{justify-content:center;width:100%}}@media (max-width:576px){.filename-cell{max-width:200px}.date-filter{align-items:stretch;flex-direction:column}.pagination{flex-direction:column;gap:15px;text-align:center}}.admin-dashboard{background:#f5f6fa;min-height:100vh;position:relative}.dashboard-body{display:flex;margin-top:60px;min-height:calc(100vh - 60px)}.admin-content{flex:1 1;overflow-y:auto;padding:20px;transition:all .3s ease;width:100%}.admin-sidebar.open~.admin-content{-webkit-user-select:none;user-select:none}.admin-loading{background:#f5f6fa}.access-denied,.admin-loading{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.access-denied{padding:20px;text-align:center}.access-denied h2{color:#e74c3c;margin-bottom:20px}.access-denied .logout-btn{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:12px 24px}.access-denied .logout-btn:hover{background:#c0392b}.dashboard-overview{margin:0 auto;max-width:1200px}.dashboard-overview h2{color:#2c3e50;font-size:28px;margin-bottom:30px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.stat-card{border-left:4px solid #3498db;border-radius:10px;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 8px 15px #00000026}.stat-icon{opacity:.8}.stat-content h3{color:#2c3e50;font-size:16px;margin:0 0 10px}.stat-number{color:#2c3e50;font-size:2.5em;font-weight:700;margin-bottom:5px}.stat-content p{color:#7f8c8d;font-size:14px;margin:5px 0}.admin-actions{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-top:30px;padding:25px}.admin-actions h3{color:#2c3e50;font-size:20px;margin:0 0 20px}.action-buttons{display:flex;flex-wrap:wrap;gap:15px}.action-btn{align-items:center;background:#ecf0f1;border:2px solid #bdc3c7;border-radius:6px;color:#2c3e50;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s ease}.action-btn:hover{background:#d5dbdb;border-color:#95a5a6}.action-btn.primary{background:#3498db;border-color:#2980b9;color:#fff}.action-btn.primary:hover{background:#2980b9}@media (max-width:768px){.admin-sidebar.open~.admin-content{opacity:.7;transform:translateX(20px)}.admin-content{padding:15px}.stats-grid{gap:15px;grid-template-columns:1fr}.stat-card{padding:20px}.stat-number{font-size:2em}.action-buttons{flex-direction:column}.action-btn{justify-content:center}}@media (max-width:480px){.dashboard-overview h2{font-size:24px}.stat-card{flex-direction:column;gap:10px;text-align:center}.stat-icon{font-size:2em}}.admin-sidebar.open~.admin-content{filter:blur(2px);pointer-events:none}@media (max-width:768px){.admin-sidebar.open~.admin-content{opacity:.7;transform:translateX(20px)}}.superadmin-sidebar{background:#2563eb;box-shadow:2px 0 12px #2563eb14;color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,Arial,sans-serif;left:0;min-height:100vh;padding:0;position:fixed;top:0;width:250px;z-index:100}element.style{max-height:110px;opacity:1;pointer-events:auto}.superadmin-sidebar nav{flex:1 1 auto;max-height:calc(100vh - 170px);overflow-y:auto}.superadmin-sidebar nav ul{list-style:none;margin:0;padding:0 16px}.superadmin-sidebar li{margin-bottom:18px}.sidebar-section{color:#3b82f6;display:block;font-size:1.1em;font-weight:700;margin-bottom:8px}.superadmin-sidebar button{background:#3b82f6;border:none;border-radius:6px;box-shadow:0 1px 2px #2563eb0a;color:#fff;cursor:pointer;display:block;font-size:1em;font-weight:500;margin:6px 0;padding:10px 14px;text-align:left;transition:background .2s,color .2s;width:100%}.superadmin-sidebar button:hover{background:#60a5fa;color:#1e293b}.superadmin-sidebar.drawer{background:#2563eb;box-shadow:2px 0 12px #2563eb1f;color:#fff;height:100vh;left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s;width:250px;z-index:1200}.superadmin-sidebar.drawer.open{transform:translateX(0)}.sidebar-overlay{background:#2563eb21;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .3s;z-index:1100}.sidebar-overlay.show{opacity:1;pointer-events:all}.sidebar-main-btn{align-items:center;background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.08em;font-weight:700;justify-content:space-between;margin:6px 0;padding:12px 16px;text-align:left;transition:background .2s,color .2s;width:100%}.sidebar-main-btn:hover{background:#93c5fd;color:#1e293b}.sidebar-submenu{list-style:none;margin:0;max-height:110px;opacity:1;overflow:hidden;padding-left:18px;pointer-events:auto;transition:max-height .38s cubic-bezier(.4,.2,.2,1),opacity .28s cubic-bezier(.4,.2,.2,1)}.submenu-anim.open{max-height:400px;opacity:1;pointer-events:auto;transition:max-height .44s cubic-bezier(.4,.2,.2,1),opacity .32s cubic-bezier(.4,.2,.2,1)}.sidebar-sub-btn{background:#2563eb;border:none;border-radius:4px;color:#dbeafe;cursor:pointer;font-size:1.08em;margin:6px 0;min-height:24px;padding:14px 22px;text-align:left;transition:background .2s,color .2s;width:100%}.sidebar-sub-btn:disabled,.sidebar-sub-btn[aria-disabled=true]{background:#e3eafc;border:1.5px solid #c7d2fe;color:#94a3b8;cursor:not-allowed;filter:none;font-weight:600;opacity:1}.sidebar-sub-btn:hover{background:#a5b4fc;color:#1e293b}.arrow{font-size:.8em;margin-left:8px}.sidebar-user-info{background:#1e40af;border-bottom:2px solid #3b82f6;margin-bottom:10px;padding:24px 18px 18px;text-align:left}.user-role{color:#a5b4fc;font-size:.95em;font-weight:700;letter-spacing:1px;margin-bottom:2px}.user-name{color:#fff;font-size:1.18em;font-weight:700;margin-bottom:4px}.user-datetime{color:#dbeafe;font-size:.95em;margin-top:2px}.superadmin-topbar{align-items:center;background:#f5f8fd;box-shadow:0 2px 8px #1e40af12;color:#1a237e;display:flex;height:60px;padding:0 28px;position:-webkit-sticky;position:sticky;top:0;z-index:200}.sidebar-toggle-btn{background:none;border:none;color:#1a237e;cursor:pointer;font-size:2em;margin-right:24px;transition:color .2s}.sidebar-toggle-btn:hover{color:#1565c0}.topbar-title{align-items:center;display:flex;flex:1 1;font-size:1.3em;font-weight:700;gap:12px}.superadmin-badge{background:#1565c0;border-radius:16px;box-shadow:0 1px 4px #1565c014;color:#fff;font-size:.95em;font-weight:700;letter-spacing:1px;margin-right:8px;padding:4px 14px}.topbar-user{align-items:center;background:#e3eafc;border-radius:18px;box-shadow:0 1px 4px #1565c00a;display:flex;font-size:1em;gap:16px;padding:4px 14px 4px 10px}.logout-btn{background:#1565c0;box-shadow:0 1px 4px #1565c014;font-weight:700;margin-left:8px;padding:6px 14px;transition:background .2s,color .2s}.logout-btn:hover{background:#fff;border:1px solid #1565c0;color:#1565c0}.topbar-meta{align-items:flex-end;color:#1a237e;display:flex;flex-direction:column;font-size:.98em;margin-right:24px;min-width:170px}.topbar-role{color:#1565c0;font-weight:600;letter-spacing:.5px}.topbar-datetime{color:#3b4a6b;font-size:.93em;margin-top:2px}.default-dashboard{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.default-header{align-items:center;background:#fff;box-shadow:0 2px 10px #0000001a;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:20px 30px}.header-content h1{color:#2c3e50;font-size:1.8em;margin:0}.header-content p{color:#7f8c8d;margin:5px 0 0}.user-section{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.user-info{display:flex;flex-direction:column;gap:5px;text-align:right}.user-role{color:#7f8c8d;font-size:.9em}.logout-btn{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.logout-btn:hover{background:#c0392b;transform:translateY(-2px)}.default-content{margin:0 auto;max-width:1000px;padding:30px}.welcome-section{color:#fff;margin-bottom:30px;text-align:center}.welcome-section h2{font-size:2em;margin:0 0 10px}.welcome-section p{font-size:1.1em;margin:0;opacity:.9}.role-info{margin-bottom:30px}.info-card{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000001a;padding:25px;text-align:center}.info-card h3{color:#2c3e50;font-size:1.4em;margin:0 0 15px}.info-card p{color:#7f8c8d;font-size:1.1em;line-height:1.5;margin:0}.quick-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000001a;display:flex;gap:15px;padding:25px;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-icon{align-items:center;background:#f8f9fa;border-radius:50%;display:flex;flex-shrink:0;font-size:2.5em;height:70px;justify-content:center;width:70px}.stat-content h3{color:#7f8c8d;font-size:.9em;font-weight:400;margin:0 0 8px}.stat-value{color:#2c3e50;font-size:2em;font-weight:700;margin-bottom:5px}.system-info{background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000001a;padding:25px}.system-info h3{color:#2c3e50;font-size:1.4em;margin:0 0 20px}.info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:10px 0}.info-item:last-child{border-bottom:none}.status-online{color:#27ae60;font-weight:700}.error-container,.loading-container{align-items:center;color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;text-align:center}.loader{animation:spin 2s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.default-header{flex-direction:column;text-align:center}.user-section{justify-content:center;text-align:center}.quick-stats{grid-template-columns:1fr}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.273a8336.css.map*/