.loader-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.loader-container{background:#fff;padding:30px 40px;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:20px;box-shadow:0 4px 20px #0000004d}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #4F49F0;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader-text{margin:0;color:#333;font-size:16px;font-weight:500}.toast{position:fixed;top:20px;right:20px;background:#fff;padding:16px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:12px;min-width:300px;max-width:500px;z-index:10000;animation:slideIn .3s ease-out;border-left:4px solid}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-exito{border-left-color:#28a745}.toast-error{border-left-color:#dc3545}.toast-info{border-left-color:#17a2b8}.toast-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.toast-exito .toast-icon{background:#d4edda;color:#155724}.toast-error .toast-icon{background:#f8d7da;color:#721c24}.toast-info .toast-icon{background:#d1ecf1;color:#0c5460}.toast-mensaje{flex:1;color:#333;font-size:14px;line-height:1.4}.toast-cerrar{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .2s}.toast-cerrar:hover{color:#333}.app{max-width:1200px;margin:0 auto;padding:20px}.header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#fff;border-radius:8px;margin-bottom:20px;box-shadow:0 2px 4px #0000001a}.header h1{font-size:28px;color:#333}.estado-whatsapp{display:flex;align-items:center;gap:10px}.indicador{padding:8px 16px;border-radius:20px;font-weight:500;font-size:14px}.indicador.conectado{background:#d4edda;color:#155724}.indicador.desconectado{background:#f8d7da;color:#721c24}.nav{display:flex;gap:10px;margin-bottom:20px;background:#fff;padding:10px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.nav button{padding:10px 20px;border:none;background:transparent;cursor:pointer;border-radius:4px;font-size:16px;transition:all .2s}.nav button:hover{background:#f0f0f0}.nav button.active{background:#4f49f0;color:#fff}.main{background:#fff;border-radius:8px;padding:30px;box-shadow:0 2px 4px #0000001a;min-height:400px}.vista-inicio{max-width:800px}.vista-inicio h2{margin-bottom:20px;color:#333}.tarjeta{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:20px}.tarjeta h3{margin-bottom:15px;color:#4f49f0}.tarjeta ul{list-style:none;padding-left:0}.tarjeta ul li{padding:8px 0;font-size:16px}.texto-exito{color:#28a745;font-weight:500}.texto-error{color:#dc3545;font-weight:500}.encabezado-vista{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.encabezado-vista h2{color:#333}.btn-primary{padding:10px 20px;background:#4f49f0;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:500;transition:background .2s}.btn-primary:hover{background:#3d37c0}.btn-primary:disabled{background:#9d98f0;cursor:not-allowed;opacity:.7}.btn-secondary{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:16px;transition:background .2s}.btn-secondary:hover{background:#5a6268}.btn-secondary:disabled{background:#9a9fa4;cursor:not-allowed;opacity:.7}.formulario{background:#f8f9fa;padding:25px;border-radius:8px;margin-bottom:30px}.formulario h3{margin-bottom:20px;color:#333}.campo{margin-bottom:20px}.campo label{display:block;margin-bottom:8px;font-weight:500;color:#333}.campo input[type=text],.campo input[type=time],.campo textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:16px;font-family:inherit}.campo textarea{resize:vertical}.campo input[type=checkbox]{margin-right:8px}.dias-semana{display:flex;flex-wrap:wrap;gap:10px}.dia-btn{padding:8px 16px;border:2px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px}.dia-btn:hover{border-color:#4f49f0}.dia-btn.seleccionado{background:#4f49f0;color:#fff;border-color:#4f49f0}.acciones-formulario{display:flex;gap:10px;margin-top:20px}.lista{display:grid;gap:20px}.sin-datos{text-align:center;padding:40px;color:#6c757d;font-size:18px}.tarjeta-item{background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #4F49F0}.tarjeta-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tarjeta-item-header h4{color:#333;font-size:18px}.badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.badge.activa{background:#d4edda;color:#155724}.badge.inactiva{background:#f8d7da;color:#721c24}.tarjeta-item-texto{color:#555;margin-bottom:15px;line-height:1.6}.tarjeta-item-info{display:flex;gap:20px;margin-bottom:15px;font-size:14px;color:#6c757d}.tarjeta-item-acciones{display:flex;gap:10px}.btn-small{padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.btn-small{background:#4f49f0;color:#fff}.btn-small:hover{background:#3d37c0}.btn-small.btn-danger{background:#dc3545}.btn-small.btn-danger:hover{background:#c82333}.btn-small:disabled{opacity:.5;cursor:not-allowed}.vista-horario{max-width:800px}.info-horario{margin-top:15px}.info-horario p{margin-bottom:10px;font-size:16px}.mensaje-fuera-horario{margin-top:20px;padding:15px;background:#fff3cd;border-left:4px solid #ffc107;border-radius:4px}.mensaje-fuera-horario p{margin-bottom:8px}.mensaje-fuera-horario .mensaje-default{color:#6c757d;font-style:italic}.campo small{display:block;margin-top:5px;font-size:13px;color:#6c757d;line-height:1.4}.estado-actual{margin-top:20px;padding:15px;background:#f8f9fa;border-radius:4px}.estado-actual p{margin:0;font-size:16px}.horarios-por-dia{margin-bottom:30px}.info-texto{color:#6c757d;margin-bottom:20px;font-size:14px}.lista-horarios-dia{display:grid;gap:15px}.horario-dia-item{background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #4F49F0}.horario-dia-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.horario-dia-header h4{margin:0;color:#333;font-size:18px}.horario-dia-info p{margin:10px 0;color:#555}.sin-horario{color:#999;font-style:italic}.formulario-dia{margin-top:15px}.campos-horario-dia{display:flex;gap:15px;align-items:flex-end;flex-wrap:wrap;margin-bottom:15px}.campo-horario{display:flex;flex-direction:column;gap:5px}.campo-horario label{font-size:13px;font-weight:500;color:#333}.campo-horario input[type=time]{padding:8px;border:1px solid #ddd;border-radius:6px;font-size:14px}.campo-horario input[type=checkbox]{margin-right:5px}.acciones-dia{display:flex;gap:10px;margin-top:10px}.vista-manual{padding:20px}.info-manual{margin-top:15px;padding:15px;background:#f8f9fa;border-radius:6px}.info-manual p{margin:8px 0;color:#555}.info-manual strong{color:#333}input[type=file]{padding:8px;border:1px solid #ddd;border-radius:6px;width:100%;font-size:14px;background:#fff}input[type=file]:focus{outline:none;border-color:#4f49f0;box-shadow:0 0 0 3px #4f49f01a}.vista-estadisticas{max-width:1400px}.filtros-estadisticas{margin-bottom:30px}.filtros-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:15px}.filtros-grid .campo{display:flex;flex-direction:column}.filtros-grid label{margin-bottom:5px;font-weight:500;color:#333}.filtros-grid select,.filtros-grid input[type=date]{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff}.filtros-grid select:focus,.filtros-grid input[type=date]:focus{outline:none;border-color:#4f49f0;box-shadow:0 0 0 3px #4f49f01a}.estadisticas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.estadistica-item{text-align:center;padding:20px;background:#f8f9fa;border-radius:8px;border:2px solid #e9ecef}.estadistica-valor{font-size:36px;font-weight:700;color:#4f49f0;margin-bottom:8px}.estadistica-valor.estadistica-resueltos{color:#28a745}.estadistica-valor.estadistica-proceso{color:#ffc107}.estadistica-valor.estadistica-pendientes{color:#dc3545}.estadistica-label{font-size:14px;color:#666;font-weight:500}.tabla-container{overflow-x:auto;margin-top:15px}.tabla-estadisticas{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden}.tabla-estadisticas thead{background:#4f49f0;color:#fff}.tabla-estadisticas th{padding:12px 15px;text-align:left;font-weight:600;font-size:14px}.tabla-estadisticas td{padding:12px 15px;border-bottom:1px solid #e9ecef;font-size:14px}.tabla-estadisticas tbody tr:hover{background:#f8f9fa}.tabla-estadisticas tbody tr:last-child td{border-bottom:none}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f5f5;color:#333}#root{min-height:100vh}