@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&family=Inter:wght@300;400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#060814;--surface:#0d1122a6;--surface-solid:#0d1122;--surface2:#161d3a73;--border:#ffffff0f;--border2:#ffffff1f;--text:#f1f5f9;--text-muted:#94a3b8;--accent:#6366f1;--accent-glow:#6366f159;--green:#10b981;--green-glow:#10b98159;--red:#f43f5e;--red-glow:#f43f5e59;--blue:#38bdf8;--blue-glow:#38bdf859;--font-mono:"JetBrains Mono", "Courier New", monospace;--font-ui:"Inter", system-ui, sans-serif}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-ui);background-image:radial-gradient(at 0 0,#6366f11a 0,#0000 50%),radial-gradient(at 100% 100%,#38bdf814 0,#0000 50%);font-size:13px;line-height:1.5;overflow:hidden}.glass-panel{background:var(--surface);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 32px #0000005e}.app-layout{flex-direction:column;height:100vh;display:flex;overflow:hidden}.main-content{flex:1;min-height:0;display:flex;overflow:hidden}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:100;background:#0a0c1acc;flex-shrink:0;align-items:center;gap:20px;height:56px;padding:0 20px;display:flex;box-shadow:0 4px 20px #0006}.topbar-brand{align-items:center;gap:12px;display:flex}.logo-glow{filter:drop-shadow(0 0 6px var(--accent));animation:4s ease-in-out infinite logo-pulsate}@keyframes logo-pulsate{0%,to{filter:drop-shadow(0 0 4px var(--accent))}50%{filter:drop-shadow(0 0 12px var(--accent))}}.brand-titles{flex-direction:column;display:flex}.brand-text{font-family:var(--font-mono);color:#fff;letter-spacing:.12em;text-shadow:0 0 8px #fff3;font-size:14px;font-weight:700}.brand-sub{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.18em;text-transform:uppercase;margin-top:1px;font-size:8px}.topbar-navigation{border:1px solid var(--border);background:#0000004d;border-radius:6px;gap:4px;margin-left:24px;padding:4px;display:flex}.nav-tab-btn{color:var(--text-muted);font-family:var(--font-ui);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:6px 14px;font-size:11px;font-weight:500;transition:all .2s}.nav-tab-btn:hover{color:#fff;background:#ffffff0d}.nav-tab-btn.active{color:#fff;background:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.topbar-controls{gap:8px;margin-left:auto;display:flex}.ctrl-btn{border:1px solid var(--border);color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.06em;cursor:pointer;background:#ffffff0a;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:10px;font-weight:600;transition:all .15s;display:flex}.ctrl-btn:hover{color:#fff;border-color:var(--border2);background:#ffffff14}.ctrl-btn.active{color:var(--blue);border-color:var(--blue);background:#38bdf814;box-shadow:0 0 8px #38bdf833}.clear-trail-btn{color:var(--red);background:#f43f5e0a;border-color:#f43f5e4d}.clear-trail-btn:hover{color:#fff;background:var(--red);border-color:var(--red);box-shadow:0 0 10px var(--red-glow)}.sim-btn{color:var(--text-muted);border-color:var(--border)}.sim-btn.sim-active{color:var(--green);border-color:var(--green);box-shadow:0 0 10px var(--green-glow);background:#10b98114}.sim-pulse-dot{background:var(--text-muted);border-radius:50%;width:6px;height:6px;display:inline-block}.sim-active .sim-pulse-dot{background:var(--green);box-shadow:0 0 8px var(--green);animation:1.5s infinite pulse-ok}.topbar-status{border-left:1px solid var(--border);align-items:center;gap:8px;margin-left:8px;padding-left:16px;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.ok{background:var(--green);box-shadow:0 0 8px var(--green);animation:2s infinite pulse-ok}.status-dot.error{background:var(--red);box-shadow:0 0 8px var(--red);animation:.8s infinite pulse-ok}.status-dot.local{background:var(--blue);box-shadow:0 0 8px var(--blue);animation:2.5s infinite pulse-ok}@keyframes pulse-ok{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.9)}}.status-text{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-muted);font-size:10px;font-weight:700}.sidebar-left,.sidebar-right{border-top:none;border-bottom:none;border-right:1px solid var(--border);z-index:10;border-radius:0;flex-direction:column;flex-shrink:0;width:250px;display:flex;overflow:hidden}.sidebar-right{border-right:none;border-left:1px solid var(--border)}.panel-carretillas{flex-direction:column;height:100%;display:flex;overflow:hidden}.panel-titulo{font-family:var(--font-mono);letter-spacing:.18em;color:var(--text-muted);border-bottom:1px solid var(--border);background:#00000026;flex-shrink:0;align-items:center;gap:8px;padding:16px;font-size:11px;font-weight:700;display:flex}.lista-carretillas{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.card-carretilla{background:var(--surface2);border:1px solid var(--border);border-left:4px solid var(--accent);border-left-color:var(--accent);cursor:pointer;border-radius:6px;padding:10px 12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.card-carretilla:hover{border-color:var(--border2);background:#ffffff08;transform:translateY(-1px)}.card-carretilla.selected{border-color:var(--accent);background:#6366f114;border-left-width:4px;box-shadow:0 0 15px #6366f126}.card-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.qr-id{font-family:var(--font-mono);color:#fff;font-size:11px;font-weight:700}.nombre{color:var(--text-muted);margin-left:auto;font-size:10px;font-weight:500}.card-coords{grid-template-columns:20px 1fr 20px 1fr 28px 1fr;align-items:center;gap:2px 4px;display:grid}.coord-label{font-family:var(--font-mono);color:var(--text-muted);font-size:9px;font-weight:500}.coord-val{font-family:var(--font-mono);color:#fff;font-size:11px;font-weight:600}.card-zona{border-top:1px solid var(--border);color:var(--text-muted);align-items:center;gap:6px;margin-top:8px;padding-top:8px;font-size:10px;display:flex}.panel-eventos{flex-direction:column;height:100%;display:flex;overflow:hidden}.panel-header-row{border-bottom:1px solid var(--border);background:#00000026;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px;display:flex}.badge-novistos{background:var(--accent);color:#fff;font-family:var(--font-mono);box-shadow:0 0 6px var(--accent-glow);border-radius:10px;padding:1px 6px;font-size:9px;font-weight:700}.btn-marcar{border:1px solid var(--border);color:var(--text-muted);font-size:9px;font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:4px;padding:4px 8px;transition:all .15s}.btn-marcar:hover{color:#fff;border-color:var(--text-muted);background:#ffffff0d}.lista-eventos{flex-direction:column;flex:1;gap:6px;padding:12px;display:flex;overflow-y:auto}.empty-eventos{color:var(--text-muted);text-align:center;padding:32px 0;font-size:11px}.evento-item{background:var(--surface2);border:1px solid var(--border);border-radius:6px;gap:10px;padding:8px 10px;transition:all .2s;display:flex}.evento-item:hover{border-color:var(--border2);background:#ffffff05}.evento-item.visto{opacity:.45}.ev-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:5px;box-shadow:0 0 4px}.ev-body{flex:1;min-width:0}.ev-titulo{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:2px;display:flex}.ev-qr{font-family:var(--font-mono);font-size:10px;font-weight:700}.ev-badge{font-family:var(--font-mono);letter-spacing:.05em;border-radius:4px;padding:1px 5px;font-size:8px;font-weight:700}.ev-badge.carga{color:var(--green);background:#10b9811a;border:1px solid #10b9814d}.ev-badge.descarga{color:var(--red);background:#f43f5e1a;border:1px solid #f43f5e4d}.ev-accion{font-family:var(--font-mono);margin-left:auto;font-size:8px;font-weight:700}.ev-accion.entrada{color:var(--green)}.ev-accion.salida{color:var(--red)}.ev-zona{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.ev-hora{font-family:var(--font-mono);color:var(--text-muted);opacity:.5;margin-top:3px;font-size:9px}.plano-wrapper{box-sizing:border-box;background-color:#04060c;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:40px 40px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex-direction:column;flex:1;justify-content:flex-start;align-items:center;height:100%;padding:12px 24px;display:flex;overflow:hidden!important}.scrollable-content{overflow-y:hidden!important}.dashboard-plano-section{flex-direction:column;flex:1;align-items:center;width:100%;min-height:0;display:flex}.plano-container{border:1px solid var(--border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0d112280;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;max-height:100%;line-height:0;display:flex;overflow:hidden;box-shadow:0 10px 30px #000c}.plano-svg{width:auto;max-width:100%;height:auto;max-height:100%;display:block}.heatmap-info-banner{flex-direction:column;gap:4px;width:800px;margin-bottom:16px;padding:12px 16px;display:flex}.heatmap-info-banner h3{color:var(--blue);font-size:12px;font-weight:600}.heatmap-info-banner p{color:var(--text-muted);font-size:10px}.panel-heatmap-ctrl{flex-direction:column;height:100%;display:flex}.heatmap-selectors{flex-direction:column;gap:8px;padding:12px;display:flex}.cctv-full-wrapper{box-sizing:border-box;flex-direction:column;height:100%;padding:12px;display:flex;overflow:hidden}.dashboard-cctv-section{flex-direction:column;flex:1;width:100%;max-width:100%;height:100%;margin-top:0;margin-bottom:0;display:flex}.monitores-cctv-container{flex-direction:column;gap:8px;height:100%;display:flex}.monitores-cctv-container .panel-titulo{color:#fff;background:0 0;border:none;margin-bottom:4px;padding:0;font-size:11px}.rec-dot{background:var(--red);width:8px;height:8px;box-shadow:0 0 6px var(--red);border-radius:50%;animation:1s infinite pulse-ok;display:inline-block}.grid-monitores{flex:1;grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr);gap:12px;height:100%;max-height:none;padding:2px;display:grid;overflow:hidden}.empty-monitores{text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:8px;grid-column:1/-1;padding:20px;font-size:11px}.monitor-screen{background:#03060c;border:1.5px solid #ffffff14;border-radius:8px;flex-direction:column;height:100%;min-height:0;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 15px #000000b3}.monitor-screen:after{content:" ";z-index:20;pointer-events:none;background:linear-gradient(#12101000 50%,#00000040 50%) 0 0/100% 3px,linear-gradient(90deg,#ff00000f,#00ff0005,#0000ff0f) 0 0/6px 100%;display:block;position:absolute;inset:0}.monitor-screen.has-detection{border-color:#38bdf873;box-shadow:0 0 15px #38bdf826}.scanlines{z-index:10;pointer-events:none;background:linear-gradient(#12101000 50%,#0000001f 50%) 0 0/100% 4px;width:100%;height:100%;position:absolute;top:0;left:0}.monitor-noise{z-index:9;pointer-events:none;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.035'/%3E%3C/svg%3E");width:100%;height:100%;position:absolute;top:0;left:0}.monitor-header{z-index:15;background:#ffffff08;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.monitor-cam-code{font-family:var(--font-mono);color:var(--blue);font-size:11px;font-weight:700}.monitor-cam-name{color:var(--text-muted);font-size:10px;font-weight:500}.monitor-rec-status{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:6px;font-size:9px;display:flex}.status-led{border-radius:50%;width:6px;height:6px;display:inline-block}.status-led.scanning{background:var(--text-muted);animation:2s infinite pulse-ok}.status-led.detection{background:var(--blue);box-shadow:0 0 8px var(--blue);animation:.6s infinite pulse-ok}.monitor-body{z-index:15;flex:1;grid-template-columns:minmax(210px,240px) 1fr;gap:10px;min-height:165px;padding:6px;display:grid}.radar-grid{background:#00000080;border:1px solid #ffffff14;border-radius:6px;height:100%;min-height:155px;position:relative;overflow:hidden}.radar-photo-overlay{pointer-events:none;z-index:1;background:#0a0f1966;position:absolute;inset:0}.radar-grid:before{content:"";z-index:2;background:#ffffff26;height:1px;position:absolute;top:50%;left:0;right:0}.radar-grid:after{content:"";z-index:2;background:#ffffff26;width:1px;position:absolute;top:0;bottom:0;left:50%}.radar-sweep{z-index:3;pointer-events:none;background:conic-gradient(#38bdf833 0deg,#38bdf800 90deg,#0000 360deg);border-radius:50%;width:200%;height:200%;animation:4s linear infinite radar-sweep-anim;position:absolute;top:-50%;left:-50%}@keyframes radar-sweep-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.radar-target{z-index:10;z-index:30;border-radius:50%;width:6px;height:6px;position:absolute;transform:translate(-50%,-50%)}.radar-target-label{font-family:var(--font-mono);white-space:nowrap;background:#000c;border:1px solid #ffffff14;border-radius:3px;padding:1px 3px;font-size:8px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.monitor-telemetry{flex-direction:column;gap:4px;min-height:0;display:flex;overflow-y:auto}.telemetry-row{font-family:var(--font-mono);color:var(--text-muted);border-bottom:1px dashed #ffffff08;justify-content:space-between;padding-bottom:2px;font-size:10px;display:flex}.telemetry-row span:last-child{color:#fff;font-weight:500}.detected-list{flex-direction:column;flex:1;gap:4px;min-height:0;margin-top:6px;display:flex}.list-title{font-family:var(--font-mono);letter-spacing:.05em;color:var(--text-muted);font-size:8px;font-weight:700}.no-detections{font-family:var(--font-mono);color:var(--text-muted);opacity:.3;text-align:center;border:1px dashed #ffffff0a;border-radius:4px;padding:12px 0;font-size:10px}.detected-item{border:1px solid #ffffff0a;border-left:2px solid var(--accent);background:#ffffff05;border-radius:4px;flex-direction:column;gap:1px;padding:4px 6px;display:flex}.det-qr{font-family:var(--font-mono);font-size:10px;font-weight:700}.det-info{color:var(--text-muted);font-size:9px}.det-confianza{font-family:var(--font-mono);color:var(--green);align-self:flex-end;font-size:8px}.monitor-footer{font-family:var(--font-mono);color:var(--text-muted);opacity:.6;z-index:15;background:#0000004d;border-top:1px solid #ffffff0a;justify-content:space-between;padding:3px 8px;font-size:8px;display:flex}.full-width-config{width:100%;max-width:1000px;margin:0 auto;padding:32px 16px}.config-camaras-container{flex-direction:column;gap:24px;width:100%;display:flex}.config-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.config-titulo{font-family:var(--font-mono);color:#fff;letter-spacing:.1em;font-size:16px;font-weight:700}.btn-primario{background:var(--accent);color:#fff;font-family:var(--font-ui);cursor:pointer;box-shadow:0 4px 12px var(--accent-glow);border:none;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.btn-primario:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 6px 16px #6366f180}.btn-primario:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secundario{color:var(--text);border:1px solid var(--border);font-family:var(--font-ui);cursor:pointer;background:#ffffff0a;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .15s}.btn-secundario:hover{border-color:var(--border2);background:#ffffff14}.config-error-banner{border:1px solid var(--red);color:#fda4af;background:#f43f5e1f;border-radius:6px;padding:12px 16px;font-size:12px}.form-edicion-camara{padding:20px}.form-edicion-camara h3{color:var(--blue);border-bottom:1px solid var(--border);margin-bottom:16px;padding-bottom:8px;font-size:14px;font-weight:600}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.form-group input{border:1px solid var(--border);color:#fff;font-family:var(--font-mono);background:#0000004d;border-radius:6px;padding:8px 12px;font-size:12px;transition:all .15s}.form-group input:focus{border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow);outline:none}.form-group-checkbox{grid-column:1/-1;align-items:center;padding:8px 0;display:flex}.checkbox-container{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding-left:26px;font-size:12px;font-weight:500;display:flex;position:relative}.checkbox-container input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkmark{border:1px solid var(--border);background-color:#0000004d;border-radius:4px;width:16px;height:16px;transition:all .2s;position:absolute;top:50%;left:0;transform:translateY(-50%)}.checkbox-container:hover input~.checkmark{border-color:var(--border2)}.checkbox-container input:checked~.checkmark{background-color:var(--accent);border-color:var(--accent)}.checkmark:after{content:"";display:none;position:absolute}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;top:2px;left:5px;transform:rotate(45deg)}.form-acciones{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;padding-top:16px;display:flex}.tabla-camaras-wrapper{overflow-x:auto}.tabla-camaras{border-collapse:collapse;text-align:left;width:100%}.tabla-camaras th,.tabla-camaras td{border-bottom:1px solid var(--border);padding:14px 16px;font-size:12px}.tabla-camaras th{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;background:#0003;font-size:10px;font-weight:700}.tabla-camaras tbody tr:hover{background:#ffffff03}.fila-inactiva{opacity:.5}.codigo-destacado{font-family:var(--font-mono);color:var(--blue);font-weight:700}.ip-val{font-family:var(--font-mono)}.badge-estado{font-size:9px;font-family:var(--font-mono);text-transform:uppercase;border-radius:4px;padding:2px 8px;font-weight:700;display:inline-block}.badge-estado.activo{color:var(--green);background:#10b9811a;border:1px solid #10b98133}.badge-estado.inactivo{color:var(--red);background:#f43f5e1a;border:1px solid #f43f5e33}.btn-group{gap:6px;display:flex}.btn-tabla-edit{color:var(--blue);cursor:pointer;background:#38bdf81a;border:1px solid #38bdf833;border-radius:4px;padding:4px 8px;font-size:10px;transition:all .15s}.btn-tabla-edit:hover{background:var(--blue);color:#000}.btn-tabla-delete{color:var(--red);cursor:pointer;background:#f43f5e1a;border:1px solid #f43f5e33;border-radius:4px;padding:4px 8px;font-size:10px;transition:all .15s}.btn-tabla-delete:hover{background:var(--red);color:#fff}.tabla-vacia{text-align:center;color:var(--text-muted);padding:32px!important}.loading-screen{height:100vh;color:var(--text-muted);font-family:var(--font-mono);background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:16px;font-size:13px;display:flex}.loading-spinner{border:3px solid #6366f11a;border-top-color:var(--accent);width:36px;height:36px;box-shadow:0 0 10px var(--accent-glow);border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-error{color:var(--red);text-align:center;max-width:400px;font-size:11px;line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:10000;background:#030409d9;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.25s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{border:1px solid var(--red);background:#0b0e1e;border-radius:12px;flex-direction:column;gap:16px;width:90%;max-width:440px;padding:24px;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleUp;display:flex;position:relative;box-shadow:0 0 30px #f43f5e40}.modal-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding-bottom:12px;display:flex}.modal-icon-warn{color:var(--red);filter:drop-shadow(0 0 5px var(--red-glow));font-size:24px}.modal-title{font-family:var(--font-mono);letter-spacing:.08em;color:#fff;text-transform:uppercase;font-size:14px;font-weight:700}.modal-body{color:var(--text-muted);font-size:12px;line-height:1.6}.modal-body p{margin-bottom:12px}.modal-body-alert-box{color:var(--red);background:#f43f5e0d;border:1px dashed #f43f5e4d;border-radius:6px;align-items:flex-start;gap:8px;margin-top:10px;padding:10px;font-size:11px;display:flex}.modal-footer{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.btn-modal-cancel{border:1px solid var(--border2);color:var(--text);cursor:pointer;font-family:var(--font-ui);background:#ffffff0d;border-radius:6px;padding:8px 16px;font-size:11px;font-weight:500;transition:all .15s}.btn-modal-cancel:hover{background:#ffffff1a;border-color:#fff3}.btn-modal-confirm{background:var(--red);border:1px solid var(--red);color:#fff;cursor:pointer;font-family:var(--font-ui);box-shadow:0 0 10px var(--red-glow);border-radius:6px;padding:8px 16px;font-size:11px;font-weight:600;transition:all .15s}.btn-modal-confirm:hover{background:#e11d48;box-shadow:0 0 15px #f43f5e8c}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.historico-layout{background:var(--bg);flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.historico-filters-panel{border-right:1px solid var(--border);background:#0a0c1a73;flex-direction:column;flex-shrink:0;width:280px;display:flex;overflow-y:auto}.filter-form-group{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.filter-form-group label{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:600}.filter-input{border:1px solid var(--border2);color:#fff;font-family:var(--font-ui);background:#0006;border-radius:6px;padding:8px 12px;font-size:12px;transition:all .2s}.filter-input:focus{border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow);outline:none}.filter-input option{background:var(--surface-solid);color:#fff}.btn-query-historico{background:var(--accent);color:#fff;font-family:var(--font-ui);cursor:pointer;box-shadow:0 0 10px var(--accent-glow);border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;padding:10px 16px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.btn-query-historico:hover{background:#4f46e5;box-shadow:0 0 16px #6366f199}.btn-query-historico:disabled{background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);cursor:not-allowed;box-shadow:none}.visualizacion-toggle-group{border:1px solid var(--border2);background:#0006;border-radius:6px;gap:2px;padding:2px;display:flex}.btn-toggle-visualizacion{color:var(--text-muted);font-family:var(--font-ui);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.btn-toggle-visualizacion:hover{color:#fff;background:#ffffff0d}.btn-toggle-visualizacion.active{background:var(--accent);color:#fff;box-shadow:0 0 8px var(--accent-glow)}.historico-center-area{flex-direction:column;flex:1;gap:16px;min-width:0;min-height:0;padding:16px;display:flex}.historico-metrics-grid{flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.metric-card{border:1px solid var(--border);background:#0d112273;border-radius:8px;flex-direction:column;gap:4px;padding:12px 16px;display:flex}.metric-card-label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:600}.metric-card-value{font-family:var(--font-mono);color:#fff;text-shadow:0 0 8px #ffffff1a;font-size:18px;font-weight:700}.metric-card-value.blue{color:var(--blue);text-shadow:0 0 8px var(--blue-glow)}.metric-card-value.green{color:var(--green);text-shadow:0 0 8px var(--green-glow)}.metric-card-value.purple{color:#a855f7;text-shadow:0 0 8px #a855f759}.metric-card-sub{color:var(--text-muted);font-size:9px}.historico-plano-panel{background:var(--surface2);border:1px solid var(--border);border-radius:8px;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.historico-plano-body{flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.historico-right-panel{border-left:1px solid var(--border);background:#0a0c1a73;flex-direction:column;flex-shrink:0;width:340px;min-height:0;display:flex;overflow:hidden}.historico-panel-section{flex-direction:column;display:flex;overflow:hidden}.historico-panel-section.visits-list{border-bottom:1px solid var(--border);max-height:40%}.historico-panel-section.chrono-log{flex:1}.section-scroll-container{flex:1;padding:12px;overflow-y:auto}.visits-grid{flex-direction:column;gap:8px;display:flex}.visit-row-item{border:1px solid var(--border);background:#ffffff05;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.visit-row-item:hover{background:#ffffff0a}.visit-zone-info{flex-direction:column;gap:2px;display:flex}.visit-zone-name{color:#fff;font-size:11px;font-weight:600}.visit-zone-meta{align-items:center;gap:6px;display:flex}.visit-zone-code{font-family:var(--font-mono);color:var(--text-muted);font-size:9px}.badge-tipo-zona{font-size:8px;font-family:var(--font-mono);text-transform:uppercase;border-radius:3px;padding:1px 4px}.badge-tipo-zona.estanteria{color:var(--accent);background:#6366f11a;border:1px solid #6366f133}.badge-tipo-zona.carga{color:var(--green);background:#10b9811a;border:1px solid #10b98133}.badge-tipo-zona.descarga{color:var(--red);background:#f43f5e1a;border:1px solid #f43f5e33}.visit-count-badge{font-family:var(--font-mono);color:var(--blue);background:#38bdf814;border:1px solid #38bdf833;border-radius:20px;padding:2px 8px;font-size:12px;font-weight:700;box-shadow:0 0 6px #38bdf81a}.chrono-table{border-collapse:collapse;width:100%;font-size:11px}.chrono-table th,.chrono-table td{text-align:left;border-bottom:1px solid var(--border);padding:6px 8px}.chrono-table th{font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;z-index:5;background:#060814;font-size:9px;font-weight:600;position:sticky;top:0}.chrono-table td.time-cell{font-family:var(--font-mono);color:var(--text-muted);font-size:10px}.chrono-table td.coords-cell{font-family:var(--font-mono);color:#fff;font-weight:500}.empty-state-text{text-align:center;color:var(--text-muted);padding:24px;font-size:11px}.carretilla-modal{border-color:#6366f159;width:680px;max-height:88vh;position:relative;overflow-y:auto;border:1px solid #6366f159!important;max-width:96vw!important;box-shadow:0 0 40px #6366f133!important}.modal-close-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:#ffffff0f;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;transition:background .15s,color .15s;display:flex;position:absolute;top:12px;right:12px}.modal-close-btn:hover{color:var(--red);background:#f43f5e26;border-color:#f43f5e66}.modal-icon-car{font-size:28px;line-height:1}.modal-subtitle{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.06em;margin-top:2px;font-size:10px}.carretilla-modal-body{flex-direction:column;gap:14px;display:flex}.carretilla-info-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.info-block{border:1px solid var(--border);background:#ffffff08;border-radius:6px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.info-label{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:8px;font-weight:700}.info-val{font-family:var(--font-mono);color:#fff;font-size:13px;font-weight:700}.info-val.val-green{color:var(--green)}.info-val.val-red{color:var(--red)}.info-val.val-blue{color:var(--blue)}.carretilla-section-title{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--border);padding-bottom:4px;font-size:9px;font-weight:700}.zona-badge-modal{border:1px solid var(--border);background:#ffffff08;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.zona-badge-modal[data-tipo=estanteria]{border-color:#6366f14d}.zona-badge-modal[data-tipo=carga]{border-color:#10b9814d}.zona-badge-modal[data-tipo=descarga]{border-color:#f43f5e4d}.zona-badge-modal span:first-child{color:#fff;font-size:12px;font-weight:600}.zona-tipo-tag{font-family:var(--font-mono);color:var(--accent);background:#6366f11f;border:1px solid #6366f133;border-radius:4px;padding:2px 6px;font-size:8px}.zona-badge-modal[data-tipo=carga] .zona-tipo-tag{color:var(--green);background:#10b9811f;border-color:#10b98133}.zona-badge-modal[data-tipo=descarga] .zona-tipo-tag{color:var(--red);background:#f43f5e1f;border-color:#f43f5e33}.camara-info-modal{background:#22d3ee0d;border:1px solid #22d3ee33;border-radius:8px;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.camara-dot-active{background:var(--green);width:10px;height:10px;box-shadow:0 0 8px var(--green);border-radius:50%;flex-shrink:0;margin-top:3px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{box-shadow:0 0 6px var(--green)}50%{box-shadow:0 0 14px var(--green)}}.camara-info-body{flex-direction:column;gap:4px;display:flex}.camara-nombre{color:var(--blue);font-size:12px;font-weight:600}.camara-codigo-ip{align-items:center;gap:8px;display:flex}.badge-cam{font-family:var(--font-mono);color:var(--blue);background:#58a6ff1f;border:1px solid #58a6ff40;border-radius:4px;padding:1px 6px;font-size:9px}.camara-ip{font-family:var(--font-mono);color:var(--text-muted);font-size:9px}.camara-radio{color:var(--text-muted);font-size:10px}.camara-fuera-rango{color:#eab308;background:#eab3080f;border:1px solid #eab30840;border-radius:8px;align-items:center;gap:10px;padding:12px 14px;font-size:11px;display:flex}.mini-monitor-wrapper{flex-direction:column;gap:8px;display:flex}.mini-monitor-screen{background:#050b05;border:1px solid #22c55e26;border-radius:6px;flex-direction:column;width:100%;min-height:220px;font-family:Courier New,monospace;display:flex;position:relative;overflow:hidden}.mini-monitor-screen.has-detection{border-color:#22c55e59;box-shadow:inset 0 0 30px #00ff410a,0 0 10px #22c55e1f}