:root,[data-theme=oscuro]{--bg: #0b111a;--panel: #131c29;--head: #0f1723;--border: #1f2c3e;--border2: #1b2634;--sidebar: #0e1521;--sidebar-border: #1d2a3c;--text: #e6edf6;--text2: #c9d8e8;--muted: #8ca0b8;--muted2: #7c90a8;--dim: #5e7188;--dim2: #41536b;--accent: #35e0c0;--accent-rgb: 53, 224, 192;--accent-deep: #1e7f9e;--on-accent: #08141a;--active-bg: #17293a;--nav-fg: #a8bace;--nav-dot: #31435a;--chip: #111a26;--chip-border: #223047;--hover: #17222f;--grid: #1e2b3d;--blue: #6aa9ff;--blue-soft: #5e8fb5;--warn: #f5a524;--bad: #f2555a;--code-text: #9fb3c8;--code-bg: #0c131d;--avatar: #1e3a4c;--map-land: #152230;--map-stroke: #26394f;--kvar-legend: #2c5a70;--varline: #4e93b4;--bar2: #2f7f9c;--accent-border: #24483f;--blue-border: #24384f;--danger-border: #3a2732;--link-hover: #9ac5ff;--scroll-thumb: #25344a;--header-bg: rgba(11, 17, 26, .92);--shadow: 0 1px 2px rgba(0, 0, 0, .4)}[data-theme=claro]{--bg: #f1f5f9;--panel: #ffffff;--head: #eef2f7;--border: #dce3ec;--border2: #eaeff5;--sidebar: #ffffff;--sidebar-border: #e1e7ef;--text: #10202f;--text2: #33475c;--muted: #5c7288;--muted2: #6a7f95;--dim: #8496a9;--dim2: #a7b4c2;--accent: #0e9e86;--accent-rgb: 14, 158, 134;--accent-deep: #0b7e9e;--on-accent: #ffffff;--active-bg: #e1f4ef;--nav-fg: #3e5468;--nav-dot: #c4d0dc;--chip: #ffffff;--chip-border: #d6dee8;--hover: #f4f7fa;--grid: #e5eaf1;--blue: #1f6feb;--blue-soft: #3e7baa;--warn: #b26a00;--bad: #c8353f;--code-text: #3c5064;--code-bg: #f6f9fc;--avatar: #dbf1ec;--map-land: #e6ecf3;--map-stroke: #c3d2e0;--kvar-legend: #5e93ac;--varline: #3e7ba0;--bar2: #2e7d9a;--accent-border: #b7e3da;--blue-border: #c4d8f0;--danger-border: #f0d3d6;--link-hover: #1b4fbf;--scroll-thumb: #c7d2de;--header-bg: rgba(241, 245, 249, .92);--shadow: 0 1px 2px rgba(16, 32, 47, .06)}:root{--font-sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", "Cascadia Mono", monospace}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--bg)}body{color:var(--text);font-family:var(--font-sans);font-size:14px;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:6px}::-webkit-scrollbar-track{background:var(--head)}a{color:var(--blue);text-decoration:none}a:hover{color:var(--link-hover)}button{font-family:inherit;transition:background .12s ease,border-color .12s ease,color .12s ease}input,select,textarea{font-family:inherit}.mono{font-family:var(--font-mono)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.shell{display:flex;min-height:100vh}.sidebar{width:246px;flex:none;background:var(--sidebar);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar__brand{padding:22px 20px 18px;border-bottom:1px solid var(--sidebar-border);display:flex;align-items:center;gap:11px}.sidebar__logo{width:32px;height:32px;border-radius:8px;background:linear-gradient(150deg,var(--accent),var(--accent-deep));display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--on-accent);font-size:15px}.sidebar__name{font-weight:700;letter-spacing:.08em;font-size:14px}.sidebar__sub{font-size:10.5px;color:var(--muted2);letter-spacing:.06em}.sidebar__nav{flex:1;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:18px}.navgroup{display:flex;flex-direction:column;gap:3px}.navgroup__label{font-size:10px;letter-spacing:.13em;color:var(--dim);padding:4px 10px 6px;font-weight:600}.navitem{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px 10px;border:0;border-radius:7px;cursor:pointer;font-size:13px;background:transparent;color:var(--nav-fg)}.navitem:hover{background:var(--active-bg)}.navitem--on{background:var(--active-bg);color:var(--accent)}.navitem__dot{width:6px;height:6px;border-radius:50%;flex:none;background:var(--nav-dot)}.navitem--on .navitem__dot{background:var(--accent)}.navitem__badge{font-family:var(--font-mono);font-size:10.5px;color:var(--dim)}.sidebar__foot{padding:14px 16px;border-top:1px solid var(--sidebar-border);display:flex;flex-direction:column;gap:7px}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:5;background:var(--header-bg);backdrop-filter:blur(8px);border-bottom:1px solid var(--sidebar-border);padding:16px 28px;display:flex;align-items:center;gap:20px}.topbar__crumb{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--dim);letter-spacing:.04em}.topbar__title{font-size:18px;font-weight:600;letter-spacing:-.01em}.topbar__sub{font-size:12px;color:var(--muted2)}.topbar__spacer{flex:1}.topbar__actions{display:flex;align-items:center;gap:10px}.clock{display:flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--chip-border);border-radius:8px;background:var(--chip);font-family:var(--font-mono);font-size:12px;color:var(--code-text)}.avatar{width:30px;height:30px;border-radius:50%;background:var(--avatar);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.page{padding:24px 28px 44px;display:flex;flex-direction:column;gap:24px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px}.panel--pad{padding:18px 20px}.panel--clip{overflow:hidden}.panel__head{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.panel__title{font-size:14px;font-weight:600}.panel__note{font-size:11.5px;color:var(--muted2)}.panel__body{padding:16px 20px}.grid{display:grid;gap:18px}.grid--kpi{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--main{grid-template-columns:2.1fr 1fr}.grid--wide{grid-template-columns:1.35fr 1fr}.grid--split{grid-template-columns:1.5fr 1fr}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.kpi{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px 17px;display:flex;flex-direction:column;gap:9px}.kpi__label{font-size:11.5px;color:var(--muted2);letter-spacing:.03em}.kpi__value{display:flex;align-items:baseline;gap:6px}.kpi__number{font-size:26px;font-weight:600;letter-spacing:-.02em;font-family:var(--font-mono)}.kpi__unit{font-size:12px;color:var(--muted2)}.kpi__delta{font-size:11px;color:var(--muted2)}.kpi--sm .kpi__number{font-size:24px}.tone-ok{color:var(--accent)}.tone-warn{color:var(--warn)}.tone-bad{color:var(--bad)}.tone-info{color:var(--blue)}.tone-neutral{color:var(--text)}.muted{color:var(--muted)}.muted2{color:var(--muted2)}.dim{color:var(--dim)}.table{width:100%;border-collapse:collapse}.table thead tr{text-align:left;color:var(--muted2);font-size:11px;letter-spacing:.06em;background:var(--head)}.table th{padding:11px 12px;font-weight:500;white-space:nowrap}.table th:first-child,.table td:first-child{padding-left:20px}.table th:last-child,.table td:last-child{padding-right:20px}.table td{padding:11px 12px}.table tbody tr{border-top:1px solid var(--border2);transition:background .12s ease}.table tbody tr.clickable{cursor:pointer}.table tbody tr.clickable:hover{background:var(--hover)}.table .right{text-align:right}.table__scroll{overflow-x:auto}.state{display:inline-flex;align-items:center;gap:8px;font-size:12.5px}.state__dot{width:7px;height:7px;border-radius:50%;flex:none}.chip{padding:9px 14px;border:1px solid var(--chip-border);border-radius:9px;background:var(--chip);color:var(--nav-fg);font-size:12.5px;cursor:pointer}.chip:hover{border-color:var(--accent);color:var(--accent)}.chip--on{border-color:var(--accent);background:var(--active-bg);color:var(--accent)}.chip--sm{padding:6px 12px;font-size:11.5px;border-radius:7px}.btn{padding:9px 16px;border:1px solid var(--chip-border);border-radius:9px;background:var(--chip);color:var(--text2);font-size:12.5px;cursor:pointer}.btn:hover{border-color:var(--accent);color:var(--accent)}.btn--primary{border:0;background:var(--accent);color:var(--on-accent);font-weight:600}.btn--primary:hover{background:var(--accent);color:var(--on-accent);filter:brightness(1.08)}.btn--danger{color:var(--bad);border-color:var(--danger-border)}.btn--danger:hover{border-color:var(--bad);color:var(--bad)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--icon{width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center}.search{display:flex;align-items:center;gap:9px;flex:1;max-width:340px;padding:9px 13px;border:1px solid var(--chip-border);border-radius:9px;background:var(--chip)}.search input{flex:1;border:0;outline:none;background:transparent;color:var(--text);font-size:13px}.field{display:flex;flex-direction:column;gap:6px}.field__label{font-size:11px;color:var(--muted2);letter-spacing:.05em}.field input,.field select,.select{padding:9px 13px;border:1px solid var(--chip-border);border-radius:9px;background:var(--chip);color:var(--text);font-size:12.5px;outline:none}.field input:focus,.field select:focus,.select:focus{border-color:var(--accent)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);overflow-x:auto}.tab{padding:11px 16px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:13px;cursor:pointer;white-space:nowrap}.tab:hover{color:var(--text)}.tab--on{color:var(--accent);border-bottom-color:var(--accent)}.badge{font-family:var(--font-mono);font-size:11px;color:var(--on-accent);background:var(--accent);padding:2px 7px;border-radius:5px;font-weight:600}.badge--blue{background:var(--blue)}.legend{display:flex;gap:14px;font-size:11.5px;color:var(--muted);flex-wrap:wrap}.legend span{display:flex;align-items:center;gap:6px}.legend i{width:9px;height:9px;border-radius:2px;display:inline-block}.legend i.line{height:3px;border-radius:0}.axis{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10.5px;color:var(--dim);padding:8px 0 4px}.bar{height:6px;border-radius:3px;background:var(--border2);overflow:hidden}.bar>i{display:block;height:100%}.kv{display:flex;gap:14px;padding:8px 0;border-bottom:1px solid var(--border2);font-size:12.5px}.kv:last-child{border-bottom:0}.kv__k{flex:1;color:var(--muted);font-family:var(--font-mono);font-size:11.5px}.kv__v{color:var(--text);text-align:right}.code{background:var(--code-bg);border:1px solid var(--border2);border-radius:10px;padding:14px 16px;font-family:var(--font-mono);font-size:11.5px;color:var(--code-text);white-space:pre-wrap;word-break:break-word;margin:0;overflow-x:auto}.alarm{display:flex;gap:12px;padding:12px 20px;border-bottom:1px solid var(--border2)}.alarm:last-child{border-bottom:0}.alarm__rail{width:3px;border-radius:2px;flex:none}.alarm__body{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.alarm__title{font-size:12.5px;color:var(--text)}.alarm__detail{font-size:11px;color:var(--muted2)}.alarm__time{font-family:var(--font-mono);font-size:11px;color:var(--dim);white-space:nowrap}.empty{padding:40px 20px;text-align:center;color:var(--muted2);font-size:13px}.login__brand{display:flex;align-items:center;gap:12px}@media(max-width:1180px){.grid--main,.grid--wide,.grid--split,.grid--2,.grid--3{grid-template-columns:minmax(0,1fr)}}@media(max-width:900px){.shell{flex-direction:column}.sidebar{width:100%;height:auto;position:static;border-right:0;border-bottom:1px solid var(--sidebar-border)}.sidebar__nav{flex-direction:row;overflow-x:auto;gap:10px}.sidebar__foot{display:none}.page{padding:18px 16px 36px}.topbar{padding:14px 16px;flex-wrap:wrap}}.datatable{display:flex;flex-direction:column}.datatable__filtros{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px 20px;border-bottom:1px solid var(--border)}.datatable__scroll{overflow-x:auto}.datatable__tabla th.sortable{cursor:pointer;user-select:none;white-space:nowrap}.datatable__tabla th.sortable:hover{color:var(--accent)}.datatable__orden{margin-left:6px;opacity:.5;font-size:10px}.datatable__tabla th[aria-sort] .datatable__orden{opacity:1;color:var(--accent)}.datatable__pie{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:12px 20px;border-top:1px solid var(--border)}.datatable__tamano{display:flex;align-items:center;gap:8px;font-size:12px}.datatable__paginas{display:flex;align-items:center;gap:4px}.select--sm{padding:5px 8px;font-size:12px;border-radius:7px}.chart{position:relative}.chart__ampliar{position:absolute;top:-4px;right:92px;z-index:2;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border:1px solid var(--chip-border);border-radius:6px;background:var(--chip);color:var(--muted);cursor:pointer;font-size:12px}.chart__ampliar:hover{border-color:var(--accent);color:var(--accent)}.chart__overlay{position:fixed;inset:0;z-index:50;background:var(--bg);display:flex;flex-direction:column;padding:18px 22px 22px}.chart__overlay-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding-bottom:14px;border-bottom:1px solid var(--border)}.chart__overlay-body{flex:1;min-height:0;padding-top:12px}.mapa{border:1px solid var(--border2);background:var(--head)}.mapa .leaflet-container{background:var(--head);font-family:var(--font-sans)}.mapa .leaflet-control-attribution{background:var(--panel);color:var(--muted2);font-size:10px}.mapa .leaflet-control-attribution a{color:var(--blue)}.mapa .leaflet-popup-content-wrapper,.mapa .leaflet-popup-tip{background:var(--panel);color:var(--text);border:1px solid var(--border)}.mapa .leaflet-bar a{background:var(--panel);color:var(--text);border-bottom-color:var(--border)}.mapa .leaflet-bar a:hover{background:var(--hover)}[data-theme=oscuro] .mapa .leaflet-tile-pane{filter:invert(.92) hue-rotate(180deg) brightness(.92) contrast(.92)}.modal{position:fixed;inset:0;z-index:60;display:grid;place-items:center;background:#0000008c;padding:20px}.modal__card{width:100%;max-width:520px;max-height:90vh;overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:16px}.modal__head{display:flex;align-items:flex-start;gap:12px}.modal__title{font-size:16px;font-weight:600}.modal__actions{display:flex;gap:10px;justify-content:flex-end}.login{min-height:100vh;display:grid;grid-template-columns:1fr 460px;padding:0}.login__foto{position:relative;background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:40px}.login__foto:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#040a1059,#040a10e0)}.login__lema{position:relative;z-index:1;max-width:440px;color:#eaf3fa}.login__lema h1{font-size:27px;line-height:1.25;margin:0 0 12px;font-weight:600}.login__lema p{font-size:14px;line-height:1.6;margin:0;color:#b9cbd9}.login__credito{position:relative;z-index:1;font-size:10.5px;color:#8ca0b8}.login__panel{display:flex;flex-direction:column;justify-content:center;padding:40px 44px;background:var(--panel);border-left:1px solid var(--border)}.login__form{display:flex;flex-direction:column;gap:18px;max-width:360px;width:100%}.login__error{font-size:12.5px;color:var(--bad)}.login__ok{font-size:12.5px;color:var(--accent)}.login__link{background:none;border:0;padding:0;color:var(--blue);font-size:12px;cursor:pointer;text-align:left}.login__link:hover{color:var(--link-hover);text-decoration:underline}.login__recordar{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text2)}.login__recordar input{width:15px;height:15px;accent-color:var(--accent)}@media(max-width:900px){.login{grid-template-columns:1fr}.login__foto{display:none}.login__panel{border-left:0;padding:28px 20px;min-height:100vh;justify-content:center}.login__form{max-width:none}}@media(max-width:760px){.datatable__tabla thead{display:none}.datatable__tabla,.datatable__tabla tbody,.datatable__tabla tr,.datatable__tabla td{display:block;width:100%}.datatable__tabla tr{border:1px solid var(--border2);border-radius:10px;margin:10px 12px;padding:6px 0;background:var(--panel)}.datatable__tabla td{display:flex;justify-content:space-between;gap:14px;padding:7px 14px!important;text-align:right!important;border-bottom:1px solid var(--border2)}.datatable__tabla td:last-child{border-bottom:0}.datatable__tabla td:before{content:attr(data-label);color:var(--muted2);font-size:11px;letter-spacing:.04em;text-align:left;flex:none;font-family:var(--font-sans)}.datatable__tabla td.solo-ancho{display:none}.datatable__filtros,.datatable__pie{padding:12px 14px}.datatable__pie{justify-content:center}.chart__ampliar{right:4px;top:-30px}}@media(max-width:560px){.kpi__number{font-size:21px}.topbar__title{font-size:16px}.panel--pad{padding:14px}.panel__head{padding:13px 14px;flex-wrap:wrap;gap:8px}.panel__body{padding:13px 14px}.modal__card{padding:18px}}