@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Barlow:wght@400;500;600&family=Barlow+Condensed:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Montserrat:wght@700;800&display=swap";:root{--bg:#050810;--bg-deep:#050810;--panel:#ffffff0a;--panel2:#ffffff05;--border:#ffffff14;--border2:#ffffff1f;--border-lit:#ffffff26;--border-card:#ffffff12;--text:#e8eaf0;--text-pri:#e8eaf0;--text-val:#fff;--text-sec:#a0aec0;--text-dim:#64748b;--dim:#8892a4;--sec:#a0aec0;--bg-panel:#ffffff0a;--bg-card:#0e1428cc;--bg-hover:#ffffff12;--bg-inset:#0000004d;--body:#050810;--blue:#4a9eff;--blue-d:#2e6db4;--blue-dim:#4a9eff40;--blue-glow:#4a9eff14;--green:#22c55e;--green-dim:#22c55e40;--green-glow:#22c55e14;--red:#ef4444;--red-dim:#ef44444d;--red-glow:#ef444414;--amber:#f59e0b;--amber-dim:#f59e0b4d;--amber-glow:#f59e0b14;--cyan:#06b6d4;--cyan-dim:#06b6d440;--orange:#f59e0b;--accent:#4a9eff;--accent-dim:#2e6db4;--accent-glow:#4a9eff1f;--mono:"JetBrains Mono", monospace;--sans:"Inter", "Barlow", sans-serif;--cond:"Barlow Condensed", sans-serif}:root[data-theme=light]{--bg:#f0f2f5;--bg-deep:#f0f2f5;--body:#f0f2f5;--panel:#fff;--panel2:#f8f9fb;--border:#e2e6ec;--border2:#d0d5dd;--border-lit:#c0c8d4;--border-card:#e2e6ec;--text:#1a1f2e;--text-pri:#1a1f2e;--text-val:#0f172a;--text-sec:#4a5568;--text-dim:#94a3b8;--dim:#6b7a8d;--sec:#4a5568;--blue:#2e6db4;--blue-d:#1b5a8c;--blue-dim:#2e6db433;--blue-glow:#2e6db414;--green:#16a34a;--green-dim:#16a34a33;--green-glow:#16a34a14;--red:#dc2626;--red-dim:#dc262633;--red-glow:#dc262614;--amber:#d97706;--amber-dim:#d9770640;--amber-glow:#d9770614;--cyan:#0891b2;--cyan-dim:#0891b233;--orange:#d97706;--accent:#2e6db4;--accent-dim:#1b5a8c;--accent-glow:#2e6db41a;--bg-panel:#fff;--bg-card:#fff;--bg-hover:#f0f4f8;--bg-inset:#f5f7fa;--mono:"JetBrains Mono", monospace;--sans:"Inter", "Barlow", sans-serif;--cond:"Barlow Condensed", sans-serif}@keyframes orbF{0%,to{transform:translate(0)}33%{transform:translate(28px,-22px)}66%{transform:translate(-20px,20px)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh}#root{flex-direction:column;min-height:100vh;display:flex}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;background:0 0;border:none}input,select,textarea{font:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}._page_1gt24_1{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}._orb1_1gt24_12,._orb2_1gt24_12,._orb3_1gt24_12{filter:blur(100px);pointer-events:none;border-radius:50%;animation:10s ease-in-out infinite _orbFloat_1gt24_1;position:absolute}._orb1_1gt24_12{background:radial-gradient(circle,#2e6db42e,#0000 70%);width:600px;height:600px;animation-delay:0s;top:-20%;left:-15%}._orb2_1gt24_12{background:radial-gradient(circle,#643cc81a,#0000 70%);width:450px;height:450px;animation-delay:-4s;bottom:-15%;right:-8%}._orb3_1gt24_12{background:radial-gradient(circle,#2eb4780f,#0000 70%);width:350px;height:350px;animation-delay:-7s;top:50%;left:55%}@keyframes _orbFloat_1gt24_1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(20px,-30px)scale(1.05)}66%{transform:translate(-15px,20px)scale(.95)}}._card_1gt24_30{-webkit-backdrop-filter:blur(40px)saturate(160%);z-index:1;background:#ffffff0a;border:1px solid #ffffff14;border-radius:24px;width:420px;max-width:92vw;padding:48px 40px;animation:.7s cubic-bezier(.22,1,.36,1) both _cardIn_1gt24_1;position:relative;box-shadow:0 32px 80px #00000080,inset 0 0 0 1px #ffffff0a}[data-theme=light] ._card_1gt24_30{background:#ffffffd9;border-color:#00000014;box-shadow:0 2px 12px #0000000f}@keyframes _cardIn_1gt24_1{0%{opacity:0;transform:translateY(32px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}._controls_1gt24_57{gap:8px;display:flex;position:absolute;top:16px;right:16px}._ctrlBtn_1gt24_64{color:var(--dim);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;padding:4px 8px;font-size:12px;transition:all .2s}._ctrlBtn_1gt24_64:hover{color:var(--text);background:#ffffff1f}._logo_1gt24_77{text-align:center;margin-bottom:32px}._logo_1gt24_77 h1{letter-spacing:1px;font-family:Montserrat,sans-serif;font-size:30px;font-weight:800}._sentry_1gt24_87{color:var(--text)}._link_1gt24_88{color:var(--blue);font-weight:300}._logo_1gt24_77 p{color:var(--dim);letter-spacing:1.5px;text-transform:uppercase;margin-top:8px;font-size:11px}._group_1gt24_98{margin-bottom:20px}._group_1gt24_98 label{color:var(--dim);letter-spacing:.8px;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:600;display:block}._group_1gt24_98 input{width:100%;color:var(--text);background:#ffffff0a;border:1px solid #ffffff12;border-radius:12px;outline:none;padding:14px 16px;font-size:15px;transition:all .3s}._group_1gt24_98 input:focus{background:#ffffff12;border-color:#2e6db480;box-shadow:0 0 0 4px #2e6db41a}[data-theme=light] ._group_1gt24_98 input{color:#1a1f2e;background:#f0f2f5cc;border-color:#0000001f}._btnPrimary_1gt24_133{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#2e6db4 0%,#1b5a8c 100%);border-radius:12px;width:100%;margin-top:4px;padding:14px;font-size:15px;font-weight:600;transition:all .3s;box-shadow:0 4px 24px #2e6db44d}._btnPrimary_1gt24_133:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 32px #2e6db466}._btnPrimary_1gt24_133:disabled{opacity:.6;cursor:not-allowed}._linkBtn_1gt24_149{text-align:center;width:100%;color:var(--dim);border-radius:8px;margin-top:16px;padding:8px;font-size:13px;transition:color .2s;display:block}._linkBtn_1gt24_149:hover{color:var(--blue)}._error_1gt24_163{color:var(--red);background:#ef444414;border:1px solid #ef444433;border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:13px}._successMsg_1gt24_172{color:var(--green);background:#22c55e14;border:1px solid #22c55e33;border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:13px}._viewTitle_1gt24_182{color:var(--text);margin-bottom:24px;font-size:18px;font-weight:600}._header_8mefo_1{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px);z-index:100;background:#ffffff08;align-items:center;gap:16px;height:56px;padding:0 24px;display:flex;position:sticky;top:0}._brand_8mefo_16{cursor:pointer;white-space:nowrap;font-family:Montserrat,sans-serif;font-size:18px;font-weight:800}._sentry_8mefo_23{color:var(--text)}._link_8mefo_24{color:var(--blue);font-weight:300}._title_8mefo_26{color:var(--dim);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:14px;overflow:hidden}._actions_8mefo_35{align-items:center;gap:8px;margin-left:auto;display:flex}._hbtn_8mefo_42{border:1px solid var(--border);color:var(--sec);background:#ffffff0f;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s}._hbtn_8mefo_42:hover{color:var(--text);background:#ffffff1a}._logout_8mefo_54{color:var(--red)}._logout_8mefo_54:hover{color:var(--red);background:#ef444414;border-color:#ef444433}[data-theme=light] ._header_8mefo_1{background:#ffffffd9;border-bottom-color:#00000014}[data-theme=light] ._hbtn_8mefo_42{color:#4a5568;background:#fff;border-color:#0000001f}._card_gzrej_1{background:var(--bg-card);border:1px solid var(--border-card);cursor:pointer;border-radius:12px;padding:18px 20px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}._card_gzrej_1:hover{border-color:var(--border-lit);transform:translateY(-3px);box-shadow:0 12px 40px #0006}._card_gzrej_1:before{content:"";border-radius:12px 12px 0 0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}._running_gzrej_26:before{background:var(--green);box-shadow:0 0 12px var(--green)}._alarm_gzrej_27:before{background:var(--red);box-shadow:0 0 12px var(--red)}._auto_gzrej_28:before{background:var(--blue);box-shadow:0 0 8px var(--blue)}._standby_gzrej_29:before{background:var(--text-dim);opacity:.5}._offline_gzrej_30:before{background:var(--text-dim);opacity:.25}._running_gzrej_26{box-shadow:0 0 0 1px #00d96414,inset 0 0 40px #00d96408}._alarm_gzrej_27{box-shadow:0 0 0 1px #ef44441a,inset 0 0 40px #ef44440a}._head_gzrej_36{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}._nameRow_gzrej_37{align-items:center;gap:8px;min-width:0;display:flex}._dot_gzrej_39{border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 6px}._name_gzrej_37{color:var(--text-pri);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.2px;font-size:14px;font-weight:700;overflow:hidden}._alarmBadge_gzrej_56{background:var(--red);color:#fff;border-radius:10px;flex-shrink:0;padding:2px 7px;font-size:10px;font-weight:700;box-shadow:0 0 8px #ef444480}._badge_gzrej_67{letter-spacing:.8px;text-transform:uppercase;font-size:10px;font-weight:700;font-family:var(--cond);border:1px solid;border-radius:4px;flex-shrink:0;padding:2px 8px}._client_gzrej_79{color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;letter-spacing:.2px;margin-bottom:14px;font-size:11px;overflow:hidden}._metrics_gzrej_89{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:12px;padding:12px 0;display:grid}._metric_gzrej_89{text-align:center}._metricVal_gzrej_100{font-size:17px;font-weight:700;font-family:var(--mono);color:var(--text-val);line-height:1.1;display:block}._metricUnit_gzrej_108{color:var(--text-dim);margin-left:1px;font-size:9px}._metricLabel_gzrej_109{color:var(--text-dim);letter-spacing:.6px;text-transform:uppercase;margin-top:3px;font-size:9px;display:block}._foot_gzrej_118{align-items:center;gap:10px;display:flex}._footItem_gzrej_119{color:var(--text-sec);font-size:12px;font-family:var(--mono);align-items:center;gap:4px;display:flex}._footIcon_gzrej_127{opacity:.6}._conn_gzrej_129{letter-spacing:.3px;margin-left:auto;font-size:10px;font-weight:600}._connOn_gzrej_130{color:var(--green)}._connOff_gzrej_131{color:var(--text-dim)}[data-theme=light] ._card_gzrej_1{background:#fff;border-color:#e2e6ec;box-shadow:0 2px 8px #0000000d}[data-theme=light] ._card_gzrej_1:hover{box-shadow:0 8px 24px #0000001a}[data-theme=light] ._running_gzrej_26{box-shadow:0 0 0 1px #16a34a1a}[data-theme=light] ._alarm_gzrej_27{box-shadow:0 0 0 1px #dc26261f}._page_k4p23_1{background:var(--bg-deep,#050810);flex-direction:column;min-height:100vh;display:flex;position:relative;overflow:hidden}._page_k4p23_1:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0}._main_k4p23_23{z-index:1;flex:1;width:100%;max-width:1600px;margin:0 auto;padding:24px;position:relative}._stats_k4p23_34{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}._stat_k4p23_34{background:var(--bg-card);border:1px solid var(--border-card);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-width:88px;padding:12px 24px;transition:all .2s;display:flex}._stat_k4p23_34:hover{background:var(--bg-hover);border-color:var(--border-lit)}._statActive_k4p23_55{border-color:var(--blue)!important;background:#4a9eff0f!important}._statVal_k4p23_57{font-size:24px;font-weight:700;font-family:var(--mono);color:var(--text-val);line-height:1}._statLabel_k4p23_58{color:var(--text-dim);text-transform:uppercase;letter-spacing:.7px;margin-top:4px;font-size:10px}._searchRow_k4p23_61{gap:8px;margin-bottom:20px;display:flex}._search_k4p23_61{background:var(--bg-card);border:1px solid var(--border-card);color:var(--text-pri);border-radius:10px;outline:none;flex:1;padding:10px 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}._search_k4p23_61::placeholder{color:var(--text-dim)}._search_k4p23_61:focus{border-color:var(--blue);box-shadow:0 0 0 3px #4a9eff1a}._refreshBtn_k4p23_84{background:var(--bg-card);border:1px solid var(--border-card);width:42px;color:var(--text-dim);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:16px;transition:all .2s;display:flex}._refreshBtn_k4p23_84:hover{color:var(--text-pri);background:var(--bg-hover);border-color:var(--border-lit)}._grid_k4p23_100{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:14px;display:grid}._placeholder_k4p23_107{text-align:center;color:var(--text-dim);letter-spacing:.2px;padding:80px 0;font-size:14px}._errorMsg_k4p23_108{text-align:center;color:var(--red);padding:40px 0;font-size:14px}@media (width<=640px){._main_k4p23_23{padding:12px}._grid_k4p23_100{grid-template-columns:1fr;gap:10px}._stat_k4p23_34{min-width:64px;padding:10px 16px}._stats_k4p23_34{gap:8px}}[data-theme=light] ._page_k4p23_1{background:#f0f2f5}[data-theme=light] ._page_k4p23_1:before{background-image:linear-gradient(#00000008 1px,#0000 1px),linear-gradient(90deg,#00000008 1px,#0000 1px)}[data-theme=light] ._search_k4p23_61,[data-theme=light] ._stat_k4p23_34,[data-theme=light] ._refreshBtn_k4p23_84{background:#fff;border-color:#e2e6ec}html{touch-action:manipulation}:root{--bg-deep:#050810;--bg-panel:#0a0f1a;--bg-card:#0f1525;--bg-hover:#172640;--bg-inset:#080c14;--border:#141e33;--border-lit:#2e5080;--border-card:#1c2a45;--accent:#4a8cd6;--accent-dim:#1b5a8c;--accent-glow:#2e75b629;--green:#00d964;--green-dim:#007a33;--green-glow:#00d96424;--amber:#f0a800;--amber-dim:#a06010;--amber-glow:#f0a80024;--red:#e03c3c;--red-dim:#8b1a1a;--red-glow:#e03c3c24;--blue:#2e75b6;--blue-dim:#1b5a8c;--blue-glow:#2e75b624;--cyan:#7ab8f0;--text-pri:#e8f0fa;--text-val:#fff;--text-sec:#7a95b0;--text-dim:#4a6a8a;--mono:"JetBrains Mono", "SF Mono", ui-monospace, monospace;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--body:"Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0;resize:none!important}iframe{resize:none!important;overflow:hidden!important}.card,.bvc{resize:none!important;-webkit-user-drag:none!important}.bvc{overflow:hidden!important}:not(input):not(textarea):not([contenteditable]){-webkit-user-select:none;user-select:none}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text;cursor:text}body{background:var(--bg-deep);color:var(--text-pri);font-family:var(--body);letter-spacing:-.1px;flex-direction:column;height:100dvh;font-size:14px;line-height:1.5;display:flex;position:relative;overflow:hidden}body:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0}#stickyTop{z-index:100;-webkit-backdrop-filter:blur(40px)saturate(160%);background:#050810bf;position:sticky;top:0}header{height:60px;box-shadow:none;background:0 0;border-top:none;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.brand{letter-spacing:1px;color:#fff;text-transform:uppercase;align-items:center;font-family:Montserrat,sans-serif;font-size:20px;font-weight:800;display:flex}.brand .b-tesa{color:#2e6db4;font-weight:300}.brand .b-sub{color:var(--text-sec);letter-spacing:1px;vertical-align:middle;margin-left:4px;font-size:12px;font-weight:400}.dvr{background:var(--border-lit);width:1px;height:24px}.dev-info{font-family:var(--sans);color:var(--text-sec);letter-spacing:-.2px;font-size:15px}.dev-info strong{color:var(--text-pri);font-weight:600}.hdr-r{align-items:center;gap:10px;display:flex}.hdr-btn{-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);color:var(--text-sec);font-family:var(--sans);letter-spacing:.3px;cursor:pointer;white-space:nowrap;background:#111e2e99;border-radius:4px;align-items:center;gap:6px;padding:5px 14px;font-size:11px;font-weight:500;transition:all .2s;display:flex}.hdr-btn:hover{border-color:var(--border-lit);color:var(--text-pri);background:#111e2ecc}.conn-badge{font-family:var(--sans);color:var(--text-sec);border:1px solid var(--border);-webkit-backdrop-filter:blur(8px);background:#111e2e99;border-radius:4px;align-items:center;gap:8px;padding:4px 12px;font-size:11px;font-weight:500;transition:border-color .3s,box-shadow .3s,background .3s;display:flex}.conn-dot{background:var(--green);width:7px;height:7px;box-shadow:0 0 8px var(--green),0 0 16px #00d96433;border-radius:50%;transition:background .4s,box-shadow .4s;animation:2.5s cubic-bezier(.4,0,.6,1) infinite pdot}.conn-dot.alarm{background:var(--red);box-shadow:0 0 8px var(--red),0 0 16px #e03c3c40}.conn-dot.warn{background:var(--amber);box-shadow:0 0 8px var(--amber),0 0 16px #f0a80033}@keyframes pdot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.85)}}.conn-quality{font-family:var(--sans);color:var(--text-sec);border:1px solid var(--border);background:var(--bg-card);cursor:default;border-radius:2px;align-items:center;gap:6px;padding:4px 10px;font-size:10px;display:flex}.signal-bars{align-items:flex-end;gap:2px;height:14px;display:flex}.signal-bars .bar{background:var(--text-dim);border-radius:1px;width:3px;transition:background .3s,height .3s}.signal-bars .b1{height:4px}.signal-bars .b2{height:7px}.signal-bars .b3{height:10px}.signal-bars .b4{height:14px}.signal-bars.good .bar{background:var(--green)}.signal-bars.fair .b1,.signal-bars.fair .b2,.signal-bars.fair .b3{background:var(--amber)}.signal-bars.poor .b1,.signal-bars.poor .b2{background:var(--red)}.cq-text{white-space:nowrap}.conn-quality.good .cq-text{color:var(--green)}.conn-quality.fair .cq-text{color:var(--amber)}.conn-quality.poor .cq-text{color:var(--red)}.clock{font-family:var(--mono);color:var(--cyan);letter-spacing:.5px;font-size:13px}.sbar{background:var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(5,1fr);gap:1px;display:grid}.scell{background:var(--bg-panel);align-items:center;gap:12px;padding:10px 18px;display:flex}.sico{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:background .4s,border-color .4s,color .4s,box-shadow .4s;display:flex}.sico.g{background:var(--green-glow);border:1px solid var(--green-dim);color:var(--green);box-shadow:0 0 8px #00d9641a}.sico.a{background:var(--amber-glow);border:1px solid var(--amber-dim);color:var(--amber);box-shadow:0 0 8px #f0a8001a}.sico.r{background:var(--red-glow);border:1px solid var(--red-dim);color:var(--red);box-shadow:0 0 8px #e03c3c1a}.sico.b{background:var(--blue-glow);border:1px solid var(--blue-dim);color:var(--blue);box-shadow:0 0 8px #2e6db41a}.sico.d{border:1px solid var(--border);color:var(--text-sec);background:#ffffff0a}.slbl{font-family:var(--sans);letter-spacing:.5px;color:var(--text-sec);text-transform:uppercase;font-size:10px;font-weight:500}.sval{font-family:var(--sans);color:var(--text-val);letter-spacing:-.2px;font-size:15px;font-weight:600;transition:color .4s}.sval.g{color:var(--green)}.sval.a{color:var(--amber)}.sval.r{color:var(--red)}.sval.b{color:var(--blue)}.tab-nav{-webkit-backdrop-filter:blur(40px)saturate(160%);background:#05081080;border-bottom:1px solid #ffffff0f;align-items:stretch;gap:2px;padding:0 16px;display:flex}.tbtn{font-family:var(--sans);letter-spacing:.3px;text-transform:uppercase;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:7px;margin-bottom:-2px;padding:13px 18px;font-size:11px;font-weight:600;transition:color .25s,border-color .25s,box-shadow .25s,background .25s;display:flex;position:relative}.tbtn:hover{color:var(--text-sec);background:#ffffff05}.tbtn.active{color:var(--accent);border-bottom-color:var(--accent);box-shadow:0 3px 12px -2px #2e6db466}.tbtn .ti{font-size:15px}.ti-svg{flex-shrink:0;width:16px;height:16px}.mi-svg{flex-shrink:0;width:20px;height:20px}.tpane{animation:.3s cubic-bezier(.4,0,.2,1) fin;display:none}.tpane.active{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}#tab-mediciones.active,#tab-estados.active,#tab-control.active{flex:1;min-height:0;overflow-y:auto}@keyframes fin{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.card{-webkit-backdrop-filter:blur(20px)saturate(140%);-webkit-user-drag:none;-webkit-user-select:none;user-select:none;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;transition:box-shadow .3s,border-color .3s;position:relative;overflow:visible;box-shadow:0 4px 24px #0000004d}.card:before{content:"";background:linear-gradient(90deg,transparent,var(--border-lit),transparent);height:2px;position:absolute;top:0;left:0;right:0}.card.cg:before{background:linear-gradient(90deg,transparent,var(--green),transparent)}.card.cb:before{background:linear-gradient(90deg,transparent,var(--blue),transparent)}.card.ca:before{background:linear-gradient(90deg,transparent,var(--amber),transparent)}.card.cr:before{background:linear-gradient(90deg,transparent,var(--red),transparent)}.card.cc:before{background:linear-gradient(90deg,transparent,var(--cyan),transparent)}.chdr{border-bottom:1px solid var(--border-card);background:#ffffff09;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.ctit{font-family:var(--sans);letter-spacing:.8px;text-transform:uppercase;color:var(--text-sec);font-size:10px;font-weight:600}.cbadge{font-family:var(--mono);letter-spacing:1px;border-radius:2px;padding:2px 8px;font-size:10px}.cbadge.g{background:var(--green-glow);color:var(--green);border:1px solid #00c8534d}.cbadge.b{background:var(--blue-glow);color:var(--blue);border:1px solid #4a7fd459}.cbadge.a{background:var(--amber-glow);color:var(--amber);border:1px solid #e8a0204d}.cbadge.c{color:var(--cyan);background:#4a7fd41f;border:1px solid #4a7fd466}.cbadge.r{background:var(--red-glow);color:var(--red);border:1px solid #d940404d}.pad{flex-direction:column;flex:1;max-width:100%;min-height:0;padding:8px;display:flex}.g2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.g3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.g4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.gwrap{width:82px;height:82px;margin:0 auto 5px;position:relative}.gsvg{width:100%;height:100%;transform:rotate(-135deg)}.gtrack{fill:none;stroke:var(--border-card);stroke-width:6px;stroke-linecap:round}.gfill{fill:none;stroke-width:6px;stroke-linecap:round;transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1)}.gctr{text-align:center;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.gval{font-family:var(--mono);color:var(--text-val);font-size:14px;font-weight:700;transition:color .4s;display:block}.gunit{font-family:var(--sans);color:var(--text-sec);letter-spacing:.3px;font-size:10px;font-weight:500}.glbl{font-family:var(--sans);letter-spacing:.3px;color:var(--text-sec);text-align:center;font-size:11px;font-weight:600}.bm{margin-bottom:12px}.bm:last-child{margin-bottom:0}.bhdr{justify-content:space-between;align-items:baseline;margin-bottom:5px;display:flex}.blbl{font-family:var(--sans);letter-spacing:.3px;color:var(--text-sec);font-size:11px;font-weight:500}.bval{font-family:var(--mono);color:var(--text-val);font-size:13px;transition:color .4s}.btrack{background:var(--bg-inset);border:1px solid var(--border);border-radius:1px;height:6px;overflow:hidden}.bfill{border-radius:1px;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1)}.bfill.g{background:linear-gradient(90deg,var(--green-dim),var(--green))}.bfill.b{background:linear-gradient(90deg,var(--blue-dim),var(--blue))}.bfill.a{background:linear-gradient(90deg,var(--amber-dim),var(--amber))}.bfill.r{background:linear-gradient(90deg,var(--red-dim),var(--red))}.mrow{background:var(--border-card);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.mcell{background:var(--bg-card);padding:9px 14px;transition:background .2s}.mcell:hover{background:var(--bg-hover)}.mrow .mcell:nth-child(2n){background:#111e2e80}.mlbl{font-family:var(--sans);letter-spacing:.5px;text-transform:uppercase;color:var(--text-sec);margin-bottom:4px;font-size:10px;font-weight:500}.mval{font-family:var(--mono);color:var(--text-val);letter-spacing:-.5px;font-size:21px;font-weight:600;line-height:1;transition:color .4s}.mval .u{color:var(--text-sec);margin-left:2px;font-size:12px}.mval.g{color:var(--green)}.mval.b{color:var(--blue)}.mval.a{color:var(--amber)}.mval.c{color:var(--cyan)}.sgrid{grid-template-columns:1fr 1fr;gap:4px;padding:8px;display:grid}.pill{border:1px solid var(--border);background:#ffffff05;border-radius:3px;align-items:center;gap:6px;padding:5px 9px;transition:all .3s;display:flex}.pill.on.g{background:var(--green-glow);border-color:#00c85359}.pill.on.a{background:var(--amber-glow);border-color:#e8a02066;animation:1.5s ease-in-out infinite bla}.pill.on.r{background:var(--red-glow);border-color:#d9404066;animation:.8s ease-in-out infinite blr}@keyframes bla{0%,to{background:var(--amber-glow)}50%{background:#ffb3000d}}@keyframes blr{0%,to{background:var(--red-glow)}50%{background:#d9404008}}@keyframes ledpulse{0%,to{opacity:1;r:5}50%{opacity:.25;r:3}}.pdot{background:var(--border-lit);border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:all .4s cubic-bezier(.4,0,.2,1)}.on.g .pdot{background:var(--green);box-shadow:0 0 6px var(--green),0 0 12px #00d96433}.on.a .pdot{background:var(--amber);box-shadow:0 0 6px var(--amber),0 0 12px #f0a80033}.on.r .pdot{background:var(--red);box-shadow:0 0 6px var(--red),0 0 12px #e03c3c33}.ptxt{font-family:var(--sans);letter-spacing:-.1px;color:var(--text-dim);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:400;transition:color .3s;overflow:hidden}.on .ptxt{color:var(--text-pri)}.alarm-grid{flex-direction:column;gap:8px;height:calc(100vh - 170px);display:flex}.alarm-card{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.alarm-card .chdr{flex-shrink:0;padding:6px 14px}.alarm-card-body{scrollbar-width:thin;scrollbar-color:var(--border-lit) transparent;flex:1;min-height:0;overflow-y:auto}.alarm-card-body::-webkit-scrollbar{width:5px;display:block}.alarm-card-body::-webkit-scrollbar-track{background:0 0}.alarm-card-body::-webkit-scrollbar-thumb{background:var(--border-lit);border-radius:10px}.alarm-card-body .alist,.alarm-card-body .ev-list{scrollbar-width:thin;scrollbar-color:var(--border-lit) transparent;height:100%;max-height:none;overflow-y:auto}.alarm-card-body .alist::-webkit-scrollbar{width:5px;display:block}.alarm-card-body .ev-list::-webkit-scrollbar{width:5px;display:block}.alarm-card-body .alist::-webkit-scrollbar-thumb{background:var(--border-lit);border-radius:10px}.alarm-card-body .ev-list::-webkit-scrollbar-thumb{background:var(--border-lit);border-radius:10px}.alarm-card .aitem{gap:10px;padding:8px 14px;font-size:12px}.alarm-card .atime{font-size:10px}.alarm-card .no-alarm{padding:12px}.alarm-toggle{color:var(--text-dim);cursor:pointer;font-size:14px;transition:transform .2s}.alarm-toggle.collapsed{transform:rotate(-90deg)}.alarm-card-body.collapsed{display:none}.alarm-card.collapsed-card{flex:none}.alist{max-height:184px;padding-bottom:2px;overflow:hidden auto}.alist::-webkit-scrollbar{width:4px}.alist::-webkit-scrollbar-track{background:0 0}.alist::-webkit-scrollbar-thumb{background:var(--border-lit);border-radius:2px}.aitem{border-left:4px solid var(--text-dim);font-family:var(--sans);background:0 0;border-bottom:1px solid #ffffff08;border-radius:0;align-items:center;gap:14px;margin:4px 0;padding:14px 18px;font-size:13px;font-weight:400;transition:background .2s,border-color .2s;display:flex}.aitem:last-child{border-bottom:none}.aitem:hover{background:#ffffff05}.aitem.fa{border-left-color:var(--red)}.aitem.wa{border-left-color:var(--amber)}.aitem.fa .atext{color:var(--red)}.aitem.wa .atext{color:var(--amber)}.atext{color:var(--text-sec);flex:1;font-size:13px;font-weight:500}.atime{font-family:var(--mono);color:var(--text-dim);min-width:42px;font-size:12px}.no-alarm{text-align:center;font-family:var(--sans);color:var(--green);letter-spacing:0;padding:24px 16px;font-size:13px}.pfrow{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 0;display:flex}.pfrow:last-child{border-bottom:none}.pfph{font-family:var(--sans);color:var(--text-sec);letter-spacing:0;width:28px;font-size:12px;font-weight:600}.pfbar{background:var(--border);border-radius:1px;flex:1;height:4px;position:relative;overflow:visible}.pffill{border-radius:1px;height:100%;transition:width .8s;position:absolute;left:50%}.pffill.lag{background:var(--amber);transform-origin:0}.pffill.lead{background:var(--green);transform-origin:0}.pfmark{background:var(--border-lit);width:2px;height:10px;position:absolute;top:-3px;left:50%;transform:translate(-50%)}.pfval{font-family:var(--mono);color:var(--text-val);text-align:right;letter-spacing:-.3px;width:50px;font-size:13px}.erow{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:7px 0;transition:background .2s,padding-left .2s;display:flex}.erow:hover{background:#ffffff05;padding-left:4px}.erow:last-child{border-bottom:none}.elbl{font-family:var(--sans);letter-spacing:.2px;color:var(--text-sec);font-size:12px;font-weight:500}.eval{font-family:var(--mono);color:var(--cyan);letter-spacing:-.3px;font-size:16px;transition:color .4s}.bvc{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:4px;padding:12px 16px}.bvl{font-family:var(--sans);letter-spacing:.6px;text-transform:uppercase;color:var(--text-sec);margin-bottom:4px;font-size:10px;font-weight:500}.bvv{font-family:var(--mono);font-size:32px;font-weight:700;line-height:1;transition:color .4s}.bvv .u{color:var(--text-sec);margin-left:4px;font-size:18px}.cbtn{cursor:pointer;font-family:var(--sans);letter-spacing:.5px;text-transform:uppercase;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px 8px;font-size:13px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.cbtn:hover{filter:brightness(1.2);transform:translateY(-2px)scale(1.03)}.cbtn:active{transition-duration:.1s;transform:translateY(0)scale(.98)}.cbtn.g{border:1px solid var(--green-dim);background:var(--green-glow);color:var(--green)}.cbtn.g:hover{box-shadow:0 0 20px #00d96440,0 4px 12px #0000004d}.cbtn.c{border:1px solid var(--accent-dim);background:var(--accent-glow);color:var(--accent)}.cbtn.c:hover{box-shadow:0 0 20px #2e6db440,0 4px 12px #0000004d}.cbtn.r{border:1px solid var(--red-dim);background:var(--red-glow);color:var(--red)}.cbtn.r:hover{box-shadow:0 0 20px #e03c3c40,0 4px 12px #0000004d}footer{text-align:center;font-family:var(--sans);color:var(--text-dim);letter-spacing:.3px;border-top:1px solid var(--border);margin-top:4px;padding:12px;font-size:11px;font-weight:400}.sec-hdr{border-bottom:2px solid var(--border-lit);align-items:center;gap:10px;margin-bottom:10px;padding:6px 0 5px;display:flex}.sec-ico{font-size:18px}.sec-tit{font-family:var(--sans);letter-spacing:.3px;color:var(--text-pri);font-size:12px;font-weight:600}.sec-badge{font-family:var(--mono);color:var(--text-sec);background:var(--bg-inset);border:1px solid var(--border-card);letter-spacing:.2px;border-radius:3px;margin-left:auto;padding:2px 8px;font-size:10px}.ctrl-bar{background:var(--bg-inset);border:1px solid var(--border-card);border-radius:4px;flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px;padding:14px 18px;display:flex}.ctrl-label{font-family:var(--sans);letter-spacing:.5px;text-transform:uppercase;color:var(--text-sec);white-space:nowrap;min-width:120px;font-size:10px;font-weight:500}.ctrl-btns{flex:1;justify-content:center;gap:10px;display:flex}.ctrl-status{align-items:center;gap:8px;min-width:150px;display:flex}.cdot{background:var(--border-lit);border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:all .3s}.cfb{font-family:var(--mono);color:var(--text-sec);font-size:12px}.ctrl-warn{background:var(--amber-glow);border:1px solid var(--amber-dim);font-family:var(--sans);color:var(--amber);white-space:nowrap;border-radius:3px;align-items:center;gap:6px;padding:5px 10px;font-size:10px;display:flex}.ev-filter{font-family:var(--sans);cursor:pointer;border:1px solid var(--border);color:var(--text-dim);letter-spacing:.2px;background:0 0;border-radius:2px;padding:3px 8px;font-size:10px;font-weight:500;transition:all .15s}.ev-filter:hover{color:var(--text-sec);border-color:var(--border-lit)}.ev-filter.active{background:var(--accent-glow);border-color:var(--accent);color:var(--accent)}.ev-list{scrollbar-width:thin;scrollbar-color:var(--border-lit) transparent;flex:1;max-height:184px;overflow-y:auto}.ev-list::-webkit-scrollbar{width:3px}.ev-list::-webkit-scrollbar-thumb{background:var(--border-lit);border-radius:2px}.ev-item{border-bottom:1px solid var(--border);cursor:default;flex-direction:column;gap:2px;padding:8px 12px;transition:background .15s;display:flex}.ev-item:hover{background:var(--bg-hover)}.ev-item:nth-child(2n){background:#ffffff03}.ev-item:last-child{border-bottom:none}.ev-item[data-type=alarm]{border-left:2px solid var(--red)}.ev-item[data-type=warn]{border-left:2px solid var(--amber)}.ev-item[data-type=info]{border-left:2px solid var(--accent)}.ev-item.hidden{display:none}.ev-row1{align-items:center;gap:6px;display:flex}.ev-icon{flex-shrink:0;font-size:11px}.ev-msg{font-family:var(--sans);color:var(--text-pri);flex:1;font-size:12px;font-weight:500;line-height:1.3}.ev-item[data-type=alarm] .ev-msg{color:var(--red)}.ev-item[data-type=warn] .ev-msg{color:var(--amber)}.ev-item[data-type=info] .ev-msg{color:var(--text-pri)}.ev-row2{align-items:center;gap:6px;padding-left:17px;display:flex}.ev-time{font-family:var(--mono);color:var(--text-dim);letter-spacing:.3px;font-size:10px}.ev-src{font-family:var(--sans);color:var(--text-dim);background:var(--bg-inset);border:1px solid var(--border);border-radius:2px;padding:0 5px;font-size:10px}#roleBadge{font-family:var(--mono);letter-spacing:2px;text-transform:uppercase;border-radius:2px;padding:3px 10px;font-size:10px;display:none!important}#roleBadge.superadmin{color:#c084fc;background:#8b00ff2e;border:1px solid #8b00ff66}#roleBadge.admin{color:#6ea8e8;background:#1d397f40;border:1px solid #4a7fd480}#roleBadge.tecnico{color:var(--amber);background:#e8a0201f;border:1px solid #e8a0204d}#roleBadge.cliente{color:var(--green);background:#00c8531f;border:1px solid #00c8534d}#logoutBtn{font-family:var(--sans);letter-spacing:.3px;text-transform:none;cursor:pointer;-webkit-backdrop-filter:blur(8px);color:var(--text-sec);border:1px solid var(--border);background:#111e2e99;border-radius:4px;padding:5px 14px;font-size:11px;font-weight:500;transition:all .2s;display:none}#logoutBtn:hover{color:var(--text-pri);border-color:var(--border-lit);background:#111e2ecc}#confirmModal{z-index:9998;-webkit-backdrop-filter:blur(6px);background:#080c0fd9;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}#confirmModal.hidden{display:none}.confirm-box{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-card);background:#111e2ed9;border-radius:8px;width:360px;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;overflow:hidden;box-shadow:0 8px 48px #0009,0 0 1px #2e6db426}.confirm-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px 20px;display:flex}.confirm-header.auto{border-top:3px solid var(--green);background:linear-gradient(135deg,#00c8530f,#0000)}.confirm-header.start{border-top:3px solid var(--cyan);background:linear-gradient(135deg,#4a7fd412,#0000)}.confirm-icon{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.confirm-header.auto .confirm-icon{background:var(--green-glow);border:1px solid var(--green-dim);color:var(--green)}.confirm-header.start .confirm-icon{background:var(--blue-glow);color:var(--cyan);border:1px solid #4a7fd480}.confirm-title{font-family:var(--sans);letter-spacing:.3px;font-size:14px;font-weight:700}.confirm-header.auto .confirm-title{color:var(--green)}.confirm-header.start .confirm-title{color:var(--cyan)}.confirm-body{font-family:var(--sans);color:var(--text-sec);padding:20px;font-size:13px;line-height:1.7}.confirm-body strong{color:var(--text-pri)}.confirm-warn{background:var(--amber-glow);border:1px solid var(--amber-dim);color:var(--amber);border-radius:3px;align-items:flex-start;gap:8px;margin-top:14px;padding:10px 14px;font-size:12px;display:flex}.confirm-footer{border-top:1px solid var(--border);background:#00000026;justify-content:flex-end;gap:10px;padding:14px 20px;display:flex}.confirm-cancel{cursor:pointer;font-family:var(--sans);letter-spacing:.3px;text-transform:uppercase;color:var(--text-dim);border:1px solid var(--border);background:0 0;border-radius:3px;padding:9px 20px;font-size:11px;font-weight:600;transition:all .2s}.confirm-cancel:hover{color:var(--text-sec);border-color:var(--border-lit)}.confirm-ok{cursor:pointer;font-family:var(--sans);letter-spacing:.3px;text-transform:uppercase;border-radius:3px;padding:9px 24px;font-size:11px;font-weight:600;transition:all .2s}.confirm-ok.auto{background:var(--green-glow);color:var(--green);border:1px solid var(--green-dim)}.confirm-ok.start{background:var(--blue-glow);color:var(--cyan);border:1px solid #4a7fd480}.confirm-ok:hover{filter:brightness(1.3);transform:translateY(-1px)scale(1.02);box-shadow:0 4px 16px #0000004d}.confirm-ok:active{transform:translateY(0)scale(.98)}.confirm-cancel:active{transform:scale(.97)}.confirm-ok .countdown{opacity:.7;margin-left:6px;font-size:10px;display:inline-block}button,.tbtn,.ctrl-btn,.login-btn{-webkit-tap-highlight-color:transparent;touch-action:manipulation}*{-webkit-overflow-scrolling:touch}@media (width<=1024px){.sbar{grid-template-columns:repeat(3,1fr)}.scell:nth-child(4),.scell:nth-child(5){display:none}.g4{grid-template-columns:repeat(2,1fr)}.pad{padding:6px}header{padding:0 14px}.clock{display:none}}@media (width<=768px){.back-dash{display:none!important}body{height:100%;padding-top:0;padding-bottom:0}header{padding-top:env(safe-area-inset-top,0px)}footer{display:none}#menuBtn{display:flex!important}#activeTabLabel{display:block}header{gap:8px;height:68px;padding:0 14px}.brand{font-size:22px}.brand .b-sub{font-size:12px}.dev-info,.dvr{display:none}#logoutBtn{display:none!important}#dashboardBtn{display:none}.csv-header-btn,button[onclick="openExport()"],#signalQuality{display:none!important}#connText{display:none}.conn-badge{gap:0;padding:4px 6px}.cq-text{display:none}.conn-quality{gap:0;padding:4px 6px}#roleBadge{display:none}.hdr-r{flex-shrink:0;gap:8px;overflow:visible}.sbar{scrollbar-width:none;-ms-overflow-style:none;border-bottom:1px solid var(--border);background:var(--border);flex-shrink:0;gap:1px;overflow:auto hidden;display:flex!important}.sbar::-webkit-scrollbar{display:none}.scell{flex:none;min-width:130px;padding:10px 14px}.scell:nth-child(4),.scell:nth-child(5){display:flex}.sico{width:34px;height:34px;font-size:15px}.slbl{font-size:10px}.sval{font-size:15px}.tpane.active{flex:1!important;min-height:0!important;display:block!important;overflow-y:auto!important}.pad{flex:none!important;display:block!important}.resumen-grid{flex:none!important;display:grid!important}.tab-nav{display:none!important}.pad{max-width:100%;padding:6px}.g2,.g3,.g4{grid-template-columns:1fr;gap:8px}.resumen-grid{grid-template-columns:1fr!important}#tab-resumen .pad{height:auto!important}.resumen-grid,#tab-resumen .card.cc{flex:none!important}#mimicWrap{width:100%;overflow:hidden;display:block!important}#mimicCard{flex-direction:column!important}#atsSvgPanel{overflow:hidden;width:100%!important}#mimicSvg{height:auto;display:block;width:100%!important;min-width:0!important}#tab-mediciones.active,#tab-estados.active,#tab-control.active{max-height:none}.ctrl-bar{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.ctrl-btns{justify-content:stretch;gap:8px}.ctrl-btns .cbtn{flex:1;min-height:44px;font-size:12px}.ctrl-label{min-width:unset;font-size:10px}.ctrl-status{min-width:unset;justify-content:center}.ctrl-warn{justify-content:center}#tab-mediciones div[style*="grid-template-columns:repeat(3"]{grid-template-columns:repeat(3,1fr)!important;gap:4px!important;padding:6px!important}#tab-mediciones .gwrap{aspect-ratio:1;width:100%;max-width:90px;height:auto;margin:0 auto 2px}#tab-mediciones .gsvg{width:100%;height:100%}#tab-estados .g3{grid-template-columns:1fr}#tab-estados .sgrid{grid-template-columns:1fr 1fr}#tab-estados .card>div[style*=grid-template-columns]{flex-direction:column!important;display:flex!important}#tab-estados .card>div[style*=grid-template-columns]>div{border-bottom:1px solid var(--border);border-right:none!important}#tab-estados .card>div[style*=grid-template-columns]>div:last-child{border-bottom:none!important}#tab-estados .card>div>div>div[style*=grid-template-columns]{grid-template-columns:1fr!important}#tab-alarmas .g2,#tab-control .g2{grid-template-columns:1fr}.login-box{width:calc(100vw - 24px);max-width:420px;margin:12px}.login-body{padding:20px 16px}.login-input,.login-btn{min-height:44px;font-size:16px}.confirm-box{width:calc(100vw - 32px);max-width:360px}.chdr{padding:7px 10px}.ctit{font-size:9px}.gwrap{width:72px;height:72px}}@media (width<=480px){header{height:68px;padding:0 14px}.brand{font-size:22px}.brand .b-sub{font-size:12px;display:inline}.conn-badge{padding:5px 8px}.scell{min-width:130px;padding:11px 14px}.sico{width:36px;height:36px;font-size:16px}.slbl{font-size:11px}.sval{font-size:17px}#mimicSvg{width:100%!important;min-width:0!important}.gwrap{aspect-ratio:1;width:100%;max-width:64px;height:auto}.gval{font-size:13px}.gunit{font-size:9px}#tab-mediciones .gwrap{max-width:72px}#tab-mediciones .glbl{font-size:9px}#tab-mediciones div[style*="grid-template-columns:repeat(3"]{grid-template-columns:repeat(3,1fr)!important;gap:2px!important;padding:4px 0!important}.ctrl-btns{flex-direction:column;gap:8px}.ctrl-btns .cbtn{width:100%;min-height:48px;font-size:13px}.g2,.g3,.g4,#tab-estados .g3{grid-template-columns:1fr!important}#tab-estados .sgrid{grid-template-columns:1fr 1fr!important}.pad{padding:5px}.chdr{padding:6px 10px}.tbtn{padding:5px 2px 3px}.tbtn .ti{font-size:20px}}@media (width<=1024px) and (orientation:landscape) and (height<=500px){.scell{padding:6px 10px}.sico{width:24px;height:24px;font-size:11px}.sval{font-size:12px}#mimicWrap{width:100%;overflow:hidden;display:block!important}#mimicSvg{height:auto;display:block;width:100%!important;min-width:0!important}}@media (width>=769px) and (width<=1024px){body{padding-bottom:0}.g4,.g3{grid-template-columns:repeat(2,1fr)}.resumen-grid{grid-template-columns:1fr 275px!important}#mimicWrap{width:100%;overflow:hidden;display:block!important}#mimicSvg{height:auto;display:block;width:100%!important;min-width:0!important}}.theme-sel{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:6px;padding:4px 8px;display:flex}.theme-sel span{font-family:var(--sans);letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);margin-right:4px;font-size:9px;font-weight:600}.tswatch{cursor:pointer;border:2px solid #0000;border-radius:3px;flex-shrink:0;width:20px;height:20px;transition:all .15s}.tswatch.active{border-color:#fff;box-shadow:0 0 0 1px #ffffff4d,0 0 8px #ffffff26}.tswatch:hover{transform:scale(1.15)}.tswatch.t-kohler{background:linear-gradient(135deg,#1a3a5c,#0052cc)}.tswatch.t-marfil{background:linear-gradient(135deg,#c8bc96,#a89060)}.tswatch.t-mustard{background:linear-gradient(135deg,#7a6018,#d4a000)}#tab-mediciones .tpane,#tab-estados .tpane,#tab-control .tpane{flex:none}#tab-mediciones .pad,#tab-estados .pad,#tab-control .pad{flex:none;gap:8px;display:block;overflow-y:auto}#tab-alarmas .pad{gap:8px}#tab-resumen .pad{gap:6px}.resumen-grid,#tab-resumen .card.cc{flex:1;min-height:0}#tab-resumen .resumen-grid>div:nth-child(2){align-self:start;overflow-y:auto}@media (width<=768px){#tab-mediciones .mrow{display:none!important}#tab-mediciones .gwrap{aspect-ratio:1;width:100%;max-width:90px;height:auto;margin:0 auto 2px}#tab-mediciones .gsvg{width:100%;height:100%}#tab-mediciones .gval{font-size:15px!important}#tab-mediciones .gunit{font-size:10px}#tab-mediciones .glbl{margin-top:1px;font-size:10px;font-weight:600}#tab-mediciones div[style*="grid-template-columns:repeat(3,1fr)"]{grid-template-columns:repeat(3,1fr)!important;gap:2px!important;padding:6px 2px!important}#tab-mediciones .g2{grid-template-columns:1fr!important}#tab-mediciones .g3{grid-template-columns:1fr 1fr!important}}#mimicWrap{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--border-lit) transparent}#mimicWrap::-webkit-scrollbar{height:4px}#mimicWrap::-webkit-scrollbar-thumb{background:var(--border-lit);border-radius:2px}#mimicWrap::-webkit-scrollbar-track{background:0 0}#ats_arm{transition:stroke .45s}#ats_gen_contact,#ats_red_contact{transition:stroke .45s,fill .45s}#ats_led_gen,#ats_led_red{transition:fill .35s,stroke .35s}#ats_top_bar{transition:fill .45s}#lc1,#load_line,#red_cable,#gen_node{transition:stroke .4s}#load_arrow,#red_arrowhead,#gen_arrowhead{transition:fill .4s}#menuBtn{border:1px solid var(--border);width:48px;height:48px;color:var(--text-sec);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;transition:all .2s;display:none}#menuBtn:hover{background:var(--bg-hover);border-color:var(--border-lit);color:var(--text-pri)}#menuOverlay{z-index:299;-webkit-backdrop-filter:blur(6px);background:#080c0fb8;display:none;position:fixed;inset:0}#menuOverlay.open{animation:.2s ease-out fadeIn;display:block}#mobileMenu{z-index:300;background:var(--bg-panel);border-left:2px solid var(--border-lit);width:260px;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);flex-direction:column;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}#mobileMenu.open{transform:translate(0)}.menu-drawer-hdr{border-bottom:1px solid var(--border);background:#ffffff06;flex-shrink:0;justify-content:space-between;align-items:center;height:50px;padding:0 14px;display:flex}.menu-drawer-title{color:#fff;letter-spacing:2px;text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:18px;font-weight:900}.menu-close-btn{border:1px solid var(--border);width:30px;height:30px;color:var(--text-dim);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border-radius:3px;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex}.menu-close-btn:hover{color:var(--text-pri);border-color:var(--border-lit)}.menu-items{flex-direction:column;flex:1;gap:3px;padding:10px 8px;display:flex;overflow-y:auto}.menu-item{cursor:pointer;color:var(--text-dim);font-family:var(--sans);text-align:left;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:3px;align-items:center;gap:12px;width:100%;padding:13px 14px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.menu-item:hover{background:var(--bg-hover);color:var(--text-sec);border-color:var(--border)}.menu-item.active{background:var(--accent-glow);border-color:var(--accent-dim);color:var(--accent)}.menu-item .mi-icon{text-align:center;flex-shrink:0;width:26px;font-size:20px}.menu-item .mi-lbl{flex:1}.menu-item .mi-dot{background:var(--accent);opacity:0;border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:opacity .2s}.menu-item.active .mi-dot{opacity:1}.menu-drawer-footer{border-top:1px solid var(--border);font-family:var(--mono);color:var(--text-dim);letter-spacing:.5px;flex-shrink:0;padding:12px 14px;font-size:10px}#activeTabLabel{font-family:var(--sans);color:var(--accent);letter-spacing:.3px;text-transform:uppercase;font-size:11px;font-weight:600;display:none}*{scrollbar-width:thin;scrollbar-color:var(--border-lit) transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-lit);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}#portraitLock{z-index:99999;background:var(--bg-deep);text-align:center;color:var(--text-sec);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:none;position:fixed;inset:0}@media (width<=1024px) and (orientation:landscape){#portraitLock{display:flex}}.pl-icon{font-size:52px;animation:2s ease-in-out infinite plrot}@keyframes plrot{0%,to{transform:rotate(0)}50%{transform:rotate(-90deg)}}.pl-msg{font-family:var(--sans);letter-spacing:.2px;max-width:260px;font-size:15px;font-weight:500;line-height:1.6}#mimicCard{padding:0!important}#mimicFrame{aspect-ratio:1390/768;border:none;flex:1;min-width:0;display:block}#atsFrame{border:none;display:block}.mimic-toggle{cursor:pointer;flex-shrink:0;width:40px;height:22px;display:inline-block;position:relative}.mimic-toggle input{opacity:0;width:0;height:0;position:absolute}.mimic-toggle-track{cursor:pointer;background:var(--bg-inset);border:1px solid var(--border);border-radius:22px;transition:all .3s;position:absolute;inset:0}.mimic-toggle-knob{background:var(--text-dim);border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;bottom:2px;left:2px}.mimic-toggle input:checked+.mimic-toggle-track{background:var(--green,#0c4);border-color:var(--green,#0c4)}.mimic-toggle input:checked+.mimic-toggle-track .mimic-toggle-knob{background:#fff;transform:translate(18px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.95)}}@keyframes glow{0%,to{box-shadow:0 0 4px #2e6db433}50%{box-shadow:0 0 16px #2e6db466}}@keyframes glowGreen{0%,to{box-shadow:0 0 4px #00d96426}50%{box-shadow:0 0 14px #00d96459}}@keyframes glowRed{0%,to{box-shadow:0 0 4px #e03c3c26}50%{box-shadow:0 0 14px #e03c3c59}}@keyframes glowAmber{0%,to{box-shadow:0 0 4px #f0a80026}50%{box-shadow:0 0 14px #f0a80059}}.card:hover{border-color:var(--border-lit);box-shadow:0 4px 24px #0000004d,0 0 1px #2e6db426}.scell{transition:background .3s}.scell:hover{background:var(--bg-hover)}.bvc{-webkit-backdrop-filter:blur(8px);background:#111e2e8c;border-radius:6px;transition:box-shadow .3s,border-color .3s}.bvc:hover{border-color:var(--border-lit);box-shadow:0 2px 16px #00000040}.card canvas,.card .chart-wrap{background:#080b1066;border-radius:4px}.pfrow{transition:background .2s}.pfrow:hover{background:#ffffff05}.conn-badge:has(.conn-dot:not(.alarm):not(.warn)){border-color:#00d96433;box-shadow:0 0 8px #00d9640f}.conn-badge:has(.conn-dot.alarm){border-color:#e03c3c40;box-shadow:0 0 8px #e03c3c14}.conn-badge:has(.conn-dot.warn){border-color:#f0a80033;box-shadow:0 0 8px #f0a8000f}.pill.on.g{box-shadow:inset 0 0 8px #00d9640f}.pill.on.a{box-shadow:inset 0 0 8px #f0a8000f}.pill.on.r{box-shadow:inset 0 0 8px #e03c3c0f}.ctrl-bar{-webkit-backdrop-filter:blur(8px);background:#0a101899;border-radius:6px}#mobileMenu{-webkit-backdrop-filter:blur(16px);background:#0d1520eb}.menu-item{transition:all .2s cubic-bezier(.4,0,.2,1)}.menu-item:active{transform:scale(.98)}.cbadge{transition:background .3s,color .3s,border-color .3s}.ev-filter{transition:all .2s cubic-bezier(.4,0,.2,1)}.ev-filter:active{transform:scale(.95)}#logoutBtn:hover{box-shadow:0 0 12px #e03c3c26}:root[data-theme=light]{--bg:#f0f2f5;--panel:#fff;--panel2:#f8f9fb;--border:#e2e6ec;--border2:#d0d5dd;--text:#1a1f2e;--dim:#6b7a8d;--sec:#4a5568;--blue:#2e6db4;--blue-d:#1b5a8c;--green:#16a34a;--red:#dc2626;--orange:#d97706;--cyan:#0891b2;--white:#1a1f2e;--mono:"JetBrains Mono", monospace;--sans:"Inter", "Barlow", sans-serif;--cond:"Barlow Condensed", sans-serif;--bg-deep:#f0f2f5;--bg-panel:#fff;--bg-card:#fff;--bg-hover:#f0f4f8;--bg-inset:#f5f7fa;--border-lit:#c0c8d4;--border-card:#e2e6ec;--accent:#2e6db4;--accent-dim:#1b5a8c;--accent-glow:#2e6db41a;--green-glow:#16a34a1a;--red-glow:#dc26261a;--amber-glow:#d977061a;--blue-glow:#2e6db41a;--amber:#d97706;--amber-dim:#92400e;--red-dim:#991b1b;--text-pri:#1a1f2e;--text-val:#0f172a;--text-sec:#4a5568;--text-dim:#94a3b8}[data-theme=light] body{background:var(--bg)!important;color:var(--text)!important}[data-theme=light] body:before{background-image:linear-gradient(#0000000a 1px,#0000 1px),linear-gradient(90deg,#0000000a 1px,#0000 1px)!important}[data-theme=light] .orb-1{background:radial-gradient(circle,#2e6db40f,#0000 70%)!important}[data-theme=light] .orb-2{background:radial-gradient(circle,#643cc80a,#0000 70%)!important}[data-theme=light] .orb-3{background:radial-gradient(circle,#2eb47808,#0000 70%)!important}[data-theme=light] .login-card,[data-theme=light] .gc,[data-theme=light] .card,[data-theme=light] .alarm-card{background:#ffffffd9!important;border-color:#00000014!important;box-shadow:0 2px 12px #0000000f!important}[data-theme=light] #stickyTop,[data-theme=light] header{background:#ffffffd9!important;border-bottom-color:#00000014!important}[data-theme=light] .stats{background:#fff9!important;border-color:#0000000f!important}[data-theme=light] .stat{background:#fffc!important}[data-theme=light] .tab-nav{background:#fffc!important;border-bottom-color:#00000014!important}[data-theme=light] nav{background:#f8f9fbe6!important;border-right-color:#0000000f!important}[data-theme=light] .tw{background:#ffffffe6!important;border-color:#00000014!important}[data-theme=light] thead{background:#f0f2f5cc!important}[data-theme=light] td{border-top-color:#0000000d!important}[data-theme=light] .mbg,[data-theme=light] .modal-overlay{background:#0000004d!important}[data-theme=light] .mbox,[data-theme=light] .modal{background:#fffffff2!important;border-color:#0000001a!important}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{color:#1a1f2e!important;background:#f0f2f5cc!important;border-color:#0000001f!important}[data-theme=light] input::placeholder{color:#94a3b8!important}[data-theme=light] .btn-login,[data-theme=light] .btn-p,[data-theme=light] .modal-btn,[data-theme=light] .lbtn{box-shadow:0 2px 8px #2e6db433!important}[data-theme=light] .conn-badge{background:#0000000d!important;border-color:#0000001a!important}[data-theme=light] .aitem{border-bottom-color:#0000000d!important}[data-theme=light] .aitem:hover{background:#00000005!important}[data-theme=light] .skeleton-card{background:#00000008!important;border-color:#0000000f!important}[data-theme=light] .sk-line,[data-theme=light] .sk-badge,[data-theme=light] .sk-mv,[data-theme=light] .sk-ml,[data-theme=light] .sk-ft{background:#0000000f!important}[data-theme=light] #introOverlay{background:#f0f2f5!important}[data-theme=light] ::-webkit-scrollbar-thumb{background:#00000026!important}[data-theme=light] .gc-metrics,[data-theme=light] .gc-foot{background:#00000005!important;border-top-color:#0000000d!important}[data-theme=light] #themeSelector,[data-theme=light] #langSelector{color:#4a5568!important;background:#0000000d!important;border-color:#0000001a!important}[data-theme=light] .hbtn{color:#4a5568!important;background:#fff!important;border-color:#0000001f!important;box-shadow:0 1px 3px #0000000f!important}[data-theme=light] .hbtn:hover{color:#1a1f2e!important;background:#f5f7fa!important}[data-theme=light] #logoutBtn{color:#dc2626!important}[data-theme=light] .hlogo,[data-theme=light] .brand,[data-theme=light] .s-sentry,[data-theme=light] .ib-s{color:#1a1f2e!important}[data-theme=light] .sico{background:#0000000f!important;border-color:#0000001a!important}[data-theme=light] .ev-filter{color:#4a5568!important;background:#0000000a!important;border-color:#0000001a!important}[data-theme=light] .ev-filter.active{color:#2e6db4!important;background:#2e6db41a!important;border-color:#2e6db44d!important}[data-theme=light] #confirmModal{background:#0000004d!important}[data-theme=light] .confirm-box{background:#fff!important;border-color:#0000001a!important;box-shadow:0 8px 32px #0000001f!important}[data-theme=light] .confirm-body{color:#4a5568!important}[data-theme=light] .confirm-body strong{color:#1a1f2e!important}[data-theme=light] .confirm-warn{color:#92400e!important;background:#d977060f!important;border-color:#d9770633!important}[data-theme=light] .confirm-cancel{color:#4a5568!important;background:#f5f7fa!important;border-color:#0000001f!important}[data-theme=light] .export-modal{background:#0000004d!important}[data-theme=light] .export-box{color:#1a1f2e!important;background:#fff!important;border-color:#0000001a!important}[data-theme=light] .export-box h3{color:#1a1f2e!important}[data-theme=light] .export-box label{color:#4a5568!important}[data-theme=light] .export-box input{color:#1a1f2e!important;background:#f5f7fa!important;border-color:#0000001f!important}[data-theme=light] .menu-drawer{background:#fff!important;border-left-color:#00000014!important}[data-theme=light] .menu-item{color:#4a5568!important}[data-theme=light] .menu-item:hover,[data-theme=light] .menu-item.active{color:#2e6db4!important;background:#2e6db40f!important}[data-theme=light] .menu-drawer-header{border-bottom-color:#0000000f!important}[data-theme=light] .menu-drawer-footer{color:#94a3b8!important}[data-theme=light] .cbtn.g{color:#16a34a!important;background:#16a34a14!important;border-color:#16a34a4d!important}[data-theme=light] .cbtn.b{color:#2e6db4!important;background:#2e6db414!important;border-color:#2e6db44d!important}[data-theme=light] .cbtn.r{color:#dc2626!important;background:#dc26260f!important;border-color:#dc262640!important}[data-theme=light] .erow{border-bottom-color:#0000000f!important}[data-theme=light] .elbl{color:#4a5568!important}[data-theme=light] .eval{color:#1a1f2e!important}[data-theme=light] .cbadge{border-color:#0000001a!important}[data-theme=light] .prow{border-bottom-color:#0000000a!important}[data-theme=light] .ptxt{color:#94a3b8!important}[data-theme=light] .on .ptxt{color:#1a1f2e!important}._page_sn3cr_1{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}._layout_sn3cr_3{flex:1;display:flex;overflow:hidden}._nav_sn3cr_6{border-right:1px solid var(--border);background:#ffffff05;flex-direction:column;flex-shrink:0;gap:4px;width:200px;padding:16px 0;display:flex}._navItem_sn3cr_16{text-align:left;color:var(--text-sec);border-radius:0;padding:10px 20px;font-size:14px;transition:all .2s}._navItem_sn3cr_16:hover{background:var(--bg-hover);color:var(--text)}._navActive_sn3cr_25{color:var(--blue);border-left:3px solid var(--blue);background:#4a9eff14;font-weight:600}._main_sn3cr_28{flex:1;padding:24px;overflow:auto}._toolbar_sn3cr_30{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}._sectionTitle_sn3cr_31{color:var(--text-pri);font-size:20px;font-weight:700}._createBtn_sn3cr_33{background:var(--blue);color:#fff;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600;transition:opacity .2s}._createBtn_sn3cr_33:hover{opacity:.85}._msg_sn3cr_44{text-align:center;color:var(--dim);padding:40px 0}._tableWrap_sn3cr_47{overflow-x:auto}._table_sn3cr_47{border-collapse:collapse;width:100%;font-size:14px}._table_sn3cr_47 th,._table_sn3cr_47 td{text-align:left;border-bottom:1px solid var(--border);padding:10px 16px}._table_sn3cr_47 th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;background:#ffffff05;font-size:11px}._table_sn3cr_47 tr:hover td{background:var(--bg-hover)}._editBtn_sn3cr_57,._delBtn_sn3cr_57{border-radius:6px;margin-right:6px;padding:4px 10px;font-size:12px;font-weight:500}._editBtn_sn3cr_57{color:var(--blue);background:#4a9eff1a;border:1px solid #4a9eff33}._delBtn_sn3cr_57{color:var(--red);background:#ef444414;border:1px solid #ef444433}._overlay_sn3cr_68{z-index:200;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}._modal_sn3cr_74{background:var(--panel);border:1px solid var(--border2);border-radius:16px;width:480px;max-width:94vw;max-height:90vh;padding:32px;overflow-y:auto}._modal_sn3cr_74 h3{color:var(--text-pri);margin-bottom:20px;font-size:18px;font-weight:700}._formGrid_sn3cr_86{grid-template-columns:1fr 1fr;gap:12px;display:grid}._formGroup_sn3cr_87{flex-direction:column;gap:4px;display:flex}._formGroup_sn3cr_87 label{text-transform:uppercase;letter-spacing:.5px;color:var(--dim);font-size:11px;font-weight:600}._formGroup_sn3cr_87 input{background:var(--bg-inset);border:1px solid var(--border);color:var(--text);border-radius:8px;outline:none;padding:8px 12px;font-size:14px}._formGroup_sn3cr_87 input:focus{border-color:var(--blue)}._modalActions_sn3cr_100{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}._cancelBtn_sn3cr_101{background:var(--bg-hover);color:var(--text-sec);border-radius:8px;padding:8px 20px;font-size:14px}._saveBtn_sn3cr_102{background:var(--blue);color:#fff;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:600}@media (width<=640px){._nav_sn3cr_6{display:none}._formGrid_sn3cr_86{grid-template-columns:1fr}}