:root{color-scheme:light}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-scope .MuiOutlinedInput-root{background-color:#fff!important;border-radius:8px}.login-scope .MuiOutlinedInput-input{color:#111!important}.login-scope .MuiOutlinedInput-root fieldset{border-color:#d0d5dd!important}.login-scope .MuiOutlinedInput-root:hover fieldset{border-color:#9aa0a6!important}.login-scope .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#3f51b5!important;border-width:2px!important}.login-scope .MuiInputBase-input::-webkit-input-placeholder{color:#666;opacity:1}.login-scope .MuiInputBase-input::placeholder{color:#666;opacity:1}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:#111!important;box-shadow:inset 0 0 0 1000px #fff;-webkit-transition:background-color 9999s ease-out 0s;transition:background-color 9999s ease-out 0s}:root{--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}.dark-mode{--dark-bg:#1a1a1a;--dark-bg-panel:#242424;--dark-bg-header:#2c2c2c;--dark-text:#e0e0e0;--dark-text-muted:#888;--dark-border:#444;--primary-color:#3b82f6;--primary-color-hover:#2563eb;--danger-color:#a86060;--success-color:#6b9c77;--warn-color:#c9a869;background-color:var(--dark-bg);color:var(--dark-text);color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-family:var(--font-family);min-height:100vh}.analisis-produccion-container,.logs-viewer-container,.stats-container{margin:0 auto;max-width:95vw;padding:20px}.dark-mode .dashboard-header,.dark-mode .filtros-logs,.dark-mode .stats-header{align-items:center;background-color:var(--dark-bg-panel);border:1px solid var(--dark-border);border-radius:8px;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding:15px}.filtros-container,.filtros-principales{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.dark-mode input[type=date],.dark-mode input[type=number],.dark-mode input[type=text],.dark-mode select{background-color:var(--dark-bg);border:1px solid var(--dark-border);border-radius:5px;color:var(--dark-text);font-size:14px;padding:8px 12px}.dark-mode input[type=date]:focus,.dark-mode input[type=number]:focus,.dark-mode input[type=text]:focus,.dark-mode select:focus{border-color:var(--primary-color);box-shadow:0 0 5px var(--primary-color);outline:none}.dark-mode .btnbuscador{background-color:initial;border:1px solid var(--primary-color);border-radius:5px;color:var(--primary-color);cursor:pointer;font-weight:700;padding:8px 15px;transition:background-color .2s ease,color .2s ease}.dark-mode .btnbuscador:hover{background-color:var(--primary-color);color:#fff}.dark-mode button{background-color:var(--dark-bg-header);border:1px solid var(--dark-border);border-radius:5px;color:var(--dark-text);cursor:pointer;font-weight:700;padding:8px 15px;transition:background-color .2s ease,border-color .2s ease}.dark-mode button:hover{background-color:var(--dark-border);border-color:#555}.dark-mode button:disabled{background-color:var(--dark-bg-panel);border-color:var(--dark-border);color:var(--dark-text-muted);cursor:not-allowed}.dark-mode .paginador{align-items:center;color:var(--dark-text-muted);display:flex;gap:15px}.dark-mode .tabla-responsive,.dark-mode .tabla-responsive-container{background-color:var(--dark-bg-panel);border:1px solid var(--dark-border);border-radius:8px;overflow-x:auto;padding:10px}.tabla-datos{font-size:14px}.dark-mode .tabla-datos td,.dark-mode .tabla-datos th{border-bottom:1px solid var(--dark-border);padding:12px 15px;text-align:left}.dark-mode .tabla-datos thead th{background-color:var(--dark-bg-header);color:var(--dark-text);font-weight:700;position:-webkit-sticky;position:sticky;top:0}.dark-mode .tabla-datos tbody tr:hover{background-color:#2a2a2a}.dark-mode .chip{background-color:var(--dark-border);border-radius:12px;color:var(--dark-text);display:inline-block;font-size:12px;font-weight:700;padding:4px 10px}.dark-mode .chip-danger{background-color:var(--danger-color);color:#fff}.dark-mode .chip-success{background-color:var(--success-color);color:#fff}.dark-mode .navbar{background-color:var(--dark-bg-panel);border-bottom:1px solid var(--dark-border);justify-content:space-between;padding:0 20px}.dark-mode .navbar,.menus{align-items:center;display:flex}.menus{list-style:none;margin:0;padding:0}.menu-items{position:relative}.dark-mode .menu-items a,.dark-mode .menu-items button{background:none;border:none;color:var(--dark-text);cursor:pointer;display:block;font-size:16px;padding:18px 20px;text-decoration:none}.dark-mode .menu-items a:hover,.dark-mode .menu-items button:hover{background-color:var(--primary-color);color:#fff}.dark-mode .Salir{background-color:var(--danger-color)!important}.dark-mode .Salir:hover{background-color:#c0392b!important}.dropdown{left:0;list-style:none;margin:0;min-width:200px;opacity:0;padding:0;position:absolute;top:100%;-webkit-transform:translateY(-10px);transform:translateY(-10px);transition:opacity .3s ease,visibility .3s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,visibility .3s;transition:opacity .3s ease,transform .3s ease,visibility .3s,-webkit-transform .3s ease;visibility:hidden;z-index:1000}.dark-mode .dropdown{background-color:var(--dark-bg-header);border:1px solid var(--dark-border);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.5)}.dropdown.show{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}.dropdown li{width:100%}.dropdown a{color:var(--dark-text);display:block;padding:12px 20px;text-decoration:none;transition:background-color .2s ease}.dark-mode .dropdown a:hover{background-color:var(--primary-color);color:#fff}.dropdown li:first-child a{border-radius:8px 8px 0 0}.dropdown li:last-child a{border-radius:0 0 8px 8px}.menu-items button[aria-haspopup=menu]:after{content:" ▼";font-size:12px;margin-left:5px;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.menu-items button[aria-expanded=true]:after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.hamburger-button{background:none;border:none;display:none;padding:10px}.dark-mode .hamburger-button{color:var(--dark-text)}.hamburger-button svg{height:28px;width:28px}@media (max-width:768px){.hamburger-button{display:block}.menus{display:none;flex-direction:column;left:0;position:absolute;width:100%;z-index:1000}.dark-mode .menus{background-color:var(--dark-bg-panel);border-top:1px solid var(--dark-border);top:60px}.menus.active{display:flex}.menu-items{text-align:center;width:100%}.dropdown{border:none;border-radius:0;box-shadow:none;opacity:1;position:static;-webkit-transform:translateY(0);transform:translateY(0);visibility:visible}.dark-mode .dropdown{background-color:var(--dark-bg);border-top:1px solid var(--dark-border)}.dropdown li a{padding-left:40px}.menu-items button[aria-haspopup=menu]:after{content:""}}.cubico-chart-container{height:100%;position:relative;width:100%}.analisis-produccion-container{display:flex;flex-direction:column;gap:20px;height:calc(100vh - 60px);overflow:hidden;padding:20px}.chart-wrapper{background-color:#2c2f33;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);flex-grow:1;padding:15px;position:relative;width:100%}.dashboard-header{flex-shrink:0}.chart-container{flex-grow:1;min-height:0}.kpi-container{display:flex;flex-wrap:wrap;gap:15px}.kpi-card{background-color:var(--dark-bg);border:1px solid var(--dark-border);flex-grow:1;padding:15px;text-align:center}.kpi-card h3{color:var(--dark-text-muted);font-size:14px;margin:0 0 5px;text-transform:uppercase}.kpi-card .valor{color:var(--primary-color);font-size:24px;font-weight:700;margin:0}.kpi-card .subtexto{color:var(--dark-text-muted);font-size:12px;margin:5px 0 0}.loading-spinner-container,.mensaje-vacio{align-items:center;color:var(--dark-text-muted);display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border-top:4px solid var(--dark-border);border:4px solid var(--dark-border);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin-bottom:15px;width:40px}.loading-overlay{align-items:center;-webkit-animation:fadeIn .3s forwards;animation:fadeIn .3s forwards;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(20,22,25,.6);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:9999}.spinner{border:5px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;height:60px;width:60px}.loading-text{color:#fff;font-size:1.2rem;font-weight:500;letter-spacing:1px;margin-top:20px}.cat-badge{align-items:center;border:1px solid rgba(0,0,0,.08);border-radius:999px;box-shadow:0 1px 1px rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.25);display:inline-flex;font-weight:700;gap:.5rem;line-height:1;padding:.375rem .75rem;white-space:nowrap}.cat-badge__main{letter-spacing:.2px}.cat-badge__sub{background:hsla(0,0%,100%,.25);border-radius:999px;font-weight:600;opacity:.9;padding:.15rem .5rem}.cat-badge--lg{font-size:.95rem}.cat-badge--md{font-size:.85rem}.cat-badge--sm{font-size:.75rem;padding:.3rem .6rem}.badge--box1{background:#7bd3f7;color:#062a3d}.badge--box2{background:#7ee3a5;color:#083b1e}.badge--box3{background:#f9c97c;color:#4a2a05}.badge--box4{background:#d1b7f7;color:#2f0f4a}.badge--box5{background:#c1c9d6;color:#1b1e26}.badge--manual{background:#d1d5db;color:#1f2937}.badge--fallo{background:#fecaca;color:#7f1d1d}.badge--sin{background:#e5e7eb;color:#374151}.badge--neutral{background:#c7d2fe;color:#111827}.tablas-numeros-container{background-color:var(--dark-bg-color);color:var(--dark-text-color);min-height:100vh;padding:1.5rem}.dashboard-header{background-color:var(--dark-card-bg);border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);margin-bottom:1.5rem;padding:1rem}.filtros-container{flex-direction:column}.filtro-fila{flex-wrap:wrap;gap:1rem}.filtro-fila,.filtro-grupo{align-items:center;display:flex}.filtro-grupo{gap:.5rem}.filtro-grupo label{color:#adb5bd;font-size:.85rem;font-weight:500;margin-right:.25rem;white-space:nowrap}.filtro-grupo.fechas{align-items:center;display:flex;gap:.5rem}.filtro-grupo input,.filtro-grupo select,.select-rango{background-color:#2d3238;border:1px solid #495057;border-radius:6px;color:#e9ecef;font-size:.9rem;min-width:150px;padding:.65rem .85rem;transition:all .2s ease}.filtro-grupo input:focus,.filtro-grupo select:focus,.select-rango:focus{background-color:#343a40;border-color:#007bff;box-shadow:0 0 0 3px rgba(0,123,255,.15);outline:none}.filtro-grupo input::-webkit-input-placeholder{color:#6c757d}.filtro-grupo input::placeholder{color:#6c757d}.filtro-grupo input[type=date]{min-width:160px}.filtro-grupo input[type=number]{min-width:140px}.filtro-grupo input[type=text]{min-width:180px}.filtro-fila-busqueda{border-top:1px solid #495057;padding-top:1rem}.filtro-grupo.busqueda-campos{display:flex;flex:1 1;gap:.5rem}.filtro-grupo.grosor{flex-shrink:0}.filtro-grupo.grosor select{min-width:180px}.filtro-fila-orden{border-top:1px solid #495057;padding-top:1rem}.btn-limpiar{background-color:#495057;border:1px solid #6c757d;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.65rem 1.2rem;transition:all .2s ease;white-space:nowrap}.btn-limpiar:hover{background-color:#5a6268;border-color:#868e96;box-shadow:0 2px 4px rgba(0,0,0,.2);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn-limpiar:active{-webkit-transform:translateY(0);transform:translateY(0)}.stats-resumen{border-top:1px solid var(--dark-border-color);display:flex;font-size:.9rem;justify-content:space-around;margin-top:1rem;padding-top:1rem}.stats-resumen span b{color:var(--primary-color)}.tabla-responsive-container{background-color:var(--dark-card-bg);border-radius:8px;overflow-x:auto;padding:1rem}.tabla-datos{border-collapse:collapse;font-size:.9rem;width:100%}.tabla-datos td,.tabla-datos th{border-bottom:1px solid var(--dark-border-color);padding:.75rem;text-align:left}.tabla-datos th{font-weight:600;white-space:nowrap}.tabla-datos tbody tr:hover{background-color:var(--dark-hover-bg)}.chip{display:inline-block;font-weight:500;padding:.2rem .5rem;text-align:center}.chip-danger{background-color:rgba(168,96,96,.3)}.chip-success{background-color:rgba(107,156,119,.3)}.chip-warning{background-color:hsla(39,47%,60%,.3);color:#e5c586}.chip-source-lat1{background-color:#2962ff33;color:#adc5ff}.chip-source-lat2{background-color:#d500f933;color:#f2c5fc}.chip-source-avg{background-color:#6c757d33;color:#ced4da}.thumbs img{background-color:#333;border-radius:4px;height:40px;object-fit:cover;width:40px}.acciones-container{align-items:center;display:flex;gap:.5rem}.btn-mini{background-color:var(--dark-input-bg);border:1px solid var(--dark-border-color);border-radius:4px;color:var(--dark-text-color);cursor:pointer;font-size:.8rem;padding:.3rem .6rem;text-decoration:none;transition:background-color .2s}.btn-mini:hover{background-color:var(--dark-hover-bg)}.btn-danger{border-color:#a86060;color:#dfa0a0}.btn-danger:hover{background-color:#a86060;color:#fff}.paginador{gap:1rem}.paginador button{background-color:var(--dark-secondary-color);border-radius:4px;padding:.5rem 1rem}.paginador button:disabled{background-color:#444}.copyable-container{align-items:center;display:flex;gap:8px}.btn-copy{background:#444;border:1px solid #666;border-radius:4px;color:#eee;cursor:pointer;opacity:0;padding:2px 6px;transition:opacity .2s;visibility:hidden}.copyable-container:hover .btn-copy{opacity:1;visibility:visible}.btn-icon{align-items:center;background-color:initial;border:1px solid transparent;border-radius:50%;color:#adb5bd;cursor:pointer;display:inline-flex;justify-content:center;padding:.4rem;transition:background-color .2s,color .2s}.btn-icon:hover{background-color:var(--dark-hover-bg);color:#e9ecef}.btn-icon svg{height:18px;width:18px}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23e9ecef' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;cursor:pointer;padding-right:2.5rem}select:hover{background-color:#343a40;border-color:#6c757d}@media (max-width:768px){.filtro-fila{align-items:stretch;flex-direction:column}.filtro-grupo{width:100%}.filtro-grupo.busqueda-campos,.filtro-grupo.fechas{flex-direction:column}.filtro-grupo input,.filtro-grupo select,.select-rango{min-width:0;min-width:auto;width:100%}.btn-limpiar{width:100%}}.vps-status-widget{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.2);color:#fff;padding:1.5rem;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.vps-status-widget:hover{box-shadow:0 6px 20px rgba(0,0,0,.3);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.vps-status-widget .widget-header{align-items:center;border-bottom:2px solid hsla(0,0%,100%,.2);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.vps-status-widget .widget-header h3{font-size:1.5rem;font-weight:600;margin:0}.vps-status-widget .last-update{background:hsla(0,0%,100%,.15);border-radius:20px;font-size:.85rem;opacity:.9;padding:.3rem .8rem}.vps-status-widget .services-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.vps-status-widget .service-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border-radius:8px;display:flex;gap:.8rem;padding:1rem}.vps-status-widget .service-icon{font-size:2rem}.vps-status-widget .service-info{display:flex;flex-direction:column;gap:.3rem}.vps-status-widget .service-name{font-size:.9rem;font-weight:500;opacity:.9}.vps-status-widget .service-status{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:600;padding:.2rem .6rem}.vps-status-widget .service-status.status-active{background:rgba(46,204,113,.3)}.vps-status-widget .service-status.status-inactive{background:rgba(231,76,60,.3)}.vps-status-widget .service-status.status-unknown{background:hsla(184,9%,62%,.3)}.vps-status-widget .metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr}.vps-status-widget .metric{background:hsla(0,0%,100%,.1);border-radius:8px;padding:.8rem}.vps-status-widget .metric-label{display:block;font-size:.85rem;margin-bottom:.4rem;opacity:.8}.vps-status-widget .metric-value{display:block;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.vps-status-widget .metric-bar{background:hsla(0,0%,100%,.2);border-radius:3px;height:6px;overflow:hidden;width:100%}.vps-status-widget .metric-fill{border-radius:3px;height:100%;transition:width .5s ease}.vps-status-widget .uptime-metric{align-items:center;display:flex;flex-direction:column;justify-content:center}.vps-status-widget .metric-value-large{font-size:1.3rem;font-weight:600}@media (max-width:768px){.vps-status-widget .metrics-grid,.vps-status-widget .services-grid{grid-template-columns:1fr}}.plc-gateway-widget{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.2);color:#fff;padding:1.5rem;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.plc-gateway-widget:hover{box-shadow:0 6px 20px rgba(0,0,0,.3);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.plc-gateway-widget .widget-header{align-items:center;border-bottom:2px solid hsla(0,0%,100%,.2);display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.plc-gateway-widget .widget-header h3{font-size:1.5rem;font-weight:600;margin:0}.plc-gateway-widget .last-update{background:hsla(0,0%,100%,.15);border-radius:20px;font-size:.85rem;opacity:.9;padding:.3rem .8rem}.plc-gateway-widget .gateway-main-status{margin-bottom:1.5rem}.plc-gateway-widget .service-status-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.2);border-radius:10px;display:flex;gap:1rem;padding:1.2rem}.plc-gateway-widget .service-icon-large{font-size:3rem}.plc-gateway-widget .service-details{display:flex;flex-direction:column;gap:.5rem}.plc-gateway-widget .service-name{font-size:1.1rem;font-weight:600}.plc-gateway-widget .service-status{border-radius:12px;display:inline-block;font-size:.9rem;font-weight:600;padding:.3rem .8rem}.plc-gateway-widget .service-status.status-active{background:rgba(46,204,113,.3)}.plc-gateway-widget .service-status.status-inactive{background:rgba(231,76,60,.3)}.plc-gateway-widget .service-status.status-unknown{background:hsla(184,9%,62%,.3)}.plc-gateway-widget .connections-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.plc-gateway-widget .connection-item{align-items:center;background:hsla(0,0%,100%,.15);border-radius:8px;display:flex;gap:.8rem;padding:1rem}.plc-gateway-widget .connection-icon{font-size:2rem}.plc-gateway-widget .connection-info{display:flex;flex-direction:column;gap:.3rem}.plc-gateway-widget .connection-name{font-size:.9rem;font-weight:500;opacity:.9}.plc-gateway-widget .connection-status{border-radius:12px;display:inline-block;font-size:.85rem;font-weight:600;padding:.2rem .6rem}.plc-gateway-widget .connection-status.status-active{background:rgba(46,204,113,.3)}.plc-gateway-widget .connection-status.status-inactive{background:rgba(231,76,60,.3)}.plc-gateway-widget .stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:1rem}.plc-gateway-widget .stat-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.15);border-radius:8px;display:flex;gap:.8rem;padding:1rem}.plc-gateway-widget .stat-card.alert{background:rgba(231,76,60,.2);border:2px solid rgba(231,76,60,.4)}.plc-gateway-widget .stat-card.info{background:rgba(52,152,219,.2);border:2px solid rgba(52,152,219,.4)}.plc-gateway-widget .stat-icon{font-size:2rem}.plc-gateway-widget .stat-content{display:flex;flex-direction:column;gap:.3rem}.plc-gateway-widget .stat-label{font-size:.85rem;opacity:.9}.plc-gateway-widget .stat-value{font-size:1.8rem;font-weight:700}.plc-gateway-widget .stat-value-small{font-family:monospace;font-size:1rem;font-weight:600}.plc-gateway-widget .gateway-controls{background:hsla(0,0%,100%,.1);border-radius:8px;margin-top:1.5rem;padding:1rem}.plc-gateway-widget .gateway-controls h5{font-size:.95rem;margin:0 0 .8rem;opacity:.9;text-align:center}.plc-gateway-widget .control-buttons{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(3,1fr)}.plc-gateway-widget .btn-control{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.3rem;justify-content:center;padding:.75rem 1rem;transition:all .3s ease}.plc-gateway-widget .btn-start{background:linear-gradient(135deg,#2ecc71,#27ae60)}.plc-gateway-widget .btn-start:hover:not(:disabled){box-shadow:0 4px 12px rgba(46,204,113,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.plc-gateway-widget .btn-restart{background:linear-gradient(135deg,#f39c12,#e67e22)}.plc-gateway-widget .btn-restart:hover:not(:disabled){box-shadow:0 4px 12px rgba(243,156,18,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.plc-gateway-widget .btn-stop{background:linear-gradient(135deg,#e74c3c,#c0392b)}.plc-gateway-widget .btn-stop:hover:not(:disabled){box-shadow:0 4px 12px rgba(231,76,60,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.plc-gateway-widget .btn-control:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.plc-gateway-widget .connections-grid,.plc-gateway-widget .control-buttons{grid-template-columns:1fr}}.stats-container{color:#f0f0f0;margin:0 auto;max-width:1600px;padding:2rem}.control-center-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 6px 20px rgba(0,0,0,.3);color:#fff;margin-bottom:2rem;padding:2.5rem;text-align:center}.control-center-header h1{font-size:2.5rem;font-weight:700;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.control-center-header .subtitle{font-size:1.1rem;margin:0;opacity:.9}.system-overview-section{background:linear-gradient(135deg,#2c2f33,#23272a);border:1px solid #444;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.3);margin-bottom:2rem;padding:2rem}.system-overview-section h2{border-left:4px solid #667eea;color:#e0e0e0;font-size:1.75rem;margin:0 0 1.5rem;padding-left:1rem}.system-widgets-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.disk-widgets-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:flex-start}.loading-message{color:#95a5a6;font-size:1.1rem;padding:2rem;text-align:center}@media (max-width:1024px){.system-widgets-grid{grid-template-columns:1fr}.control-center-header h1{font-size:2rem}}@media (max-width:768px){.stats-container{padding:1rem}.control-center-header{padding:1.5rem}.control-center-header h1{font-size:1.5rem}.control-center-header .subtitle{font-size:.9rem}}.stats-header{background:linear-gradient(135deg,#2c2f33,#23272a);border:1px solid #444;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.3);margin-bottom:2rem;padding:2rem}.stats-header h2{border-bottom:none;border-left:4px solid #7289da;color:#e0e0e0;font-size:1.75rem;margin:0 0 1.5rem;padding-left:1rem}.controls-container{background:linear-gradient(135deg,#2c2f33,#23272a);border:1px solid #444;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.3);margin-bottom:2rem;padding:2rem}.controls-container h2{border-bottom:none;border-left:4px solid #7289da;color:#e0e0e0;font-size:1.75rem;margin:0 0 1.5rem;padding-left:1rem}.filtros-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.filtros-container input[type=date]{background-color:#36393f;border:1px solid #555;border-radius:8px;color:#e0e0e0;font-size:.95rem;padding:.75rem 1rem;transition:all .3s}.filtros-container input[type=date]:hover{border-color:#7289da}.filtros-container input[type=date]:focus{border-color:#7289da;box-shadow:0 0 0 3px rgba(114,137,218,.2);outline:none}.paginador{align-items:center;display:flex;gap:1.5rem;justify-content:center;margin-top:1.5rem}.paginador button{background:linear-gradient(135deg,#5b6eae,#7289da);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s}.paginador button:hover:not(:disabled){box-shadow:0 4px 12px rgba(114,137,218,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.paginador button:disabled{cursor:not-allowed;opacity:.4}.paginador span{color:#a0a0a0;font-size:.95rem}.tabla-stats{background:linear-gradient(135deg,#2c2f33,#23272a);border:1px solid #444;border-collapse:collapse;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.3);overflow:hidden;width:100%}.tabla-stats th{background:rgba(114,137,218,.15);border-bottom:2px solid #7289da;color:#e0e0e0;font-size:.95rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.tabla-stats td,.tabla-stats th{padding:1rem .75rem;text-align:left}.tabla-stats tbody tr{border-bottom:1px solid #333;transition:all .2s ease}.tabla-stats tbody tr:hover{background-color:rgba(114,137,218,.08);-webkit-transform:scale(1.005);transform:scale(1.005)}.kpi{display:flex;flex-direction:column;gap:6px}.kpi-top{align-items:center;display:flex;justify-content:space-between}.kpi-val{color:#e0e0e0;font-size:1.05rem;font-weight:700}.meter{background-color:rgba(79,84,92,.3);border-radius:5px;box-shadow:inset 0 2px 4px rgba(0,0,0,.2);height:10px;overflow:hidden;width:100%}.meter .bar{border-radius:5px;height:100%;transition:width .4s ease,background-color .3s ease}.meter .bar.ok{background:linear-gradient(90deg,#4a6b52,#5c8066)}.meter .bar.warn{background:linear-gradient(90deg,#d39e00,#ffc107)}.meter .bar.high{background:linear-gradient(90deg,#e87e3c,#ff8c42)}.meter .bar.crit{background:linear-gradient(90deg,#bd2130,#dc3545)}.badge,.chip{border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.2);font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.ok{background-color:#4a6b52;border:1px solid #5c8066;color:#b8d4be}.warn{background-color:#6b5d3a;border:1px solid #8a7a4d;color:#e5c586}.high{background-color:#7a5943;border:1px solid #956d54;color:#e8b394}.crit{background-color:#7a4a4a;border:1px solid #955e5e;color:#dfa0a0}.chip{background:linear-gradient(135deg,#5b6eae,#7289da);border:none}.row-ok{background-color:rgba(74,107,82,.05)}.row-warn{background-color:hsla(40,65%,71%,.12);border-left:3px solid #e5c586}.row-high{background-color:hsla(22,65%,75%,.12);border-left:3px solid #e8b394}.row-crit{background-color:hsla(0,50%,75%,.15);border-left:3px solid #dfa0a0}.muted{color:#888;font-size:.85rem}.widgets-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.control-widget,.widget-wrapper{display:flex;flex-direction:column}.control-widget{background:linear-gradient(135deg,#36393f,#2c2f33);border:1px solid #444;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.3);gap:1rem;padding:1.5rem;transition:box-shadow .2s,-webkit-transform .2s;transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s,-webkit-transform .2s}.control-widget:hover{box-shadow:0 6px 16px rgba(0,0,0,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.control-widget h4{border-bottom:2px solid #444;color:#e0e0e0;font-size:1.2rem;margin:0 0 .75rem;padding-bottom:.75rem;text-align:center}.control-group{border-top:1px solid #444;padding-top:1rem}.control-group-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.control-group h5{color:#a0a0a0;font-size:.95rem;letter-spacing:.5px;margin:0;text-transform:uppercase}.status-indicator{align-items:center;background-color:rgba(0,0,0,.2);border-radius:6px;display:flex;font-size:.9rem;gap:10px;padding:6px 12px;transition:all .3s}.status-dot{background-color:#6c757d;border-radius:50%;box-shadow:0 0 8px hsla(208,7%,46%,.4);flex-shrink:0;height:12px;width:12px}.status-indicator.status-active .status-dot{-webkit-animation:plc-pulse 2s infinite;animation:plc-pulse 2s infinite;background-color:#28a745;box-shadow:0 0 12px rgba(40,167,69,.6)}.status-indicator.status-inactive .status-dot{background-color:#dc3545;box-shadow:0 0 8px rgba(220,53,69,.4)}.status-indicator.status-unknown .status-text{color:#8e9297}.status-text{font-size:.85rem;font-weight:600;letter-spacing:.5px}.disk-widgets-container{background:linear-gradient(135deg,#2c2f33,#23272a);border:1px solid #444;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.3);margin-bottom:2rem;padding:2rem}.disk-widgets-container h2{border-bottom:none;border-left:4px solid #7289da;color:#e0e0e0;font-size:1.75rem;margin:0 0 1.5rem;padding-left:1rem}.disk-widget{background:linear-gradient(135deg,#2c2f33,#23272a);border:1px solid #444;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.3);padding:1.5rem;transition:box-shadow .2s,-webkit-transform .2s;transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s,-webkit-transform .2s}.disk-widget:hover{box-shadow:0 6px 20px rgba(0,0,0,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.disk-widget h4{border-bottom:2px solid #444;color:#e0e0e0;font-size:1.2rem;margin:0 0 1.25rem;padding-bottom:.75rem;text-align:center}.widget-content{align-items:center;display:flex;gap:1.5rem}.chart-container{flex-shrink:0;height:110px;position:relative;width:110px}.percentage-overlay{color:#e0e0e0;font-size:1.3rem;font-weight:700;left:50%;position:absolute;text-shadow:0 2px 4px rgba(0,0,0,.3);top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.text-info{display:flex;flex-direction:column;flex-grow:1;gap:.5rem}.text-info p{color:#a0a0a0;font-size:.9rem;margin:0}.text-info p strong{color:#e0e0e0}.btn-health-check{background:linear-gradient(135deg,#5865f2,#4752c4);border:none;border-radius:8px;box-shadow:0 2px 8px rgba(88,101,242,.3);color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;margin-top:1rem;padding:.75rem 1rem;transition:all .3s;width:100%}.btn-health-check:hover:not(:disabled){box-shadow:0 4px 12px rgba(88,101,242,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-health-check:disabled{background:linear-gradient(135deg,#4f545c,#3a3f44);cursor:not-allowed;opacity:.6;-webkit-transform:none;transform:none}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:linear-gradient(135deg,#2c2f33,#23272a);border:1px solid #444;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.5);max-height:90%;max-width:90%}.modal-close-btn{align-items:center;border-radius:50%;color:#e0e0e0;display:flex;height:40px;justify-content:center;transition:all .3s;width:40px}.modal-close-btn:hover{background-color:hsla(0,0%,100%,.1);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.health-modal{max-width:1000px;position:relative;width:80%}.health-modal h3{border-left:4px solid #7289da;color:#e0e0e0;font-size:1.5rem;margin:0 0 1rem;padding-left:1rem}.health-modal .timestamp{color:#888;font-size:.9rem;margin-bottom:1.5rem}.health-modal pre{word-wrap:break-word;background-color:#1a1d21;border:1px solid #333;border-radius:8px;box-shadow:inset 0 2px 8px rgba(0,0,0,.3);color:#e0e0e0;font-family:Courier New,monospace;font-size:.9rem;line-height:1.5;max-height:60vh;overflow-y:auto;padding:1.5rem;white-space:pre-wrap}.report-success{border-left:4px solid #28a745}.report-error{border-left:4px solid #dc3545}.stats-container p{color:#a0a0a0;font-size:1rem;padding:2rem;text-align:center}@media (max-width:768px){.stats-container{padding:1rem}.disk-widgets-container,.widgets-grid{grid-template-columns:1fr}.filtros-container{align-items:stretch;flex-direction:column}.tabla-stats{font-size:.85rem}.health-modal{padding:1rem;width:95%}}.vista-movil-container{background-color:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0 auto;max-width:600px;padding:1rem}.main-title{color:#333;font-size:1.5rem;margin:0 0 1rem;text-align:center}.piezas-list{display:flex;flex-direction:column;gap:1rem}.pieza-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden}.clickable-card{-webkit-tap-highlight-color:transparent;cursor:pointer;transition:all .2s ease-in-out;-webkit-user-select:none;user-select:none}.clickable-card:hover{border-color:#007bff;box-shadow:0 4px 12px rgba(0,0,0,.15);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.clickable-card:active{box-shadow:0 2px 6px rgba(0,0,0,.1);-webkit-transform:translateY(0);transform:translateY(0)}.clickable-card:focus{outline:2px solid #007bff;outline-offset:2px}@media (hover:none) and (pointer:coarse){.clickable-card:hover{border-color:#e0e0e0;box-shadow:0 1px 3px rgba(0,0,0,.1);-webkit-transform:none;transform:none}.clickable-card:active{background-color:#f8f9fa;-webkit-transform:scale(.98);transform:scale(.98)}}.card-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:.75rem 1rem}.card-header .hora{color:#333;font-size:1rem;font-weight:600}.card-header .uid{color:#555;font-family:monospace;font-size:.9rem}.chip{font-size:.8rem;padding:2px 8px}.card-fotos{background-color:#f0f2f5;display:flex;gap:.5rem;justify-content:center;padding:.5rem}.card-fotos img{aspect-ratio:4/3;border-radius:6px;height:auto;object-fit:cover;width:48%}.card-medidas{grid-gap:.5rem .75rem;display:grid;gap:.5rem .75rem;grid-template-columns:repeat(3,1fr);padding:1rem;text-align:center}@media (max-width:420px){.card-medidas{grid-template-columns:repeat(2,1fr)}}.medida .label{color:#6c757d;display:block;font-size:.8rem;margin-bottom:.25rem}.medida .valor{color:#212529;font-size:1.1rem;font-weight:600}.end-of-list,.loading-indicator{color:#6c757d;font-style:italic;padding:2rem;text-align:center}@-webkit-keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.logs-viewer-container h1{border-bottom:2px solid var(--primary-color);color:var(--dark-text);margin-bottom:20px;padding-bottom:10px}.log-badge{border-radius:4px;color:#fff;font-size:12px;font-weight:700;padding:4px 8px;text-transform:uppercase}.log-debug{background-color:#6c757d}.log-info{background-color:var(--primary-color)}.log-warning{background-color:#9d8550;color:#e5c586}.log-error{background-color:#8b5555;color:#dfa0a0}.log-critical{background-color:#8b0000}.log-message{font-family:Courier New,Courier,monospace;white-space:pre-wrap;word-break:break-all}.tabla-logs tbody tr.log-row.log-info{background-color:rgba(59,130,246,.1)}.tabla-logs tbody tr.log-row.log-warning{background-color:rgba(157,133,80,.1)}.tabla-logs tbody tr.log-row.log-error{background-color:rgba(139,85,85,.12)}.tabla-logs tbody tr.log-row.log-critical{background-color:rgba(139,0,0,.2)}.tabla-logs .log-message,.tabla-logs td[data-label=Mensaje]{line-height:1.5;padding:10px!important;text-align:left;white-space:pre-wrap;word-break:break-word}@media (max-width:768px){.tabla-logs td[data-label=Mensaje]:before{margin-bottom:8px}}.tabla-logs .log-message .truncate{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tabla-logs .log-actions{display:flex;gap:8px;margin-top:6px}.tabla-logs .log-expanded-row td{background:hsla(0,0%,100%,.03)}.tabla-logs .log-expanded-pre{word-wrap:break-word;font-family:Courier New,Courier,monospace;margin:0;white-space:pre-wrap}.filtros-logs.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:5}.quick-filters .chip{cursor:pointer;-webkit-user-select:none;user-select:none}.chip-selected{background:var(--primary-color);color:#fff}.chips-row{display:flex;flex-wrap:wrap;gap:6px}.modal-overlay{align-items:center;background-color:rgba(0,0,0,.75);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#2c2c2c;border-radius:8px;box-shadow:0 10px 25px rgba(0,0,0,.5);max-height:90vh;max-width:900px;overflow-y:auto;padding:2rem;position:relative;width:90%}.modal-close-btn{background:none;border:none;color:#aaa;cursor:pointer;font-size:2rem;position:absolute;right:1rem;top:1rem}.modal-content h2,.modal-content h3,.modal-content h4{color:#fff;margin-top:0}.modal-kpi-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:1.5rem 0}.modal-kpi{background-color:#3a3a3a;border-radius:6px;padding:1rem;text-align:center}.modal-kpi-title{color:#a0a0a0;display:block;font-size:.8rem;margin-bottom:.25rem}.modal-kpi-value{color:#fff;font-size:1.5rem;font-weight:700}.modal-kpi-unit{color:#a0a0a0;font-size:1rem}.chart-container-modal{margin-bottom:2rem}.tabla-outliers .error-critico{color:#dfa0a0;font-weight:700}.badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.badge-ok{background-color:rgba(156,196,168,.2);color:#9cc4a8}.badge-crit{background-color:hsla(0,50%,75%,.2);color:#dfa0a0}.calidad-container{color:#f0f0f0;padding:1.5rem}.calidad-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.calidad-header h1{color:#fff;margin:0}.filtros-calidad{align-items:center;display:flex;gap:.5rem}.filtros-calidad label{color:#a0a0a0;font-size:.9rem}.filtros-calidad select{background-color:#3a3a3a;border:1px solid #555;border-radius:4px;color:#f0f0f0;padding:.5rem}.kpi-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:2.5rem}.kpi-card-calidad{background-color:#2c2c2c;border-left:5px solid #555;border-radius:8px;padding:1.25rem;transition:box-shadow .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out,-webkit-transform .2s ease-in-out}.kpi-card-calidad:hover{-webkit-transform:translateY(-5px);transform:translateY(-5px)}.kpi-card-calidad.clickable{cursor:pointer;position:relative}.kpi-card-calidad.clickable:hover{box-shadow:0 8px 16px rgba(0,0,0,.4);-webkit-transform:translateY(-5px) scale(1.02);transform:translateY(-5px) scale(1.02)}.kpi-card-calidad.clickable:after{content:"🔍";font-size:1.2rem;opacity:0;position:absolute;right:.75rem;top:.75rem;transition:opacity .2s}.kpi-card-calidad.clickable:hover:after{opacity:.6}.kpi-card-calidad h3{color:#a0a0a0;font-size:1rem;font-weight:500;margin:0 0 .5rem}.kpi-card-calidad p{margin:0}.kpi-card-calidad .valor{color:#fff;font-size:2.5rem;font-weight:700}.kpi-card-calidad .unit{color:#a0a0a0;font-size:1.2rem;margin-left:.5rem}.kpi-card-calidad.level-ok{border-left-color:#7fa68b}.kpi-card-calidad.level-warn{border-left-color:#c9a869}.kpi-card-calidad.level-crit{border-left-color:#c88585}.tabla-calidad tbody tr{cursor:pointer;transition:background-color .2s}.tabla-calidad tbody tr:hover{background-color:#3a3f44}.level-cell{font-weight:700}.level-cell.level-ok{color:#9cc4a8}.level-cell.level-warn{color:#e5c586}.level-cell.level-crit{color:#dfa0a0}.vista-selector{background-color:#23272a;border:1px solid #4f545c;border-radius:8px;display:flex;padding:4px}.vista-selector button{background-color:initial;border:none;border-radius:6px;color:#99aab5;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;padding:8px 16px;transition:background-color .2s,color .2s}.vista-selector button.active{background-color:#7289da;color:#fff}.vista-selector button:not(.active):hover{background-color:#2c2f33;color:#fff}.selector-camara{align-items:center;display:flex;gap:.5rem}.selector-camara label{color:#a0a0a0;font-size:.9rem;margin-right:.25rem}.selector-camara button{background:#2a2a2a;border:2px solid #444;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:.5rem 1rem;transition:all .3s}.selector-camara button:hover{background:#3a3a3a;border-color:#555}.selector-camara button.active{background:#007bff;border-color:#007bff;color:#fff;font-weight:600}.filtro-camara{background-color:#23272a;border:1px solid #4f545c;border-radius:8px;display:flex;gap:4px;padding:4px}.filtro-camara button{background-color:initial;border:none;border-radius:6px;color:#99aab5;cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 16px;transition:background-color .2s,color .2s}.filtro-camara button.active{background-color:#7289da;color:#fff}.filtro-camara button:not(.active):hover{background-color:#2c2f33;color:#fff}.enviar-resumen-widget{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin:20px 0;padding:20px}.enviar-resumen-widget .widget-header{border-bottom:2px solid #f0f0f0;margin-bottom:20px;padding-bottom:12px}.enviar-resumen-widget .widget-header h3{color:#333;font-size:20px;margin:0}.enviar-resumen-widget .widget-subtitle{color:#666;font-size:14px;margin:5px 0 0}.enviar-resumen-widget .widget-body{display:flex;flex-direction:column;gap:15px}.enviar-resumen-widget .message-box{-webkit-animation:slideIn .3s ease-out;animation:slideIn .3s ease-out;border-radius:6px;font-size:14px;padding:12px 16px}.enviar-resumen-widget .message-box.success{background-color:#e8f5e9;border:1px solid #4caf50;color:#2e7d32}.enviar-resumen-widget .message-box.error{background-color:#ffebee;border:1px solid #f44336;color:#c62828}.enviar-resumen-widget .button-group{display:flex;flex-wrap:wrap;gap:12px}.enviar-resumen-widget .btn-primary,.enviar-resumen-widget .btn-secondary{border:none;border-radius:6px;box-shadow:0 2px 4px rgba(0,0,0,.1);cursor:pointer;flex:1 1;font-size:15px;font-weight:600;min-width:200px;padding:14px 24px;transition:all .2s ease}.enviar-resumen-widget .btn-primary{background:linear-gradient(135deg,#1976d2,#1565c0);color:#fff}.enviar-resumen-widget .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1565c0,#0d47a1);box-shadow:0 4px 8px rgba(0,0,0,.2);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.enviar-resumen-widget .btn-secondary{background:linear-gradient(135deg,#757575,#616161);color:#fff}.enviar-resumen-widget .btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#616161,#424242);box-shadow:0 4px 8px rgba(0,0,0,.2);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.enviar-resumen-widget .btn-primary:disabled,.enviar-resumen-widget .btn-secondary:disabled{cursor:not-allowed;opacity:.6;-webkit-transform:none;transform:none}.enviar-resumen-widget .widget-info{background-color:#f5f5f5;border-radius:6px;padding:12px;text-align:center}.enviar-resumen-widget .widget-info small{color:#666;font-size:13px;line-height:1.5}@-webkit-keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width:768px){.enviar-resumen-widget .button-group{flex-direction:column}.enviar-resumen-widget .btn-primary,.enviar-resumen-widget .btn-secondary{min-width:0;min-width:auto;width:100%}}.home-container{padding:16px}.home-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.shortcuts{display:flex;gap:8px}.shortcut{background:#1f2937;border-radius:6px;color:#fff;font-size:14px;padding:6px 10px;text-decoration:none}.kpi-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.kpi-card{background:#111827;border-radius:8px;color:#e5e7eb;display:flex;flex-direction:column;padding:12px}.kpi-label{color:#9ca3af;font-size:12px}.kpi-value{font-size:20px;font-weight:600}.mini-charts{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr;margin:12px 0}.mini-chart{background:#111827;border-radius:8px;padding:12px}.mini-title{color:#9ca3af;font-size:12px;margin-bottom:6px}.sparkline{height:60px;width:100%}.devices{margin-top:12px}.devices-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr}.device-item{background:#111827;border-radius:8px;padding:8px}.skeleton-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.skeleton-card{-webkit-animation:shimmer 1.4s ease infinite;animation:shimmer 1.4s ease infinite;background:linear-gradient(90deg,#1f2937 25%,#111827 37%,#1f2937 63%);background-size:400% 100%;border-radius:8px;height:76px}@-webkit-keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.error-box{background:#7f1d1d;border-radius:8px;color:#fecaca;padding:10px}@media (min-width:768px){.kpi-grid{grid-template-columns:repeat(4,1fr)}.mini-charts{grid-template-columns:1fr 1fr}.devices-grid{grid-template-columns:repeat(3,1fr)}}.detalle-container{background-color:#2c2f33;border-radius:8px;color:#e0e0e0;margin:2rem auto;max-width:1200px;padding:2rem}.detalle-header{align-items:flex-start;border-bottom:1px solid #4f545c;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.detalle-title-group h1{color:#fff;margin:0 0 .5rem}.detalle-meta{color:#99aab5;display:flex;flex-wrap:wrap;gap:1.5rem}.detalle-meta span{font-size:.9rem}.detalle-meta strong{color:#e0e0e0}.detalle-badge-container{align-items:center;display:flex;min-height:100%}.detalle-main-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:2rem}.main-kpi{background-color:#23272a;border-left:5px solid #4f545c;border-radius:8px;padding:1.5rem;text-align:center}.main-kpi h3{color:#99aab5;font-size:.9rem;font-weight:600;margin:0 0 .5rem;text-transform:uppercase}.main-kpi .valor{color:#fff;font-size:2.5rem;font-weight:700;line-height:1.1}.main-kpi .valor span{color:#99aab5;font-size:1.2rem;margin-left:.25rem}.main-kpi .subtexto{color:#99aab5;font-size:.85rem;margin:.5rem 0 0;min-height:20px}.main-kpi.normal{border-color:#43b581}.main-kpi.alerta{border-color:#faa61a}.main-kpi.critico{border-color:#f04747}.main-kpi.info{border-color:#7289da}.detalle-secondary-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.detail-card{background-color:#23272a;border-radius:8px;padding:1.5rem}.detail-card h4{border-bottom:1px solid #4f545c;color:#fff;margin-bottom:1rem;margin-top:0;padding-bottom:.75rem}.detail-card p{font-size:.9rem;line-height:1.6;margin:.5rem 0}.full-span{grid-column:1/-1}.full-span-md{grid-column:span 1}@media (min-width:960px){.full-span-md{grid-column:1/-1}}.image-container{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.image-container a{display:block;flex:1 1 150px;min-width:120px}.image-container img{border:1px solid #4f545c;border-radius:4px;display:block;height:auto;transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease;width:100%}.image-container img:hover{box-shadow:0 4px 15px rgba(0,0,0,.3);-webkit-transform:scale(1.03);transform:scale(1.03)}.json-payload{background-color:#1e2124;border-radius:8px;margin-top:2rem;padding:1.5rem}.json-payload h4{margin-bottom:1rem;margin-top:0}.json-payload pre{background-color:#0b1020;border-radius:4px;color:#e5e7eb;font-size:.85rem;max-height:400px;overflow-y:auto;padding:1rem;white-space:pre-wrap;word-break:break-all}.acciones-content{display:flex;flex-direction:column;gap:1rem}.back-button{border:1px solid #7289da;border-radius:5px;color:#7289da;display:inline-block;font-size:.9rem;padding:10px 15px;text-align:center;text-decoration:none}.back-button:hover{background-color:#7289da;color:#fff}.btn-marcar-fallo{background-color:#f04747;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:700;padding:10px 15px;transition:background-color .2s ease;width:100%}.btn-marcar-fallo:hover{background-color:#d84040}.btn-marcar-fallo:disabled{background-color:#5c6066;cursor:not-allowed}.fallo-reportado-badge{background-color:initial;border:1px solid #f04747;border-radius:5px;color:#f04747;padding:10px;text-align:center}.fallo-reportado-badge p{font-weight:700;margin:0}.interpretation-list{list-style:none;margin:0;padding:0}.interpretation-list li{font-size:.95rem;margin-bottom:.75rem}.interpretation-list li strong{color:#99aab5;margin-right:.5rem}.detalle-tecnico-container h3{margin-top:0}.lateral-metrics-container{align-items:stretch;display:flex;flex-wrap:wrap;gap:1rem}.lateral-metrics-container>.detail-card{flex:1 1;min-width:280px}.delta-info{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1rem;text-align:center}.delta-info .valor-delta{color:#faa61a;font-size:1.5rem;font-weight:700}@media (max-width:820px){.detalle-container{margin:1rem;padding:1rem}.detalle-header{align-items:flex-start;flex-direction:column;gap:1rem}.detalle-main-grid{grid-template-columns:1fr}}.calendar-grid{grid-gap:8px;background-color:#2c2f33;border-radius:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr);margin:2rem auto;max-width:1600px;padding:1rem;width:100%}.calendar-header{color:#99aab5;font-weight:700;padding-bottom:10px;text-align:center}.calendar-day-link{color:inherit;display:flex;min-width:0;text-decoration:none}.calendar-day{background-color:#36393f;border:1px solid #40444b;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.2);display:flex;flex-direction:column;justify-content:space-between;min-height:160px;padding:10px;transition:all .2s ease-in-out;width:100%}.calendar-day-link:hover .calendar-day{background-color:#3c4046;border-color:#5b6eae;box-shadow:0 4px 8px rgba(0,0,0,.25);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.calendar-day.empty{background-color:#2c2f33;border:2px dashed #40444b;pointer-events:none}.calendar-day.no-data{opacity:.6}.day-header{justify-content:space-between;width:100%}.day-header,.day-number{align-items:center;display:flex}.day-number{background-color:rgba(0,0,0,.25);border-radius:6px;color:#e0e0e0;flex-shrink:0;font-size:.9rem;font-weight:600;height:26px;justify-content:center;width:26px}.day-tendency{font-size:1.2rem;font-weight:700}.day-tendency.grueso{color:#e8b394}.day-tendency.fino{color:#9cc4a8}.day-info{margin-top:auto;text-align:center}.error-value{display:block;font-size:1.4rem;font-weight:600;letter-spacing:.5px;margin:4px 0;text-shadow:0 1px 2px rgba(0,0,0,.3)}.sample-count{color:#99aab5;display:block;font-size:.8rem;margin-bottom:8px}.calendar-day.excellent{background:linear-gradient(135deg,rgba(107,168,169,.02),transparent);border-left:3px solid #6ba8a9}.calendar-day.excellent .error-value{color:#88c9ca}.calendar-day.ok{border-left:3px solid #7fa68b}.calendar-day.ok .error-value{color:#9cc4a8}.calendar-day.warn{border-left:3px solid #c9a869}.calendar-day.warn .error-value{color:#e5c586}.calendar-day.bad{background:linear-gradient(135deg,hsla(24,50%,64%,.02),transparent);border-left:3px solid #d19a76}.calendar-day.bad .error-value{color:#e8b394}.calendar-day.crit{background:linear-gradient(135deg,hsla(0,38%,65%,.03),transparent);border-left:3px solid #c88585}.calendar-day.crit .error-value{color:#dfa0a0}.calendar-day.mode-sw.crit .error-value,.calendar-day.mode-sw.warn .error-value{font-size:1.8rem}.day-breakdown{border-top:1px solid hsla(0,0%,100%,.08);color:#c5c5c5;font-size:.75rem;margin-top:10px;max-height:85px;overflow-y:auto;padding-right:5px;padding-top:8px;text-align:left}.day-breakdown::-webkit-scrollbar{width:6px}.day-breakdown::-webkit-scrollbar-track{background:#40444b;border-radius:3px}.day-breakdown::-webkit-scrollbar-thumb{background:#7289da;border-radius:3px}.day-breakdown::-webkit-scrollbar-thumb:hover{background:#5b6eae}.quality-badge{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;color:#a5a5a5;display:inline-block;font-size:.65rem;font-weight:500;letter-spacing:.5px;margin-bottom:6px;padding:2px 6px;text-transform:uppercase}.sample-info{align-items:center;display:flex;gap:6px;justify-content:center;margin-top:4px}.production-badge{-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite;font-size:1.1rem}@-webkit-keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.breakdown-header{color:#8b9dc3;font-size:.65rem;font-weight:500;letter-spacing:.8px;margin-bottom:6px;opacity:.7;text-align:center;text-transform:uppercase}.breakdown-item{align-items:center;border-radius:3px;display:flex;gap:8px;justify-content:space-between;padding:3px 4px 3px 12px;position:relative;transition:background-color .2s}.breakdown-item:before{background:#7289da;border-radius:50%;content:"";height:4px;left:4px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:4px}.breakdown-item.ok:before{background:#9cc4a8}.breakdown-item.warn:before{background:#e5c586}.breakdown-item.crit:before{background:#dfa0a0}.breakdown-item:hover{background-color:hsla(0,0%,100%,.03)}.breakdown-item.ok .error-label{color:#9cc4a8}.breakdown-item.warn .error-label{color:#e5c586}.breakdown-item.crit .error-label{color:#dfa0a0}.grosor-label{color:#d0d0d0;font-size:.75rem;font-weight:600}.error-label{font-family:Courier New,monospace;font-size:.75rem;font-weight:700}.calendar-day.production-high,.calendar-day.production-medium{border-left-width:3px}.monthly-stats-panel{background:linear-gradient(135deg,#2c2f33,#26292d);border:1px solid #4f545c;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.2);margin:2rem auto;max-width:1600px;padding:1.5rem}.monthly-stats-panel h3{color:#8b9dc3;font-size:1.2rem;font-weight:500;letter-spacing:1.5px;margin:0 0 1.5rem;text-align:center;text-transform:uppercase}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.stat-item{align-items:center;background:rgba(0,0,0,.2);border:1px solid #40444b;border-radius:8px;display:flex;flex-direction:column;padding:1rem;text-align:center;transition:all .3s ease}.stat-item:hover{border-color:#5b6eae;box-shadow:0 3px 8px rgba(114,137,218,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.stat-label{color:#99aab5;font-size:.85rem;margin-bottom:.5rem}.stat-value{color:#fff;font-size:1.8rem}.stat-value.excellent{color:#88c9ca}.stat-value.ok{color:#9cc4a8}.stat-value.warn{color:#e5c586}.stat-value.crit{color:#dfa0a0}.stats-legend{background:rgba(0,0,0,.2);border:1px solid #40444b;border-radius:8px;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;padding:1rem}.legend-item{align-items:center;color:#b9bbbe;display:flex;font-size:.85rem;gap:.5rem}.legend-item .dot{border-radius:50%;box-shadow:0 0 6px currentColor;display:inline-block;height:12px;width:12px}.legend-item .dot.excellent{background-color:#88c9ca}.legend-item .dot.ok{background-color:#9cc4a8}.legend-item .dot.warn{background-color:#e5c586}.legend-item .dot.bad{background-color:#e8b394}.legend-item .dot.crit{background-color:#dfa0a0}.diagnosticos-container{margin:0 auto;max-width:1400px;padding:20px}.diagnosticos-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.diagnosticos-header h2{color:#333;font-size:28px;margin:0}.btn-cleanup{background-color:#f44336;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background-color .3s}.btn-cleanup:hover{background-color:#d32f2f}.diagnosticos-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.device-card{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:20px;transition:box-shadow .3s}.device-card:hover{box-shadow:0 4px 8px rgba(0,0,0,.15)}.device-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.device-header h3{align-items:center;color:#2c3e50;display:flex;font-size:20px;gap:8px;margin:0}.device-icon{font-size:24px}.btn-generate{align-items:center;background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 16px;transition:background-color .3s}.btn-generate:hover:not(:disabled){background-color:#45a049}.btn-generate:disabled{background-color:#9e9e9e;cursor:not-allowed}.spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;display:inline-block}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.reports-list{max-height:400px;overflow-y:auto}.no-reports{color:#999;font-style:italic;padding:20px;text-align:center}.report-item{align-items:center;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:5px;display:flex;justify-content:space-between;margin-bottom:10px;padding:12px;transition:background-color .2s}.report-item:hover{background-color:#f0f0f0}.report-info{flex:1 1}.report-name{color:#333;font-size:14px;font-weight:500;margin-bottom:5px;word-break:break-all}.report-meta{color:#666;display:flex;flex-wrap:wrap;font-size:12px;gap:15px}.report-meta span{align-items:center;display:flex;gap:3px}.btn-download{background-color:#2196f3;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px;transition:background-color .3s;white-space:nowrap}.btn-download:hover{background-color:#1976d2}@media (max-width:768px){.diagnosticos-grid{grid-template-columns:1fr}.device-header,.report-item{align-items:flex-start;flex-direction:column;gap:10px}.btn-download{width:100%}}.sync-section{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 40px rgba(102,126,234,.3);margin-top:3rem;padding:2rem}.sync-section h2{color:#fff;font-size:28px;margin:0 0 .5rem;text-shadow:0 2px 4px rgba(0,0,0,.2)}.sync-description{color:hsla(0,0%,100%,.9);font-size:15px;line-height:1.5;margin:0 0 1.5rem}.sync-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));margin-top:1.5rem}.sync-card{background:#fff;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.1);padding:1.5rem;transition:all .3s ease}.sync-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.15);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.sync-card-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.sync-card-header h3{align-items:center;color:#2c3e50;display:flex;font-size:18px;gap:8px;margin:0}.sync-badge{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.sync-badge-idle{background:#f0f0f0;color:#666}.sync-badge-started,.sync-badge-starting{background:#fff3cd;color:#856404}.sync-badge-running,.sync-badge-started,.sync-badge-starting{-webkit-animation:pulse-badge 2s infinite;animation:pulse-badge 2s infinite}.sync-badge-running{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.sync-badge-completed{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.sync-badge-error,.sync-badge-failed{background:#f44336;color:#fff}@-webkit-keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.7}}.btn-sync{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 12px rgba(102,126,234,.3);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:8px;justify-content:center;padding:14px 20px;transition:all .3s ease;width:100%}.btn-sync:hover:not(:disabled){box-shadow:0 6px 20px rgba(102,126,234,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-sync:disabled{cursor:not-allowed;opacity:.7;-webkit-transform:none;transform:none}.btn-sync-running{-webkit-animation:pulse-button 2s infinite;animation:pulse-button 2s infinite;background:linear-gradient(135deg,#f093fb,#f5576c)}.btn-sync-completed{background:linear-gradient(135deg,#4facfe,#00f2fe)}.btn-sync-error,.btn-sync-failed{background:linear-gradient(135deg,#ff6b6b,#ee5a6f)}@-webkit-keyframes pulse-button{0%,to{box-shadow:0 4px 12px rgba(240,147,251,.4)}50%{box-shadow:0 8px 24px rgba(240,147,251,.6)}}@keyframes pulse-button{0%,to{box-shadow:0 4px 12px rgba(240,147,251,.4)}50%{box-shadow:0 8px 24px rgba(240,147,251,.6)}}.sync-spinner{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite;display:inline-block}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.sync-log-container{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-top:1.5rem;overflow:hidden}.sync-log-header{align-items:center;background:linear-gradient(135deg,#2c3e50,#34495e);color:#fff;display:flex;font-size:13px;font-weight:600;justify-content:space-between;padding:10px 15px}.sync-log-count{background:hsla(0,0%,100%,.2);border-radius:12px;font-size:11px;padding:3px 10px}.sync-log{background:#1e1e1e;color:#0f0;font-family:Courier New,Consolas,monospace;font-size:12px;line-height:1.5;max-height:350px;overflow-y:auto;padding:1rem}.sync-log pre{word-wrap:break-word;margin:0;white-space:pre-wrap}.sync-log::-webkit-scrollbar{width:8px}.sync-log::-webkit-scrollbar-track{background:#2d2d2d}.sync-log::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.sync-log::-webkit-scrollbar-thumb:hover{background:#777}.sync-controls{align-items:center;display:flex;gap:10px;margin-top:10px}.btn-cancel-sync{background:#ff5252;border:none;border-radius:8px;box-shadow:0 4px 10px rgba(255,82,82,.3);color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 16px;transition:all .25s ease}.btn-cancel-sync:hover{background:#e53935;box-shadow:0 6px 16px rgba(229,57,53,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-cancel-sync:active{-webkit-transform:translateY(0);transform:translateY(0)}@media (max-width:768px){.sync-cards{grid-template-columns:1fr}.sync-section{padding:1.5rem}.sync-section h2{font-size:24px}.sync-card-header{align-items:flex-start;flex-direction:column;gap:10px}}.plc-monitor-container{color:#f0f0f0;margin:0 auto;max-width:1400px;padding:2rem}.plc-header{align-items:flex-start;border-bottom:2px solid #444;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.plc-title-group h1{color:#e0e0e0;font-size:2rem;margin:0 0 .5rem}.plc-subtitle{color:#a0a0a0;font-size:1rem;margin:0}.plc-status-badge{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.plc-badge{border-radius:6px;font-size:.95rem;font-weight:600;letter-spacing:.5px;padding:.5rem 1rem}.plc-badge-success{background-color:#28a745;color:#fff}.plc-badge-danger{background-color:#dc3545;color:#fff}.plc-last-update{color:#888;font-size:.85rem}.plc-connections-section,.plc-controls-section,.plc-help-section,.plc-protocol-section,.plc-scanners-section,.plc-stats-section{margin-bottom:2.5rem}.plc-monitor-container h2{border-left:4px solid #7289da;color:#e0e0e0;font-size:1.5rem;margin-bottom:1rem;padding-left:1rem}.plc-connections-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.plc-connection-card{background:linear-gradient(135deg,#2c2f33,#23272a);border:1px solid #444;border-radius:12px;padding:1.5rem;transition:box-shadow .2s,-webkit-transform .2s;transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s,-webkit-transform .2s}.plc-connection-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.plc-connection-card h3{color:#e0e0e0;font-size:1.1rem;margin:0 0 1rem}.plc-connection-status{align-items:center;background:rgba(0,0,0,.2);border-radius:8px;display:flex;gap:.75rem;margin-bottom:1rem;padding:.75rem}.plc-status-dot{border-radius:50%;flex-shrink:0;height:12px;width:12px}.plc-connection-status.connected .plc-status-dot{-webkit-animation:plc-pulse 2s infinite;animation:plc-pulse 2s infinite;background-color:#28a745;box-shadow:0 0 8px rgba(40,167,69,.6)}.plc-connection-status.disconnected .plc-status-dot{background-color:#dc3545}@-webkit-keyframes plc-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes plc-pulse{0%,to{opacity:1}50%{opacity:.5}}.plc-status-info{display:flex;flex-direction:column}.plc-status-label{color:#888;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.plc-status-text{color:#e0e0e0;font-size:1rem;font-weight:600}.plc-connection-detail{display:flex;font-size:.9rem;justify-content:space-between;padding:.25rem 0}.plc-detail-label{color:#888}.plc-detail-value{color:#e0e0e0;font-family:monospace}.plc-stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.plc-stat-card{align-items:center;background:linear-gradient(135deg,#2c2f33,#23272a);border:1px solid #444;border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.plc-stat-card:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.plc-stat-excellent{border-left:4px solid #28a745}.plc-stat-good{border-left:4px solid #5cb85c}.plc-stat-warning{border-left:4px solid #ffc107}.plc-stat-critical{border-left:4px solid #dc3545}.plc-stat-icon{font-size:2rem;opacity:.8}.plc-stat-content{flex:1 1}.plc-stat-label{color:#888;font-size:.85rem;letter-spacing:.5px;margin-bottom:.25rem;text-transform:uppercase}.plc-stat-value{color:#e0e0e0;font-size:2rem;font-weight:700}.plc-stat-unit{color:#888;font-size:1.2rem;margin-left:.25rem}.plc-scanners-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.plc-scanner-card{background:linear-gradient(135deg,#2c2f33,#23272a);border:1px solid #444;border-radius:12px;padding:2rem;text-align:center;transition:box-shadow .2s,-webkit-transform .2s;transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s,-webkit-transform .2s}.plc-scanner-card:hover{box-shadow:0 8px 20px rgba(0,0,0,.4);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.plc-scanner-scan1{border-top:3px solid #17a2b8}.plc-scanner-scan2{border-top:3px solid #28a745}.plc-scanner-lost{border-top:3px solid #6c757d}.plc-scanner-lost.plc-has-errors{background:linear-gradient(135deg,#3a2f1f,#2d2416);border-top:3px solid #ffc107}.plc-scanner-icon{font-size:3rem;margin-bottom:1rem}.plc-scanner-content h3{color:#e0e0e0;font-size:1.3rem;margin:0 0 .5rem}.plc-scanner-description{color:#888;font-size:.9rem;margin-bottom:1.5rem}.plc-scanner-count{color:#e0e0e0;font-size:3rem;font-weight:700;margin-bottom:.5rem}.plc-scanner-label{color:#888;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.plc-register-map{background:linear-gradient(135deg,#2c2f33,#23272a);border:1px solid #444;border-radius:12px;padding:2rem}.plc-register-map h3{border-left:none;color:#e0e0e0;font-size:1.3rem;margin:0 0 1.5rem;padding-left:0}.plc-register-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.plc-register-section h4{color:#7289da;font-size:1.1rem;margin:0 0 1rem}.plc-register-table{border-collapse:collapse;font-size:.9rem;width:100%}.plc-register-table th{background:rgba(114,137,218,.2);border-bottom:2px solid #7289da;color:#e0e0e0;font-weight:600;padding:.75rem;text-align:left}.plc-register-table td{border-bottom:1px solid #333;padding:.75rem}.plc-register-table td:first-child{color:#7289da;font-family:monospace;font-weight:600}.plc-register-table td:last-child{color:#a0a0a0}.plc-register-table tr:hover{background:hsla(0,0%,100%,.05)}.plc-controls-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.plc-btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 1.5rem;text-align:center;transition:all .3s}.plc-btn:disabled{cursor:not-allowed;opacity:.5}.plc-btn-primary{background:linear-gradient(135deg,#5b6eae,#7289da);color:#fff}.plc-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#4a5d9d,#6278c9);box-shadow:0 4px 12px rgba(114,137,218,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.plc-btn-warning{background:linear-gradient(135deg,#d39e00,#ffc107);color:#000}.plc-btn-warning:hover:not(:disabled){background:linear-gradient(135deg,#c28d00,#e0a800);box-shadow:0 4px 12px rgba(255,193,7,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.plc-btn-info{background:linear-gradient(135deg,#138496,#17a2b8);color:#fff}.plc-btn-info:hover:not(:disabled){background:linear-gradient(135deg,#117a8b,#138496);box-shadow:0 4px 12px rgba(23,162,184,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.plc-btn-danger{background:linear-gradient(135deg,#bd2130,#dc3545);color:#fff}.plc-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#a71d2a,#c82333);box-shadow:0 4px 12px rgba(220,53,69,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.plc-help-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.plc-help-item{background:rgba(0,0,0,.2);border:1px solid #333;border-radius:8px;padding:1.5rem}.plc-help-item h4{color:#7289da;font-size:1.1rem;margin:0 0 1rem}.plc-help-item p,.plc-help-item ul{color:#a0a0a0;line-height:1.6;margin:0}.plc-help-item ul{list-style:none;padding-left:0}.plc-help-item li{padding:.25rem 0}.plc-help-item strong{color:#e0e0e0}.plc-ops-table-wrapper{overflow:auto}.plc-modal{align-items:center;background:rgba(0,0,0,.5);display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.plc-modal-content{background:#fff;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.25);color:#111;max-width:800px;min-width:320px;padding:16px}.plc-error,.plc-loading{align-items:center;color:#a0a0a0;display:flex;flex-direction:column;justify-content:center;min-height:400px}.plc-error button{background:#7289da;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.75rem 1.5rem}.plc-error button:hover{background:#6278c9}@media (max-width:768px){.plc-monitor-container{padding:1rem}.plc-header{flex-direction:column;gap:1rem}.plc-header,.plc-status-badge{align-items:flex-start}.plc-connections-grid,.plc-controls-grid,.plc-register-grid,.plc-scanners-grid,.plc-stats-grid{grid-template-columns:1fr}.plc-scanner-count{font-size:2.5rem}}.boxes-container{margin:0 auto;max-width:1400px;padding:2rem}.boxes-header{margin-bottom:2rem;text-align:center}.boxes-header h1{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.boxes-subtitle{color:#7f8c8d;font-size:1.1rem;margin:0}.boxes-controls{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:2rem;padding:1.5rem}.date-range-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.date-range-selector button{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#555;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.date-range-selector button:hover{border-color:#3498db;color:#3498db;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.date-range-selector button.active{background:#3498db;border-color:#3498db;box-shadow:0 4px 12px rgba(52,152,219,.3);color:#fff}.date-inputs{display:flex;flex-wrap:wrap;gap:1rem}.date-inputs label{color:#555;display:flex;flex-direction:column;font-weight:500;gap:.5rem}.date-inputs input{border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .2s ease}.date-inputs input:focus{border-color:#3498db;outline:none}.boxes-content{display:flex;flex-direction:column;gap:3rem}.boxes-day-section{background:#fff;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.08);padding:2rem}.boxes-day-header{align-items:center;border-bottom:3px solid #ecf0f1;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.boxes-day-header-left{flex:1 1;min-width:300px}.boxes-day-header-right{align-items:center;display:flex;gap:1rem}.boxes-day-header h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin:0 0 1rem;text-transform:capitalize}.boxes-day-totals{display:flex;flex-wrap:wrap;gap:1rem}.btn-enviar-correo{background:linear-gradient(135deg,#ff9800,#f57c00);border:none;border-radius:8px;box-shadow:0 4px 12px rgba(255,152,0,.3);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.btn-enviar-correo:hover:not(:disabled){background:linear-gradient(135deg,#fb8c00,#ef6c00);box-shadow:0 6px 16px rgba(255,152,0,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn-enviar-correo:active:not(:disabled){box-shadow:0 2px 8px rgba(255,152,0,.3);-webkit-transform:translateY(0);transform:translateY(0)}.btn-enviar-correo:disabled{cursor:not-allowed;opacity:.6}.mensaje-correo{-webkit-animation:slideInDown .3s ease;animation:slideInDown .3s ease;border-radius:8px;font-weight:500;margin-bottom:1rem;padding:1rem 1.5rem}.mensaje-correo-exito{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.mensaje-correo-error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.boxes-day-total{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px rgba(102,126,234,.3)}.boxes-day-total,.boxes-day-volume{align-items:baseline;border-radius:8px;color:#fff;display:flex;gap:.5rem;padding:.75rem 1.5rem}.boxes-day-volume{background:linear-gradient(135deg,#11998e,#38ef7d);box-shadow:0 4px 12px rgba(17,153,142,.3)}.total-label,.volume-label{font-size:.9rem;font-weight:500;opacity:.9}.total-number,.volume-number{font-size:2rem;font-weight:700}.total-unit,.volume-unit{font-size:.9rem;font-weight:500;opacity:.9}.boxes-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.box-card{background:linear-gradient(135deg,#f5f7fa,#f9fafb);border:2px solid transparent;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s ease}.box-card-clickable{cursor:pointer}.box-card-clickable:hover{border-color:#3498db;box-shadow:0 8px 24px rgba(0,0,0,.15);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.box-card-clickable:active{box-shadow:0 4px 12px rgba(0,0,0,.12);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.box-card:focus-visible{outline:2px solid #3498db;outline-offset:2px}.box-card-header{display:flex;justify-content:center}.box-specs{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:.75rem;justify-content:space-between;margin:.5rem 0;padding:1rem}.box-spec-item{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.box-spec-label{color:#7f8c8d;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.box-spec-value{color:#2c3e50;font-size:.95rem;font-weight:600}.box-spec-divider{background:linear-gradient(180deg,transparent,#e0e0e0,transparent);height:30px;width:1px}.box-stats{background:#f8f9fa;border-radius:8px;display:flex;flex-direction:column;gap:.5rem;margin:.5rem 0;padding:.75rem}.box-stat-item{align-items:center;background:#fff;border-radius:6px;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem}.box-stat-icon{font-size:1rem}.box-stat-label{color:#555;flex:1 1;font-weight:500}.box-stat-value{border-radius:4px;font-size:1rem;font-weight:700;min-width:2rem;padding:.25rem .5rem;text-align:center}.box-stat-desc .box-stat-value{background:#fff3cd;color:#856404}.box-stat-alert .box-stat-value{background:#f8d7da;color:#721c24}.box-card-body{padding:1rem 0;text-align:center}.box-count{color:#2c3e50;font-size:3.5rem;font-weight:700;line-height:1;margin-bottom:.5rem}.box-label{color:#7f8c8d;font-size:1rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.box-volume{align-items:baseline;background:linear-gradient(135deg,rgba(17,153,142,.1),rgba(56,239,125,.1));border:1px solid rgba(17,153,142,.2);border-radius:6px;display:flex;gap:.4rem;justify-content:center;margin-top:.75rem;padding:.5rem 1rem}.box-volume-value{color:#11998e;font-size:1.5rem;font-weight:700}.box-volume-unit{color:#11998e;font-size:.85rem;font-weight:600;opacity:.8}.box-card-footer{display:flex;flex-direction:column;gap:.5rem}.box-progress-bar{background:#e0e0e0;border-radius:4px;height:8px;overflow:hidden;position:relative}.box-progress-fill{background:linear-gradient(90deg,#3498db,#2980b9);border-radius:4px;box-shadow:0 2px 4px rgba(52,152,219,.3);height:100%;transition:width .6s ease}.box-percentage{color:#7f8c8d;font-size:.85rem;font-weight:500;text-align:center}.mensaje-vacio{padding:3rem}.mensaje-vacio p{font-size:1.2rem}@media (max-width:768px){.boxes-container{padding:1rem}.boxes-header h1{font-size:2rem}.boxes-subtitle{font-size:1rem}.boxes-day-header{align-items:flex-start;flex-direction:column}.boxes-day-header-left{min-width:100%}.boxes-day-header-right{width:100%}.btn-enviar-correo{font-size:1.1rem;padding:1rem;width:100%}.boxes-day-header h2{font-size:1.5rem}.boxes-day-totals{flex-direction:column;gap:.75rem;width:100%}.boxes-day-total,.boxes-day-volume{justify-content:center;width:100%}.total-number,.volume-number{font-size:1.5rem}.boxes-grid{grid-template-columns:1fr}.date-range-selector{flex-direction:column}.date-range-selector button{width:100%}.date-inputs{flex-direction:column}.date-inputs label{width:100%}.box-count{font-size:2.5rem}.box-specs{gap:.5rem;padding:.75rem}.box-spec-label{font-size:.7rem}.box-spec-value{font-size:.85rem}.box-spec-divider{height:25px}.box-stats{gap:.4rem;padding:.5rem}.box-stat-item{font-size:.8rem;padding:.4rem}.box-stat-icon{font-size:.9rem}.box-stat-value{font-size:.9rem;padding:.2rem .4rem}}@media (min-width:769px) and (max-width:1024px){.boxes-grid{grid-template-columns:repeat(2,1fr)}}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.box-card,.boxes-day-section{-webkit-animation:fadeIn .5s ease;animation:fadeIn .5s ease}.box-card{-webkit-animation-fill-mode:both;animation-fill-mode:both}.box-card:first-child{-webkit-animation-delay:.05s;animation-delay:.05s}.box-card:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}.box-card:nth-child(3){-webkit-animation-delay:.15s;animation-delay:.15s}.box-card:nth-child(4){-webkit-animation-delay:.2s;animation-delay:.2s}.box-card:nth-child(5){-webkit-animation-delay:.25s;animation-delay:.25s}.box-card:nth-child(6){-webkit-animation-delay:.3s;animation-delay:.3s}.box-card:nth-child(7){-webkit-animation-delay:.35s;animation-delay:.35s}.box-card:nth-child(8){-webkit-animation-delay:.4s;animation-delay:.4s}.box-detail-container{margin:0 auto;max-width:1400px;padding:2rem}.box-detail-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem;padding:2rem}.back-button{align-self:flex-start;background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.back-button:hover{background:#2980b9;box-shadow:0 4px 12px rgba(52,152,219,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.back-button:active{-webkit-transform:translateY(0);transform:translateY(0)}.box-detail-title{align-items:center;display:flex;flex-direction:column;gap:1rem}.box-detail-title h1{color:#2c3e50;font-size:2rem;font-weight:600;margin:0;text-transform:capitalize}.box-detail-stats{align-items:baseline;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;gap:1rem;justify-content:center;padding:1rem}.stat-label{font-size:1rem;font-weight:500;opacity:.9}.stat-value{font-size:2rem;font-weight:700}.tablas-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:2rem}.tabla-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);cursor:pointer;overflow:hidden;padding:0;transition:all .2s ease}.tabla-card:hover{border-color:#3498db;box-shadow:0 8px 24px rgba(0,0,0,.15);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.tabla-card:active{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.tabla-card:focus-visible{outline:2px solid #3498db;outline-offset:2px}.tabla-card-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:.75rem 1rem}.tabla-uid{color:#555;font-family:Courier New,monospace;font-size:.9rem;font-weight:600}.tabla-time{color:#333;font-size:1rem;font-weight:600}.chip{border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:3px 10px;text-transform:uppercase}.chip-success{background-color:#6b9c77;color:#b8d4be}.chip-danger{background-color:#a86060;color:#dfa0a0}.tabla-category{border-bottom:1px solid #e0e0e0;display:flex;justify-content:center;padding:.75rem 1rem}.tabla-images-grid{grid-gap:5px;background-color:#3a3f44;display:grid;gap:5px;grid-template-columns:repeat(3,1fr);padding:.75rem}.tabla-images-grid img{background-color:#3a3f44;border-radius:4px;display:block;height:70px;object-fit:cover;width:100%}.tabla-card-body{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.medida-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.medida-item{display:flex;flex-direction:column;gap:.25rem;text-align:center}.medida-label{color:#6c757d;font-size:.8rem;font-weight:500}.medida-value{color:#212529;font-size:1rem;font-weight:600}.pagination{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;gap:2rem;justify-content:center;margin-top:2rem;padding:2rem}.pagination-button{background:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.pagination-button:hover:not(:disabled){background:#2980b9;box-shadow:0 4px 12px rgba(52,152,219,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.pagination-button:disabled{background:#bdc3c7;cursor:not-allowed;opacity:.6}.pagination-info{color:#2c3e50;font-size:1rem;font-weight:600}.mensaje-vacio{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:4rem 2rem;text-align:center}.mensaje-vacio p{color:#7f8c8d;font-size:1.25rem;margin:0}.filters-bar{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem;padding:1rem 1.25rem}.filter-row{flex-wrap:wrap;gap:.75rem 1rem}.filter-group,.filter-row{align-items:center;display:flex}.filter-group{gap:.5rem}.filter-group label{color:#555;font-size:.9rem}.filter-group input,.filter-group select{border:1px solid #ced4da;border-radius:6px;min-width:140px;padding:.55rem .7rem}.filter-group.checkbox label{align-items:center;display:flex;gap:.5rem}.filter-actions{display:flex;gap:.5rem;margin-left:auto}.btn-primary{background:#3498db}.btn-primary,.btn-secondary{border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.55rem 1rem}.btn-secondary{background:#6c757d}.filters-summary{color:#333;display:flex;font-size:.9rem;gap:1rem}@media (max-width:768px){.box-detail-container{padding:1rem}.box-detail-header{padding:1.5rem}.box-detail-title h1{font-size:1.5rem}.tablas-grid{gap:1rem;grid-template-columns:1fr}.pagination{flex-direction:column;gap:1rem}}.live-consoles-container h1{border-bottom:2px solid var(--primary-color);color:var(--dark-text);margin-bottom:12px;padding-bottom:10px}.consoles-header{align-items:center;display:flex;gap:12px}.ws-badge{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px}.ws-badge.ok{background:#1f854a;color:#fff}.ws-badge.down{background:#8b5555;color:#fff}.consoles-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(300px,1fr))}@media (max-width:1024px){.consoles-grid{grid-template-columns:1fr}}.console-panel{border:1px solid hsla(0,0%,100%,.08);border-radius:6px;display:flex;flex-direction:column;overflow:hidden}.console-header{align-items:center;background:hsla(0,0%,100%,.03);border-bottom:1px solid hsla(0,0%,100%,.08);display:flex;justify-content:space-between;padding:8px 10px}.console-body{background:rgba(0,0,0,.35);color:#e6e6e6;height:260px;margin:0;overflow:auto;padding:10px}.console-body .hl{background:rgba(139,85,85,.18)}
/*# sourceMappingURL=main.676edbf1.css.map*/