@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{background:#080e1a;font-family:Space Grotesk,sans-serif}.app{color:#cbd5e1;height:100vh;display:flex;overflow:hidden}.sb{background:#0c1525;border-right:1px solid #1a2940;flex-direction:column;flex-shrink:0;width:230px;display:flex}.sb-logo{border-bottom:1px solid #1a2940;padding:18px 16px}.logo-wrap{align-items:center;gap:10px;display:flex}.logo-sun{background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;display:flex;box-shadow:0 0 16px #f59e0b44}.logo-t{color:#f1f5f9;font-size:13px;font-weight:700;line-height:1.2}.logo-s{color:#475569;margin-top:1px;font-size:10px;font-weight:400}.nav{flex-direction:column;flex:1;gap:1px;padding:10px 8px;display:flex;overflow-y:auto}.ns{text-transform:uppercase;letter-spacing:1.8px;color:#334155;padding:10px 10px 4px;font-size:9.5px;font-weight:600}.ni{cursor:pointer;color:#64748b;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:9px;width:100%;padding:8px 10px;font-size:12.5px;transition:all .15s;display:flex}.ni:hover{color:#cbd5e1;background:#1a2940}.ni.on{color:#60a5fa;background:#0f2240;font-weight:600}.ni .ic{text-align:center;width:16px;font-size:14px}.ni .badge{color:#f87171;background:#ef444422;border-radius:8px;margin-left:auto;padding:1px 6px;font-size:9px;font-weight:700}.sb-park{padding:10px 10px 14px}.park-card{background:#0f2240;border:1px solid #1e3a5f;border-radius:9px;padding:10px 12px}.pc-name{color:#e2e8f0;font-size:11.5px;font-weight:600}.pc-sub{color:#60a5fa;margin-top:2px;font-size:10px}.pc-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;margin-right:4px;animation:2s infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.main{flex-direction:column;flex:1;display:flex;overflow-y:auto}.topbar{z-index:20;background:#0c1525;border-bottom:1px solid #1a2940;justify-content:space-between;align-items:center;padding:14px 22px;display:flex;position:sticky;top:0}.tb-l .tb-title{color:#f1f5f9;font-size:16px;font-weight:700}.tb-l .tb-sub{color:#475569;margin-top:1px;font-size:11px}.tb-r{align-items:center;gap:8px;display:flex}.chip{border-radius:20px;padding:4px 10px;font-size:10.5px;font-weight:600}.chip-g{color:#4ade80;background:#14532d33;border:1px solid #14532d}.chip-b{color:#60a5fa;background:#1e3a5f;border:1px solid #1e4a7a}.chip-r{color:#f87171;background:#ef444422;border:1px solid #7f1d1d}.chip-o{color:#fb923c;background:#431407;border:1px solid #7c2d12}.av{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:flex}.cnt{flex:1;padding:18px 22px}.kgrid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}.kcard{background:#0c1525;border:1px solid #1a2940;border-radius:10px;padding:14px 16px;position:relative;overflow:hidden}.kcard:after{content:"";pointer-events:none;border-radius:10px;position:absolute;inset:0}.kcard.bl{border-top:2px solid #3b82f6}.kcard.gr{border-top:2px solid #22c55e}.kcard.or{border-top:2px solid #f59e0b}.kcard.pu{border-top:2px solid #a78bfa}.kcard.re{border-top:2px solid #ef4444}.klabel{text-transform:uppercase;letter-spacing:.8px;color:#475569;margin-bottom:6px;font-size:10px;font-weight:600}.kval{color:#f1f5f9;font-family:JetBrains Mono,monospace;font-size:24px;font-weight:700;line-height:1}.kunit{color:#64748b;margin-left:3px;font-size:12px;font-weight:400}.kdelta{color:#64748b;margin-top:5px;font-size:10.5px}.ksub{color:#334155;margin-top:4px;font-size:10px}.g2{grid-template-columns:3fr 2fr;gap:12px;margin-bottom:16px;display:grid}.g2b{grid-template-columns:2fr 1fr;gap:12px;margin-bottom:16px;display:grid}.g3{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.card{background:#0c1525;border:1px solid #1a2940;border-radius:10px;margin-bottom:12px;padding:14px 16px}.card-t{color:#e2e8f0;margin-bottom:2px;font-size:12.5px;font-weight:700}.card-s{color:#475569;margin-bottom:12px;font-size:10.5px}.tabs{background:#080e1a;border:1px solid #1a2940;border-radius:7px;gap:2px;width:fit-content;margin-bottom:12px;padding:3px;display:flex}.tab{cursor:pointer;color:#475569;background:0 0;border:none;border-radius:5px;padding:5px 14px;font-size:11.5px;font-weight:500;transition:all .15s}.tab.on{color:#60a5fa;background:#0f2240}.tbl{border-collapse:collapse;width:100%}.tbl thead th{text-transform:uppercase;letter-spacing:.8px;color:#334155;text-align:left;border-bottom:1px solid #1a2940;padding:7px 10px;font-size:10px;font-weight:600}.tbl tbody tr{border-bottom:1px solid #0c1525}.tbl tbody tr:hover{background:#0f1e30}.tbl tbody td{color:#94a3b8;padding:9px 10px;font-size:12px}.tbadge{border-radius:12px;padding:2px 8px;font-size:10px;font-weight:600}.t-titular{color:#60a5fa;background:#0f2240}.t-int{color:#64748b;background:#1a2940}.t-off{color:#f87171;background:#1c0a0a}.pbar{align-items:center;gap:6px;display:flex}.ptrack{background:#1a2940;border-radius:3px;flex:1;height:5px;overflow:hidden}.pfill{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:3px;height:100%}.alarm{border-bottom:1px solid #1a2940;align-items:flex-start;gap:10px;padding:9px 0;display:flex}.alarm:last-child{border-bottom:none}.adot{border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:4px}.adot.er{background:#ef4444;box-shadow:0 0 6px #ef444488}.adot.wa{background:#f59e0b;box-shadow:0 0 6px #f59e0b88}.adot.in{background:#3b82f6}.amsg{color:#cbd5e1;font-size:11.5px;line-height:1.4}.ameta{color:#334155;align-items:center;gap:6px;margin-top:2px;font-size:10px;display:flex}.aestado{border-radius:8px;padding:1px 7px;font-size:9.5px;font-weight:600}.aestado.activa{color:#fca5a5;background:#7f1d1d33}.aestado.resuelta{color:#86efac;background:#14532d33}.afuente{color:#1e4a7a;background:#0f2240;border-radius:5px;padding:1px 6px;font-size:9.5px}.med-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:10px;display:grid}.med-stat{text-align:center;background:#080e1a;border:1px solid #1a2940;border-radius:8px;padding:10px 12px}.med-label{text-transform:uppercase;letter-spacing:.8px;color:#334155;margin-bottom:4px;font-size:10px}.med-val{color:#f1f5f9;font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700}.med-unit{color:#475569;margin-left:2px;font-size:10px}.acum-table{width:100%;font-size:11px}.acum-table th{color:#334155;text-align:right;text-transform:uppercase;letter-spacing:.5px;background:#080e1a;padding:6px 8px;font-size:9.5px;font-weight:600}.acum-table th:first-child{text-align:left}.acum-table td{color:#94a3b8;text-align:right;border-bottom:1px solid #1a2940;padding:5px 8px;font-family:JetBrains Mono,monospace;font-size:11px}.acum-table td:first-child{text-align:left;color:#60a5fa;font-family:Space Grotesk,sans-serif;font-weight:600}.acum-table tr:hover td{background:#0f1e30}.fin3{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.find{text-align:center;background:#080e1a;border:1px solid #1a2940;border-radius:9px;padding:14px}.find-l{color:#334155;text-transform:uppercase;letter-spacing:.8px;margin-bottom:6px;font-size:10px}.find-v{font-family:JetBrains Mono,monospace;font-size:22px;font-weight:700}.fgr{color:#4ade80}.fbl{color:#60a5fa}.for{color:#fb923c}.envg{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.envc{text-align:center;background:#040e08;border:1px solid #14532d33;border-radius:10px;padding:16px}.envi{margin-bottom:8px;font-size:28px}.envv{color:#4ade80;font-family:JetBrains Mono,monospace;font-size:19px;font-weight:700}.envl{color:#4ade8099;text-transform:uppercase;letter-spacing:.6px;margin-top:3px;font-size:10px}.plant-item{background:#080e1a;border:1px solid #1a2940;border-radius:8px;margin-bottom:8px;padding:12px}.pi-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.pi-name{color:#e2e8f0;font-size:13px;font-weight:600}.pi-stats{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.pi-stat{text-align:center}.pi-stat-l{color:#334155;text-transform:uppercase;letter-spacing:.5px;font-size:9.5px}.pi-stat-v{color:#f1f5f9;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#080e1a}::-webkit-scrollbar-thumb{background:#1a2940;border-radius:2px}.mono{font-family:JetBrains Mono,monospace}.sep{background:#1a2940;height:1px;margin:10px 0}.badge-ok{color:#4ade80;background:#14532d33;border:1px solid #14532d;border-radius:8px;padding:2px 8px;font-size:10px;font-weight:600}.badge-warn{color:#fb923c;background:#431407;border:1px solid #7c2d12;border-radius:8px;padding:2px 8px;font-size:10px;font-weight:600}.badge-err{color:#f87171;background:#7f1d1d33;border:1px solid #7f1d1d;border-radius:8px;padding:2px 8px;font-size:10px;font-weight:600}