.login-page{position:relative;min-height:100vh;width:100%;overflow:hidden;background:linear-gradient(135deg,#3fb8e0,#2a8fd6 45%,#1e6fc7);font-family:Segoe UI,Roboto,-apple-system,sans-serif;display:flex;align-items:center;justify-content:center}.login-brand{position:absolute;top:28px;left:32px;display:flex;align-items:center;gap:8px;color:#fff;font-weight:800;font-size:18px;letter-spacing:.03em;z-index:3}.login-brand__icon{color:#fff}.login-bubble{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffffff59,#ffffff05 70%);border:1px solid rgba(255,255,255,.25);pointer-events:none}.login-bubble--1{width:220px;height:220px;left:-60px;top:90px}.login-bubble--2{width:340px;height:340px;left:40px;bottom:-140px}.login-bubble--3{width:140px;height:140px;right:110px;top:60px}.login-bubble--4{width:220px;height:220px;right:40px;top:220px}.login-bubble--5{width:150px;height:150px;right:140px;bottom:60px}.login-card{position:relative;z-index:2;width:420px;max-width:92vw;background:#ffffff14;border:1.5px solid rgba(255,255,255,.35);border-radius:50%;aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 48px;box-sizing:border-box;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width: 480px){.login-card{border-radius:24px;aspect-ratio:auto;padding:36px 24px}}.login-card__title{color:#fff;font-size:26px;font-weight:800;margin:0 0 22px;text-align:center}.login-form{width:100%;max-width:260px;display:flex;flex-direction:column;gap:14px}.login-input{width:100%;box-sizing:border-box;border:none;border-radius:8px;padding:12px 14px;font-size:14px;background:#e7f1fb;color:#0f172a;outline:none}.login-input::placeholder{color:#64748b}.login-input:focus{box-shadow:0 0 0 2px var(--scada-blue-600, #2563eb)}.login-input-group{position:relative;display:flex;align-items:center}.login-input-group .login-input{padding-right:40px}.login-input-group__toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#475569;cursor:pointer;display:flex;align-items:center;padding:4px}.login-error{margin:-4px 0 0;color:#ffe4e6;background:#dc262659;border:1px solid rgba(255,255,255,.3);border-radius:6px;padding:6px 10px;font-size:12px;text-align:center}.login-forgot{color:#eaf4ff;font-size:12px;text-align:center;text-decoration:none;margin-top:-4px}.login-forgot:hover{text-decoration:underline}.login-submit{margin-top:6px;border:none;border-radius:8px;padding:12px;background:var(--scada-amber, #d97706);color:#1a1204;font-weight:700;font-size:14px;cursor:pointer}.login-submit:hover{filter:brightness(1.05)}.login-submit:disabled{opacity:.7;cursor:default}:root{--scada-blue-900: #0f2f5c;--scada-blue-800: #163d73;--scada-blue-700: #1e4d8f;--scada-blue-600: #2563eb;--scada-blue-500: #4a7fc9;--scada-blue-bg-start: #3f74b8;--scada-blue-bg-end: #2a5a99;--scada-white: #ffffff;--scada-green: #16a34a;--scada-amber: #d97706;--scada-red: #dc2626;--scada-gray-500: #6b7280;--scada-border: #d7e3f5;--scada-radius: 12px}.scada-shell{display:grid;grid-template-columns:250px 1fr;grid-template-rows:64px 1fr;min-height:100vh;font-family:Segoe UI,Roboto,-apple-system,sans-serif}.scada-sidebar{grid-row:1 / span 2;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--scada-blue-800),var(--scada-blue-900));color:var(--scada-white);padding:20px 0}.scada-sidebar__brand{display:flex;align-items:center;gap:8px;padding:0 20px 20px;font-weight:700;letter-spacing:.03em;font-size:15px}.scada-sidebar__brand-icon{color:#7cc9f2}.scada-sidebar__nav{flex:1;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.scada-sidebar__item{display:flex;align-items:center;gap:12px;padding:11px 20px;background:none;border:none;color:#d6e4f7;font-size:14px;cursor:pointer;text-align:left;transition:background .15s}.scada-sidebar__item:hover{background:#ffffff14}.scada-sidebar__item--active{background:#ffffff29;color:var(--scada-white);font-weight:600;border-left:3px solid #7cc9f2;padding-left:17px}.scada-sidebar__footer{padding:16px 20px 0;border-top:1px solid rgba(255,255,255,.12);margin-top:12px}.scada-sidebar__logout{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:#dc4c4c;color:var(--scada-white);border:none;border-radius:8px;padding:10px;font-size:13px;font-weight:600;cursor:pointer;margin-bottom:14px}.scada-sidebar__logout:hover{background:#c73c3c}.scada-sidebar__copyright{font-size:11px;color:#a9c2e0;line-height:1.5}.scada-topbar{grid-column:2;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:linear-gradient(90deg,var(--scada-blue-500),var(--scada-blue-700));color:var(--scada-white)}.scada-topbar__left{display:flex;align-items:baseline;gap:16px}.scada-topbar__plant{font-weight:700;font-size:15px;letter-spacing:.02em}.scada-topbar__breadcrumb{font-size:13px;opacity:.9}.scada-topbar__breadcrumb-sep{margin:0 6px;opacity:.6}.scada-topbar__right{display:flex;align-items:center;gap:18px;font-size:13px}.scada-topbar__status{display:flex;align-items:center;gap:6px;font-weight:600}.scada-topbar__status-dot{width:8px;height:8px;border-radius:50%;background:var(--scada-green)}.scada-topbar__status--down .scada-topbar__status-dot{background:var(--scada-red)}.scada-topbar__bell{position:relative;background:none;border:none;color:var(--scada-white);cursor:pointer}.scada-topbar__badge{position:absolute;top:-6px;right:-6px;background:var(--scada-red);color:var(--scada-white);font-size:10px;font-weight:700;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.scada-topbar__user{display:flex;align-items:center;gap:6px;background:#ffffff1f;border:none;color:var(--scada-white);padding:6px 12px;border-radius:8px;cursor:pointer;font-weight:600}.scada-content{grid-column:2;background:linear-gradient(160deg,var(--scada-blue-bg-start),var(--scada-blue-bg-end));padding:24px;overflow-y:auto}.dashboard-tabs{display:flex;gap:4px;margin-bottom:20px;flex-wrap:wrap}.dashboard-tabs__item{background:#ffffff1a;border:none;color:var(--scada-white);padding:9px 16px;border-radius:8px 8px 0 0;font-size:13px;font-weight:600;cursor:pointer}.dashboard-tabs__item--active{background:var(--scada-white);color:var(--scada-blue-700)}.dashboard-inicio{display:flex;flex-direction:column;gap:20px}.kpi-grid{display:grid;gap:18px}.kpi-grid--4{grid-template-columns:repeat(4,1fr)}.kpi-grid--5{grid-template-columns:repeat(5,1fr)}@media (max-width: 1100px){.kpi-grid--4,.kpi-grid--5{grid-template-columns:repeat(2,1fr)}}.kpi-card{background:var(--scada-white);border:2px solid var(--scada-blue-900);border-radius:var(--scada-radius);padding:22px 16px;text-align:center;box-shadow:0 4px 10px #0000001f}.kpi-card__icon{color:var(--scada-blue-600);margin-bottom:8px;display:flex;justify-content:center}.kpi-card__label{font-size:13px;color:#334155;font-weight:600;margin:0 0 6px}.kpi-card__value{font-size:26px;font-weight:800;color:#0f172a;margin:0 0 10px}.kpi-card__unit{font-size:14px;font-weight:600;color:#64748b}.kpi-card__badge{display:inline-block;padding:4px 14px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;border:1.5px solid var(--scada-green);color:var(--scada-green)}.kpi-card__badge--alerta{border-color:var(--scada-amber);color:var(--scada-amber)}.kpi-card__badge--critico{border-color:var(--scada-red);color:var(--scada-red)}.kpi-card__badge--offline{border-color:var(--scada-gray-500);color:var(--scada-gray-500)}.chart-card{background:var(--scada-white);border-radius:var(--scada-radius);padding:18px 20px 8px;box-shadow:0 4px 10px #0000001f}.chart-card h3{margin:0 0 8px;font-size:15px;color:#0f172a}.dashboard-inicio__offline-note{color:#fde68a;font-size:13px;text-align:center}.tab-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.tab-grid--1col{grid-template-columns:1fr;max-width:640px}@media (max-width: 900px){.tab-grid{grid-template-columns:1fr}}.tab-title{color:var(--scada-white);font-weight:400;font-size:22px;margin:0 0 18px}.module-panel{background:var(--scada-white);border-radius:var(--scada-radius);overflow:hidden;box-shadow:0 4px 10px #00000026}.module-panel__header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--scada-blue-700);color:var(--scada-white)}.module-panel__title{display:flex;align-items:center;gap:8px;font-weight:700;font-size:15px}.module-panel__badge{display:inline-flex;align-items:center;gap:4px;background:var(--scada-green);color:var(--scada-white);font-size:11px;font-weight:700;letter-spacing:.03em;padding:4px 12px;border-radius:999px}.module-panel__badge--alerta{background:var(--scada-amber)}.module-panel__badge--critico{background:var(--scada-red)}.module-panel__badge--offline{background:var(--scada-gray-500)}.module-panel__body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:14px}.inline-metric{display:flex;align-items:center;gap:14px;background:var(--scada-white);border:1.5px solid var(--scada-border);border-radius:10px;padding:14px 16px}.inline-metric__icon{flex:none;width:40px;height:40px;border-radius:8px;background:var(--scada-blue-900);color:var(--scada-white);display:flex;align-items:center;justify-content:center}.inline-metric__icon--alerta{background:var(--scada-amber)}.inline-metric__icon--critico{background:var(--scada-red)}.inline-metric__text{flex:1}.inline-metric__label{margin:0 0 4px;font-size:11px;font-weight:700;letter-spacing:.03em;color:#64748b;text-transform:uppercase}.inline-metric__value{margin:0 0 6px;font-size:22px;font-weight:800;color:#0f172a}.inline-metric__unit{font-size:13px;font-weight:600;color:#64748b}.inline-metric__badge{display:inline-block;padding:3px 12px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.03em;border:1.5px solid var(--scada-green);color:var(--scada-green)}.inline-metric__badge--alerta{border-color:var(--scada-amber);color:var(--scada-amber)}.inline-metric__badge--critico{border-color:var(--scada-red);color:var(--scada-red)}.inline-metric__badge--offline{border-color:var(--scada-gray-500);color:var(--scada-gray-500)}.inline-metrics-row{display:flex;gap:12px;flex-wrap:wrap}.inline-metrics-row>*{flex:1;min-width:220px}.trend-chart__title{margin:0 0 2px;font-size:13px;color:#0f172a;font-weight:700}.trend-chart__first-measurement{margin:0 0 4px;font-size:11px;color:#64748b}.notas-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.notas-new-btn{background:var(--scada-green);color:var(--scada-white);border:none;border-radius:8px;padding:10px 18px;font-weight:700;font-size:13px;cursor:pointer}.notas-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.notas-stat{background:#ffffffe6;border:1.5px solid var(--scada-blue-900);border-radius:var(--scada-radius);padding:18px;text-align:center}.notas-stat__value{font-size:28px;font-weight:800;color:#0f172a}.notas-stat__label{font-size:11px;font-weight:700;color:#64748b;letter-spacing:.03em}.notas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.nota-card{background:var(--scada-white);border-radius:10px;overflow:hidden;box-shadow:0 4px 10px #0000001f}.nota-card__header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-weight:700;font-size:13px;background:#f1f5f9}.nota-card__priority{font-size:10px;font-weight:700;padding:3px 10px;border-radius:999px;color:var(--scada-white)}.nota-card__priority--normal{background:var(--scada-green)}.nota-card__priority--importante{background:var(--scada-amber)}.nota-card__priority--urgente{background:var(--scada-red)}.nota-card__body{padding:12px 14px;font-size:13px;color:#334155;background:#f8fafc}.nota-card__footer{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-size:11px;color:#64748b}.nota-card__actions button{border:none;border-radius:6px;width:26px;height:26px;color:var(--scada-white);cursor:pointer;margin-left:6px}.nota-card__actions .edit{background:var(--scada-blue-600)}.nota-card__actions .delete{background:var(--scada-red)}.horometro-value{display:flex;align-items:center;gap:10px}.horometro-play{width:32px;height:32px;border-radius:8px;background:var(--scada-blue-900);color:var(--scada-white);display:flex;align-items:center;justify-content:center}.supervision-grid{display:grid;grid-template-columns:260px 1fr 300px;gap:20px;align-items:start}@media (max-width: 1300px){.supervision-grid{grid-template-columns:1fr}}.supervision-modules{display:flex;flex-direction:column;gap:16px}.supervision-modules__bottom-row{display:flex;gap:16px}.supervision-modules__bottom-row>*{flex:1}.freq-panel,.valve-panel{background:var(--scada-white);border-radius:var(--scada-radius);overflow:hidden;box-shadow:0 4px 10px #00000026}.freq-panel__header,.valve-panel__header{padding:12px 16px;background:var(--scada-blue-900);color:var(--scada-white);font-weight:700;font-size:13px;letter-spacing:.03em}.freq-panel__body,.valve-panel__body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:14px}.freq-group__title,.valve-group__title{margin:0 0 6px;font-size:11px;font-weight:700;letter-spacing:.03em;color:#64748b;text-transform:uppercase;background:#eef2ff;padding:4px 8px;border-radius:4px}.freq-row{display:flex;align-items:center;justify-content:space-between;padding:4px 2px}.freq-row__label{font-size:12px;color:#334155;font-weight:600}.freq-row__pill{background:var(--scada-blue-700);color:var(--scada-white);font-size:11px;font-weight:700;padding:4px 12px;border-radius:999px;min-width:52px;text-align:center}.module-tag-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.module-tag{background:var(--scada-blue-700);color:var(--scada-white);border-radius:8px;padding:8px 6px;text-align:center}.module-tag__label{font-size:10px;font-weight:700;opacity:.85}.module-tag__value{font-size:15px;font-weight:800}.module-tag__unit{font-size:9px;opacity:.8}.module-tag--full{grid-column:1 / -1}.valve-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.valve-cell{background:#f8fafc;border:1px solid var(--scada-border);border-radius:8px;padding:6px;text-align:center}.valve-cell__tag{display:block;font-size:10px;font-weight:700;color:#334155;margin-bottom:4px}.valve-toggle{display:flex;gap:3px}.valve-toggle__btn{flex:1;border:1px solid var(--scada-border);background:var(--scada-white);border-radius:4px;font-size:10px;font-weight:700;padding:3px 0;cursor:pointer;color:#64748b}.valve-toggle__btn--active-a{background:var(--scada-green);border-color:var(--scada-green);color:var(--scada-white)}.valve-toggle__btn--active-c{background:var(--scada-gray-500);border-color:var(--scada-gray-500);color:var(--scada-white)}.filter-panel{background:var(--scada-white);border-radius:var(--scada-radius);overflow:hidden;box-shadow:0 4px 10px #00000026;margin-bottom:20px}.filter-panel__header{padding:12px 18px;background:var(--scada-blue-900);color:var(--scada-white);font-weight:700;font-size:14px}.filter-panel__body{padding:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 1000px){.filter-panel__body{grid-template-columns:1fr}}.filter-panel__label{font-size:12px;font-weight:700;color:#334155;margin:0 0 8px}.filter-date-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.filter-date-row input[type=date]{flex:1;border:1px solid var(--scada-border);border-radius:6px;padding:6px 8px;font-size:12px}.check-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--scada-border);border-radius:999px;padding:5px 12px;font-size:12px;margin:0 6px 6px 0;cursor:pointer;-webkit-user-select:none;user-select:none}.check-pill input{accent-color:var(--scada-blue-600)}.filter-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:10px}.btn{border:none;border-radius:8px;padding:9px 18px;font-size:13px;font-weight:700;cursor:pointer}.btn--primary{background:var(--scada-blue-600);color:#fff}.btn--ghost{background:#e2e8f0;color:#334155}.btn--success{background:var(--scada-green);color:#fff}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}@media (max-width: 900px){.stat-row{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--scada-white);border-radius:var(--scada-radius);padding:16px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 10px #0000001f}.stat-card__icon{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;flex:none}.stat-card__value{font-size:20px;font-weight:800;color:#0f172a}.stat-card__label{font-size:10px;font-weight:700;color:#64748b;letter-spacing:.03em;text-transform:uppercase}.data-table-card{background:var(--scada-white);border-radius:var(--scada-radius);overflow:hidden;box-shadow:0 4px 10px #00000026}.data-table-card__header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--scada-blue-900);color:var(--scada-white);font-weight:700;font-size:14px}.data-table-card__header input{border:none;border-radius:6px;padding:6px 10px;font-size:12px;width:200px}table.data-table{width:100%;border-collapse:collapse;font-size:13px}table.data-table thead th{text-align:left;padding:10px 14px;background:#f1f5f9;color:#475569;font-size:11px;letter-spacing:.03em;cursor:pointer;white-space:nowrap}table.data-table tbody td{padding:9px 14px;border-top:1px solid #eef2f7;color:#334155}.pill-modulo{color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px}.pill-estado{font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px}.pill-estado--normal{background:#dcfce7;color:var(--scada-green)}.pill-estado--advertencia{background:#fef3c7;color:var(--scada-amber)}.pill-estado--alerta{background:#fee2e2;color:var(--scada-red)}.table-pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 18px;font-size:12px;color:#64748b}.table-pagination__pages{display:flex;gap:4px}.table-pagination__pages button{border:1px solid var(--scada-border);background:#fff;border-radius:6px;width:28px;height:28px;cursor:pointer;font-size:12px}.table-pagination__pages button.active{background:var(--scada-blue-600);color:#fff;border-color:var(--scada-blue-600)}.viz-config{background:var(--scada-white);border-radius:var(--scada-radius);padding:18px;margin-bottom:20px;box-shadow:0 4px 10px #00000026}.viz-config__section{margin-bottom:14px}.viz-config__section:last-child{margin-bottom:0}.viz-config__label{font-size:12px;font-weight:700;color:#334155;margin:0 0 8px}.toggle-btn{border:1px solid var(--scada-border);background:#fff;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:600;margin:0 6px 6px 0;cursor:pointer;color:#334155}.toggle-btn.active{background:var(--scada-blue-600);color:#fff;border-color:var(--scada-blue-600)}.toggle-btn.active.module-1{background:#2563eb;border-color:#2563eb}.toggle-btn.active.module-2{background:#16a34a;border-color:#16a34a}.toggle-btn.active.module-3{background:#ea580c;border-color:#ea580c}.sparkline-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}@media (max-width: 900px){.sparkline-row{grid-template-columns:1fr}}.sparkline-card{background:var(--scada-white);border-radius:var(--scada-radius);overflow:hidden;box-shadow:0 4px 10px #0000001f}.sparkline-card__header{padding:10px 16px;background:#eef2ff;font-size:13px;font-weight:700;color:#334155}.sparkline-card__footer{display:flex;justify-content:space-around;padding:10px;font-size:12px;color:#64748b;text-align:center}.sparkline-card__footer strong{display:block;color:#0f172a;font-size:14px}.analysis-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 1000px){.analysis-row{grid-template-columns:1fr}}.analysis-card{background:var(--scada-white);border-radius:var(--scada-radius);padding:16px;box-shadow:0 4px 10px #0000001f}.analysis-card h4{margin:0 0 12px;font-size:13px;color:#0f172a}.trend-badge{display:inline-flex;align-items:center;gap:6px;background:#dcfce7;color:var(--scada-green);font-weight:700;font-size:12px;padding:6px 14px;border-radius:999px;margin-bottom:10px}.analysis-stats{display:flex;gap:10px;margin-top:10px}.analysis-stats>div{flex:1;background:#f8fafc;border-radius:8px;padding:8px;text-align:center}.analysis-stats .l{font-size:9px;color:#64748b;font-weight:700}.analysis-stats .v{font-size:15px;font-weight:800;color:#0f172a}.event-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:6px;font-size:12px;margin-bottom:6px}.event-dot{width:8px;height:8px;border-radius:50%;flex:none}.health-score{width:90px;height:90px;border-radius:50%;background:var(--scada-green);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 10px}.health-score strong{font-size:26px}.health-score span{font-size:8px;font-weight:700;text-align:center}.mimic-page{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:start}@media (max-width: 1000px){.mimic-page{grid-template-columns:1fr}}.mimic-status-panel{background:var(--scada-white);border-radius:var(--scada-radius);overflow:hidden;box-shadow:0 4px 10px #00000026}.mimic-status-panel__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--scada-blue-700);color:var(--scada-white);font-weight:700;font-size:14px}.mimic-status-panel__badge{background:var(--scada-green);color:var(--scada-white);font-size:11px;font-weight:700;letter-spacing:.03em;padding:4px 12px;border-radius:999px}.mimic-status-panel__body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:14px}.mimic-status-panel__section{font-size:11px;font-weight:700;letter-spacing:.03em;color:#64748b;text-transform:uppercase;margin:0 0 6px}.mimic-status-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;font-size:13px}.mimic-status-dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:6px}.mimic-status-dot--ok{background:var(--scada-green)}.mimic-status-dot--warn{background:var(--scada-amber)}.mimic-status-dot--fault{background:var(--scada-red)}.mimic-status-dot--off{background:var(--scada-gray-500)}.mimic-sensor-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mimic-sensor-cell{background:#eef4ff;border-radius:8px;padding:8px 10px}.mimic-sensor-cell__label{font-size:10px;font-weight:700;color:var(--scada-blue-700)}.mimic-sensor-cell__value{font-size:14px;font-weight:800;color:#0f172a}.mimic-canvas-card{background:var(--scada-white);border-radius:var(--scada-radius);box-shadow:0 4px 10px #00000026;padding:16px;overflow-x:auto}.mimic-canvas-card svg{width:100%;height:auto;min-width:720px}.mimic-pipe{stroke:#94a3b8;stroke-width:10;fill:none;stroke-linecap:round}.mimic-pipe--active{stroke:#60a5fa}.mimic-tank-body{fill:#cbd5e1;stroke:#64748b;stroke-width:2}.mimic-tank-band{fill:none;stroke:#475569;stroke-width:2}.mimic-label{font-size:11px;font-weight:700;fill:#0f172a;text-anchor:middle}.mimic-label--white{fill:#fff}.mimic-tag-badge{fill:#0f172a}.mimic-tag-text{font-size:10px;font-weight:700;fill:#fff;text-anchor:middle}.mimic-pump-body{fill:#cbd5e1;stroke:#64748b;stroke-width:2}.mimic-pump-motor{fill:#94a3b8;stroke:#475569;stroke-width:1.5}.mimic-vessel{fill:#4ade80;stroke:#16a34a;stroke-width:2}.mimic-vessel--osmosis{fill:#86efac;stroke:#15803d;stroke-width:2}.mimic-valve-body{stroke:#475569;stroke-width:2}.mimic-valve-body--open{fill:#4ade80}.mimic-valve-body--closed{fill:#cbd5e1}.mimic-valve-body--transition{fill:#60a5fa}.mimic-valve-body--fault{fill:#f87171}.mimic-port-label{font-size:9px;font-weight:700;fill:#0f172a;text-anchor:middle}.dosing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:20px}@media (max-width: 1000px){.dosing-grid{grid-template-columns:1fr}}.dosing-tank-card{background:var(--scada-white);border-radius:var(--scada-radius);padding:16px;box-shadow:0 4px 10px #00000026}.dosing-tank-svg{width:100%;height:auto;margin-bottom:10px}.dosing-tank-card__label{text-align:center;font-weight:700;color:#0f172a;background:#f1f5f9;border-radius:8px;padding:8px;margin:0 0 12px}