:root,[data-tema=noche]{--bg:#080807;--bg-panel:#111110;--bg-panel-2:#1b1b19;--border:#3b3b37;--border-suave:#272724;--text:#f7f5f1;--text-muted:#b3ada3;--text-tenue:#868076;--accent:#d9a44b;--accent-suave:#d9a44b1f;--accent-texto:#0a0906;--rojo:#f26a6f;--rojo-suave:#f26a6f26;--amarillo:#f2b64d;--amarillo-suave:#f2b64d26;--naranja:#f08a3c;--naranja-suave:#f08a3c26;--verde:#4ad38c;--verde-suave:#4ad38c26;--gris-suave:#b3ada326;--punto-apagado:#4d4d47;--seleccion:#d9a44b1a;--velo:#000000b8;--sombra:0 1px 2px #0009, 0 8px 24px #00000073;--anillo:0 0 0 3px #d9a44b33;--radius:10px;--escena-lateral:.3;--escena-fondo:.16;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-tema=dia]{--bg:#f2f0ea;--bg-panel:#fff;--bg-panel-2:#faf8f3;--border:#ddd6c8;--border-suave:#eae5da;--text:#14243d;--text-muted:#5a6980;--text-tenue:#8b97a9;--accent:#8a5c1c;--accent-suave:#8a5c1c14;--accent-texto:#fff;--rojo:#c0392f;--rojo-suave:#c0392f1a;--amarillo:#9a6b0c;--amarillo-suave:#9a6b0c1a;--naranja:#b4530a;--naranja-suave:#b4530a1a;--verde:#1d7a4c;--verde-suave:#1d7a4c1a;--gris-suave:#5a698018;--punto-apagado:#b3bcc9;--seleccion:#8a5c1c14;--velo:#14243d73;--sombra:0 1px 2px #14243d0f, 0 8px 24px #14243d12;--anillo:0 0 0 3px #8a5c1c26;--escena-lateral:.26;--escena-fondo:.13;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root{--escena-puerto:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201000%20320%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22d%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%220%22%20y2%3D%221%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.38%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%22.45%22%2F%3E%3Cstop%20offset%3D%22.8%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%221%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%20stop-opacity%3D%221%22%2F%3E%3C%2FlinearGradient%3E%3Cmask%20id%3D%22m%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%221000%22%20height%3D%22320%22%20fill%3D%22url%28%23d%29%22%2F%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cg%3E%3Cg%20mask%3D%22url%28%23m%29%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cg%3E%3Cpath%20d%3D%22M470%20268V150M556%20268V150M470%20150h86%22%2F%3E%3Cpath%20d%3D%22M418%20132h198M513%20132V96M513%2096%20418%20132M513%2096l103%2036%22%2F%3E%3Crect%20x%3D%22584%22%20y%3D%22132%22%20width%3D%2218%22%20height%3D%2213%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M593%20145v34%22%2F%3E%3Crect%20x%3D%22577%22%20y%3D%22179%22%20width%3D%2232%22%20height%3D%229%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3Cg%20opacity%3D%22.8%22%3E%3Cpath%20d%3D%22M660%20268V166M736%20268V166M660%20166h76%22%2F%3E%3Cpath%20d%3D%22M614%20150h174M698%20150v-32M698%20118l-84%2032M698%20118l90%2032%22%2F%3E%3Crect%20x%3D%22760%22%20y%3D%22150%22%20width%3D%2216%22%20height%3D%2212%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3Cg%20opacity%3D%22.62%22%3E%3Cpath%20d%3D%22M838%20268V182M906%20268V182M838%20182h68%22%2F%3E%3Cpath%20d%3D%22M796%20168h156M876%20168v-28M876%20140l-80%2028M876%20140l76%2028%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M56%20268h336l30-40H86z%22%20%2F%3E%3Cpath%20d%3D%22M340%20228v-34h58v34%22%2F%3E%3Cpath%20d%3D%22M352%20194v-16h32v16%22%2F%3E%3Cpath%20d%3D%22M366%20178v-14%22%2F%3E%3Cg%20stroke-width%3D%222.6%22%20opacity%3D%22.92%22%3E%3Crect%20x%3D%22104%22%20y%3D%22204%22%20width%3D%2252%22%20height%3D%2224%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%22164%22%20y%3D%22204%22%20width%3D%2252%22%20height%3D%2224%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%22224%22%20y%3D%22204%22%20width%3D%2252%22%20height%3D%2224%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%22284%22%20y%3D%22204%22%20width%3D%2248%22%20height%3D%2224%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%22134%22%20y%3D%22180%22%20width%3D%2252%22%20height%3D%2224%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%22194%22%20y%3D%22180%22%20width%3D%2252%22%20height%3D%2224%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%22254%22%20y%3D%22180%22%20width%3D%2252%22%20height%3D%2224%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%22164%22%20y%3D%22156%22%20width%3D%2252%22%20height%3D%2224%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%22224%22%20y%3D%22156%22%20width%3D%2252%22%20height%3D%2224%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3Cg%20stroke-width%3D%222.6%22%20opacity%3D%22.78%22%3E%3Crect%20x%3D%22470%22%20y%3D%22244%22%20width%3D%2246%22%20height%3D%2224%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%22524%22%20y%3D%22244%22%20width%3D%2246%22%20height%3D%2224%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%22497%22%20y%3D%22220%22%20width%3D%2246%22%20height%3D%2224%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%22672%22%20y%3D%22244%22%20width%3D%2246%22%20height%3D%2224%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%22726%22%20y%3D%22244%22%20width%3D%2246%22%20height%3D%2224%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%22699%22%20y%3D%22220%22%20width%3D%2246%22%20height%3D%2224%22%20rx%3D%222%22%2F%3E%3Crect%20x%3D%22846%22%20y%3D%22244%22%20width%3D%2246%22%20height%3D%2224%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M0%20268h1000%22%20stroke-width%3D%223.4%22%2F%3E%3Cg%20stroke-width%3D%222.4%22%20opacity%3D%22.55%22%20stroke-dasharray%3D%2234%2026%22%3E%3Cpath%20d%3D%22M20%20288h420%22%2F%3E%3Cpath%20d%3D%22M120%20306h700%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;transition:background .3s,color .3s}table.tabla-index td,table.tabla-index th,.stat-card .valor,.tarjeta-panel-orden,.campo-fila{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.app-shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.app-shell.con-panel{grid-template-columns:220px 1fr 320px}.vista-shell{grid-template-columns:1fr;display:grid}.vista-shell.con-panel{grid-template-columns:1fr 320px}.sidebar{background:var(--bg-panel);border-right:1px solid var(--border-suave);flex-direction:column;padding:18px 12px 16px;display:flex;position:relative;overflow:hidden}.sidebar .logo{color:var(--accent);align-items:center;padding:4px 6px 2px;display:flex}.sidebar .agencia-nombre{color:var(--text-muted);padding:8px 8px 18px;font-size:12px}.sidebar nav{z-index:1;flex-direction:column;gap:2px;display:flex;position:relative}.sidebar .nav-item{color:var(--text-muted);cursor:pointer;letter-spacing:.045em;border-left:2px solid #0000;border-radius:7px;justify-content:space-between;align-items:center;padding:6.5px 10px;font-size:12.5px;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.sidebar .nav-item:hover{background:var(--bg-panel-2);color:var(--text)}.sidebar .nav-item.activo{background:var(--accent-suave);border-left-color:var(--accent);color:var(--text);font-weight:650}.badge{background:var(--rojo);color:#fff;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.sidebar-divisor{border-top:1px solid var(--border-suave);margin:10px 8px}.sidebar .seccion-titulo{text-transform:uppercase;color:var(--text-tenue);letter-spacing:.14em;margin:12px 10px 4px;font-size:9.5px;font-weight:600}.sidebar .seccion-titulo:first-child{margin-top:2px}.sidebar .usuario-actual{border-top:1px solid var(--border-suave);color:var(--text-muted);background:var(--bg-panel);margin-top:auto;padding:12px 8px 2px;font-size:12px;position:relative}.sidebar .usuario-actual button{white-space:nowrap;width:100%;margin-top:8px}.escena-lateral{opacity:var(--escena-lateral);color:var(--accent);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;position:absolute;bottom:calc(100% + 12px);left:6px;right:-46px}.escena-lateral svg{width:100%;height:auto;display:block}.tema-switch{border:1px solid var(--border-suave);background:var(--bg-panel-2);border-radius:999px;gap:2px;margin:10px 0 2px;padding:3px;display:flex}.tema-switch button{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:999px;flex:1;padding:5px 4px;font-family:inherit;font-size:11px;font-weight:600}.tema-switch button:hover{color:var(--text)}.tema-switch button.activo{background:var(--accent);color:var(--accent-texto)}.contenido{isolation:isolate;padding:22px 26px 32px;position:relative;overflow-x:auto}.contenido:after{content:"";z-index:-1;pointer-events:none;height:190px;opacity:var(--escena-fondo);background-color:var(--accent);-webkit-mask-image:var(--escena-puerto);-webkit-mask-image:var(--escena-puerto);mask-image:var(--escena-puerto);position:absolute;bottom:0;left:0;right:0;-webkit-mask-position:100% 100%;mask-position:100% 100%;-webkit-mask-size:980px;mask-size:980px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.topbar-stats{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.stat-card{background:var(--bg-panel);border:1px solid var(--border-suave);border-radius:var(--radius);min-width:120px;box-shadow:var(--sombra);padding:13px 18px 12px}.stat-card .valor{letter-spacing:-.025em;margin-top:4px;font-size:25px;font-weight:640}.stat-card .etiqueta{color:var(--text-tenue);text-transform:uppercase;letter-spacing:.09em;font-size:10.5px;font-weight:600}.stat-card.rojo .valor{color:var(--rojo)}.stat-card.amarillo .valor{color:var(--amarillo)}.stat-card.verde .valor{color:var(--verde)}.filtros-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.filtros-bar select,.filtros-bar button.tab{background:var(--bg-panel);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s}.filtros-bar select{border-radius:var(--radius)}.filtros-bar button.tab:hover{border-color:var(--text-tenue);color:var(--text)}.filtros-bar button.tab.activo{background:var(--accent-suave);color:var(--accent);border-color:var(--accent);font-weight:650}table.tabla-index{border-collapse:collapse;background:var(--bg-panel);border:1px solid var(--border-suave);border-radius:var(--radius);width:100%;box-shadow:var(--sombra);overflow:hidden}table.tabla-index th{text-align:left;text-transform:uppercase;letter-spacing:.09em;color:var(--text-tenue);border-bottom:1px solid var(--border-suave);white-space:nowrap;padding:9px 12px;font-size:10.5px;font-weight:600}table.tabla-index td{border-bottom:1px solid var(--border-suave);white-space:nowrap;padding:6px 12px;font-size:12.5px}table.tabla-index tbody tr:last-child td{border-bottom:none}table.tabla-index tbody tr{cursor:pointer;transition:background .12s}table.tabla-index tbody tr:hover{background:var(--bg-panel-2)}table.tabla-index tbody tr.seleccionada{background:var(--seleccion);box-shadow:inset 3px 0 0 var(--accent)}.punto{vertical-align:baseline;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block}.punto.rojo{background:var(--rojo)}.punto.amarillo{background:var(--amarillo)}.punto.naranja{background:var(--naranja)}.punto.verde{background:var(--verde)}.punto.apagado{background:var(--punto-apagado)}.pill{letter-spacing:.01em;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:650}.pill.rojo{background:var(--rojo-suave);color:var(--rojo)}.pill.naranja{background:var(--naranja-suave);color:var(--naranja)}.pill.amarillo{background:var(--amarillo-suave);color:var(--amarillo)}.pill.verde{background:var(--verde-suave);color:var(--verde)}.pill.gris{background:var(--gris-suave);color:var(--text-muted)}.panel-detalle{background:var(--bg-panel);border-left:1px solid var(--border-suave);padding:20px 18px;overflow-y:auto}.panel-detalle h2{letter-spacing:-.015em;margin:0 0 3px;font-size:17px;font-weight:650}.panel-detalle .subtitulo{color:var(--text-muted);margin-bottom:16px;font-size:12px}.panel-detalle .aviso-urgente{background:var(--rojo-suave);color:var(--rojo);border-radius:8px;margin-bottom:16px;padding:9px 11px;font-size:12.5px;font-weight:650}.panel-detalle .grupo{margin-bottom:20px}.panel-detalle .grupo-titulo{text-transform:uppercase;color:var(--text-tenue);letter-spacing:.09em;margin-bottom:9px;font-size:10.5px;font-weight:600}.campo-fila{justify-content:space-between;gap:14px;padding:5px 0;font-size:13px;display:flex}.campo-fila .etiqueta{color:var(--text-muted)}.login-wrap{isolation:isolate;background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-wrap:after{content:"";z-index:-1;pointer-events:none;height:46vh;min-height:260px;opacity:calc(var(--escena-fondo) * 1.7);background-color:var(--accent);-webkit-mask-image:var(--escena-puerto);-webkit-mask-image:var(--escena-puerto);mask-image:var(--escena-puerto);position:absolute;bottom:0;left:0;right:0;-webkit-mask-position:bottom;mask-position:bottom;-webkit-mask-size:1500px;mask-size:1500px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.login-card{background:var(--bg-panel);border:1px solid var(--border-suave);width:360px;box-shadow:var(--sombra);border-radius:14px;padding:34px 32px}.login-card h1{letter-spacing:.14em;margin:0 0 6px;font-size:21px;font-weight:700}.login-card .subtitulo{color:var(--text-muted);margin-bottom:24px;font-size:13px}input,select{background:var(--bg-panel-2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;margin-bottom:12px;padding:10px 11px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus{border-color:var(--accent);box-shadow:var(--anillo);outline:none}input::placeholder{color:var(--text-tenue)}button{background:var(--accent);color:var(--accent-texto);border:1px solid var(--accent);cursor:pointer;border-radius:8px;padding:9px 15px;font-family:inherit;font-size:13.5px;font-weight:650;transition:filter .15s,border-color .15s}button:hover{filter:brightness(1.07)}button:focus-visible{box-shadow:var(--anillo);outline:none}button.secundario{background:var(--bg-panel-2);border:1px solid var(--border);color:var(--text);font-weight:550}button.secundario:hover{filter:none;border-color:var(--text-tenue)}button:disabled{opacity:.55;cursor:not-allowed;filter:none}.error-msg{color:var(--rojo);margin-bottom:12px;font-size:12.5px}.vacio{color:var(--text-muted);text-align:center;padding:34px 24px;font-size:13.5px}table.tabla-index th:first-child,table.tabla-index td:first-child{z-index:2;background:var(--bg-panel);position:sticky;left:0}table.tabla-index tbody tr:hover td:first-child{background:var(--bg-panel-2)}table.tabla-index tbody tr.seleccionada td:first-child{background:var(--accent-suave)}.contenido{scrollbar-gutter:stable}@media (width<=1600px){.app-shell.con-panel{grid-template-columns:220px 1fr 300px}.vista-shell.con-panel{grid-template-columns:1fr 300px}}@media (width<=1500px){.app-shell,.app-shell.con-panel{grid-template-columns:194px 1fr}.vista-shell.con-panel{grid-template-columns:1fr}.app-shell.con-panel>.panel-detalle,.vista-shell.con-panel>.panel-detalle{z-index:40;width:330px;max-width:86vw;position:fixed;top:0;bottom:0;right:0;box-shadow:-18px 0 44px -18px #00000061}:is(.vista-shell.con-panel>.panel-detalle:has(>.vacio),.app-shell.con-panel>.panel-detalle:has(>.vacio)){display:none}.contenido{padding:20px 16px 28px}.sidebar{padding:16px 9px 14px}table.tabla-index th{padding:10px 8px;font-size:10px}table.tabla-index td{padding:11px 8px;font-size:12px}}@media (width<=1300px){.app-shell,.app-shell.con-panel{grid-template-columns:164px 1fr}.contenido{padding:18px 10px 26px}.sidebar{padding:14px 7px 12px}table.tabla-index th{padding:9px 6px}table.tabla-index td{padding:10px 6px}}.login-card h1.login-marca{color:var(--accent);margin:0 0 10px;line-height:0}.capa-modal{z-index:50;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.paso-detalle{color:var(--text-tenue);font-size:11.5px;line-height:1.5}.fila-campos{gap:6px;margin-bottom:10px;display:flex}.fila-campos>input,.fila-campos>select{margin-bottom:0}.fila-campos>input:first-child{flex:5;min-width:0}.fila-campos>input:nth-child(2){flex:3;min-width:0}.fila-campos>select{flex:8;min-width:0;padding-right:22px}.campo-flujo{margin-bottom:10px}.casilla{color:var(--text-muted);cursor:pointer;align-items:flex-start;gap:8px;margin-bottom:12px;font-size:12px;line-height:1.4;display:flex}.casilla input[type=checkbox]{width:auto;accent-color:var(--accent);cursor:pointer;margin:2px 0 0}.contenido.columna-central{width:100%;max-width:1040px;margin:0 auto}.contenido.columna-central.angosta{max-width:880px}.contenido.columna-central.estrecha{max-width:640px}table.tabla-index td button{white-space:nowrap;padding:5px 10px;font-size:11.5px}label.etiqueta{margin-bottom:5px;display:block}.tarjeta-ajuste{background:var(--bg-panel);border:1px solid var(--border-suave);border-radius:var(--radius);box-shadow:var(--sombra);margin-bottom:18px;padding:18px}.tarjeta-ajuste h3{letter-spacing:-.01em;margin:0 0 4px;font-size:14px}.tarjeta-ajuste label{color:var(--text-muted);margin-bottom:10px;font-size:12.5px;display:block}.tarjeta-ajuste label input{width:100%;margin-top:4px;display:block}.ok-msg{color:var(--verde);margin-bottom:12px;font-size:12.5px}.zona-peligro{border:1px solid var(--rojo);border-radius:var(--radius);background:linear-gradient(var(--rojo-suave), var(--rojo-suave)), var(--bg-panel);margin-top:40px;padding:18px 20px 20px}.zona-peligro h3{letter-spacing:.1em;text-transform:uppercase;color:var(--rojo);margin:0 0 6px;font-size:12px}.zona-peligro p{color:var(--text-muted);max-width:62ch;margin:0 0 16px;font-size:12.5px;line-height:1.55}.zona-peligro .paso{border-top:1px solid var(--border-suave);align-items:flex-start;gap:12px;padding:12px 0;display:flex}.zona-peligro .paso.apagado{opacity:.45}.zona-peligro .paso-numero{border:1px solid var(--border);width:22px;height:22px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.zona-peligro .paso-numero.listo{background:var(--verde-suave);border-color:var(--verde);color:var(--verde)}button.peligro{background:var(--rojo);color:#fff;border-color:var(--rojo)}button.peligro:disabled{color:var(--text-tenue);border:1px solid var(--border);cursor:not-allowed;background:0 0}button.volver{border:1px solid var(--border-suave);color:var(--text-muted);background:0 0;padding:5px 11px;font-size:12px}button.volver:hover{color:var(--text);border-color:var(--border)}