:root{--bg: #0e1116;--panel: #171c24;--panel-2: #1f2632;--border: #2a3240;--text: #e6e9ef;--muted: #8b95a7;--accent: #d4a017;--accent-2: #b8b8b8;--green: #2ecc71;--red: #e74c3c}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}.muted{color:var(--muted)}.mono{font-family:Cascadia Code,Consolas,monospace}.error{background:#e74c3c1f;border:1px solid rgba(231,76,60,.4);color:#f3b0a8;padding:10px 12px;border-radius:8px;margin:10px 0;font-size:14px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:360px;background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:32px 28px;display:flex;flex-direction:column;gap:10px}.login-logo{height:64px;width:auto;object-fit:contain;margin:0 auto 8px}.login-card h1{font-size:20px;margin:0;text-align:center}.login-card>p{text-align:center;margin:0 0 12px;font-size:14px}.login-card label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.login-card input{background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:8px;font-size:14px}.login-card button,.app button{background:var(--accent);color:#1a1400;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px}.login-card button{margin-top:8px}.login-card button:disabled{opacity:.6;cursor:default}.app{max-width:1200px;margin:0 auto;padding:0 20px 40px}.app-header{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border);margin-bottom:20px}.brand{display:flex;align-items:center;gap:12px}.logo-img{height:42px;width:auto;object-fit:contain}.brand .title{font-weight:700;font-size:16px}.brand .subtitle{color:var(--muted);font-size:12px}button.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.stats{display:flex;gap:14px;margin-bottom:18px}.stat{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px 22px;min-width:130px}.stat-num{font-size:28px;font-weight:700}.stat-num.online{color:var(--green)}.stat-label{color:var(--muted);font-size:13px}.stat.filtro{cursor:pointer;text-align:left;font:inherit;background:var(--panel);color:var(--text);border:1px solid var(--border);padding:16px 22px;transition:border-color .12s,box-shadow .12s,background .12s,transform .06s}.stat.filtro .stat-num{color:var(--text)}.stat.filtro .stat-num.online{color:var(--green)}.stat.filtro .stat-label{color:var(--muted)}.stat.filtro:hover{border-color:var(--accent-2);background:var(--panel-2)}.stat.filtro:active{transform:translateY(1px)}.stat.filtro.activo{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--panel-2)}.stat.filtro.activo .stat-label{color:var(--accent)}.filtros-derecha{margin-left:auto;display:flex;gap:12px;align-items:flex-end}.filtro-campo{display:flex;flex-direction:column;gap:4px}.filtro-campo>span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.03em}.filtro-campo select{background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:8px 10px;border-radius:8px;font-size:13px;min-width:150px}.mapa-btn.activo{border-color:var(--accent);color:var(--accent)}.filtro-activo-bar{display:flex;align-items:center;gap:12px;margin-bottom:14px;font-size:13px}.mapa-wrap{position:relative;height:460px;background:radial-gradient(circle at 50% 45%,#131a24,#0e1116 70%);border:1px solid var(--border);border-radius:12px;margin-bottom:18px;overflow:hidden}.mapa-canvas{display:block;width:100%;height:100%;cursor:grab}.mapa-tooltip{position:absolute;pointer-events:none;background:#141a23f2;border:1px solid var(--border);border-radius:8px;padding:7px 10px;font-size:12px;line-height:1.4;color:var(--text);opacity:0;transition:opacity .1s;max-width:240px;z-index:3}.mapa-tooltip span{color:var(--muted)}.mapa-legend{position:absolute;left:14px;bottom:12px;display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--muted)}.mapa-legend span{display:inline-flex;align-items:center;gap:6px}.mapa-legend i{width:10px;height:10px;border-radius:50%;display:inline-block}.mapa-hint{position:absolute;right:14px;bottom:12px;font-size:11px;color:var(--muted)}.mapa-vertodo{position:absolute;right:14px;top:12px;background:#141a23e6!important;color:var(--text)!important;border:1px solid var(--border)!important;padding:6px 12px!important;border-radius:8px;font-size:12px!important;font-weight:600;cursor:pointer;z-index:3}.mapa-vertodo:hover{border-color:var(--accent)!important;color:var(--accent)!important}.toolbar{display:flex;gap:10px;margin-bottom:14px}.search{flex:1;background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:9px 12px;border-radius:8px;font-size:14px}table.grid{width:100%;border-collapse:collapse;font-size:14px}table.grid th{text-align:left;color:var(--muted);font-weight:600;padding:10px 12px;border-bottom:1px solid var(--border);font-size:12px;text-transform:uppercase;letter-spacing:.03em}table.grid td{padding:12px;border-bottom:1px solid var(--border)}table.grid tr:hover td{background:var(--panel)}.badge{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge.on{background:#2ecc7126;color:var(--green)}.badge.off{background:#8b95a726;color:var(--muted)}.tabs{display:flex;gap:4px;margin-left:auto;margin-right:12px}.tabs button{background:transparent;color:var(--muted);border:none;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600}.tabs button:hover{background:var(--panel-2);color:var(--text)}.tabs button.active{background:var(--accent);color:#1a1400}table.grid select{background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:6px 8px;border-radius:6px;font-size:13px;min-width:130px}.form-row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.form-row input,.form-row select{background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:9px 12px;border-radius:8px;font-size:14px}.form-row input{flex:1;min-width:150px}button.small{padding:5px 12px;font-size:13px}td.right{text-align:right}th:last-child{text-align:right}td.danger,.danger{color:#f3776b;font-weight:600}.small-cell{font-size:12px;max-width:180px}button.link{background:transparent;border:none;color:var(--text);cursor:pointer;padding:0;font-size:14px;font-weight:600}button.link:hover{color:var(--accent)}tr.expanded td{background:var(--panel)}.detalle-row td{background:var(--panel);padding:0}.detalle{display:flex;gap:28px;padding:18px 16px;flex-wrap:wrap}.detalle-col{flex:1;min-width:320px}.detalle h4{margin:0 0 10px;font-size:14px}.ficha{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:13px}.ficha dt{color:var(--muted)}.ficha dd{margin:0;display:flex;align-items:center;gap:8px;overflow:hidden}.ficha dd .mono{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-row{display:flex;gap:10px}.prediccion{margin-top:8px;font-size:13px}.mant-stats{display:flex;gap:24px;margin:4px 0 8px}.mant-stats strong{font-size:20px}.remoto-id{display:flex;align-items:center;gap:10px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:8px 12px;margin-top:4px}.remoto-id .mono{font-size:16px;letter-spacing:.04em;flex:1}a.btn-remoto{display:inline-block;background:var(--accent);color:#1a1400;text-decoration:none;padding:10px 16px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer}a.btn-remoto:hover{filter:brightness(1.06)}.install-form{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.install-form select,.install-form input{background:var(--panel-2);border:1px solid var(--border);color:var(--text);padding:9px 12px;border-radius:8px;font-size:14px;width:100%}.repo-apps{margin:4px 0 12px}.btn-subir{display:inline-block;cursor:pointer;background:var(--panel-2);border:1px dashed var(--border);color:var(--text);padding:9px 14px;border-radius:8px;font-size:13px;font-weight:600}.btn-subir:hover{border-color:var(--accent, #4c8dff)}.btn-subir.disabled{opacity:.6;cursor:default}.repo-list{list-style:none;margin:10px 0 4px;padding:0}.repo-list li{display:flex;align-items:center;gap:12px;padding:6px 0;border-bottom:1px solid var(--border);font-size:13px}.repo-list li .mono{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link{background:none;border:none;color:var(--accent, #4c8dff);cursor:pointer;padding:0;font-size:13px}.link.danger{color:var(--red, #e5534b)}table.grid.comandos{margin-top:12px}table.grid.comandos th,table.grid.comandos td{padding:7px 8px;font-size:13px}.estado-ok{color:var(--green);font-weight:600}.log-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:grid;place-items:center;z-index:50;padding:20px}.log-box{background:var(--panel);border:1px solid var(--border);border-radius:12px;width:min(760px,100%);max-height:80vh;display:flex;flex-direction:column}.log-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.log-box pre{margin:0;padding:16px;overflow:auto;font-size:12px;white-space:pre-wrap;word-break:break-word;color:var(--text)}svg.timeline{width:100%;height:140px;display:block}svg.timeline .axis{stroke:var(--border);stroke-width:1}svg.timeline .line{fill:none;stroke:var(--accent);stroke-width:2}svg.timeline .area{fill:#d4a0171f;stroke:none}svg.timeline .dot{fill:var(--accent)}svg.timeline .lbl{fill:var(--muted);font-size:11px}svg.timeline .line.cpu{stroke:#e08a1e}svg.timeline .line.mem{stroke:#4d8bd4}.carga-chip{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:10px;font-size:11px;font-weight:600;color:var(--muted);background:#80808024}.carga-chip.danger{color:#fff;background:#e5534b}.carga-chip.warn{color:#7a5b00;background:#f4d06a}.net-cell{display:inline-flex;align-items:center;gap:2px;white-space:nowrap}.net-io{font-size:12px}.medidor{margin-bottom:12px}.medidor-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px}.medidor-lbl{font-weight:600;font-size:13px}.medidor-val{font-variant-numeric:tabular-nums;font-weight:700}.medidor-val.ok{color:#3fae6a}.medidor-val.warn{color:#d9a015}.medidor-val.crit{color:#e5534b}.medidor-track{height:8px;border-radius:6px;background:#8080802e;overflow:hidden}.medidor-fill{height:100%;border-radius:6px;transition:width .4s ease}.medidor-fill.ok{background:#3fae6a}.medidor-fill.warn{background:#d9a015}.medidor-fill.crit{background:#e5534b}.tab-badge{display:inline-block;min-width:18px;margin-left:6px;padding:0 5px;border-radius:9px;font-size:11px;font-weight:700;line-height:18px;text-align:center;color:#fff;background:#e5534b}.badge-sev{display:inline-block;padding:2px 9px;border-radius:12px;font-size:12px;font-weight:600}.badge-sev.critical{color:#fff;background:#e5534b}.badge-sev.warning{color:#7a5b00;background:#f4d06a}.switch-row{display:flex;align-items:center;gap:8px;font-weight:600;cursor:pointer}.switch-row input{width:16px;height:16px;cursor:pointer}.prod-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}@media (max-width: 900px){.prod-grid{grid-template-columns:1fr}}.barras{display:flex;flex-direction:column;gap:6px}.barra-fila{display:grid;grid-template-columns:130px 1fr 74px;align-items:center;gap:8px}.barra-lbl{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barra-track{height:14px;background:#80808026;border-radius:6px;overflow:hidden}.barra-fill{height:100%;border-radius:6px;min-width:2px;transition:width .4s ease}.barra-val{font-size:12px;text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}.badge-cat{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;color:#fff}.reglas-view code{background:#80808024;padding:1px 6px;border-radius:5px;font-size:12px}.reglas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 8px;flex-wrap:wrap}.reglas-buscar{min-width:220px;flex:0 1 320px}.reglas-view td select{padding:4px 6px}.dot-cat{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;vertical-align:middle}.ghost.danger{color:var(--danger, #e5534b)}.ghost.danger:hover{background:#e5534b1f}.prod-h{margin:18px 0 8px;font-size:14px}.prod-h:first-child{margin-top:4px}.prod-hora-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.prod-hora-head h4{font-size:14px}.seg{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.seg button{background:transparent;color:var(--muted);border:none;padding:4px 12px;font-size:12px;cursor:pointer}.seg button+button{border-left:1px solid var(--border)}.seg button.on{background:var(--accent);color:#14161a;font-weight:600}.jornada-stats{margin-bottom:6px}.jornada-barra{display:flex;height:16px;border-radius:8px;overflow:hidden;background:#80808026;margin:4px 0 6px}.jornada-seg{height:100%;transition:width .4s ease}.jornada-nota{margin-top:0;font-size:12px}.crono-wrap{margin:14px 0 4px}.crono-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.crono-nav{display:flex;align-items:center;gap:8px}.crono-btn{border:1px solid rgba(128,128,128,.35);background:transparent;color:inherit;border-radius:6px;padding:2px 9px;cursor:pointer;line-height:1.4}.crono-btn:hover{background:#80808026}.crono-fecha{font-variant-numeric:tabular-nums;font-size:13px;min-width:92px;text-align:center}.crono-banda{display:flex;height:34px;border-radius:6px;overflow:hidden;background:#8080801f}.crono-slot{flex:1;height:100%;min-width:1px}.crono-slot:hover{outline:1px solid rgba(0,0,0,.35);outline-offset:-1px}.crono-gap{background:repeating-linear-gradient(45deg,#8080801a,#8080801a 3px,#80808038 3px,#80808038 6px)}.crono-eje{display:flex;margin-top:3px}.crono-tick{font-size:10px;color:var(--muted, #8a94a6);font-variant-numeric:tabular-nums;white-space:nowrap}.crono-leyenda{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;font-size:12px;color:var(--muted, #8a94a6)}.crono-leyenda span{display:inline-flex;align-items:center;gap:5px}.crono-leyenda i{width:11px;height:11px;border-radius:3px;display:inline-block}.perfiles-grid{display:grid;grid-template-columns:minmax(240px,1fr) minmax(320px,1.6fr);gap:20px}@media (max-width: 780px){.perfiles-grid{grid-template-columns:1fr}}.perfil-list{display:flex;flex-direction:column;gap:6px}.perfil-item{position:relative;border:1px solid rgba(128,128,128,.25);border-radius:8px;padding:8px 30px 8px 10px;cursor:pointer}.perfil-item:hover{background:#80808014}.perfil-item.sel{border-color:var(--accent, #3fae6a);background:#3fae6a1a}.perfil-nom{font-weight:600;font-size:13px}.perfil-meta{font-size:11px;margin-top:2px}.perfil-del{position:absolute;top:6px;right:6px;border:none;background:transparent;color:var(--muted, #8a94a6);cursor:pointer;font-size:12px;line-height:1;padding:3px}.perfil-del:hover{color:#e5534b}.perfil-add{display:flex;gap:6px;margin-top:10px}.perfil-add input{flex:1}.perfil-regla-add{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.perfil-regla-add input{flex:1;min-width:120px}.upd-chip{display:inline-block;margin-left:8px;padding:1px 7px;border-radius:10px;font-size:11px;font-weight:600;background:#c98a3a2e;color:#c98a3a;vertical-align:middle}.ver-box{margin-top:10px;padding:8px 10px;border:1px solid rgba(128,128,128,.2);border-radius:8px}.ver-fila{display:flex;align-items:center;gap:8px;font-size:12px;padding:2px 0}.ver-lbl{min-width:150px;color:var(--muted)}.ver-badge{padding:1px 7px;border-radius:10px;font-size:11px;font-weight:600}.ver-ok{background:#3fae6a29;color:#3fae6a}.ver-upd{background:#c98a3a2e;color:#c98a3a}.ver-unk{background:#8080802e;color:var(--muted)}.ver-accion{display:flex;align-items:center;gap:10px;margin-top:8px}.btn-update{padding:5px 12px;border-radius:8px;border:1px solid var(--accent, #3b82f6);background:#3b82f61f;color:var(--accent, #3b82f6);font-weight:600;font-size:12px;cursor:pointer}.btn-update:hover:not(:disabled){background:#3b82f638}.btn-update:disabled{opacity:.5;cursor:not-allowed}.ver-ok-msg{color:#3fae6a;font-size:11px;font-weight:600}.aviso{background:#d4a0171a;border:1px solid var(--accent);color:var(--text);border-radius:8px;padding:8px 10px;font-size:12px}.zona-peligro{margin-top:14px;padding-top:12px;border-top:1px dashed var(--border)}.zona-peligro h5{margin:0 0 8px;color:#e5484d;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.app button.peligro{background:#e5484d24;border:1px solid #e5484d;color:#ff8a8d;font-weight:600}.app button.peligro:hover:not(:disabled){background:#e5484d3d}.app button.peligro:disabled{opacity:.5;cursor:not-allowed}.papelera{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-bottom:14px}.papelera-head{display:flex;align-items:baseline;gap:12px;margin-bottom:10px;flex-wrap:wrap}.papelera-head .muted{font-size:12px}