:root{--bg-primary: #050505;--bg-secondary: #111111;--surface-light: #F3F2ED;--surface-muted: #E7E4DC;--surface-input-light: #F1EFE8;--surface-input-dark: #161616;--text-primary-light: #F7F7F2;--text-secondary-light: #B8B6B0;--text-tertiary: #8E8A84;--text-primary-dark: #0F0F0F;--text-secondary-dark: #5F5B55;--line-dark: rgba(255,255,255,.14);--line-dark-strong: rgba(255,255,255,.22);--line-light: #D6D2C8;--line-light-strong: #B8B6B0;--accent: #F47A0B;--accent-primary: #F47A0B;--accent-hover: #FF8E2B;--accent-soft: #F6B15E;--success: #74C365;--warning: #F0B43C;--danger: #E45C4C;--info: #6DA7FF;--night: #4F6BD8;--chart-primary: #F47A0B;--chart-secondary: #B8B6B0;--chart-tertiary: #8E8A84;--chart-target-light: #5F5B55;--chart-target-dark: #F7F7F2;--chart-threshold: #E45C4C;--chart-good: #74C365;--chart-grid-light: #D6D2C8;--chart-grid-dark: rgba(255,255,255,.1);--radius-xs: 8px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-full: 9999px;--shadow-none: none;--shadow-soft: 0 6px 18px rgba(0, 0, 0, .1);--shadow-card: 0 12px 32px rgba(0, 0, 0, .18);--shadow-overlay: 0 24px 64px rgba(0, 0, 0, .24);--blur-header: 12px;--blur-overlay: 20px;--motion-fast: .12s;--motion-base: .18s;--motion-slow: .24s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-emphasized: cubic-bezier(.2, 0, 0, 1.2);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--font-display: "IBM Plex Mono", "Space Mono", "Azeret Mono", monospace;--font-ui: "Inter", "IBM Plex Sans", system-ui, sans-serif;--font-ui-pro: "Geist", "Inter", ui-sans-serif, -apple-system, sans-serif;--font-num-pro: "Geist Mono", "IBM Plex Mono", ui-monospace, monospace;--font-display-pro: "Geist", "Inter", ui-sans-serif, sans-serif;--pro-h1: 28px;--pro-h2: 20px;--pro-h3: 15px;--pro-body: 13.5px;--pro-label: 11px;--pro-kpi: 34px;--pro-kpi-sm: 22px;--pro-radius-sm: 6px;--pro-radius: 10px;--pro-radius-lg: 14px;--bp-xs: 360px;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1440px;--bp-3xl: 1680px}[data-theme=ops-light]{--surface-app: #F3F2ED;--surface-panel: #FFFFFF;--surface-panel-alt: #E7E4DC;--surface-input: #F1EFE8;--surface-overlay: rgba(5,5,5,.72);--content-primary: #0F0F0F;--content-secondary: #5F5B55;--content-tertiary: #8E8A84;--content-inverse: #F7F7F2;--border-default: #D6D2C8;--border-strong: #B8B6B0;--border-accent: #F47A0B;--interactive-primary-bg: #050505;--interactive-primary-fg: #F7F7F2;--interactive-secondary-bg: transparent;--interactive-secondary-fg: #0F0F0F;--interactive-accent-bg: #F47A0B;--interactive-accent-fg: #050505;--interactive-ghost-bg: transparent;--interactive-ghost-fg: #0F0F0F;--pro-canvas: #F6F5F1;--pro-surface: #FFFFFF;--pro-surface-2: #F3F2ED;--pro-border: rgba(0,0,0,.08);--pro-border-strong: rgba(0,0,0,.14);--pro-hairline: rgba(0,0,0,.06);--pro-content: #0F0F10;--pro-content-2: rgba(15,15,16,.7);--pro-content-3: rgba(15,15,16,.48);--pro-content-4: rgba(15,15,16,.3)}[data-theme=ops-dark]{--surface-app: #050505;--surface-panel: #111111;--surface-panel-alt: #1A1A1A;--surface-input: #161616;--surface-overlay: rgba(5,5,5,.72);--content-primary: #F7F7F2;--content-secondary: #B8B6B0;--content-tertiary: #8E8A84;--content-inverse: #0F0F0F;--border-default: rgba(255,255,255,.14);--border-strong: rgba(255,255,255,.22);--border-accent: #F47A0B;--interactive-primary-bg: #F7F7F2;--interactive-primary-fg: #050505;--interactive-secondary-bg: transparent;--interactive-secondary-fg: #F7F7F2;--interactive-accent-bg: #F47A0B;--interactive-accent-fg: #050505;--interactive-ghost-bg: transparent;--interactive-ghost-fg: #F7F7F2;--pro-canvas: #0B0B0C;--pro-surface: #131315;--pro-surface-2: #1A1A1D;--pro-border: rgba(255,255,255,.07);--pro-border-strong: rgba(255,255,255,.12);--pro-hairline: rgba(255,255,255,.055);--pro-content: #F4F3EE;--pro-content-2: rgba(244,243,238,.72);--pro-content-3: rgba(244,243,238,.48);--pro-content-4: rgba(244,243,238,.3)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--surface-app);color:var(--content-primary);font-family:var(--font-ui-pro);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.mono{font-family:var(--font-num-pro);font-variant-numeric:tabular-nums}.muted{color:var(--content-secondary)}.tert{color:var(--content-tertiary)}.app-shell{min-height:100%;display:flex;flex-direction:column;max-width:1680px;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border-default);position:sticky;top:0;background:#050505b8;-webkit-backdrop-filter:blur(var(--blur-header));backdrop-filter:blur(var(--blur-header));z-index:20}.brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-.01em}.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--accent-primary);box-shadow:0 0 12px var(--accent-primary)}.brand small{color:var(--content-tertiary);font-weight:400}.content{flex:1;padding:20px 20px 90px}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;justify-content:space-around;background:#111111f0;-webkit-backdrop-filter:blur(var(--blur-header));backdrop-filter:blur(var(--blur-header));border-top:1px solid var(--border-default);padding:8px 8px calc(8px + var(--safe-bottom))}.tabbar a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:var(--content-tertiary);padding:6px 14px;border-radius:10px}.tabbar a.active{color:var(--accent-primary)}.card{background:var(--pro-surface);border:1px solid var(--pro-border);border-radius:var(--pro-radius);padding:16px}.card+.card{margin-top:12px}.grid{display:grid;gap:12px}@media (min-width: 720px){.grid.cols-2{grid-template-columns:1fr 1fr}.grid.cols-3{grid-template-columns:1fr 1fr 1fr}}.plant-card{display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:border-color var(--motion-base)}.plant-card:hover{border-color:var(--border-strong)}.plant-head{display:flex;align-items:center;justify-content:space-between}.plant-name{font-weight:600;font-size:16px}.sema{width:12px;height:12px;border-radius:50%}.sema.ok{background:var(--success);box-shadow:0 0 10px var(--success)}.sema.warn{background:var(--warning);box-shadow:0 0 10px var(--warning)}.sema.bad{background:var(--danger);box-shadow:0 0 10px var(--danger)}.sema.backlog{background:var(--night);box-shadow:0 0 10px var(--night)}.kpi-row{display:flex;gap:18px;flex-wrap:wrap}.kpi{display:flex;flex-direction:column;gap:2px}.kpi .val{font-family:var(--font-num-pro);font-size:22px;font-weight:600;line-height:1}.kpi .lab{font-size:11px;color:var(--content-tertiary);text-transform:uppercase;letter-spacing:.04em}.chip{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:3px 9px;border-radius:999px;border:1px solid var(--border-default);color:var(--content-secondary)}.chip.night{color:var(--night);border-color:color-mix(in srgb,var(--night) 40%,transparent)}.chip.ok{color:var(--success);border-color:color-mix(in srgb,var(--success) 40%,transparent)}.chip.conflict{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent)}.proc{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--pro-hairline)}.proc:last-child{border-bottom:none}.proc .l{display:flex;align-items:center;gap:9px}.proc .meta{font-family:var(--font-num-pro);font-size:12px;color:var(--content-tertiary)}.ctable{width:100%;border-collapse:collapse;font-size:13px}.ctable th,.ctable td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--pro-hairline)}.ctable th{color:var(--content-tertiary);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.03em}.ctable td.num{font-family:var(--font-num-pro);text-align:right}.state-pill{font-size:11px;padding:2px 8px;border-radius:999px}.state-ok{background:color-mix(in srgb,var(--success) 18%,transparent);color:var(--success)}.state-q{background:color-mix(in srgb,var(--warning) 18%,transparent);color:var(--warning)}.state-u{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger)}.btn{border:1px solid var(--border-strong);background:transparent;color:var(--content-primary);padding:11px 16px;border-radius:10px;font-weight:500;font-size:14px}.btn.primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#050505}.btn.block{width:100%}.input{width:100%;background:var(--surface-input);border:1px solid var(--border-default);color:var(--content-primary);padding:12px 14px;border-radius:10px;font-size:16px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:12px;color:var(--content-secondary)}.login-wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:380px}.login-card h1{font-size:22px;margin:4px 0 2px}.otp-boxes{display:flex;gap:8px;justify-content:center;margin:8px 0 16px}.otp-boxes input{width:44px;height:54px;text-align:center;font-size:22px;font-family:var(--font-num-pro);background:var(--surface-input);border:1px solid var(--border-default);color:var(--content-primary);border-radius:10px}.qr{width:180px;height:180px;margin:12px auto;background:#fff;border-radius:12px;display:grid;place-items:center}.backup-codes{display:grid;grid-template-columns:1fr 1fr;gap:6px;font-family:var(--font-num-pro);font-size:13px;margin-top:10px}.backup-codes span{background:var(--surface-input);padding:6px 8px;border-radius:6px;text-align:center}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--content-tertiary);margin:0 0 10px}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--content-secondary);font-size:14px;margin-bottom:14px}.gauge-ring{position:relative;width:92px;height:92px}.gauge-ring .v{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-family:var(--font-num-pro);font-weight:600;font-size:20px}.vitals{display:flex;gap:14px;align-items:center}.vital{display:flex;align-items:center;gap:5px;font-size:13px}.vital .mono{font-family:var(--font-num-pro)}@media (max-width: 560px){.vital .tert{display:none}.vitals{gap:10px}}.ver-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border:1px solid var(--border-default);border-radius:999px;color:var(--content-secondary)}.breakdown{display:flex;gap:6px;flex-wrap:wrap}.bd{font-family:var(--font-num-pro);font-size:12px;padding:2px 9px;border-radius:6px;background:var(--surface-input);color:var(--content-secondary)}.bd b{color:var(--content-tertiary);font-weight:500}.bd.tot{background:color-mix(in srgb,var(--content-secondary) 12%,transparent);color:var(--content-primary)}.bd.q{background:color-mix(in srgb,var(--warning) 18%,transparent);color:var(--warning)}.bd.d{background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--success)}.bd.o{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;flex-wrap:wrap}.icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--border-default);background:transparent;color:var(--content-secondary)}.icon-btn:hover{border-color:var(--border-strong);color:var(--content-primary)}.icon-btn.sm{width:26px;height:26px}.panel-max{position:fixed;top:12px;right:12px;bottom:12px;left:12px;z-index:60;margin:0;overflow:auto;box-shadow:var(--shadow-overlay);background:var(--surface-panel)}.panel-max .panel-body{height:calc(100% - 46px)}.panel-max .recharts-responsive-container,.panel-max [style*="height: 300px"]{height:100%!important}.picker{position:relative}.picker-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:40;background:var(--surface-panel);border:1px solid var(--border-default);border-radius:10px;padding:8px;min-width:210px;box-shadow:var(--shadow-card);max-height:320px;overflow:auto}.picker-item{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:8px;font-size:13px;cursor:pointer}.picker-item:hover{background:var(--surface-input)}.picker-item input{accent-color:var(--accent-primary);width:16px;height:16px}.proc-table td{font-size:13px}.topbar-plant{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;gap:16px}.tb-left{display:flex;flex-direction:column;justify-self:start}.tb-datetime{font-size:22px;font-weight:600;line-height:1.05;letter-spacing:-.01em}.tb-lastseen{font-size:14px}.tb-center{justify-self:center;display:flex;align-items:center;gap:10px}.tb-plant-name{font-size:26px;font-weight:700;letter-spacing:-.02em}.tb-center .dot{width:12px;height:12px}.tb-right{justify-self:end}.tb-right.vitals{gap:22px}.tb-right .vital{font-size:18px;gap:7px}.tb-right .vital svg{width:18px;height:18px}@media (max-width: 900px){.topbar-plant{grid-template-columns:1fr auto}.tb-right{grid-column:1 / -1;justify-self:stretch;justify-content:space-between;margin-top:6px}.tb-datetime{font-size:17px}.tb-plant-name{font-size:19px}}.chart-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.seg{display:inline-flex;border:1px solid var(--border-default);border-radius:9px;overflow:hidden}.seg button{border:none;background:transparent;color:var(--content-secondary);padding:7px 12px;font-size:13px;border-right:1px solid var(--border-default)}.seg button:last-child{border-right:none}.seg button.on{background:var(--accent-primary);color:#050505;font-weight:600}.custom-range{display:flex;align-items:center;gap:6px}.mini-input{background:var(--surface-input);border:1px solid var(--border-default);color:var(--content-primary);padding:6px 9px;border-radius:8px;font-size:13px;font-family:var(--font-num-pro)}.slideshow-bar{display:flex;align-items:center;gap:14px;margin-bottom:14px;background:var(--pro-surface);border:1px solid var(--pro-border);border-radius:var(--pro-radius);padding:10px 14px}.ss-info{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--content-secondary);white-space:nowrap}.ss-progress{flex:1;height:6px;background:var(--surface-input);border-radius:999px;overflow:hidden}.ss-progress>div{height:100%;background:var(--accent-primary);transition:width .1s linear}.m-slideshow{width:100%;margin-bottom:12px}.m-card{background:var(--pro-surface);border:1px solid var(--pro-border);border-radius:var(--pro-radius);padding:13px;margin-bottom:10px;display:flex;flex-direction:column;gap:10px}.m-card-top{display:flex;align-items:center;gap:8px}.m-card-top .sema{flex:none}.m-name{font-weight:600;font-size:15px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-metrics{display:flex;justify-content:space-between;gap:6px}.m-metric{display:flex;flex-direction:column;align-items:center;flex:1}.m-metric b{font-family:var(--font-num-pro);font-size:18px;line-height:1}.m-metric span{font-size:10px;color:var(--content-tertiary);text-transform:uppercase;letter-spacing:.03em;margin-top:3px}.m-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.m-kpistrip{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:12px;-webkit-overflow-scrolling:touch}.m-kpi{flex:none;min-width:78px;background:var(--pro-surface);border:1px solid var(--pro-border);border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:center}.m-kpi b{font-family:var(--font-num-pro);font-size:20px;line-height:1}.m-kpi span{font-size:10px;color:var(--content-tertiary);margin-top:4px;text-align:center}.m-chart-tools{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.m-proc{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--pro-hairline)}.m-proc:last-child{border-bottom:none}.m-proc-name{font-size:13px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 640px){.content{padding:14px 14px 84px}.topbar{padding:10px 14px}.app-shell{max-width:100%}}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dt-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.dt-search{display:flex;align-items:center;gap:6px;background:var(--surface-input);border:1px solid var(--border-default);border-radius:8px;padding:5px 10px}.dt-search input{background:transparent;border:none;color:var(--content-primary);font-size:13px;outline:none;width:160px}.ctable th[style*=cursor]:hover{color:var(--content-primary)}.filter-chip{font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid var(--border-default);background:transparent;color:var(--content-secondary);cursor:pointer}.filter-chip.on{background:var(--accent-primary);border-color:var(--accent-primary);color:#050505;font-weight:600}.state-cfg{background:color-mix(in srgb,var(--info) 18%,transparent);color:var(--info)}.state-otro{background:color-mix(in srgb,var(--content-tertiary) 18%,transparent);color:var(--content-tertiary)}.plant-card-body{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 720px){.plant-card-body{grid-template-columns:minmax(0,1fr) minmax(180px,42%);align-items:center}}.spark-col{display:flex;flex-direction:column;gap:6px;min-width:0}.spark{position:relative;width:100%}.spark svg{display:block;width:100%;height:100%}.spark-name{position:absolute;top:2px;left:2px;font-size:10px;font-weight:600;opacity:.75;letter-spacing:.02em;pointer-events:none}.spark-val{position:absolute;top:1px;font-family:var(--font-num-pro);font-size:11px;font-weight:600;pointer-events:none;white-space:nowrap;transform:translate(-50%)}.spark-val.latest{right:2px;left:auto;transform:none}.plant-env{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid var(--pro-hairline);font-size:12px;color:var(--content-secondary)}.plant-env b{color:var(--content-primary);font-size:14px;margin-right:2px}.hchips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.hchips>*{flex:none;white-space:nowrap}.hchips .filter-chip{padding:8px 13px}.alarm-row{display:flex;align-items:center;gap:12px;background:var(--pro-surface);border:1px solid var(--pro-border);border-radius:var(--pro-radius);padding:12px 14px 12px 0;margin-bottom:10px;cursor:pointer;overflow:hidden;transition:border-color var(--motion-base)}.alarm-row:hover{border-color:var(--border-strong)}.alarm-bar{width:4px;align-self:stretch;flex:none}