: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}body,html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}#root,body,html{touch-action:manipulation}a,article,aside,button,div,footer,header,input,label,li,nav,section,select,span,textarea,ul{-webkit-tap-highlight-color:transparent;touch-action:manipulation}em,i,img,svg{pointer-events:inherit;touch-action:manipulation}.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{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);border-bottom:1px solid hsla(0,0%,100%,.1);box-shadow:0 2px 15px rgba(0,0,0,.3);display:flex;height:64px;justify-content:space-between;padding:0 20px;touch-action:manipulation;-webkit-user-select:none;user-select:none}.menus{list-style:none;margin:0;padding:0}.menu-items,.menus{align-items:center;display:flex;height:100%;touch-action:manipulation}.menu-items{position:relative}.dark-mode .menu-items a,.dark-mode .menu-items button{align-items:center;background:none;border:none;border-bottom:3px solid transparent;color:#94a3b8;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;height:100%;padding:0 18px;text-decoration:none;transition:all .2s ease}.dark-mode .menu-items a:hover,.dark-mode .menu-items button:hover{background:hsla(0,0%,100%,.05);border-bottom-color:#3498db;color:#fff}.dark-mode .Salir{background:linear-gradient(135deg,#e74c3c,#c0392b)!important;border-bottom:none!important;border-radius:8px!important;box-shadow:0 2px 8px rgba(231,76,60,.3);color:#fff!important;font-weight:600;height:auto!important;margin-left:10px;padding:8px 18px!important}.dark-mode .Salir:hover{background:linear-gradient(135deg,#c0392b,#a93226)!important;box-shadow:0 4px 12px rgba(231,76,60,.4);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.nav-brand{align-items:center;display:flex;gap:10px}.nav-logo{font-size:1.4rem}.nav-title{color:#fff;font-size:1rem;font-weight:700;letter-spacing:.5px}.system-status-indicator{align-items:center;display:flex;padding:0 12px!important}.user-badge{align-items:center;display:flex;padding:0 8px!important}.user-name{color:#94a3b8;font-size:.85rem;font-weight:500}.status-dot{background-color:#888;cursor:help;height:10px;transition:background-color .3s ease;width:10px}.status-dot.ok{-webkit-animation:pulse-ok 2s infinite;animation:pulse-ok 2s infinite;background-color:#00c853;box-shadow:0 0 8px rgba(0,200,83,.6)}.status-dot.warning{background-color:#ff9800;box-shadow:0 0 8px rgba(255,152,0,.6)}.status-dot.error{-webkit-animation:pulse-error 1s infinite;animation:pulse-error 1s infinite;background-color:#f44336;box-shadow:0 0 8px rgba(244,67,54,.6)}.status-dot.unknown{background-color:#888}@-webkit-keyframes pulse-ok{0%,to{opacity:1}50%{opacity:.7}}@keyframes pulse-ok{0%,to{opacity:1}50%{opacity:.7}}@-webkit-keyframes pulse-error{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.8;-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse-error{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.8;-webkit-transform:scale(1.1);transform:scale(1.1)}}.dropdown{-webkit-tap-highlight-color:transparent;left:0;list-style:none;margin:0;min-width:200px;opacity:0;padding:0;position:absolute;top:100%;touch-action:manipulation;-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;max-height:calc(100vh - 64px);overflow-y:auto;padding-bottom:20px;position:absolute;width:100%;z-index:1000}.dark-mode .menus{background-color:var(--dark-bg-panel);border-top:1px solid var(--dark-border);top:64px}.menus.active{display:flex}.menu-items{align-items:stretch!important;border-bottom:1px solid hsla(0,0%,100%,.1);flex-direction:column!important;height:auto!important;width:100%!important}.dark-mode .menu-items>a,.dark-mode .menu-items>button{border-bottom:none!important;font-size:1rem;font-weight:600;height:auto!important;justify-content:space-between!important;padding:16px 20px!important;text-align:left;width:100%!important}.dark-mode .menu-items>a:hover,.dark-mode .menu-items>button:hover{background:hsla(0,0%,100%,.08);border-bottom-color:transparent}.dropdown{border:none!important;border-radius:0!important;box-shadow:none!important;max-height:0!important;min-width:100%!important;opacity:0;overflow:hidden;position:static!important;-webkit-transform:none!important;transform:none!important;transition:max-height .3s ease-out,opacity .2s ease;visibility:hidden;width:100%!important}.dropdown.show{max-height:1000px!important;opacity:1;overflow:visible;visibility:visible}.dark-mode .dropdown{background-color:rgba(0,0,0,.25)!important;border:none!important}.dropdown li{border-bottom:1px solid hsla(0,0%,100%,.05);width:100%}.dropdown li:last-child{border-bottom:none}.dark-mode .dropdown li a,.dropdown li a{color:#94a3b8!important;display:block!important;font-size:.95rem;height:auto!important;padding:14px 20px 14px 40px!important;text-decoration:none;width:100%!important}.dark-mode .dropdown li a:hover{background-color:rgba(59,130,246,.2)!important;color:#fff!important}.menu-items button[aria-haspopup=menu]:after{content:" ▼"!important;font-size:10px;margin-left:auto;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)}.system-status-indicator,.user-badge{height:auto!important;justify-content:center!important;padding:12px 20px!important}.user-badge{border-bottom:none}.dark-mode .Salir{height:auto!important;justify-content:center!important;margin:16px 20px!important;width:calc(100% - 40px)!important}}@media (min-width:1600px){.dark-mode{--large-font-base:15px;--large-spacing:24px;--large-card-padding:20px;--large-border-radius:10px}.analisis-produccion-container,.logs-viewer-container,.stats-container{max-width:1800px;padding:32px}.dark-mode .dashboard-header,.dark-mode .filtros-logs,.dark-mode .stats-header{border-radius:var(--large-border-radius);gap:20px;padding:20px 28px}.dark-mode input[type=date],.dark-mode input[type=number],.dark-mode input[type=text],.dark-mode select{font-size:15px;padding:10px 16px}.dark-mode .btnbuscador,.dark-mode button{font-size:15px;padding:10px 20px}.tabla-datos{font-size:15px}.dark-mode .tabla-datos td,.dark-mode .tabla-datos th{padding:14px 18px}.dark-mode .tabla-responsive,.dark-mode .tabla-responsive-container{border-radius:var(--large-border-radius);padding:16px}.dark-mode .menu-items a,.dark-mode .menu-items button{font-size:15px;padding:20px 24px}.dropdown a{padding:14px 24px}}@media (min-width:1440px) and (max-width:1599px){.analisis-produccion-container,.logs-viewer-container,.stats-container{max-width:1400px;padding:28px}.dark-mode .dashboard-header,.dark-mode .filtros-logs,.dark-mode .stats-header{padding:18px 24px}}.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-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-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%}}.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{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;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}.logs-container{margin:0 auto;max-width:1600px;padding:20px}.logs-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:0;padding:12px 0}.logs-header h1{color:#fff;color:var(--text-color,#fff);font-size:1.5rem;font-weight:600;margin:0;white-space:nowrap}.logs-header-controls{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:10px;justify-content:flex-end}.logs-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px;text-decoration:none;transition:all .15s ease;white-space:nowrap}.logs-btn-live{-webkit-animation:pulse-live 2s infinite;animation:pulse-live 2s infinite;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}@-webkit-keyframes pulse-live{0%,to{box-shadow:0 0 0 0 rgba(34,197,94,.4)}50%{box-shadow:0 0 0 8px rgba(34,197,94,0)}}@keyframes pulse-live{0%,to{box-shadow:0 0 0 0 rgba(34,197,94,.4)}50%{box-shadow:0 0 0 8px rgba(34,197,94,0)}}.logs-btn-outline{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.15);color:#fff;color:var(--text-color,#fff)}.logs-btn-outline:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.25)}.logs-btn-active{background:#3b82f6;background:var(--primary-color,#3b82f6);color:#fff}.logs-devices-bar{border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;gap:4px;margin-bottom:12px;overflow-x:auto;padding:8px 0;scrollbar-width:thin}.logs-device-tab{align-items:center;background:hsla(0,0%,100%,.05);border:none;border-radius:8px;color:hsla(0,0%,100%,.6);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.logs-device-tab:hover{background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.9)}.logs-device-tab-active{background:#3b82f6;background:var(--primary-color,#3b82f6);box-shadow:0 2px 8px rgba(59,130,246,.3);color:#fff}.logs-device-icon{font-size:16px}.logs-device-label{font-size:12px}.logs-btn-text{background:none;color:#aaa;color:var(--text-secondary,#aaa);padding:4px 8px}.logs-btn-text:hover{color:#fff;color:var(--text-color,#fff)}.logs-filter-badge{background:#ef4444;border-radius:10px;color:#fff;font-size:10px;margin-left:4px;padding:2px 6px}.logs-date-range{align-items:center;display:flex;gap:6px}.logs-date-range input[type=date]{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.15);border-radius:6px;color:#fff;color:var(--text-color,#fff);font-size:12px;padding:5px 8px}.logs-date-sep{color:hsla(0,0%,100%,.3);font-size:14px}.logs-search{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.15);border-radius:6px;color:#fff;color:var(--text-color,#fff);font-size:13px;padding:6px 12px;transition:all .2s ease;width:180px}.logs-search:focus{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);outline:none;width:250px}.logs-search::-webkit-input-placeholder{color:hsla(0,0%,100%,.4)}.logs-search::placeholder{color:hsla(0,0%,100%,.4)}.logs-filters-panel{align-items:flex-start;-webkit-animation:slideDown .2s ease;animation:slideDown .2s ease;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:8px;display:flex;flex-wrap:wrap;gap:20px;margin-top:12px;padding:16px}@-webkit-keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.logs-filter-group{display:flex;flex-direction:column;gap:8px}.logs-filter-group label{color:hsla(0,0%,100%,.5);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.logs-chips{display:flex;flex-wrap:wrap;gap:6px}.logs-chip{background:hsla(0,0%,100%,.08);border-radius:4px;color:hsla(0,0%,100%,.7);cursor:pointer;font-size:11px;font-weight:500;padding:4px 10px;text-transform:uppercase;transition:all .15s ease}.logs-chip:hover{background:hsla(0,0%,100%,.12)}.logs-chip-active{background:#3b82f6!important;background:var(--primary-color,#3b82f6)!important;color:#fff!important}.logs-chip-error{border-left:3px solid #ef4444}.logs-chip-warning{border-left:3px solid #f59e0b}.logs-chip-info{border-left:3px solid #3b82f6}.logs-chip-debug{border-left:3px solid #6b7280}.logs-chip-critical{border-left:3px solid #dc2626}.logs-selects{display:flex;gap:8px}.logs-selects select{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.15);border-radius:6px;color:#fff;color:var(--text-color,#fff);font-size:12px;min-width:140px;padding:6px 10px}.logs-status-bar{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.6);display:flex;font-size:13px;justify-content:space-between;padding:10px 0}.logs-count{font-weight:500}.logs-pagination{align-items:center;display:flex;gap:8px}.logs-pagination button{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.15);border-radius:4px;color:#fff;color:var(--text-color,#fff);cursor:pointer;font-size:14px;padding:4px 10px}.logs-pagination button:disabled{cursor:not-allowed;opacity:.3}.logs-pagination select{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.15);border-radius:4px;color:#fff;color:var(--text-color,#fff);font-size:12px;padding:4px 8px}.logs-table-container{margin-top:8px;overflow-x:auto}.logs-table{border-collapse:collapse;font-size:13px;width:100%}.logs-table thead th{background:hsla(0,0%,100%,.02);border-bottom:1px solid hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.5);font-size:11px;font-weight:600;letter-spacing:.5px;padding:10px 12px;position:-webkit-sticky;position:sticky;text-align:left;text-transform:uppercase;top:0}.logs-table tbody tr{border-bottom:1px solid hsla(0,0%,100%,.05);transition:background .15s ease}.logs-table tbody tr:hover{background:hsla(0,0%,100%,.03)}.logs-table td{padding:8px 12px;vertical-align:top}.logs-row-error{border-left:3px solid #ef4444}.logs-row-warning{border-left:3px solid #f59e0b}.logs-row-critical{background:rgba(220,38,38,.08);border-left:3px solid #dc2626}.logs-cell-time{color:hsla(0,0%,100%,.6);white-space:nowrap}.logs-cell-mono,.logs-cell-time{font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px}.logs-cell-mono{color:hsla(0,0%,100%,.7)}.logs-cell-message{font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;line-height:1.5;position:relative;word-break:break-word}.logs-msg-truncate{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.logs-cell-actions{display:flex;gap:4px;margin-top:4px}.logs-cell-actions button{background:hsla(0,0%,100%,.05);border:none;border-radius:3px;color:hsla(0,0%,100%,.5);cursor:pointer;font-size:11px;padding:2px 6px}.logs-cell-actions button:hover{background:hsla(0,0%,100%,.1);color:#fff}.logs-row-expanded td{background:rgba(0,0,0,.2);padding:12px}.logs-row-expanded pre{color:hsla(0,0%,100%,.8);font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px;margin:0;white-space:pre-wrap;word-break:break-word}.logs-empty{color:hsla(0,0%,100%,.4);padding:40px!important;text-align:center}.logs-loading{color:hsla(0,0%,100%,.5);padding:40px;text-align:center}.log-badge{border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.log-debug{background:#374151;color:#9ca3af}.log-info{background:#1e40af;color:#93c5fd}.log-warning{background:#92400e;color:#fcd34d}.log-error{background:#991b1b;color:#fca5a5}.log-critical{-webkit-animation:blink 1s infinite;animation:blink 1s infinite;background:#7f1d1d;color:#fff}@-webkit-keyframes blink{0%,to{opacity:1}50%{opacity:.6}}@keyframes blink{0%,to{opacity:1}50%{opacity:.6}}@media (max-width:768px){.logs-header{align-items:flex-start;flex-direction:column}.logs-header-controls{justify-content:flex-start;width:100%}.logs-search{max-width:none;width:100%}.logs-date-range{flex-wrap:wrap;width:100%}.logs-table{font-size:11px}.logs-table td:nth-child(3),.logs-table td:nth-child(4),.logs-table th:nth-child(3),.logs-table th:nth-child(4){display:none}}.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{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{align-items:center;background:#7f1d1d;border-radius:8px;color:#fecaca;display:flex;justify-content:space-between;padding:16px}.retry-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff;cursor:pointer;padding:6px 16px;transition:all .2s}.retry-btn:hover{background:hsla(0,0%,100%,.2)}.placeholder{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:8px;padding:24px;text-align:center}.placeholder-link{color:#60a5fa;font-size:14px;text-decoration:none}.placeholder-link:hover{text-decoration:underline}.sparkline-placeholder{align-items:center;color:#6b7280;display:flex;font-size:13px;font-style:italic;height:60px;justify-content:center}@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)}}@media (min-width:1440px){.home-container{margin:0 auto;max-width:1600px;padding:24px 32px}.home-header{margin-bottom:20px}.home-header h1{font-size:28px}.shortcut{border-radius:8px;font-size:15px;padding:10px 18px;transition:all .2s ease}.shortcut:hover{background:#374151;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.kpi-grid{gap:16px}.kpi-card{border-radius:12px;padding:20px;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}.kpi-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.kpi-label{font-size:13px;margin-bottom:6px}.kpi-value{font-size:28px}.mini-charts{gap:16px;margin:20px 0}.mini-chart{border-radius:12px;padding:20px}.mini-title{font-size:14px;margin-bottom:10px}.sparkline{height:80px}.devices{margin-top:20px}.devices h2{font-size:20px;margin-bottom:16px}.devices-grid{gap:16px}.device-item{border-radius:12px;padding:16px}}@media (min-width:1600px){.home-container{max-width:1800px;padding:32px 48px}.home-header h1{font-size:32px}.shortcuts{gap:12px}.shortcut{font-size:16px;padding:12px 24px}.kpi-grid{gap:24px}.kpi-card{border-radius:14px;padding:24px}.kpi-label{font-size:14px;letter-spacing:.3px}.kpi-value{font-size:36px;font-weight:700}.mini-charts{gap:24px;margin:28px 0}.mini-chart{border-radius:14px;padding:24px}.mini-title{font-size:15px}.sparkline{height:100px}.devices h2{font-size:22px}.devices-grid{gap:20px;grid-template-columns:repeat(4,1fr)}.device-item{border-radius:14px;padding:20px;transition:all .2s ease}.device-item:hover{box-shadow:0 8px 24px rgba(0,0,0,.25);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.skeleton-grid{gap:24px}.skeleton-card{border-radius:14px;height:100px}.error-box{border-radius:12px;font-size:16px;padding:24px}.retry-btn{font-size:15px;padding:10px 24px}}.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}.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{background:rgba(0,0,0,.2);border:1px solid #40444b;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.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}.labeler-yolo-container{background:#1a1a2e;background:var(--bg-primary,#1a1a2e);margin:0 auto;max-width:1600px;min-height:100vh;padding:20px}.labeler-header{border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.labeler-header,.labeler-title{align-items:center;display:flex}.labeler-title{gap:12px}.labeler-title h1{color:#fff;color:var(--text-primary,#fff);font-size:1.8rem;margin:0}.health-badge.degraded,.health-badge.unknown{background:rgba(241,196,15,.2);color:#f1c40f}.health-badge.error{background:rgba(231,76,60,.2);color:#e74c3c}.labeler-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.btn-refresh:disabled{cursor:not-allowed;opacity:.5}.labeler-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.labeler-stats-card{background:#16213e;background:var(--bg-secondary,#16213e);border-left:4px solid #3498db;border-radius:8px;padding:16px}.stats-value{color:#fff;color:var(--text-primary,#fff);font-size:2rem;font-weight:700;line-height:1}.stats-title{color:#aaa;color:var(--text-secondary,#aaa);font-size:.875rem;margin-top:4px}.stats-subtitle{color:#666;color:var(--text-muted,#666);font-size:.75rem;margin-top:2px}.labeler-error{align-items:center;background:rgba(231,76,60,.15);border:1px solid rgba(231,76,60,.3);border-radius:8px;color:#e74c3c;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.labeler-error button{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:1.2rem;padding:4px 8px}.labeler-loading{align-items:center;color:#aaa;color:var(--text-secondary,#aaa);display:flex;flex-direction:column;justify-content:center;padding:60px}.spinner.small{border-width:2px;height:20px;margin-bottom:0;margin-right:8px;width:20px}.labeler-empty{background:#16213e;background:var(--bg-secondary,#16213e);border-radius:12px;padding:60px 20px;text-align:center}.labeler-empty h2{color:#fff;color:var(--text-primary,#fff);margin-bottom:12px}.labeler-empty p{color:#aaa;color:var(--text-secondary,#aaa);margin:8px 0}.class-selector{align-items:center;background:#16213e;background:var(--bg-secondary,#16213e);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;margin-bottom:16px}.class-selector-label{color:#aaa;color:var(--text-secondary,#aaa);font-size:.875rem;margin-right:8px}.class-btn{background:#16213e;background:var(--bg-secondary,#16213e)}.class-dot{border-radius:50%;height:10px;width:10px}.class-name{font-weight:500}.class-key{background:hsla(0,0%,100%,.1);border-radius:3px;font-family:monospace;font-size:.7rem;padding:2px 5px}.labeler-nav{align-items:center;background:#16213e;background:var(--bg-secondary,#16213e);border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:12px 16px}.labeler-nav button{background:#1a1a2e;background:var(--bg-tertiary,#1a1a2e);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:6px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:.875rem;padding:8px 16px;transition:all .2s}.labeler-nav button:hover:not(:disabled){background:#3498db;border-color:#3498db}.labeler-nav button:disabled{cursor:not-allowed;opacity:.4}.nav-info{align-items:center;display:flex;flex-direction:column;gap:4px}.nav-info strong{color:#fff;color:var(--text-primary,#fff);font-family:monospace;font-size:.875rem}.nav-info small{color:#666;color:var(--text-muted,#666);font-size:.75rem}.canvas-wrapper{align-items:center;background:#000;border-left:1px solid #333;border-left:1px solid var(--border-color,#333);border-right:1px solid #333;border-right:1px solid var(--border-color,#333);display:flex;justify-content:center;min-height:400px}.labeler-canvas{cursor:crosshair;display:block;max-width:100%}.labeler-actions{background:#16213e;background:var(--bg-secondary,#16213e);border-radius:0 0 8px 8px;border-top:1px solid #333;border-top:1px solid var(--border-color,#333);display:flex;gap:12px;justify-content:flex-end;padding:16px}.btn-action{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;padding:10px 20px;transition:all .2s}.btn-action:disabled{cursor:not-allowed;opacity:.5}.btn-clear{background:rgba(231,76,60,.2);border:1px solid rgba(231,76,60,.3);color:#e74c3c}.btn-clear:hover:not(:disabled){background:rgba(231,76,60,.3)}.btn-skip{background:rgba(241,196,15,.2);border:1px solid rgba(241,196,15,.3);color:#f1c40f}.btn-skip:hover:not(:disabled){background:rgba(241,196,15,.3)}.btn-save{background:rgba(52,152,219,.2);border:1px solid rgba(52,152,219,.3);color:#3498db}.btn-save:hover:not(:disabled){background:rgba(52,152,219,.3)}.btn-save-next{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.btn-save-next:hover:not(:disabled){box-shadow:0 4px 12px rgba(39,174,96,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.selected-box-info{align-items:center;background:rgba(52,152,219,.1);border:1px solid rgba(52,152,219,.3);border-radius:8px;color:#fff;color:var(--text-primary,#fff);display:flex;font-size:.875rem;justify-content:space-between;margin-top:12px;padding:12px 16px}.selected-box-info .hint{color:#666;color:var(--text-muted,#666);font-size:.75rem}.labeler-guide{background:#16213e;background:var(--bg-secondary,#16213e);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;margin-top:24px;padding:16px}.labeler-guide h3{color:#fff;color:var(--text-primary,#fff);font-size:1rem;margin:0 0 12px}.labeler-guide ul{-webkit-columns:2;column-count:2;-webkit-column-gap:40px;column-gap:40px;margin:0;padding-left:20px}.labeler-guide li{-webkit-column-break-inside:avoid;break-inside:avoid;color:#aaa;color:var(--text-secondary,#aaa);font-size:.8rem;margin-bottom:6px;page-break-inside:avoid}.labeler-guide li strong{color:#fff;color:var(--text-primary,#fff)}@media (max-width:768px){.labeler-header{align-items:flex-start;flex-direction:column}.labeler-controls{width:100%}.labeler-stats-grid{grid-template-columns:repeat(2,1fr)}.labeler-nav{flex-wrap:wrap;gap:12px}.nav-info{order:-1;text-align:center;width:100%}.class-selector{overflow-x:auto}.labeler-actions{flex-wrap:wrap}.labeler-guide ul{-webkit-columns:1;column-count:1}}.labeler-batch-container{background:#1a1a2e;background:var(--bg-primary,#1a1a2e);margin:0 auto;max-width:1800px;min-height:100vh;padding:20px}.labeler-batch-header{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.header-left{align-items:center;display:flex;gap:12px}.header-left h1{color:#fff;color:var(--text-primary,#fff);font-size:1.6rem;margin:0}.health-badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:4px 12px}.health-badge.ok{background:rgba(39,174,96,.2);color:#27ae60}.health-badge.error,.health-badge.unknown{background:rgba(231,76,60,.2);color:#e74c3c}.header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.control-group{align-items:center;display:flex;gap:8px}.control-group label{color:#aaa;color:var(--text-secondary,#aaa);font-size:.875rem}.control-group select{background:#16213e;background:var(--bg-secondary,#16213e);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:6px;color:#fff;color:var(--text-primary,#fff);font-size:.875rem;padding:8px 12px}.btn-export,.btn-refresh{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .2s}.btn-refresh:hover:not(:disabled){background:#1a1a2e;background:var(--bg-tertiary,#1a1a2e)}.btn-export{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff}.btn-export:hover{box-shadow:0 4px 12px rgba(39,174,96,.3);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.batch-stats{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px}.stat-item{align-items:center;background:#16213e;background:var(--bg-secondary,#16213e);border-radius:8px;display:flex;flex-direction:column;min-width:120px;padding:12px 20px}.stat-value{font-size:1.5rem}.stat-label{color:#888;color:var(--text-muted,#888);margin-top:4px}.batch-error{align-items:center;background:rgba(231,76,60,.15);border:1px solid rgba(231,76,60,.3);border-radius:8px;color:#e74c3c;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.batch-error button{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:1.2rem}.batch-empty,.batch-loading{align-items:center;color:#aaa;color:var(--text-secondary,#aaa);display:flex;flex-direction:column;justify-content:center;padding:60px;text-align:center}.spinner{border:4px solid #333;border:4px solid var(--border-color,#333);border-radius:50%;border-top:4px solid #3498db;height:48px;margin-bottom:16px;width:48px}.batch-empty h2{color:#fff;color:var(--text-primary,#fff);margin-bottom:8px}.table-info{align-items:center;background:#16213e;background:var(--bg-secondary,#16213e);border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);border-radius:8px 8px 0 0;display:flex;gap:20px;padding:12px 16px}.table-id{color:#fff;color:var(--text-primary,#fff);font-size:1rem}.table-id strong{color:#3498db;font-family:monospace}.table-images{color:#888;color:var(--text-muted,#888);font-size:.875rem}.mode-badge{border-radius:4px;font-size:.8rem;margin-left:auto;padding:4px 12px}.mode-badge.detail{background:rgba(231,76,60,.2);color:#e74c3c}.images-grid{grid-gap:12px;background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border-left:1px solid #333;border-left:1px solid var(--border-color,#333);border-right:1px solid #333;border-right:1px solid var(--border-color,#333);display:grid;gap:12px;grid-template-columns:repeat(4,1fr);padding:16px}@media (max-width:1400px){.images-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1000px){.images-grid{grid-template-columns:repeat(2,1fr)}}.image-cell{background:#16213e;background:var(--bg-secondary,#16213e);border:2px solid transparent;border-radius:8px;overflow:hidden;position:relative;transition:all .2s}.image-cell img{aspect-ratio:16/9;display:block;height:auto;object-fit:cover;width:100%}.image-cell.empty{align-items:center;aspect-ratio:16/9;background:rgba(0,0,0,.3);display:flex;justify-content:center}.image-cell .no-image{color:#555;color:var(--text-muted,#555);font-size:.875rem}.image-cell .image-label{background:rgba(0,0,0,.7);left:8px}.image-cell .box-count,.image-cell .image-label{border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px;position:absolute;top:8px;z-index:2}.image-cell .box-count{background:rgba(231,76,60,.9);right:8px}.images-grid.detail-mode .image-cell:not(.empty){cursor:pointer}.images-grid.detail-mode .image-cell:not(.empty):hover{border-color:#3498db;-webkit-transform:scale(1.02);transform:scale(1.02)}.image-cell.selected{border-color:#e74c3c!important;box-shadow:0 0 20px rgba(231,76,60,.4)}.image-cell.has-boxes{border-color:rgba(231,76,60,.5)}.detail-panel{background:#16213e;background:var(--bg-secondary,#16213e);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;margin-top:16px;overflow:hidden}.detail-header{align-items:center;background:rgba(0,0,0,.2);border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);display:flex;justify-content:space-between;padding:12px 16px}.detail-header span{color:#aaa;color:var(--text-secondary,#aaa);font-size:.875rem}.detail-header strong{color:#fff;color:var(--text-primary,#fff);font-family:monospace}.box-info{color:#3498db!important}.class-selector{border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px}.class-btn{align-items:center;background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border:2px solid transparent;border-radius:6px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;display:flex;font-size:.8rem;gap:6px;padding:6px 12px;transition:all .2s}.class-btn.selected,.class-btn:hover{border-color:var(--class-color)}.class-btn.selected{background:color-mix(in srgb,var(--class-color) 20%,transparent)}.class-btn .dot{border-radius:50%;height:10px;width:10px}.class-btn .key{background:hsla(0,0%,100%,.1);border-radius:3px;font-family:monospace;font-size:.7rem;padding:2px 5px}.canvas-container{align-items:center;background:#0a0a0a;display:flex;justify-content:center;min-height:250px;padding:12px;width:100%}.detail-canvas{border-radius:4px;cursor:crosshair;height:auto;max-width:100%;object-fit:contain;width:100%}.batch-actions{align-items:center;background:#16213e;background:var(--bg-secondary,#16213e);border-radius:0 0 8px 8px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px}.quick-actions{display:flex;gap:12px}.action-btn{font-size:1rem;gap:8px;padding:12px 24px;transition:all .2s}.action-btn:disabled{cursor:not-allowed;opacity:.5}.action-btn.next,.action-btn.prev{background:#0f0f23;background:var(--bg-tertiary,#0f0f23);border:1px solid #333;border:1px solid var(--border-color,#333);color:#fff;color:var(--text-primary,#fff)}.action-btn.next:hover:not(:disabled),.action-btn.prev:hover:not(:disabled){background:#3498db;border-color:#3498db}.action-btn.clean{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;justify-content:center;min-width:150px}.action-btn.clean:hover:not(:disabled){box-shadow:0 6px 20px rgba(39,174,96,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.action-btn.defect{background:linear-gradient(135deg,#e67e22,#f39c12);color:#fff;justify-content:center;min-width:180px}.action-btn.defect:hover:not(:disabled){box-shadow:0 6px 20px rgba(230,126,34,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.action-btn.trash{background:linear-gradient(135deg,#c0392b,#e74c3c);color:#fff;justify-content:center;min-width:150px}.action-btn.trash:hover:not(:disabled){box-shadow:0 6px 20px rgba(231,76,60,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.action-btn.cancel{background:hsla(0,0%,59%,.2);border:1px solid #333;border:1px solid var(--border-color,#333);color:#aaa;color:var(--text-secondary,#aaa)}.action-btn.save{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;justify-content:center;min-width:250px}.action-btn.save:hover:not(:disabled){box-shadow:0 6px 20px rgba(52,152,219,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.detail-info{align-items:center;color:#666;color:var(--text-muted,#666);display:flex;flex-direction:column;font-size:.8rem;gap:4px}.batch-guide{background:#16213e;background:var(--bg-secondary,#16213e);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:8px;margin-top:24px;padding:16px}.batch-guide h3{color:#fff;color:var(--text-primary,#fff);font-size:1rem;margin:0 0 12px}.guide-columns{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}@media (max-width:768px){.guide-columns{grid-template-columns:1fr}}.batch-guide h4{color:#3498db;font-size:.9rem;margin:0 0 8px}.batch-guide ul{list-style:disc;margin:0;padding-left:20px}.batch-guide li{color:#aaa;color:var(--text-secondary,#aaa);font-size:.8rem;margin-bottom:4px}.batch-guide li strong{background:hsla(0,0%,100%,.1);border-radius:3px;color:#fff;color:var(--text-primary,#fff);font-family:monospace;padding:1px 4px}.boxes-overlay{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.image-status{display:flex;flex-direction:column;gap:4px;position:absolute;right:8px;top:8px;z-index:3}.status-badge{border-radius:4px;font-size:.7rem;font-weight:600;padding:3px 8px}.status-badge.defects{background:rgba(231,76,60,.9);color:#fff}.status-badge.clean{background:rgba(39,174,96,.9);color:#fff}.status-badge.pending{-webkit-animation:pulse 1.5s infinite;animation:pulse 1.5s infinite;background:rgba(230,126,34,.9);color:#fff}@-webkit-keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.image-cell.reviewed{border-color:rgba(39,174,96,.6)}.image-cell.reviewed:after{background:linear-gradient(180deg,transparent 80%,rgba(39,174,96,.3));bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.image-cell.clean{border-color:rgba(39,174,96,.8)}.image-cell.clean:before{align-items:center;background:rgba(39,174,96,.9);border-radius:50%;bottom:8px;color:#fff;content:"✓";display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;left:8px;position:absolute;width:24px;z-index:4}.mark-clean-btn{background:rgba(0,0,0,.7);border:1px solid rgba(39,174,96,.5);border-radius:4px;bottom:8px;color:#27ae60;cursor:pointer;font-size:.7rem;font-weight:600;padding:4px 10px;position:absolute;right:8px;transition:all .2s;z-index:5}.mark-clean-btn:hover{background:rgba(39,174,96,.3);border-color:#27ae60}.mark-done-btn{-webkit-animation:done-pulse 1s infinite;animation:done-pulse 1s infinite;background:rgba(52,152,219,.9);border:1px solid rgba(52,152,219,.5);border-radius:4px;bottom:8px;color:#fff;cursor:pointer;font-size:.7rem;font-weight:600;padding:4px 10px;position:absolute;right:8px;transition:all .2s;z-index:5}.mark-done-btn:hover{background:#2980b9;border-color:#3498db;-webkit-transform:scale(1.05);transform:scale(1.05)}@-webkit-keyframes done-pulse{0%,to{box-shadow:0 0 5px rgba(52,152,219,.5)}50%{box-shadow:0 0 15px rgba(52,152,219,.8)}}@keyframes done-pulse{0%,to{box-shadow:0 0 5px rgba(52,152,219,.5)}50%{box-shadow:0 0 15px rgba(52,152,219,.8)}}.mark-done-btn.done{-webkit-animation:none;animation:none;background:rgba(39,174,96,.9);border-color:#27ae60}.image-cell.confirmed{border-color:#27ae60;border-width:3px}.image-cell.confirmed:after{color:rgba(39,174,96,.8);content:"✓";font-size:48px;left:50%;pointer-events:none;position:absolute;text-shadow:0 0 10px rgba(0,0,0,.5);top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.review-progress{color:#aaa;color:var(--text-secondary,#aaa)}.review-progress.complete{color:#27ae60!important;font-weight:600}.pending-warning{color:#e67e22!important;font-weight:600}.action-btn.save.incomplete{-webkit-animation:glow-warning 1.5s infinite;animation:glow-warning 1.5s infinite;background:linear-gradient(135deg,#7f8c8d,#95a5a6)}@-webkit-keyframes glow-warning{0%,to{box-shadow:0 0 5px rgba(230,126,34,.3)}50%{box-shadow:0 0 20px rgba(230,126,34,.6)}}@keyframes glow-warning{0%,to{box-shadow:0 0 5px rgba(230,126,34,.3)}50%{box-shadow:0 0 20px rgba(230,126,34,.6)}}.image-cell.flash{-webkit-animation:box-added-flash .3s ease-out;animation:box-added-flash .3s ease-out}@-webkit-keyframes box-added-flash{0%{background:rgba(231,76,60,.5);-webkit-transform:scale(1.05);transform:scale(1.05)}to{background:transparent;-webkit-transform:scale(1);transform:scale(1)}}@keyframes box-added-flash{0%{background:rgba(231,76,60,.5);-webkit-transform:scale(1.05);transform:scale(1.05)}to{background:transparent;-webkit-transform:scale(1);transform:scale(1)}}.image-cell.has-boxes{border-color:#e74c3c;border-width:3px;box-shadow:0 0 15px rgba(231,76,60,.4)}.image-cell.has-boxes .image-label{background:rgba(231,76,60,.9)}.mini-box{-webkit-animation:mini-box-appear .2s ease-out;animation:mini-box-appear .2s ease-out;border:2px solid;border-radius:2px;box-sizing:border-box;position:absolute}@-webkit-keyframes mini-box-appear{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes mini-box-appear{0%{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.images-grid.detail-mode .image-cell.has-boxes:after{-webkit-animation:unsaved-pulse 1s infinite;animation:unsaved-pulse 1s infinite;color:#f39c12;content:"●";font-size:12px;position:absolute;right:4px;text-shadow:0 0 4px #000;top:4px;z-index:10}@-webkit-keyframes unsaved-pulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes unsaved-pulse{0%,to{opacity:.7}50%{opacity:1}}.image-cell.edit-target{-webkit-animation:edit-target-glow 1.5s infinite;animation:edit-target-glow 1.5s infinite;border-color:#f1c40f!important;border-width:4px;box-shadow:0 0 25px rgba(241,196,15,.6)}.image-cell.edit-target:before{background:#f1c40f;border-radius:4px;bottom:8px;color:#000;content:"✏️ EDITANDO";font-size:.75rem;font-weight:700;left:50%;padding:4px 12px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;z-index:10}@-webkit-keyframes edit-target-glow{0%,to{box-shadow:0 0 15px rgba(241,196,15,.4)}50%{box-shadow:0 0 30px rgba(241,196,15,.8)}}@keyframes edit-target-glow{0%,to{box-shadow:0 0 15px rgba(241,196,15,.4)}50%{box-shadow:0 0 30px rgba(241,196,15,.8)}}.labeling-review-container{background:#1a1a2e;background:var(--bg-primary,#1a1a2e);margin:0 auto;max-width:1600px;min-height:100vh;padding:20px}.review-header{align-items:center;border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.review-header h1{font-size:1.8rem;margin:0}.btn-refresh,.review-header h1{color:#fff;color:var(--text-primary,#fff)}.btn-refresh{background:#16213e;background:var(--bg-secondary,#16213e);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:6px;cursor:pointer;padding:8px 16px;transition:all .2s}.btn-refresh:hover:not(:disabled){background:#3498db;border-color:#3498db}.review-filters{align-items:center;background:#16213e;background:var(--bg-secondary,#16213e);border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;padding:16px}.filter-group{gap:8px}.filter-group label{color:#aaa;color:var(--text-secondary,#aaa);font-size:.85rem;white-space:nowrap}.filter-group select{background:#1a1a2e;background:var(--bg-tertiary,#1a1a2e);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:6px;color:#fff;color:var(--text-primary,#fff);cursor:pointer;font-size:.85rem;padding:6px 12px}.filter-group select:hover{border-color:#3498db}.filter-group.search{flex:1 1;min-width:200px;position:relative}.filter-group.search input{background:#1a1a2e;background:var(--bg-tertiary,#1a1a2e);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:6px;color:#fff;color:var(--text-primary,#fff);font-size:.85rem;padding:8px 32px 8px 12px;width:100%}.filter-group.search input:focus{border-color:#3498db;outline:none}.filter-group.search input::-webkit-input-placeholder{color:#666;color:var(--text-muted,#666)}.filter-group.search input::placeholder{color:#666;color:var(--text-muted,#666)}.clear-search{background:none;border:none;color:#666;color:var(--text-muted,#666);cursor:pointer;font-size:.9rem;padding:4px;position:absolute;right:8px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.clear-search:hover{color:#e74c3c}.checkbox-label{align-items:center;background:#1a1a2e;background:var(--bg-tertiary,#1a1a2e);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:6px 12px;transition:all .2s}.checkbox-label:hover{border-color:#27ae60}.checkbox-label input[type=checkbox]{accent-color:#27ae60;height:16px;width:16px}.checkbox-label span{color:#fff;color:var(--text-primary,#fff);font-size:.85rem}.filter-badge{color:#666;color:var(--text-muted,#666);font-size:.85em;font-weight:400}.review-stats{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.stat-card{background:#16213e;background:var(--bg-secondary,#16213e);border-radius:8px;min-width:120px;padding:16px 24px;text-align:center}.stat-card.mini{border-left:3px solid;min-width:80px;padding:12px 16px}.stat-value{color:var(--text-primary,#fff);display:block;font-size:1.8rem}.stat-card.mini .stat-value{font-size:1.4rem}.stat-label{color:#aaa;color:var(--text-secondary,#aaa);font-size:.75rem;text-transform:uppercase}.review-content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:350px 1fr}.annotations-list{background:#16213e;background:var(--bg-secondary,#16213e);border-radius:8px;max-height:calc(100vh - 300px);overflow-y:auto;padding:16px}.annotations-list h3{color:#fff;color:var(--text-primary,#fff);font-size:1rem;margin:0 0 16px}.annotations-list .empty,.annotations-list .loading{color:#aaa;color:var(--text-secondary,#aaa);padding:20px;text-align:center}.annotation-item{background:#1a1a2e;background:var(--bg-tertiary,#1a1a2e);border:2px solid transparent;border-radius:6px;cursor:pointer;margin-bottom:8px;padding:12px;transition:all .2s}.annotation-item:hover{border-color:#3498db}.annotation-item.selected{background:rgba(39,174,96,.1);border-color:#27ae60}.annotation-info{display:flex;flex-direction:column;gap:2px}.annotation-info strong{color:#fff;color:var(--text-primary,#fff);font-size:.9rem;word-break:break-all}.annotation-info small{color:#666;color:var(--text-muted,#666);font-size:.75rem}.annotation-badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.badge{background:#3498db;border-radius:4px;color:#fff;font-size:.7rem;padding:2px 8px}.badge.more{background:#666}.annotation-preview{background:#16213e;background:var(--bg-secondary,#16213e);border-radius:8px;min-height:400px;padding:16px}.preview-placeholder{align-items:center;color:#666;color:var(--text-muted,#666);display:flex;height:400px;justify-content:center}.preview-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.preview-header h3{color:#fff;color:var(--text-primary,#fff);font-size:1rem;margin:0}.preview-actions{display:flex;flex-wrap:wrap;gap:8px}.btn-delete,.btn-edit,.btn-relabel{border:none;border-radius:4px;cursor:pointer;font-size:.85rem;padding:6px 12px;transition:all .2s}.btn-edit{background:rgba(52,152,219,.2);color:#3498db}.btn-edit:hover{background:rgba(52,152,219,.4)}.btn-relabel{background:rgba(241,196,15,.2);color:#f1c40f}.btn-relabel:hover{background:rgba(241,196,15,.4)}.btn-delete{background:rgba(231,76,60,.2);color:#e74c3c}.btn-delete:hover{background:rgba(231,76,60,.4)}.preview-canvas{background:#000;border-radius:4px;display:block;margin:0 auto 16px;max-width:100%}.preview-details{grid-gap:8px;background:#1a1a2e;background:var(--bg-tertiary,#1a1a2e);border-radius:6px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:12px}.preview-details p{color:#aaa;color:var(--text-secondary,#aaa);font-size:.85rem;margin:0}.preview-details strong{color:#fff;color:var(--text-primary,#fff)}.image-error-alert{align-items:flex-start;background:rgba(231,76,60,.15);border:1px solid rgba(231,76,60,.3);border-radius:8px;display:flex;gap:16px;margin-bottom:16px;padding:16px}.image-error-alert .error-icon{font-size:2rem}.image-error-alert .error-content{flex:1 1}.image-error-alert .error-content strong{color:#e74c3c;display:block;font-size:1rem;margin-bottom:4px}.image-error-alert .error-content p{color:#aaa;color:var(--text-secondary,#aaa);font-size:.85rem;margin:0 0 12px}.btn-delete-orphan{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s}.btn-delete-orphan:hover{background:#c0392b;-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media (max-width:900px){.review-content{grid-template-columns:1fr}.annotations-list{max-height:300px}.review-filters{align-items:stretch;flex-direction:column}.filter-group.search{min-width:auto}}.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}.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}.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}}.oraculo-container{margin:0 auto;max-width:1400px;padding:2rem}.oraculo-header{margin-bottom:2rem;text-align:center}.oraculo-header h1{color:#fff;color:var(--text-primary,#fff);font-size:2rem;margin-bottom:.5rem}.oraculo-header .subtitle{color:#888;color:var(--text-secondary,#888);font-size:.95rem}.server-status-section{margin-bottom:2rem}.server-status-section h2{color:#fff;color:var(--text-primary,#fff);font-size:1.2rem;margin-bottom:1rem}.server-status-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.status-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(30,30,40,.6);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:1.25rem;text-align:center;transition:all .3s ease}.status-card:hover{border-color:hsla(0,0%,100%,.2);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.status-card .status-icon{font-size:1.5rem;margin-bottom:.5rem}.status-card .status-name{color:#aaa;color:var(--text-secondary,#aaa);font-size:.85rem;margin-bottom:.25rem}.status-card .status-value{color:#fff;color:var(--text-primary,#fff);font-size:.9rem;font-weight:500}.status-card.online{border-color:rgba(34,197,94,.4);box-shadow:0 0 20px rgba(34,197,94,.1)}.status-card.online .status-icon{color:#22c55e}.status-card.offline{border-color:hsla(240,9%,43%,.3);opacity:.6}.status-card.warning{border-color:rgba(234,179,8,.4);box-shadow:0 0 20px rgba(234,179,8,.1)}.status-card.warning .status-icon{color:#eab308}.cameras-section{margin-bottom:2rem}.cameras-section h2{color:#fff;color:var(--text-primary,#fff);font-size:1.2rem;margin-bottom:1rem}.cameras-cabin-layout{background:rgba(20,20,30,.8);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:2rem}.cabin-label{color:#666;color:var(--text-secondary,#666);font-size:.8rem;letter-spacing:2px;margin-bottom:1.5rem;text-align:center;text-transform:uppercase}.camera-row{display:flex;gap:1.5rem;justify-content:center;margin-bottom:1.5rem}.camera-row.bottom-row,.camera-row.top-row{margin-bottom:1rem}.camera-row.lateral-row{border-top:1px dashed hsla(0,0%,100%,.1);margin-top:1.5rem;padding-top:1.5rem}.row-label{min-width:100px}.conveyor-belt,.row-label{align-items:center;color:#666;color:var(--text-secondary,#666);display:flex;font-size:.75rem}.conveyor-belt{background:linear-gradient(90deg,rgba(80,80,100,.3),hsla(240,9%,43%,.5) 50%,rgba(80,80,100,.3));border-radius:4px;height:40px;justify-content:center;letter-spacing:3px;overflow:hidden;position:relative;text-transform:uppercase}.conveyor-belt:before{-webkit-animation:conveyorMove 3s linear infinite;animation:conveyorMove 3s linear infinite;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@-webkit-keyframes conveyorMove{0%{left:-100%}to{left:100%}}@keyframes conveyorMove{0%{left:-100%}to{left:100%}}.camera-card{background:rgba(40,40,55,.6);border:2px solid hsla(240,9%,43%,.3);border-radius:12px;min-width:120px;padding:1rem 1.5rem;text-align:center;transition:all .3s ease}.camera-card.online{background:rgba(34,197,94,.1);border-color:rgba(34,197,94,.6);box-shadow:0 0 25px rgba(34,197,94,.2)}.camera-card.offline{background:rgba(60,60,70,.3);border-color:hsla(240,9%,43%,.3);opacity:.5}.camera-card.master{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.6);box-shadow:0 0 25px rgba(59,130,246,.2)}.camera-card .camera-icon{font-size:1.5rem;margin-bottom:.25rem}.camera-card .camera-id{color:#fff;color:var(--text-primary,#fff);font-size:.9rem;font-weight:600;margin-bottom:.25rem}.camera-card .camera-status{font-size:.7rem;letter-spacing:1px;text-transform:uppercase}.camera-card.online .camera-status{color:#22c55e}.camera-card.offline .camera-status{color:#888}.camera-card.master .camera-status{color:#3b82f6}.camera-card .camera-lens{color:#666;color:var(--text-secondary,#666);font-size:.65rem;margin-top:.25rem}.metrics-section{margin-bottom:2rem}.metrics-section h2{color:#fff;color:var(--text-primary,#fff);font-size:1.2rem;margin-bottom:1rem}.metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(30,30,40,.6);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:1.25rem}.metric-card .metric-label{color:#888;color:var(--text-secondary,#888);font-size:.8rem;margin-bottom:.5rem}.metric-card .metric-value{color:#fff;color:var(--text-primary,#fff);font-size:1.5rem;font-weight:700}.metric-card .metric-unit{color:#888;color:var(--text-secondary,#888);font-size:.8rem;margin-left:.25rem}.mode-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:1px;padding:.25rem .75rem;text-transform:uppercase}.mode-badge.classic{background:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.3);color:#3b82f6}.mode-badge.yolo{background:rgba(168,85,247,.2);border:1px solid rgba(168,85,247,.3);color:#a855f7}@media (max-width:768px){.oraculo-container{padding:1rem}.camera-row{flex-wrap:wrap;gap:1rem}.camera-card{min-width:100px;padding:.75rem 1rem}.row-label{display:none}}.socket-status{font-size:.85rem;font-weight:500}.socket-status.connected{color:#22c55e}.socket-status.disconnected{color:#ef4444}.production-section{margin-bottom:2rem}.production-section h2{color:#fff;color:var(--text-primary,#fff);font-size:1.2rem;margin-bottom:1rem}.production-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.production-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(30,30,40,.6);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:1.5rem}.production-card h3{border-bottom:1px solid hsla(0,0%,100%,.1);color:#fff;color:var(--text-primary,#fff);font-size:1rem;margin-bottom:1rem;padding-bottom:.5rem}.category-list{display:flex;flex-direction:column;gap:.5rem}.category-item{align-items:center;background:rgba(40,40,55,.5);border-left:3px solid transparent;border-radius:8px;display:flex;justify-content:space-between;opacity:.5;padding:.5rem .75rem;transition:all .2s ease}.category-item.active{background:rgba(59,130,246,.1);border-left-color:#3b82f6;opacity:1}.category-name{color:#fff;color:var(--text-primary,#fff);font-size:.85rem}.category-count{color:#3b82f6;font-size:1rem;font-weight:700;min-width:40px;text-align:right}.largo-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.largo-item{align-items:center;background:rgba(40,40,55,.5);border-left:4px solid transparent;border-radius:10px;display:flex;justify-content:space-between;opacity:.5;padding:.75rem 1rem;transition:all .2s ease}.largo-item.active{opacity:1}.largo-item:first-child.active{background:rgba(34,197,94,.1);border-left-color:#22c55e}.largo-item:nth-child(2).active{background:rgba(234,179,8,.1);border-left-color:#eab308}.largo-item:nth-child(3).active{background:rgba(249,115,22,.1);border-left-color:#f97316}.largo-name{font-size:1rem;font-weight:600}.largo-count,.largo-name{color:#fff;color:var(--text-primary,#fff)}.largo-count{font-size:1.25rem;font-weight:700}.total-hoy{border-top:1px dashed hsla(0,0%,100%,.1);color:#888;color:var(--text-secondary,#888);font-size:.9rem;padding-top:.75rem;text-align:center}.total-hoy strong{color:#fff;color:var(--text-primary,#fff);font-size:1.1rem}.recent-results-section{margin-bottom:2rem}.recent-results-section h2{color:#fff;color:var(--text-primary,#fff);font-size:1.2rem;margin-bottom:1rem}.results-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.no-results{background:rgba(30,30,40,.4);border:1px dashed hsla(0,0%,100%,.1);border-radius:12px;color:#888;color:var(--text-secondary,#888);grid-column:1/-1;padding:2rem;text-align:center}.resultado-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(30,30,40,.6);border-left:4px solid #666;border-radius:10px;padding:1rem;transition:all .2s ease}.resultado-card:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.resultado-card.box1{border-left-color:#22c55e}.resultado-card.box2{border-left-color:#3b82f6}.resultado-card.box3{border-left-color:#8b5cf6}.resultado-card.box4{border-left-color:#f59e0b}.resultado-card.box5{border-left-color:#06b6d4}.resultado-card.medida{border-left-color:#6366f1}.resultado-card.fail{border-left-color:#ef4444}.resultado-categoria{color:#fff;color:var(--text-primary,#fff);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.resultado-medidas{color:#aaa;color:var(--text-secondary,#aaa);display:flex;font-size:.75rem;gap:.75rem;margin-bottom:.5rem}.resultado-time{color:#666;color:var(--text-secondary,#666);font-size:.7rem}.oraculo-galeria-container{margin:0 auto;max-width:1800px;min-height:100vh;padding:20px}.galeria-header{align-items:center;border-bottom:1px solid #444;border-bottom:1px solid var(--dark-border,#444);display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.galeria-header h1{color:#e0e0e0;color:var(--dark-text,#e0e0e0);font-size:24px;font-weight:600;margin:0}.galeria-controls{align-items:center;display:flex;gap:16px}.galeria-controls button{background:#3b82f6;background:var(--primary-color,#3b82f6);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.galeria-controls button:hover:not(:disabled){background:#2563eb;background:var(--primary-color-hover,#2563eb)}.galeria-controls button:disabled{cursor:not-allowed;opacity:.6}.galeria-stats{color:#888;color:var(--dark-text-muted,#888);font-size:14px}.galeria-error{align-items:center;background:rgba(244,67,54,.15);border:1px solid #f44336;border-radius:8px;color:#ff8a80;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px}.galeria-error button{background:transparent;border:1px solid #ff8a80;border-radius:4px;color:#ff8a80;cursor:pointer;padding:6px 12px}.galeria-loading{align-items:center;color:#888;color:var(--dark-text-muted,#888);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.galeria-loading .spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;border:3px solid #444;border-top-color:#3b82f6;border:3px solid var(--dark-border,#444);border-radius:50%;border-top-color:var(--primary-color,#3b82f6);height:40px;margin-bottom:16px;width:40px}.galeria-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.galeria-card{background:#242424;background:var(--dark-bg-panel,#242424);border:1px solid #444;border:1px solid var(--dark-border,#444);border-radius:12px;cursor:pointer;overflow:hidden;transition:all .2s}.galeria-card:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6);box-shadow:0 8px 24px rgba(0,0,0,.3);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.galeria-card.critico{border-color:#f44336;border-color:var(--danger-color,#f44336)}.galeria-card.critico:hover{border-color:#ff6b6b}.card-header{align-items:center;background:#2c2c2c;background:var(--dark-bg-header,#2c2c2c);border-bottom:1px solid #444;border-bottom:1px solid var(--dark-border,#444);display:flex;gap:10px;padding:12px 14px}.tabla-id{color:#e0e0e0;color:var(--dark-text,#e0e0e0);font-size:16px;font-weight:700}.tabla-categoria{border-radius:12px;color:#fff;font-size:11px;font-weight:600;padding:3px 10px;text-transform:uppercase}.tabla-fecha{color:#888;color:var(--dark-text-muted,#888);font-size:12px;margin-left:auto}.card-images{grid-gap:2px;background:#2c2c2c;background:var(--dark-bg-header,#2c2c2c);display:grid;gap:2px;grid-template-columns:repeat(7,1fr);padding:2px}.card-thumb{aspect-ratio:4/3;background:#1a1a1a;overflow:hidden}.card-thumb img{height:100%;object-fit:cover;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;width:100%}.card-thumb:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.img-placeholder{background:#1a1a1a;color:#555;font-size:18px;height:100%;justify-content:center;width:100%}.card-footer,.img-placeholder{align-items:center;display:flex}.card-footer{color:#888;color:var(--dark-text-muted,#888);font-size:13px;justify-content:space-between;padding:10px 14px}.defect-badge{background:rgba(244,67,54,.2);border-radius:10px;color:#ff8a80;font-size:11px;padding:2px 8px}.galeria-empty{color:#888;color:var(--dark-text-muted,#888);padding:60px 20px;text-align:center}.galeria-empty p:first-child{font-size:24px;margin-bottom:10px}.galeria-pagination{display:flex;justify-content:center;margin-top:30px}.galeria-pagination button{background:#242424;background:var(--dark-bg-panel,#242424);border:1px solid #444;border:1px solid var(--dark-border,#444);border-radius:8px;color:#e0e0e0;color:var(--dark-text,#e0e0e0);cursor:pointer;padding:12px 30px;transition:all .2s}.galeria-pagination button:hover:not(:disabled){background:#2c2c2c;background:var(--dark-bg-header,#2c2c2c);border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.galeria-modal-overlay{align-items:center;background:rgba(0,0,0,.85);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.galeria-modal{-webkit-animation:modalIn .2s ease-out;animation:modalIn .2s ease-out;background:#242424;background:var(--dark-bg-panel,#242424);border-radius:16px;max-height:90vh;max-width:1200px;overflow-y:auto;position:relative;width:100%}@-webkit-keyframes modalIn{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes modalIn{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.modal-close{align-items:center;background:hsla(0,0%,100%,.1);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:background .2s;width:36px;z-index:10}.modal-close:hover{background:hsla(0,0%,100%,.2)}.modal-header{align-items:center;border-bottom:1px solid #444;border-bottom:1px solid var(--dark-border,#444);display:flex;gap:16px;padding:20px 24px}.modal-header h3{color:#e0e0e0;color:var(--dark-text,#e0e0e0);font-size:22px;margin:0}.modal-categoria{border-radius:14px;color:#fff;font-size:12px;font-weight:600;padding:4px 14px}.modal-fecha{color:#888;color:var(--dark-text-muted,#888);font-size:14px;margin-left:auto}.modal-content{padding:20px}.modal-main-image{background:#1a1a1a;border-radius:8px;margin-bottom:16px;overflow:hidden;position:relative}.modal-main-image img{display:block;max-height:500px;object-fit:contain;width:100%}.main-image-label{background:rgba(0,0,0,.7);border-radius:4px;bottom:12px;color:#fff;font-size:12px;font-weight:600;left:12px;padding:6px 12px;position:absolute}.modal-thumbnails{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(7,1fr)}.modal-thumb{border:2px solid transparent;border-radius:6px;cursor:pointer;overflow:hidden;text-align:center;transition:all .2s}.modal-thumb.active,.modal-thumb:hover{border-color:#3b82f6;border-color:var(--primary-color,#3b82f6)}.modal-thumb.active{box-shadow:0 0 12px rgba(59,130,246,.4)}.modal-thumb .img-placeholder,.modal-thumb img{aspect-ratio:4/3;object-fit:cover;width:100%}.modal-thumb span{color:#888;color:var(--dark-text-muted,#888);display:block;font-size:10px;padding:4px 0}.modal-info,.modal-thumb span{background:#2c2c2c;background:var(--dark-bg-header,#2c2c2c)}.modal-info{border-top:1px solid #444;border-top:1px solid var(--dark-border,#444);display:flex;gap:24px;padding:16px 24px}.info-row{display:flex;font-size:14px;gap:8px}.info-row span{color:#888;color:var(--dark-text-muted,#888)}.info-row strong{color:#e0e0e0;color:var(--dark-text,#e0e0e0)}.info-row.defects strong{color:#ff8a80}@media (max-width:768px){.galeria-header{align-items:flex-start;flex-direction:column;gap:12px}.galeria-grid{grid-template-columns:1fr}.modal-thumbnails{grid-template-columns:repeat(4,1fr)}.modal-info{flex-wrap:wrap;gap:12px}}@media (min-width:1600px){.oraculo-galeria-container{padding:28px 40px}.galeria-header h1{font-size:28px}.galeria-grid{gap:24px;grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}.galeria-card{border-radius:14px}.card-header{padding:14px 18px}.tabla-id{font-size:18px}.modal-main-image img{max-height:600px}}.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)}}.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)}.sql-admin{color:#e0e0e0;font-size:13px;padding:16px}.sql-admin,.sql-admin-login{background:linear-gradient(135deg,#1a1a2e,#16213e);min-height:100vh}.sql-admin-login{align-items:center;display:flex;justify-content:center}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.3);padding:40px;text-align:center}.login-card h2{color:#fff;font-size:2rem;margin-bottom:10px}.login-card p{color:#888;margin-bottom:20px}.login-card input{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:#fff;font-size:1rem;margin-bottom:16px;padding:12px 16px;width:300px}.login-card input:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.3);outline:none}.login-card button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px;transition:box-shadow .2s,-webkit-transform .2s;transition:transform .2s,box-shadow .2s;transition:transform .2s,box-shadow .2s,-webkit-transform .2s;width:100%}.login-card button:hover{box-shadow:0 4px 20px rgba(102,126,234,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.error-msg{background:rgba(255,82,82,.2);border:1px solid rgba(255,82,82,.5);border-radius:8px;color:#ff5252;margin-top:16px;padding:10px}.sql-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.sql-header h1{color:#fff;font-size:1.4rem;font-weight:700;margin:0}.db-status{display:flex;gap:16px}.status-item{background:hsla(0,0%,100%,.05);border-radius:20px;color:#aaa;font-size:.85rem;padding:6px 12px}.sql-content{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 260px}.sql-editor-panel{display:flex;flex-direction:column;gap:16px}.preset-queries{background:hsla(0,0%,100%,.03);border-radius:12px;padding:16px}.preset-queries label{color:#888;display:block;font-size:.85rem;margin-bottom:10px}.preset-buttons{display:flex;flex-wrap:wrap;gap:8px}.preset-btn{background:rgba(102,126,234,.15);border:1px solid rgba(102,126,234,.3);border-radius:6px;color:#a0aeff;cursor:pointer;font-size:.8rem;padding:6px 12px;transition:all .2s}.preset-btn:hover{background:rgba(102,126,234,.3);border-color:#667eea;color:#fff}.editor-container{background:#0d1117;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;overflow:hidden}.sql-editor{background:transparent;border:none;color:#79c0ff;font-family:Fira Code,Monaco,Consolas,monospace;font-size:12px;line-height:1.5;min-height:120px;padding:12px;resize:vertical;width:100%}.sql-editor:focus{outline:none}.editor-footer{align-items:center;background:hsla(0,0%,100%,.02);border-top:1px solid hsla(0,0%,100%,.05);display:flex;justify-content:space-between;padding:12px 16px}.hint{color:#666;font-size:.8rem}.execute-btn{background:linear-gradient(135deg,#00c853,#00e676);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 20px;transition:all .2s}.execute-btn:hover:not(:disabled){box-shadow:0 4px 12px rgba(0,200,83,.4);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.execute-btn:disabled{cursor:not-allowed;opacity:.6}.error-panel{background:rgba(255,82,82,.1);border:1px solid rgba(255,82,82,.3);border-radius:8px;color:#ff5252;font-family:monospace;font-size:.9rem;padding:16px}.results-panel{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;overflow:hidden}.results-header{background:rgba(0,200,83,.1);border-bottom:1px solid hsla(0,0%,100%,.05);color:#00c853;display:flex;font-weight:600;justify-content:space-between;padding:12px 16px}.duration{color:#888;font-weight:400}.results-actions{align-items:center;display:flex;gap:12px}.export-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:600;padding:4px 12px;transition:all .2s}.export-btn:hover{box-shadow:0 2px 8px rgba(102,126,234,.4);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.results-table-container{max-height:350px;overflow-x:auto;overflow-y:auto}.table-controls{background:hsla(0,0%,100%,.02);border-bottom:1px solid hsla(0,0%,100%,.05);padding:8px 12px}.toggle-empty{align-items:center;color:#888;display:flex;font-size:12px;gap:8px}.toggle-empty,.toggle-empty input{cursor:pointer}.hidden-count{color:#667eea;margin-left:4px}.results-table{border-collapse:collapse;font-size:11px;width:100%}.results-table th{background:rgba(102,126,234,.15);border-bottom:1px solid hsla(0,0%,100%,.1);color:#a0aeff;font-weight:600;padding:6px 8px;position:-webkit-sticky;position:sticky;text-align:left;top:0;white-space:nowrap}.results-table td{border-bottom:1px solid hsla(0,0%,100%,.05);color:#ccc;font-family:Fira Code,monospace;font-size:11px;max-width:200px;overflow:hidden;padding:4px 8px;text-overflow:ellipsis;white-space:nowrap}.results-table tr:hover{background:rgba(102,126,234,.1)!important}.results-table tr.row-even{background:hsla(0,0%,100%,.02)}.results-table tr.row-odd{background:transparent}.null-val{color:#555;font-style:italic}.cat-ok{color:#4ade80;font-weight:600}.cat-error{color:#f87171;font-weight:600}.cat-warn{color:#fbbf24}.sql-sidebar{display:flex;flex-direction:column;gap:16px}.tables-panel{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:16px}.cleanup-panel h3,.history-panel h3,.tables-panel h3{color:#fff;font-size:1rem;margin:0 0 12px}.tables-list{max-height:250px;overflow-y:auto}.table-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:8px 10px;transition:background .2s}.table-item:hover{background:rgba(102,126,234,.15)}.table-name{color:#79c0ff;font-family:monospace;font-size:.85rem}.table-stats{color:#666;font-size:.75rem}.cleanup-panel{background:rgba(255,152,0,.05);border:1px solid rgba(255,152,0,.2);border-radius:12px;padding:16px}.cleanup-days{align-items:center;display:flex;gap:10px;margin-bottom:12px}.cleanup-days label{color:#888;font-size:.85rem}.cleanup-days select{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.2);border-radius:6px;color:#fff;cursor:pointer;padding:6px 10px}.cleanup-buttons{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.cleanup-btn{background:rgba(255,152,0,.15);border:1px solid rgba(255,152,0,.3);border-radius:6px;color:#ffb74d;cursor:pointer;font-size:.8rem;padding:8px;transition:all .2s}.cleanup-btn:hover:not(:disabled){background:rgba(255,152,0,.25);border-color:#ff9800}.cleanup-btn:disabled{cursor:not-allowed;opacity:.5}.history-panel{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:16px}.history-list{max-height:200px;overflow-y:auto}.history-item{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:.75rem;gap:8px;padding:6px 8px;transition:background .2s}.history-item:hover{background:hsla(0,0%,100%,.05)}.history-item.success .history-icon{color:#00c853}.history-item.failed .history-icon{color:#ff5252}.history-query{color:#888;font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sql-admin ::-webkit-scrollbar{height:6px;width:6px}.sql-admin ::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05);border-radius:3px}.sql-admin ::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.15);border-radius:3px}.sql-admin ::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.25)}@media (max-width:1024px){.sql-content{grid-template-columns:1fr}.sql-sidebar{flex-direction:row;flex-wrap:wrap;order:-1}.cleanup-panel,.history-panel,.tables-panel{flex:1 1;min-width:250px}}.mapa-container{-webkit-touch-callout:none;background-color:#1a1a2e;color:#ecf0f1;font-family:Inter,system-ui,-apple-system,sans-serif;height:calc(100vh - 64px);overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.mapa-container.mini-nav{height:calc(100vh - 50px);margin-top:50px}.mapa-visor{height:100%;touch-action:auto!important;width:100%;z-index:1}.sidebar-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(0,0,0,.6);height:100%;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:990}.sidebar-backdrop.show{opacity:1;pointer-events:auto;touch-action:manipulation}.mapa-sidebar{-webkit-tap-highlight-color:transparent;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:rgba(26,26,46,.95);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;bottom:20px;box-shadow:0 8px 32px rgba(0,0,0,.4);display:flex;flex-direction:column;left:20px;position:fixed;top:140px;touch-action:pan-y;transition:-webkit-transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform .3s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);width:380px;z-index:1000}.mapa-sidebar.collapsed{-webkit-transform:translateX(-400px);transform:translateX(-400px)}.sidebar-header{background:linear-gradient(180deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,0));border-bottom:1px solid hsla(0,0%,100%,.1);padding:24px}.sidebar-title{align-items:center;color:#fff;display:flex;font-size:1.25rem;font-weight:700;gap:10px;letter-spacing:-.5px;margin:0}.sidebar-subtitle{color:#94a3b8;font-size:.85rem;margin-top:4px}.search-box{padding:16px 24px;position:relative}.search-input{background:rgba(0,0,0,.2);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;box-sizing:border-box;color:#fff;font-size:.95rem;padding:12px 40px 12px 44px;transition:all .2s;width:100%}.search-input:focus{background:rgba(0,0,0,.3);border-color:#3498db;box-shadow:0 0 0 3px rgba(52,152,219,.2);outline:none;touch-action:manipulation}.search-icon{color:#64748b;font-style:normal;left:12px;pointer-events:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.search-box-container{position:relative}.search-clear{align-items:center;background:hsla(0,0%,100%,.1);border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;font-size:.75rem;height:24px;justify-content:center;position:absolute;right:12px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .2s;width:24px}.search-clear:hover{background:rgba(231,76,60,.3);color:#e74c3c}.sugerencias-list{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(26,26,46,.98);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.4);left:16px;margin-top:8px;max-height:320px;overflow-y:auto;position:absolute;right:16px;top:100%;z-index:100}.sugerencia-item{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.05);cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s}.sugerencia-item:last-child{border-bottom:none}.sugerencia-item:hover{background:rgba(52,152,219,.15)}.sugerencia-icono{align-items:center;background:hsla(0,0%,100%,.05);border-radius:8px;display:flex;font-size:1.5rem;height:36px;justify-content:center;width:36px}.sugerencia-info{flex:1 1;min-width:0}.sugerencia-nombre{color:#fff;font-size:.9rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sugerencia-meta{color:#64748b;font-size:.75rem;text-transform:capitalize}.sugerencia-badge{background:linear-gradient(135deg,#27ae60,#229954);border-radius:4px;color:#fff;display:inline-block;font-size:.6rem;font-weight:700;margin-left:8px;padding:2px 6px;vertical-align:middle}.sugerencia-item.from-api{border-left:3px solid rgba(39,174,96,.5)}.sugerencia-loading{align-items:center;border-top:1px solid hsla(0,0%,100%,.05);color:#94a3b8;display:flex;font-size:.85rem;gap:10px;justify-content:center;padding:12px 16px}.loading-spinner{-webkit-animation:spin .8s linear infinite;animation:spin .8s linear infinite;border:2px solid hsla(0,0%,100%,.1);border-radius:50%;border-top-color:#3498db;height:16px;width:16px}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.sugerencias-empty{background:hsla(0,0%,100%,.03);border-radius:8px;color:#64748b;font-size:.85rem;margin:0 16px 16px;padding:16px;text-align:center}.lugar-marker{background:transparent;border:none}.lugar-marker-content{align-items:center;-webkit-animation:lugarBounce .5s ease-out;animation:lugarBounce .5s ease-out;display:flex;-webkit-filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));font-size:1.8rem;height:40px;justify-content:center;width:40px}@-webkit-keyframes lugarBounce{0%{-webkit-transform:scale(0) translateY(-20px);transform:scale(0) translateY(-20px)}60%{-webkit-transform:scale(1.2) translateY(0);transform:scale(1.2) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes lugarBounce{0%{-webkit-transform:scale(0) translateY(-20px);transform:scale(0) translateY(-20px)}60%{-webkit-transform:scale(1.2) translateY(0);transform:scale(1.2) translateY(0)}to{-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.lugar-popup-container .leaflet-popup-content-wrapper{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(26,26,46,.95);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.4);padding:0}.lugar-popup-container .leaflet-popup-content{color:#fff;margin:0}.lugar-popup-container .leaflet-popup-tip{background:rgba(26,26,46,.95);border:1px solid hsla(0,0%,100%,.1)}.lugar-popup{min-width:200px}.lugar-popup-header{align-items:center;background:linear-gradient(135deg,rgba(52,152,219,.2),rgba(41,128,185,.1));border-bottom:1px solid hsla(0,0%,100%,.1);border-radius:12px 12px 0 0;display:flex;gap:10px;padding:14px 16px}.lugar-icono{font-size:1.5rem}.lugar-popup-header strong{font-size:1rem;font-weight:700}.lugar-popup-body{padding:12px 16px}.lugar-tipo{background:rgba(52,152,219,.2);border-radius:12px;color:#3498db;display:inline-block;font-size:.75rem;font-weight:600;margin-bottom:8px;padding:4px 10px}.lugar-municipio{color:#94a3b8;font-size:.85rem;margin-bottom:6px}.lugar-desc{color:#cbd5e1;font-size:.85rem;font-style:italic;margin-bottom:8px}.lugar-coords{color:#64748b;font-family:Consolas,monospace;font-size:.75rem}.sigpac-form{overflow:hidden;padding:16px}.sigpac-form .search-input{box-sizing:border-box;padding:12px 16px;width:100%}.origenes-list{flex:1 1;overflow-y:auto;padding:0 16px}.origen-item{align-items:center;background:hsla(0,0%,100%,.03);border:1px solid transparent;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:16px;transition:all .2s}.origen-item:hover{background:hsla(0,0%,100%,.08);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.origen-item.active{background:rgba(52,152,219,.15);border-color:rgba(52,152,219,.4)}.origen-info h4{color:#e2e8f0;font-size:1rem;margin:0 0 4px}.origen-info p{color:#94a3b8;font-size:.8rem;margin:0}.origen-score{border-radius:8px;font-size:1.1rem;font-weight:700;min-width:45px;padding:4px 10px;text-align:center}.score-high{background:rgba(74,222,128,.1);color:#4ade80}.score-mid{background:rgba(251,191,36,.1);color:#fbbf24}.score-low{background:hsla(0,91%,71%,.1);color:#f87171}.map-controls-container{-webkit-tap-highlight-color:transparent;align-items:flex-end;display:flex;flex-direction:column;gap:10px;position:fixed;right:20px;top:140px;touch-action:manipulation;z-index:1000}.mobile-control-toggles{display:none}.layer-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(26,26,46,.95);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:8px;touch-action:manipulation}.layer-group{background:rgba(0,0,0,.3);border-radius:10px;display:flex;gap:5px;padding:5px}.gps-panel{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.layer-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:transparent;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 16px;touch-action:manipulation;transition:all .2s}.layer-btn:hover{background:hsla(0,0%,100%,.05);color:#fff}.layer-btn.active{background:#3498db;box-shadow:0 2px 10px rgba(52,152,219,.3);color:#fff}.layer-btn.catastro-btn{background:rgba(26,26,46,.95);border:2px solid #e74c3c}.layer-btn.catastro-btn.active{background:#e74c3c;color:#fff}.catastro-toggle-btn{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-animation:catastroFadeIn .3s ease-out;animation:catastroFadeIn .3s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(26,26,46,.95);border:2px solid #e74c3c;border-radius:25px;box-shadow:0 4px 15px rgba(231,76,60,.2);color:#e74c3c;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;gap:8px;justify-content:center;padding:10px 18px;touch-action:manipulation;transition:all .3s ease}@-webkit-keyframes catastroFadeIn{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes catastroFadeIn{0%{opacity:0;-webkit-transform:scale(.9);transform:scale(.9)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.catastro-toggle-btn:hover{background:rgba(231,76,60,.15);-webkit-transform:scale(1.02);transform:scale(1.02)}.catastro-toggle-btn.active{background:#e74c3c;box-shadow:0 4px 20px rgba(231,76,60,.5);color:#fff}@media (max-width:768px){.catastro-toggle-btn{font-size:.85rem;padding:8px 14px}.catastro-text{display:none}.catastro-toggle-btn{border-radius:12px;height:48px;padding:0;width:48px}.mobile-control-toggles{display:flex;gap:8px}.control-toggle-btn{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(26,26,46,.95);border:1px solid hsla(0,0%,100%,.15);border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.3);cursor:pointer;display:flex;font-size:1.4rem;height:48px;justify-content:center;touch-action:manipulation;transition:all .2s ease;width:48px}.control-toggle-btn:hover{background:rgba(52,152,219,.3);-webkit-transform:scale(1.05);transform:scale(1.05)}.control-toggle-btn.active.gps-active{background:linear-gradient(135deg,#2ecc71,#27ae60);box-shadow:0 0 15px rgba(46,204,113,.5);color:#fff}.gps-spinner-mini{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;display:inline-block;font-size:1rem}}@media (max-width:768px){@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.control-toggle-btn.active{background:#3498db;border-color:#3498db;box-shadow:0 4px 20px rgba(52,152,219,.5)}.gps-panel,.layer-panel{-webkit-animation:panelSlideIn .2s ease-out;animation:panelSlideIn .2s ease-out;background:rgba(26,26,46,.98);border:1px solid hsla(0,0%,100%,.15);box-shadow:0 4px 20px rgba(0,0,0,.4);display:none;min-width:200px;position:absolute;right:60px;top:0;z-index:1100}@-webkit-keyframes panelSlideIn{0%{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes panelSlideIn{0%{opacity:0;-webkit-transform:translateX(10px);transform:translateX(10px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.gps-panel.show,.layer-panel.show{display:flex}.layer-text{display:none}.layer-btn{font-size:1.1rem;padding:10px 12px}.layer-group{flex-direction:column}}@media (max-width:480px){.map-controls-container{right:10px;top:80px}.control-toggle-btn{font-size:1.2rem;height:44px;width:44px}}.catastro-popup-pro .leaflet-popup-content-wrapper,.custom-popup .leaflet-popup-content-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(26,26,46,.98);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.5);color:#fff;padding:0}.catastro-popup-pro .leaflet-popup-tip,.custom-popup .leaflet-popup-tip{background:rgba(26,26,46,.98)}.catastro-popup-pro .leaflet-popup-content,.custom-popup .leaflet-popup-content{margin:0;min-width:280px}.popup-header{background:linear-gradient(90deg,#3498db,#2980b9);border-radius:12px 12px 0 0;font-weight:700;padding:12px 16px}.popup-body{padding:16px}.origenes-list::-webkit-scrollbar{width:6px}.origenes-list::-webkit-scrollbar-track{background:rgba(0,0,0,.1)}.origenes-list::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:3px}.origenes-list::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.2)}.loader-overlay{align-items:center;background:#1a1a2e;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:2000}.catastro-red-lines{-webkit-filter:invert(1) brightness(1.5) drop-shadow(0 0 1px hsla(0,0%,100%,.8));filter:invert(1) brightness(1.5) drop-shadow(0 0 1px rgba(255,255,255,.8));transition:opacity .3s ease}.cursor-crosshair .leaflet-interactive{cursor:crosshair!important}.cursor-crosshair{cursor:crosshair}.sidebar-toggle{-webkit-tap-highlight-color:transparent;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(26,26,46,.95);border:2px solid hsla(0,0%,100%,.25);border-radius:14px;box-shadow:0 4px 20px rgba(0,0,0,.5);color:#fff;cursor:pointer;display:none;font-size:1.5rem;height:52px;left:15px;position:fixed;top:80px;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1);width:52px;z-index:1100}.sidebar-toggle:hover{background:rgba(52,152,219,.8);-webkit-transform:scale(1.05);transform:scale(1.05)}.sidebar-toggle.collapsed{-webkit-animation:pulse-toggle 2s infinite;animation:pulse-toggle 2s infinite;background:linear-gradient(135deg,#27ae60,#2ecc71);border-color:rgba(46,204,113,.5)}@-webkit-keyframes pulse-toggle{0%,to{box-shadow:0 4px 20px rgba(46,204,113,.4)}50%{box-shadow:0 4px 30px rgba(46,204,113,.7)}}@keyframes pulse-toggle{0%,to{box-shadow:0 4px 20px rgba(46,204,113,.4)}50%{box-shadow:0 4px 30px rgba(46,204,113,.7)}}@media (max-width:768px){.sidebar-toggle{align-items:center;display:flex;justify-content:center}.mapa-sidebar{border-left:none;border-radius:0 16px 16px 0;bottom:0;height:100%;left:0;max-height:none;max-width:360px;top:0;-webkit-transform:translateX(0);transform:translateX(0);width:85%}.mapa-sidebar.collapsed{box-shadow:none;opacity:1;pointer-events:none;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.layer-control{flex-wrap:wrap;justify-content:flex-end;left:80px;padding:6px;right:10px;top:20px}.layer-btn{font-size:.75rem;padding:6px 10px}.sidebar-header{padding:16px}.sidebar-title{font-size:1.1rem}.origen-item{padding:12px}.origen-info h4{font-size:.9rem}.origen-score{font-size:.95rem;padding:3px 8px}.leaflet-popup-content{max-width:280px!important;min-width:250px!important}}@media (max-width:480px){.mapa-sidebar{left:10px;right:10px;top:70px;width:calc(100% - 20px)}.sidebar-toggle{height:44px;left:10px;width:44px}.layer-control{left:64px;right:10px}.layer-btn{font-size:1rem;padding:8px}.layer-btn span,.layer-btn:after{display:none}}@media (pointer:coarse){.origen-item{min-height:60px}.layer-btn{min-height:44px;min-width:44px}.search-input{font-size:16px;min-height:48px}.custom-pin{-webkit-transform:scale(1.3);transform:scale(1.3)}.gps-btn{min-height:48px!important;padding:12px 16px!important}.user-marker-dot{border-width:4px;height:20px;width:20px}.user-marker-pulse{height:50px;width:50px}.coords-display{display:none!important}}.coords-display{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(26,26,46,.85);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;bottom:20px;box-shadow:0 2px 10px rgba(0,0,0,.3);color:#fff;font-family:Consolas,Monaco,monospace;font-size:.85rem;left:20px;min-width:180px;padding:6px 12px;pointer-events:none;position:absolute;text-align:center;-webkit-user-select:none;user-select:none;z-index:1000}.coords-display:empty{display:none}.gps-control-group{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.gps-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #3498db;border-radius:12px;box-shadow:0 4px 15px rgba(52,152,219,.2);color:#3498db;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:10px 18px;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1)}.gps-btn:hover:not(:disabled){background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 6px 20px rgba(52,152,219,.4);color:#fff;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.gps-btn:active:not(:disabled){-webkit-transform:translateY(0);transform:translateY(0)}.gps-btn.active{-webkit-animation:gps-pulse 2s ease-in-out infinite;animation:gps-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#27ae60,#2ecc71);border-color:#27ae60;color:#fff}@-webkit-keyframes gps-pulse{0%,to{box-shadow:0 4px 15px rgba(39,174,96,.4)}50%{box-shadow:0 4px 25px rgba(39,174,96,.7)}}@keyframes gps-pulse{0%,to{box-shadow:0 4px 15px rgba(39,174,96,.4)}50%{box-shadow:0 4px 25px rgba(39,174,96,.7)}}.gps-btn.loading{cursor:wait;opacity:.7}.gps-btn:disabled{cursor:not-allowed}.gps-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.gps-accuracy-badge{background:rgba(39,174,96,.2);border:1px solid rgba(39,174,96,.3);border-radius:20px;color:#2ecc71;font-size:.75rem;font-weight:600;padding:4px 10px}.user-location-marker{align-items:center;display:flex;justify-content:center;position:relative}.user-marker-dot{background:linear-gradient(135deg,#3498db,#2980b9);border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px rgba(52,152,219,.5);height:16px;position:absolute;width:16px;z-index:2}.user-marker-pulse{-webkit-animation:user-pulse 2s ease-out infinite;animation:user-pulse 2s ease-out infinite;background:rgba(52,152,219,.3);border-radius:50%;height:40px;position:absolute;width:40px;z-index:1}@-webkit-keyframes user-pulse{0%{opacity:1;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}@keyframes user-pulse{0%{opacity:1;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:0;-webkit-transform:scale(2);transform:scale(2)}}.user-popup .leaflet-popup-content-wrapper{background:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);color:#333}.user-popup .leaflet-popup-tip{background:#fff}@media (max-width:768px){.gps-control-group{align-items:center;flex-direction:row;gap:8px}.gps-btn{font-size:.85rem;padding:8px 14px}.gps-accuracy-badge{font-size:.7rem;padding:3px 8px}}@media (max-width:480px){.gps-btn{min-width:48px;padding:10px}.gps-btn:after{content:none}}@media (pointer:coarse){.user-marker-dot{border-width:4px;height:20px;width:20px}.user-marker-pulse{height:50px;width:50px}}.catastro-popup-premium .leaflet-popup-content-wrapper{background:transparent;border-radius:16px;box-shadow:none;overflow:visible;padding:0}.catastro-popup-premium .leaflet-popup-content{margin:0;width:auto!important}.catastro-popup-premium .leaflet-popup-tip-container{display:none}.catastro-popup-premium .leaflet-popup-close-button{background:linear-gradient(135deg,#e74c3c,#c0392b);border:3px solid #fff;border-radius:50%;box-shadow:0 4px 15px rgba(231,76,60,.5),0 0 0 2px rgba(231,76,60,.3);color:#fff!important;cursor:pointer;font-size:22px;font-weight:700;height:36px;line-height:36px;padding:0;position:absolute;right:-14px;text-align:center;top:-14px;transition:all .2s ease;width:36px;z-index:10001}.catastro-popup-premium .leaflet-popup-close-button:hover{background:linear-gradient(135deg,#c0392b,#a93226);box-shadow:0 6px 25px rgba(231,76,60,.7),0 0 0 3px rgba(231,76,60,.4);-webkit-transform:scale(1.2) rotate(90deg);transform:scale(1.2) rotate(90deg)}.catastro-popup-premium .leaflet-popup-close-button:active{-webkit-transform:scale(1.1) rotate(90deg);transform:scale(1.1) rotate(90deg)}.finca-popup-container{-webkit-animation:popupSlideIn .3s ease-out;animation:popupSlideIn .3s ease-out;background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 0 1px hsla(0,0%,100%,.1),inset 0 1px 0 hsla(0,0%,100%,.1);min-width:300px;overflow:hidden}@-webkit-keyframes popupSlideIn{0%{opacity:0;-webkit-transform:translateY(10px) scale(.95);transform:translateY(10px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}@keyframes popupSlideIn{0%{opacity:0;-webkit-transform:translateY(10px) scale(.95);transform:translateY(10px) scale(.95)}to{opacity:1;-webkit-transform:translateY(0) scale(1);transform:translateY(0) scale(1)}}.finca-popup-header{align-items:center;background:linear-gradient(135deg,#27ae60,#2ecc71);display:flex;justify-content:space-between;padding:14px 18px}.finca-popup-title{align-items:center;color:#fff;display:flex;font-size:1rem;font-weight:700;gap:10px}.finca-icon{font-size:1.3rem}.finca-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsla(0,0%,100%,.25);border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:4px 10px}.finca-popup-body{padding:18px}.finca-rc-section{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:10px;margin-bottom:16px;padding:12px 14px}.finca-label{color:#94a3b8;font-size:.65rem;font-weight:600;letter-spacing:.1em;margin-bottom:4px;text-transform:uppercase}.finca-rc-value{color:#fff;font-family:Consolas,Monaco,monospace;font-size:1.1rem;font-weight:700;letter-spacing:.5px}.finca-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.finca-stat{background:linear-gradient(135deg,rgba(52,152,219,.15),rgba(41,128,185,.1));border:1px solid rgba(52,152,219,.2);border-radius:10px;padding:12px;text-align:center}.finca-stat-label{color:#94a3b8;font-size:.65rem;font-weight:600;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.finca-stat-value{color:#3498db;font-size:1.5rem;font-weight:800}.finca-details{margin-bottom:16px}.finca-detail-row{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.05);color:#e2e8f0;display:flex;font-size:.9rem;gap:10px;padding:8px 0}.finca-detail-row:last-child{border-bottom:none}.finca-detail-icon{font-size:1rem;text-align:center;width:24px}.finca-buttons{display:flex;gap:10px;margin-top:4px}.finca-btn-guardar{align-items:center;background:linear-gradient(135deg,#f39c12,#e67e22);border:none;border-radius:10px;box-shadow:0 4px 15px rgba(243,156,18,.3);color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:700;gap:6px;justify-content:center;padding:12px 14px;transition:all .3s ease}.finca-btn-guardar:hover{background:linear-gradient(135deg,#e67e22,#d35400);box-shadow:0 6px 20px rgba(243,156,18,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.finca-btn-guardar:disabled{cursor:not-allowed;opacity:.7;-webkit-transform:none;transform:none}.finca-btn-nav{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:10px;box-shadow:0 4px 15px rgba(52,152,219,.3);color:#fff;display:flex;flex:1 1;font-size:.9rem;font-weight:700;gap:6px;justify-content:center;padding:12px 16px;text-decoration:none;transition:all .3s ease}.finca-btn-nav:hover{background:linear-gradient(135deg,#2980b9,#1f6dad);box-shadow:0 6px 20px rgba(52,152,219,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.finca-btn-sede{align-items:center;background:linear-gradient(135deg,#27ae60,#229954);border-radius:10px;box-shadow:0 4px 15px rgba(39,174,96,.3);color:#fff;display:flex;flex:1 1;font-size:.9rem;font-weight:700;gap:6px;justify-content:center;padding:12px 16px;text-decoration:none;transition:all .3s ease}.finca-btn-sede:hover{background:linear-gradient(135deg,#229954,#1e8449);box-shadow:0 6px 20px rgba(39,174,96,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.finca-btn-arrow{font-size:1.2rem;transition:-webkit-transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.finca-btn-sede:hover .finca-btn-arrow{-webkit-transform:translateX(4px);transform:translateX(4px)}.catastro-mini-loader{align-items:center;-webkit-animation:miniLoaderSlideUp .3s ease-out;animation:miniLoaderSlideUp .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(26,26,46,.95);border:1px solid hsla(0,0%,100%,.15);border-radius:30px;bottom:30px;box-shadow:0 8px 32px rgba(0,0,0,.4);color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:12px;left:50%;padding:12px 24px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1500}@-webkit-keyframes miniLoaderSlideUp{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(20px);transform:translateX(-50%) translateY(20px)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}@keyframes miniLoaderSlideUp{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(20px);transform:translateX(-50%) translateY(20px)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}.catastro-loader-spinner{-webkit-animation:spinLoader .8s linear infinite;animation:spinLoader .8s linear infinite;border:3px solid rgba(52,152,219,.3);border-radius:50%;border-top-color:#3498db;height:20px;width:20px}@-webkit-keyframes spinLoader{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinLoader{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.gps-floating-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border:3px solid #fff;border-radius:50%;bottom:100px;box-shadow:0 4px 20px rgba(52,152,219,.5),0 0 0 4px rgba(52,152,219,.2);color:#fff;cursor:pointer;display:flex;font-size:1.8rem;height:60px;justify-content:center;position:fixed;right:20px;touch-action:manipulation;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px;z-index:1000}.gps-floating-btn:hover{box-shadow:0 6px 30px rgba(52,152,219,.6),0 0 0 6px rgba(52,152,219,.3);-webkit-transform:scale(1.1);transform:scale(1.1)}.gps-floating-btn:active{-webkit-transform:scale(.95);transform:scale(.95)}.gps-floating-btn.active{-webkit-animation:gpsFloatPulse 2s ease-in-out infinite;animation:gpsFloatPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#27ae60,#2ecc71);box-shadow:0 4px 20px rgba(39,174,96,.5),0 0 0 4px rgba(39,174,96,.2)}@-webkit-keyframes gpsFloatPulse{0%,to{box-shadow:0 4px 20px rgba(39,174,96,.5),0 0 0 4px rgba(39,174,96,.2)}50%{box-shadow:0 4px 30px rgba(39,174,96,.7),0 0 0 8px rgba(39,174,96,.3)}}@keyframes gpsFloatPulse{0%,to{box-shadow:0 4px 20px rgba(39,174,96,.5),0 0 0 4px rgba(39,174,96,.2)}50%{box-shadow:0 4px 30px rgba(39,174,96,.7),0 0 0 8px rgba(39,174,96,.3)}}.gps-floating-btn.loading{background:linear-gradient(135deg,#f39c12,#e67e22);box-shadow:0 4px 20px rgba(243,156,18,.5),0 0 0 4px rgba(243,156,18,.2);cursor:wait}.gps-btn-spinner{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@media (max-width:768px){.gps-floating-btn{bottom:90px;font-size:1.6rem;height:56px;right:15px;width:56px}}@media (max-width:480px){.gps-floating-btn{bottom:80px;font-size:1.5rem;height:52px;right:10px;width:52px}}.mapa-container a,.mapa-container button,.mapa-container input,.mapa-container select,.mapa-container textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mapa-container .origenes-list,.mapa-container .sitios-guardados-section,.mapa-container .sugerencias-list{-webkit-overflow-scrolling:touch;touch-action:pan-y}.leaflet-control,.leaflet-popup-content-wrapper{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.leaflet-control-zoom,.leaflet-control-zoom-in,.leaflet-control-zoom-out{touch-action:manipulation}.leaflet-container,.leaflet-container canvas,.leaflet-container svg,.leaflet-marker-pane,.leaflet-overlay-pane,.leaflet-pane,.leaflet-tile-pane,.mapa-visor,.mapa-visor .leaflet-container{touch-action:auto!important}.parcel-bottom-card{-webkit-tap-highlight-color:transparent;-webkit-animation:slideUp .3s cubic-bezier(.16,1,.3,1);animation:slideUp .3s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(22,33,62,.95);border:1px solid hsla(0,0%,100%,.15);border-radius:16px;bottom:20px;box-shadow:0 8px 32px rgba(0,0,0,.5);left:50%;max-width:400px;overflow:hidden;padding:0;position:fixed;touch-action:pan-y;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-user-select:none;user-select:none;width:90%;z-index:2000}@-webkit-keyframes slideUp{0%{opacity:0;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%)}to{opacity:1;-webkit-transform:translate(-50%);transform:translate(-50%)}}@keyframes slideUp{0%{opacity:0;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%)}to{opacity:1;-webkit-transform:translate(-50%);transform:translate(-50%)}}.close-card-btn{align-items:center;background:hsla(0,0%,100%,.1);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;height:32px;justify-content:center;position:absolute;right:10px;top:10px;transition:background .2s;width:32px;z-index:10}.close-card-btn:active{background:hsla(0,0%,100%,.3)}.parcel-bottom-card a,.parcel-bottom-card button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.card-header{background:linear-gradient(135deg,#1e3a8a,#3b82f6);border-bottom:1px solid hsla(0,0%,100%,.1);padding:12px 16px}.card-title{align-items:center;display:flex;gap:12px}.card-subtitle{color:hsla(0,0%,100%,.8);font-size:.8rem;margin-top:2px}.card-body{padding:16px}.card-row-main{background:rgba(0,0,0,.2);border-radius:12px;display:flex;gap:8px;justify-content:space-between;margin-bottom:16px;padding:10px}.card-stat-box{flex:1 1;text-align:center}.stat-label{color:#94a3b8;font-size:.65rem;font-weight:700;letter-spacing:.05em;margin-bottom:4px}.stat-value{color:#fff;font-size:.9rem;font-weight:600}.stat-value.highlight{color:#4ade80}.stat-value.copy-rc{align-items:center;cursor:pointer;display:flex;font-family:monospace;font-size:.8rem;gap:4px;justify-content:center}.copy-icon{font-size:.7rem;opacity:.6}.card-actions{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1.2fr 1fr 1fr}.action-btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;padding:10px;text-decoration:none;touch-action:manipulation;transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s}.action-btn:active{-webkit-transform:scale(.96);transform:scale(.96)}.save-btn{background:#eab308;color:#000}.nav-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff}.info-btn{background:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.4);color:#3b82f6}.ficha-modal-overlay{-webkit-tap-highlight-color:transparent;align-items:center;-webkit-animation:fadeIn .2s ease-out;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.85);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;touch-action:pan-y;width:100%;z-index:3000}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.ficha-modal-content{background:#1a1a2e;border:1px solid hsla(0,0%,100%,.1);border-radius:20px;box-shadow:0 10px 40px rgba(0,0,0,.5);display:flex;flex-direction:column;height:85%;max-height:800px;max-width:500px;overflow:hidden;position:relative;width:90%}.ficha-modal-close{background:hsla(0,0%,100%,.1);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;height:36px;position:absolute;right:15px;top:15px;width:36px;z-index:10}.ficha-header{background:linear-gradient(135deg,#2c3e50,#3498db);color:#fff;padding:30px 20px 20px}.ficha-header h2{font-size:1.5rem;margin:0}.ficha-header p{font-size:.9rem;letter-spacing:1px;margin:5px 0 0;opacity:.8;text-transform:uppercase}.ficha-body{flex:1 1;overflow-y:auto;padding:20px}.ficha-section{margin-bottom:20px}.ficha-section label{color:#94a3b8;display:block;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:6px}.ficha-value,.ficha-value-large,.ficha-value-mono{border-bottom:1px solid hsla(0,0%,100%,.05);color:#fff;font-size:1rem;padding-bottom:8px}.ficha-value-large{font-family:monospace;font-size:1.25rem;font-weight:700;letter-spacing:-.5px}.ficha-value-highlight{color:#4ade80;font-size:1.4rem;font-weight:700}.ficha-grid-2{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.ficha-item label{color:#64748b;display:block;font-size:.7rem;margin-bottom:4px}.ficha-item span{color:#fff;display:block;font-size:1.2rem;font-weight:700}.ficha-actions{margin-top:30px;text-align:center}.btn-sede-oficial{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;color:#3498db;display:block;font-weight:700;margin-bottom:10px;padding:16px;text-decoration:none;transition:background .2s;width:100%}.btn-sede-oficial:active{background:hsla(0,0%,100%,.1)}.nota-legal{color:#64748b;font-size:.7rem;margin:0}.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}}
/*# sourceMappingURL=main.c48e40af.css.map*/