:root{--background: #0a0a0a;--foreground: #fafafa;--card: #121212;--popover: #121212;--primary: #fafafa;--primary-foreground: #171717;--secondary: #262626;--muted: #262626;--muted-foreground: #a3a3a3;--accent: #262626;--destructive: #ef4444;--border: #262626;--input: #262626;--ring: #d4d4d4;--status-normal: #22c55e;--status-warning: #f59e0b;--status-critical: #ef4444;--status-normal-bg05: #22c55e0d;--status-normal-bg10: #22c55e1a;--status-normal-bg20: #22c55e33;--status-normal-border30: #22c55e4d;--status-warning-bg05: #f59e0b0d;--status-warning-bg10: #f59e0b1a;--status-warning-bg20: #f59e0b33;--status-warning-border30: #f59e0b4d;--status-warning-border50: #f59e0b80;--status-critical-bg05: #ef44440d;--status-critical-bg10: #ef44441a;--status-critical-bg20: #ef444433;--status-critical-border30: #ef44444d;--status-critical-border50: #ef444480;--card-half: #12121280;--background-half: #0a0a0acc;--secondary-half: #26262680;--secondary-third: #2626264d;--border-half: #26262680;--border-third: #26262633;--font-display: "Rajdhani";--font-sans: "Inter";--font-mono: "monospace"}@font-face{font-family:Rajdhani;src:url(/assets/fonts/Rajdhani-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Rajdhani;src:url(/assets/fonts/Rajdhani-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Rajdhani;src:url(/assets/fonts/Rajdhani-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Rajdhani;src:url(/assets/fonts/Rajdhani-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--background);color:var(--foreground);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.45}.brand{font-family:var(--font-display),sans-serif;font-weight:700;letter-spacing:.05em;font-size:20px;color:var(--muted-foreground);line-height:1}.brand span{color:var(--foreground)}.brand--xl{font-size:40px;letter-spacing:.06em;margin:0}.muted{color:var(--muted-foreground)}.small{font-size:12px}.ok{color:var(--status-normal)}.warn{color:var(--status-warning)}.alert{display:flex;align-items:center;gap:10px;background:var(--status-critical-bg10);border:1px solid var(--status-critical-border30);color:var(--status-critical);border-radius:8px;padding:10px 12px;margin:0;font-size:13px;font-weight:600}button{font:inherit;cursor:pointer;border-radius:8px;border:1px solid var(--border);background:var(--secondary);color:var(--foreground);padding:9px 14px;display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.08em}button:hover:not(:disabled){border-color:var(--muted-foreground)}button:disabled{opacity:.5;cursor:default}.btn--primary{background:var(--primary);color:var(--primary-foreground);border-color:transparent}.btn--wide{width:100%;justify-content:center;height:46px;letter-spacing:.2em}button.link{background:none;border:none;color:var(--muted-foreground);padding:4px 6px;letter-spacing:.04em;font-weight:600}button.link:hover{color:var(--foreground)}.field{display:grid;gap:6px}.field__label,label{display:block;font-size:10px;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.2em;font-weight:700}input,select{font:inherit;width:100%;height:44px;padding:0 16px;border-radius:8px;border:1px solid var(--border-half);background:var(--secondary-half);color:var(--foreground);font-weight:600}select{padding-right:32px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a3a3a3' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}select option{background:var(--card);color:var(--foreground)}input[type=checkbox]{width:auto;height:auto}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:20px;padding:0;border:none;background:transparent;cursor:pointer}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--status-normal) 0 var(--pct, 0%),#bdbebf var(--pct, 0%) 100%)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;margin-top:-6px;border-radius:8px;border:1px solid #bdbebf;background:#fff}input[type=range]:disabled{cursor:default;opacity:.4}input[type=range]:disabled::-webkit-slider-thumb{background:#bdbebf}input:focus,select:focus{outline:none;border-color:#fafafa80}label>input,label>select{margin-top:4px}.card{background:var(--card);border:1px solid var(--border-half);border-radius:16px}.panel{background:var(--card);border:1px solid var(--border-half);border-radius:12px;padding:16px;margin:0 0 14px}.panel h3{margin:0 0 12px;font-family:var(--font-display),sans-serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-foreground)}.pill{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.08em;padding:6px 12px;border-radius:999px;border:1px solid;white-space:nowrap}.pill--ok{color:var(--status-normal);background:var(--status-normal-bg10);border-color:var(--status-normal-border30)}.pill--warn{color:var(--status-warning);background:var(--status-warning-bg10);border-color:var(--status-warning-border30)}.pill--critical{color:var(--destructive);background:var(--status-critical-bg10);border-color:var(--status-critical-border30)}.dot{width:8px;height:8px;border-radius:50%;background:var(--muted-foreground);display:inline-block;flex:none}.dot--live{background:var(--destructive);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.badge{font-size:9px;letter-spacing:.2em;font-weight:700;padding:4px 8px;border-radius:4px;border:1px solid var(--border);color:var(--muted-foreground);white-space:nowrap}.badge--normal{color:var(--status-normal);background:var(--status-normal-bg10);border-color:var(--status-normal-border30)}.badge--warning,.badge--medium{color:var(--status-warning);background:var(--status-warning-bg10);border-color:var(--status-warning-border30)}.badge--critical,.badge--high{color:var(--status-critical);background:var(--status-critical-bg10);border-color:var(--status-critical-border50)}.boot{display:grid;place-items:center;height:100%;color:var(--muted-foreground);letter-spacing:.2em;font-size:12px}.login{display:grid;place-items:center;height:100%;padding:24px}.login__panel{width:min(420px,100%);text-align:center}.login__logo{height:64px;margin-bottom:16px}.login__subtitle{margin:6px 0 0;color:var(--muted-foreground);font-size:11px;font-weight:700;letter-spacing:.36em;text-transform:uppercase}.login__card{margin-top:32px;padding:24px;display:grid;gap:16px;text-align:left}.login__cardTitle{margin:0;text-align:center;font-family:var(--font-display),sans-serif;font-size:18px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.login__hint{margin:0;text-align:center;color:var(--muted-foreground);font-size:12px}.shell{display:flex;flex-direction:column;height:100%}.topbar{display:flex;align-items:center;gap:12px;height:64px;padding:0 24px;border-bottom:1px solid var(--border-half);flex:none}.topbar__logo{height:32px}.topbar__brand{display:grid;gap:1px}.topbar__subtitle{color:var(--muted-foreground);font-size:10px;font-weight:600;letter-spacing:.3em}.topbar__right{display:flex;align-items:center;gap:10px;margin-left:auto}.topbar__user{text-align:right;line-height:1.2}.topbar__userName{font-weight:700;font-size:13px}.topbar__userRole{color:var(--muted-foreground);font-size:10px;letter-spacing:.06em}.avatar{width:34px;height:34px;border-radius:50%;background:var(--secondary);border:1px solid var(--border);display:grid;place-items:center;font-family:var(--font-display),sans-serif;font-weight:700;font-size:12px;letter-spacing:.06em;flex:none}.viewtabs{display:flex;gap:4px;padding:4px;background:var(--secondary-half);border:1px solid var(--border-half);border-radius:8px;margin-left:16px}.viewtab{background:none;border:1px solid transparent;color:var(--muted-foreground);padding:5px 12px;font-size:11px;font-weight:700;letter-spacing:.1em;border-radius:6px}.viewtab:hover{background:#ffffff0a;border-color:transparent}.viewtab--on{background:#323232;color:var(--foreground)}.iconbtn{position:relative;width:36px;height:36px;padding:0;display:grid;place-items:center;background:none;border:none;color:var(--muted-foreground);border-radius:8px}.iconbtn:hover{color:var(--foreground);background:var(--secondary-half)}.iconbtn--alert{color:var(--destructive)}.iconbtn__badge{position:absolute;top:3px;right:3px;min-width:16px;height:16px;border-radius:8px;background:var(--status-critical);color:#fff;font-size:9px;font-weight:700;letter-spacing:0;display:grid;place-items:center;animation:pulse 1.2s ease-in-out infinite}.lang{width:auto;height:32px;padding:0 8px;font-size:12px;font-weight:600;background:var(--card)}.shell__body{flex:1;overflow:auto}.home{padding:12px 16px;display:flex;flex-direction:column;gap:12px;height:100%;min-height:0}.home__stage{position:relative;flex:1;min-height:0}.kpirow{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.kpi{display:flex;align-items:center;gap:14px;height:84px;padding:14px;background:var(--card);border:1px solid var(--border-half);border-radius:12px}.kpi__icon{width:48px;height:48px;border-radius:8px;display:grid;place-items:center;background:var(--secondary-half);color:var(--primary);flex:none}.kpi__value{font-family:var(--font-display),sans-serif;font-size:26px;font-weight:700;line-height:1;color:var(--primary)}.kpi__label{font-size:10px;font-weight:700;letter-spacing:.2em;color:var(--primary);filter:brightness(1.3);margin-top:2px}.kpi--normal .kpi__label{color:var(--status-normal)}.kpi--warning .kpi__label{color:var(--status-warning)}.kpi--critical .kpi__label{color:var(--status-critical)}.kpi--normal{border-color:var(--status-normal-border30)}.kpi--normal .kpi__icon{background:var(--status-normal-bg20);color:var(--status-normal)}.kpi--normal .kpi__value{color:var(--status-normal)}.kpi--warning{border-color:var(--status-warning-border30)}.kpi--warning .kpi__icon{background:var(--status-warning-bg20);color:var(--status-warning)}.kpi--warning .kpi__value{color:var(--status-warning)}.kpi--critical{border-color:var(--status-critical-border30)}.kpi--critical .kpi__icon{background:var(--status-critical-bg20);color:var(--status-critical)}.kpi--critical .kpi__value{color:var(--status-critical)}.tilegrid{display:grid;gap:12px;height:100%;min-height:0}.tilegrid[hidden]{display:none}.home__toggle{margin:0 auto;display:flex;gap:4px;padding:4px;width:240px;border-radius:8px;background:var(--secondary-half);border:1px solid var(--border-half)}.home__mode{flex:1;justify-content:center;white-space:nowrap;background:transparent;border:none;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--muted-foreground)}.home__mode:hover{background:#ffffff0a}.home__mode--on{background:#323232;color:var(--foreground)}.sitemap{border:1px solid var(--border-half);border-radius:12px;background:var(--card);overflow:auto;height:100%}.sitemap__table{width:100%;table-layout:fixed;border-collapse:collapse;white-space:nowrap}.sitemap__table th:nth-child(1){width:122px}.sitemap__table th:nth-child(2){width:212px}.sitemap__table th:nth-child(3){width:82px}.sitemap__table th:nth-child(4){width:92px}.sitemap__table th:nth-child(5){width:182px}.sitemap__table th:nth-child(6),.sitemap__table th:nth-child(7){width:152px}.sitemap__table th:nth-child(8){width:132px}.sitemap__table th{position:sticky;top:0;height:40px;background:var(--secondary-third);border-bottom:1px solid var(--border-half);padding:0 6px;text-align:left;font-size:10px;font-weight:700;letter-spacing:.2em;color:var(--muted-foreground)}.sitemap__table td{height:52px;padding:0 6px;border-bottom:1px solid var(--border-third);font-size:12px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis}.sitemap__table th:first-child,.sitemap__table td:first-child{padding-left:16px}.sitemap__table th:last-child,.sitemap__table td:last-child{padding-right:16px}.sitemap__table tbody tr:hover{background:var(--secondary-third)}.ta-right{text-align:right}.mono{font-family:var(--font-mono),monospace;font-size:11px;color:var(--muted-foreground)}.sitemap__st{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:.16em}.sitemap__st--normal{color:var(--status-normal)}.sitemap__st--warning{color:var(--status-warning)}.sitemap__st--critical{color:var(--status-critical)}.sitemap__st--offline{color:var(--muted-foreground)}.sitemap__name{font-family:var(--font-display),sans-serif;font-size:14px;font-weight:700}.sitemap__ppm{font-family:var(--font-display),sans-serif;font-size:16px;font-weight:700}.sitemap__ppm--normal{color:var(--status-normal)}.sitemap__ppm--warning{color:var(--status-warning)}.sitemap__ppm--critical{color:var(--status-critical)}.sitemap__ppm--offline{color:var(--muted-foreground)}.sitemap__addr{display:table-cell}.sitemap__addr svg{vertical-align:-2px;margin-right:6px}.sitemap__none{color:var(--border-half)}.sitemap__focus{padding:6px 12px;background:var(--secondary-third);border:none;border-radius:6px;color:var(--primary);font-size:10px;font-weight:700;letter-spacing:.08em}.sitemap__focus:hover{background:var(--secondary-half)}.tile{background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column}.tile--warning{border-color:var(--status-warning-border30)}.tile--critical{border-color:var(--status-critical-border50)}.tile--offline .tile__ppm,.tile--offline .tile__live{color:var(--status-critical)}.badge--offline{color:var(--status-critical);background:var(--status-critical-bg20);border-color:var(--status-critical-border30)}.tile__video{position:relative;flex:1;min-height:0;background:#000}.tile__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,#0000,#00000026,#000000d9)}.tile__live{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 8px;border-radius:4px;background:#0009;border:1px solid rgba(255,255,255,.1);font-size:10px;font-weight:700;letter-spacing:.1em}.tile__hover{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0006}.cta{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px;border-radius:22px;background:var(--primary);color:var(--primary-foreground);font-size:12px;font-weight:700;letter-spacing:.16em}.tile__foot{display:flex;align-items:center;gap:10px;height:64px;flex:none;padding:8px 12px}.tile__id{flex:1;min-width:0}.tile__name{font-family:var(--font-display),sans-serif;font-size:15px;font-weight:700;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile__area{display:flex;align-items:center;gap:4px;color:var(--muted-foreground);font-size:10px;margin-top:2px}.tile__reading{text-align:right}.tile__ppm{font-family:var(--font-display),sans-serif;font-size:24px;font-weight:700;line-height:1}.tile--normal .tile__ppm{color:var(--status-normal)}.tile--warning .tile__ppm{color:var(--status-warning)}.tile--critical .tile__ppm{color:var(--status-critical)}.tile--offline .tile__ppm{color:var(--muted-foreground)}.tile__unit{font-size:9px;font-weight:600;letter-spacing:.2em;color:var(--muted-foreground)}.tile__devices{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px 12px}.chip{display:inline-flex;align-items:center;gap:5px;padding:3px 7px;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:.1em;color:var(--muted-foreground);background:var(--secondary-third);border:1px solid var(--border-half)}.chip--online{color:var(--status-normal);background:var(--status-normal-bg10);border-color:var(--status-normal-border30)}.chip--offline{color:var(--status-critical);background:var(--status-critical-bg10);border-color:var(--status-critical-border30)}.chip--unknown{opacity:.5}.tile__oos{margin-left:auto;color:var(--status-warning);font-size:9px;font-weight:700;letter-spacing:.16em}.video{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;overflow:hidden}.focus__video .video{position:relative;aspect-ratio:16 / 9;border:1px solid var(--border);border-radius:8px}.video video{width:100%;height:100%;object-fit:contain;display:block}.video__empty,.video__error{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:8px;font-family:var(--font-display),sans-serif;letter-spacing:.24em;font-size:12px;font-weight:600;color:var(--muted-foreground)}.video__error{color:var(--status-critical);background:#0009}.video__label{position:absolute;top:8px;left:10px;font-size:10px;letter-spacing:.1em;color:var(--status-warning)}.focus{display:flex;height:100%;min-height:0}.focus__main{flex:1;display:flex;flex-direction:column;min-width:0}.stage{position:relative;flex:1;min-height:260px;background:#000;overflow:hidden}.stage .video{position:absolute;top:0;right:0;bottom:0;left:0}.plantview{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--background)}.plantview__box{position:absolute;top:16px;right:16px;bottom:16px;left:16px}.plantview__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.plantdiag{position:absolute;top:0;right:0;bottom:0;left:0}.plantview__content{position:absolute;pointer-events:none}.gascloud{position:absolute;top:0;right:0;bottom:0;left:0}.windbox{position:absolute;top:64px;right:64px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;border-radius:8px;background:#0009;border:1px solid rgba(255,255,255,.1)}.windbox b{font-size:10px;color:#fffc}.windbox span{font-family:var(--font-mono),monospace;font-size:10px;color:#ffffff80}.lasermk{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.lasermk__reticle{position:absolute;top:0;left:0;width:44px;height:44px;margin:-22px 0 0 -22px}.lasermk__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #22d3ee;opacity:.9}.lasermk__dot{position:absolute;top:20px;left:20px;width:4px;height:4px;border-radius:2px;background:#22d3ee}.lasermk__tick{position:absolute;background:#22d3ee}.lasermk__tick--t{top:0;left:21px;width:2px;height:7px}.lasermk__tick--b{bottom:0;left:21px;width:2px;height:7px}.lasermk__tick--l{left:0;top:21px;width:7px;height:2px}.lasermk__tick--r{right:0;top:21px;width:7px;height:2px}.lasermk__label{position:absolute;top:48px;left:50%;transform:translate(-50%);padding:3px 6px;border-radius:4px;background:#0009;color:#22d3ee;font-family:var(--font-mono),monospace;font-size:10px;font-weight:700}.lasermk__edge{position:absolute;top:0;left:0;display:none;align-items:center;gap:6px;padding:5px 8px;border-radius:6px;background:#000000b3;border:1px solid #22d3ee;color:#e5e7eb;font-family:var(--font-mono),monospace;font-size:10px;white-space:nowrap}.lasermk__glyph{color:#22d3ee;font-size:14px;font-weight:700}.laserdist{position:absolute;left:24px;bottom:24px;width:230px;padding:10px 12px;border-radius:8px;background:#0009;border:1px solid rgba(255,255,255,.1)}.laserdist__row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:4px;font-size:11px;color:#ffffffb3}.laserdist__row b{font-family:var(--font-mono),monospace;font-size:12px;color:#22d3ee}.laserdist input{width:100%;accent-color:#22d3ee}.stage__gradient{position:absolute;inset:0 0 auto 0;height:140px;pointer-events:none;background:linear-gradient(to bottom,#000000bf,#0000)}.stage__back{position:absolute;top:16px;left:16px;width:40px;height:40px;padding:0;justify-content:center;border-radius:8px;background:#00000080;border-color:#ffffff26}.stage__id{position:absolute;top:16px;left:68px;right:260px}.stage__idRow{display:flex;align-items:center;gap:10px}.stage__idRow h2{margin:0;font-family:var(--font-display),sans-serif;font-size:26px;font-weight:700;letter-spacing:.04em;text-shadow:0 2px 12px rgba(0,0,0,.9)}.stage__area{display:flex;align-items:center;gap:6px;margin-top:3px;color:#ffffffa6;font-size:11px;letter-spacing:.06em;text-shadow:0 1px 8px rgba(0,0,0,.9)}.stage__modes{position:absolute;top:16px;right:16px;display:flex;gap:3px;padding:3px;border-radius:8px;background:#0000008c;border:1px solid rgba(255,255,255,.12)}.vm{background:none;border:none;color:#fff9;padding:5px 12px;font-size:10px;letter-spacing:.14em;border-radius:6px}.vm--on{background:#ffffff29;color:var(--foreground)}.stage__live{position:absolute;top:60px;right:16px;display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:4px;background:#0009;border:1px solid rgba(255,255,255,.1);font-size:10px;font-weight:700;letter-spacing:.1em}.banners{position:absolute;top:96px;left:50%;transform:translate(-50%);width:min(calc(100% - 48px),720px);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:2}.banner{width:100%;display:flex;align-items:center;gap:16px;padding:16px;border-radius:10px;border:1px solid;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.banner--oos{background:#0d0f14cc;border-color:#70707a80}.banner--critical{background:#400d0dcc;border-color:#f0454580}.banner--warning{background:#401a0dcc;border-color:#fa731780}.banner--rtnun{background:#0d1a40cc;border-color:#3d82f580}.banner__icon{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:20px;background:#ffffff1f}.banner--critical .banner__icon{color:var(--status-critical)}.banner--warning .banner__icon{color:var(--status-warning)}.banner--rtnun .banner__icon{color:#60a5fa}.banner--oos .banner__icon{color:var(--muted-foreground)}.banner__icon--pulse{animation:banner-pulse 1.6s ease-in-out infinite}@keyframes banner-pulse{0%,to{opacity:1}50%{opacity:.4}}.banner__text{flex:1;min-width:0}.banner__text h3{margin:0;font-family:var(--font-display),sans-serif;font-size:18px;font-weight:700;letter-spacing:.04em}.banner__text p{margin:4px 0 0;font-size:12px;color:#fffc}.banner__tags{display:flex;gap:6px;margin-top:6px}.tag{padding:2px 6px;border-radius:4px;background:#ffffff1a;font-size:9px;font-weight:700;letter-spacing:.08em}.tag--high{background:var(--status-critical-bg10);color:var(--status-critical)}.tag--medium{background:var(--status-warning-bg10);color:var(--status-warning)}.tag--low{background:#eab30826;color:#eab308}.banner__sq{flex:none;width:42px;height:42px;padding:0;justify-content:center;background:#0006;border:1px solid rgba(255,255,255,.1)}.banner__ack{flex:none;height:42px;padding:0 16px;border:none;color:#fff;font-size:11px;font-weight:700;letter-spacing:.24em}.banner__ack--critical{background:var(--status-critical)}.banner__ack--warning{background:var(--status-warning)}.banner__ack--rtnun{background:#60a5fa}.banner__pill{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:18px;background:#262626cc;border:1px solid var(--border);color:var(--muted-foreground);font-size:11px;font-weight:600;letter-spacing:.16em}.hud{background:#000000d9;border-top:1px solid var(--border-half);padding:16px 24px 0;flex:none}.hud__top{display:flex;gap:24px;align-items:flex-start}.hud__ppm{width:150px;flex:none}.hud__ppmLabel{font-size:10px;font-weight:700;letter-spacing:.2em;color:#ffffff80}.hud__ppmValue{font-family:var(--font-display),sans-serif;font-size:72px;font-weight:700;line-height:.9;letter-spacing:-.02em;color:var(--status-normal)}.hud__ppmValue--warning{color:var(--status-warning)}.hud__ppmValue--critical{color:var(--status-critical)}.hud__ppmValue--offline{color:var(--muted-foreground)}.hud__ppmUnit{font-size:9px;font-weight:700;letter-spacing:.2em;color:var(--muted-foreground)}.hud__title{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.2em;color:#ffffff80;margin-bottom:6px}.trend{flex:1;min-width:0}.trend__svg{width:100%;height:110px;display:block;border-radius:6px;border:1px solid var(--border-half)}.trend__empty{height:110px;display:grid;place-items:center;color:var(--muted-foreground);font-size:11px;border:1px solid var(--border-half);border-radius:6px}.hud__events{margin-top:14px}.hud__eventsBox{margin-top:2px;max-height:150px;overflow:auto;border-radius:8px;background:#0006;border:1px solid rgba(255,255,255,.1)}.hud__eventsBox thead th{position:sticky;top:0;background:#0d0d0d}.table--events td,.table--events th{padding:4px 8px;font-size:11px}.statusbar{display:flex;align-items:center;gap:16px;height:34px;margin:8px -24px 0;padding:0 24px;background:#0009;border-top:1px solid rgba(255,255,255,.1);font-size:10px;overflow-x:auto}.statusbar__spacer{flex:1}.statusbar__uptime{display:inline-flex;align-items:center;gap:6px;color:#fff6;font-weight:700;letter-spacing:.06em;white-space:nowrap}.schip{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.schip__label{color:#fff6;font-weight:700;letter-spacing:.1em}.schip__value{font-weight:700;letter-spacing:.06em}.schip__value--normal{color:var(--status-normal)}.schip__value--warning{color:var(--status-warning)}.schip__value--critical{color:var(--status-critical)}.schip__value--muted,.schip__value--offline{color:#ffffff59}.ptz{width:max(300px,26%);flex:none;margin:16px;padding:20px;border-radius:16px;background:#0006;border:1px solid rgba(255,255,255,.1);overflow-y:auto;display:flex;flex-direction:column;gap:10px}.ptz__thresholds{display:flex;gap:8px}.thr{flex:1;height:44px;border-radius:8px;display:grid;place-content:center;gap:2px;background:var(--status-normal-bg10);border:1px solid var(--status-normal-border30)}.thr--over{background:var(--status-critical-bg10);border-color:var(--status-critical-border30)}.thr__label{font-size:8px;font-weight:700;letter-spacing:.1em;opacity:.7;text-align:center}.thr__value{display:flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-display),sans-serif;font-size:16px;font-weight:700}.thr .dot{width:9px;height:9px;background:var(--status-normal)}.thr--over .dot{background:var(--status-critical)}.dcs{width:44px;height:44px;padding:0;display:grid;place-content:center;gap:0;flex:none}.dcs__glyph{font-size:17px;line-height:1}.dcs__label{font-size:7px;letter-spacing:.1em;color:var(--muted-foreground)}.ptz__group{display:grid;gap:7px}.ptz__title{font-size:10px;font-weight:700;letter-spacing:.2em;color:var(--muted-foreground)}.ptz__row{display:flex;gap:8px}.ptz__row--wrap{align-items:center;justify-content:space-between}.ptz__row button{flex:1;justify-content:center}.ptz__wide{width:100%;justify-content:center}.ptz__wide--homing{color:var(--status-warning);border-color:var(--status-warning);opacity:1}.ptz__slider{display:grid;gap:4px;text-transform:none;letter-spacing:.04em;font-size:10px}.ptz__slider b{color:var(--foreground)}.ptz__slider input{height:20px;padding:0}.ptz__tabs{display:flex;gap:3px;padding:3px;background:var(--secondary-half);border:1px solid var(--border-half);border-radius:8px}.ptztab{flex:1;justify-content:center;background:none;border:none;color:var(--muted-foreground);font-size:10px;letter-spacing:.14em;padding:6px;border-radius:6px}.ptztab--on{background:#323232;color:var(--foreground)}.joy{position:relative;flex:1 1 auto;min-height:180px;margin:4px auto;width:100%;display:grid;place-items:center}.joy__circle{position:relative;width:min(100%,360px);aspect-ratio:1;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);display:grid;place-items:center}.joy__arrow{position:absolute;width:48px;height:48px;padding:0;justify-content:center;border:none;border-radius:50%;background:transparent;color:#ffffffb3;touch-action:none;-webkit-user-select:none;user-select:none}.joy__arrow:hover{background:#ffffff1a}.joy__arrow.on,.joy__arrow:active{background:#fafafae6;color:#171717}.joy__arrow--up{top:8px}.joy__arrow--down{bottom:8px}.joy__arrow--left{left:8px}.joy__arrow--right{right:8px}.joy__hub{position:absolute;width:56px;height:56px;border-radius:50%;border:2px solid rgba(250,250,250,.3);display:grid;place-items:center}.joy__hub i{width:10px;height:10px;border-radius:50%;background:#fafafa80}.joy__hub--homing{border-color:#f59e0b80;animation:pulse 1.2s ease-in-out infinite}.tracelist{list-style:none;margin:0;padding:0;display:grid;gap:2px}.tracelist .link{width:100%;display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;text-align:left}.tracelist .link.on{background:var(--secondary);color:var(--foreground)}.tracelist .link .small{margin-left:auto}.rec__modes{display:flex;gap:4px}.rec__mode{flex:1;justify-content:center;background:transparent;border:1px solid var(--border-half);font-size:11px;font-weight:700;color:var(--muted-foreground)}.rec__mode--on{background:var(--secondary);border-color:var(--border);color:var(--foreground)}.rec__hint{margin:0;font-size:10px;font-style:italic;color:var(--muted-foreground)}.rec__btn{width:100%;height:40px;justify-content:center;gap:8px;background:var(--foreground);border:none;color:var(--primary-foreground);font-size:12px;font-weight:700;letter-spacing:.06em}.rec__btn:disabled{opacity:.4}.rec__dot{width:8px;height:8px;border-radius:4px;background:#ef4444}.rec__joy{display:flex;flex-direction:column;align-items:center;gap:3px}.rec__joyRow{display:flex;gap:6px}.rec__joyGap{width:38px}.rec__arrow{width:38px;height:38px;padding:0;justify-content:center}.rec__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.rec__list li{display:flex;align-items:center;gap:5px;height:34px;padding:0 5px 0 9px;border-radius:6px;background:#ffffff0a;border:1px solid var(--border-half);font-size:11px}.rec__pos{flex:1;font-family:var(--font-mono),monospace;font-size:10px;color:var(--muted-foreground)}.rec__step{width:20px;height:20px;padding:0;justify-content:center;background:#ffffff0f;border:none}.rec__dwell{width:26px;text-align:center;font-family:var(--font-mono),monospace}.rec__del{width:20px;height:20px;padding:0;justify-content:center;background:transparent;border:none;color:var(--muted-foreground)}.rec__del:hover{color:var(--status-critical)}.rec__save{display:flex;flex-direction:column;gap:6px}.wplist{list-style:none;margin:0;padding:0;max-height:132px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.wplist li{display:flex;align-items:center;gap:8px;height:26px;padding:0 9px;border-radius:6px;background:#ffffff08;font-family:var(--font-mono),monospace;font-size:10px;color:var(--muted-foreground)}.wplist li b{font-family:var(--font-sans),sans-serif;color:var(--foreground)}.wplist__on{background:var(--status-normal-bg10);color:var(--status-normal)}.wplist__on b{color:var(--status-normal)}.alarms{padding:16px 18px}.alarms__head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.alarms__actions{display:flex;align-items:center;gap:10px}.kpis{display:flex;gap:26px;flex-wrap:wrap}.kpi__value{font-family:var(--font-display),sans-serif;font-size:26px;font-weight:700;line-height:1}.kpi--alert .kpi__value{color:var(--status-critical)}.allclear{text-align:center;padding:48px;font-family:var(--font-display),sans-serif;letter-spacing:.3em}.alarms__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.alarmrow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--border);border-left:3px solid var(--border);border-radius:8px;background:var(--card)}.alarmrow--l2{border-left-color:var(--status-critical)}.alarmrow--l1{border-left-color:var(--status-warning)}.alarmrow__main{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.alarmrow__ppm{font-family:var(--font-display),sans-serif;font-weight:700}.alarmrow__buttons{display:flex;gap:8px;white-space:nowrap}.users{display:flex;flex-direction:column;padding:0}.settings{padding:0}.settings__head{background:var(--background-half);border-bottom:1px solid var(--border-half)}.settings__headtop{display:flex;align-items:center;gap:16px;height:64px;padding:0 24px}.settings__back{width:40px;height:40px;padding:0;justify-content:center;border-radius:20px;background:var(--secondary-half);border:1px solid var(--border-half);color:var(--muted-foreground)}.settings__back:hover{background:var(--secondary)}.settings h2.settings__title{margin:0;font-family:var(--font-display),sans-serif;font-size:22px;font-weight:700;letter-spacing:.045em;text-transform:none}.settings__sub{display:block;font-size:10px;font-weight:700;letter-spacing:.3em;color:var(--muted-foreground)}.settings__body{max-width:1280px;margin:0 auto;padding:24px}.users h2,.settings h2{margin:0 0 14px;font-family:var(--font-display),sans-serif;font-size:16px;letter-spacing:.12em;text-transform:uppercase}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;font-size:10px;letter-spacing:.2em;font-weight:700;color:var(--muted-foreground);border-bottom:1px solid var(--border);padding:8px}.table td{padding:9px 8px;border-bottom:1px solid var(--border-third)}.row--off{opacity:.45}.row__actions{display:flex;gap:10px;align-items:center}.users__new{margin-top:20px}.users__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:12px}.settings__tabs{display:flex;justify-content:center;align-items:stretch;height:48px;overflow-x:auto;scrollbar-width:none}.settings__tabs::-webkit-scrollbar{display:none}.settings__tabs .stab{position:relative;flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:0 12px;background:none;border:none;border-radius:0;white-space:nowrap;color:var(--muted-foreground);font-size:12px;font-weight:700;letter-spacing:.167em}.settings__tabs .stab:hover,.settings__tabs .stab--on{color:var(--foreground)}.settings__tabs .stab--on:after{content:"";position:absolute;left:6px;right:6px;bottom:0;height:2px;border-radius:1px;background:var(--primary)}.settings__split{display:grid;grid-template-columns:240px 1fr;gap:16px;align-items:start}@media(max-width:800px){.settings__split{grid-template-columns:1fr}}.settings__list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.settings__list .link{width:100%;text-align:left;padding:8px;border-radius:6px}.settings__list .link.on{background:var(--secondary);color:var(--foreground)}.settings__form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;align-items:end}.settings__form button{grid-column:1 / -1;justify-self:start}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--border-third)}.row:last-child{border-bottom:none}.contents{display:contents}.tablewrap{overflow-x:auto}.tablewrap .table th{writing-mode:vertical-rl;transform:rotate(180deg);height:130px;white-space:nowrap}.tablewrap .table td{text-align:center}.tablewrap .table td:first-child{text-align:left}.logo{max-width:180px;max-height:70px;object-fit:contain;background:var(--secondary);padding:6px;border-radius:6px}.reports__fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:12px 0}.reports__actions{display:flex;gap:10px;flex-wrap:wrap}.reports__done{margin-top:12px}.emissions{display:flex;flex-direction:column;min-width:0}.emissions__head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:56px;padding:0 24px;background:var(--background-half);border-bottom:1px solid var(--border-half)}.emissions__head .settings__back{width:36px;height:36px;border:none;background:transparent}.emissions .panel{background:var(--card-half)}.emissions__body{max-width:1400px;width:100%;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:16px;min-width:0}.emissions__head h2{display:flex;align-items:center;gap:8px;margin:0;font-family:var(--font-display),sans-serif;font-size:18px;font-weight:700;letter-spacing:.06em}.emissions__head h2 svg{color:var(--primary)}.emissions__spacer{flex:1}.emissions__head select{flex:0 0 200px;width:200px;height:32px;padding:0 28px 0 10px;font-size:13px;font-weight:400}.presets{display:flex;gap:2px;padding:4px;border-radius:8px;background:var(--secondary-half);border:1px solid var(--border-half)}.preset{padding:5px 10px;background:transparent;border:none;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--muted-foreground)}.preset--on{background:var(--card);color:var(--foreground)}.emissions__export{gap:6px;background:#fafafa1a;border:none;color:var(--primary);font-size:11px;font-weight:700;letter-spacing:.08em}.emissions__none{padding:40px 0;text-align:center;letter-spacing:.16em;font-weight:700}.hero{display:flex;align-items:flex-start;gap:16px;padding:24px;border-radius:12px;background:var(--card-half);border:1px solid var(--border-half)}.hero__label{font-size:10px;font-weight:700;letter-spacing:.24em;color:var(--muted-foreground)}.hero__value{margin-top:4px;font-family:var(--font-display),sans-serif;font-size:36px;font-weight:700}.hero__sub{margin-top:4px;font-size:13px;color:var(--muted-foreground)}.hero__right{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:6px}.qual{padding:3px 8px;border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.16em}.qual--good{background:var(--status-normal-bg10);color:var(--status-normal)}.qual--moderate{background:var(--status-warning-bg10);color:var(--status-warning)}.qual--poor{background:var(--status-critical-bg10);color:var(--status-critical)}.qual--partial{background:transparent;border:1px solid rgba(245,158,11,.5);color:#f59e0b}.panel--flush{padding:0;overflow:hidden}.emissions__chart{height:286px}.barchart{position:relative;width:100%;height:100%}.barchart canvas{display:block}.barchart__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--border);font-size:12px}.emissions__table{width:100%;border-collapse:collapse;table-layout:fixed}.emissions__table th:nth-child(2),.emissions__table td:nth-child(2){width:140px}.emissions__table th:nth-child(3),.emissions__table td:nth-child(3),.emissions__table th:nth-child(4),.emissions__table td:nth-child(4){width:110px}.emissions__table th:nth-child(5),.emissions__table td:nth-child(5){width:100px}.emissions__table th{height:40px;padding:0 16px;background:var(--secondary-third);text-align:left;font-size:10px;font-weight:700;letter-spacing:.24em;white-space:nowrap;color:var(--muted-foreground)}.emissions__table td{height:48px;padding:0 16px;border-bottom:1px solid var(--border-half);font-size:13px}.emissions__table tbody tr{cursor:pointer}.emissions__table tbody tr:hover{background:var(--secondary-third)}.emissions__name{font-family:var(--font-display),sans-serif;font-size:14px;font-weight:700}.ta-center{text-align:center}.qualrow{display:flex;flex-wrap:wrap;gap:12px}.qpill{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:8px;background:var(--card-half);border:1px solid var(--border-half)}.qpill__label{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--muted-foreground)}.qpill b{font-family:var(--font-display),sans-serif;font-size:16px}.qpill__value--normal{color:var(--status-normal)}.qpill__value--warning{color:var(--status-warning)}.topbar__divider{width:1px;height:24px;margin:0 4px;background:var(--border)}.iconbtn--on{background:var(--secondary);color:var(--foreground)}.iconbtn__badge--shlv{background:#f59e0b}.notif__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90}.notif{position:absolute;top:68px;right:24px;z-index:100;width:384px;max-height:calc(100vh - 120px);display:flex;flex-direction:column;border-radius:10px;background:var(--card);border:1px solid var(--border-half);overflow:hidden;box-shadow:0 18px 48px #0009}.notif__head{display:flex;align-items:center;gap:8px;height:48px;padding:0 12px 0 16px;background:var(--secondary-third);border-bottom:1px solid var(--border-half)}.notif__head b{font-family:var(--font-display),sans-serif;font-size:13px;letter-spacing:.06em}.notif__head svg{color:var(--primary)}.notif__pill{padding:2px 6px;border-radius:8px;font-size:10px;font-weight:700}.notif__pill--crit{background:var(--status-critical-bg10);color:var(--status-critical)}.notif__pill--shlv{background:#f59e0b1a;color:#f59e0b}.notif__all{padding:4px 10px;background:var(--secondary-third);border:none;font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--primary)}.notif__list{overflow-y:auto;min-height:140px}.notif__empty{padding:48px 16px;text-align:center}.nrow{position:relative;display:flex;gap:10px;padding:12px 12px 12px 16px;border-bottom:1px solid var(--border-third)}.nrow:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px}.nrow--crit:before{background:var(--status-critical)}.nrow--warn:before{background:var(--status-warning)}.nrow--rtnun:before{background:#60a5fa}.nrow--shlv:before{background:#f59e0b}.nrow--ack:before{background:var(--status-normal)}.nrow__icon{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:6px;background:#ffffff0f}.nrow--crit .nrow__icon{color:var(--status-critical)}.nrow--warn .nrow__icon{color:var(--status-warning)}.nrow--rtnun .nrow__icon{color:#60a5fa}.nrow--shlv .nrow__icon{color:#f59e0b}.nrow--ack .nrow__icon{color:var(--status-normal)}.nrow__body{flex:1;min-width:0}.nrow__top{display:flex;align-items:center;gap:6px}.nrow__lvl{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--status-warning)}.nrow__lvl--crit{color:var(--status-critical)}.nrow__meta{display:flex;align-items:center;gap:8px;margin-top:4px}.nrow__meta svg{vertical-align:-1px}.tag--st-crit{background:var(--status-critical-bg10);color:var(--status-critical)}.tag--st-warn{background:var(--status-warning-bg10);color:var(--status-warning)}.tag--st-rtnun{background:#60a5fa26;color:#60a5fa}.tag--st-shlv{background:#f59e0b26;color:#f59e0b}.tag--st-ack{background:var(--status-normal-bg10);color:var(--status-normal)}.nrow__acts{display:flex;flex-direction:column;gap:4px}.nrow__ack,.nrow__shelve{height:26px;padding:0 8px;border:none;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.06em}.nrow__ack{background:var(--secondary-third);color:var(--primary)}.nrow__shelve{background:#f59e0b1a;color:#f59e0b}.admin{display:flex;flex-direction:column;gap:12px}.admin__title{margin:12px 0 0;font-size:10px;font-weight:700;letter-spacing:.24em;color:var(--muted-foreground)}.admin__head{display:flex;align-items:center;gap:8px}.langgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}.langbtn{height:40px;justify-content:flex-start;gap:8px;background:var(--secondary);border:1px solid var(--border-half);font-size:12px;font-weight:700}.langbtn:hover:not(:disabled){background:var(--secondary-half)}.langbtn--on,.langbtn--on:hover:not(:disabled){background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.langbtn__code{display:inline-grid;place-items:center;width:26px;height:18px;border-radius:4px;background:var(--border-half);color:var(--foreground);font-size:9px;font-weight:700}.langbtn--on .langbtn__code{background:var(--primary-foreground);color:var(--primary)}.ukpis{display:flex;gap:12px}.ukpi{flex:1;display:flex;align-items:center;gap:14px;min-height:80px;padding:14px;border-radius:12px;background:var(--card);border:1px solid var(--border-half)}.ukpi--legend{flex-direction:column;align-items:flex-start;gap:8px}.ukpi__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:8px;background:var(--secondary-half);color:var(--primary)}.ukpi__value{font-family:var(--font-display),sans-serif;font-size:26px;font-weight:700}.ukpi__label{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--muted-foreground)}.ulegend{display:flex;flex-wrap:wrap;gap:6px}.ulevel{padding:3px 6px;border:1px solid;border-radius:4px;font-size:9px;font-weight:700}.ulist{display:flex;flex-direction:column;gap:6px}.ucard{padding:14px;border-radius:12px;background:var(--card);border:1px solid var(--border-half)}.ucard__row{display:flex;align-items:center;gap:12px}.ucard__avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:19px;background:var(--secondary-half);border:1px solid var(--border-half);font-family:var(--font-display),sans-serif;font-size:14px;font-weight:700}.ucard__id{flex:1;min-width:0;display:flex;flex-direction:column}.ucard__id b{font-size:14px}.ucard__role{display:flex;flex-direction:column;align-items:flex-end;font-size:12px;font-weight:700}.ucard__act{width:30px;height:30px;padding:0;justify-content:center;background:transparent;border:none;color:var(--muted-foreground)}.ucard__act:hover{background:var(--secondary-half)}.ucard__act--danger{color:var(--status-critical)}.ucard__form{display:flex;flex-direction:column;gap:8px;margin-top:10px}.ucard__buttons{display:flex;justify-content:flex-end;gap:8px}.uadd__head{width:100%;justify-content:flex-start;gap:8px;background:transparent;border:none;color:var(--primary);font-size:13px;font-weight:700}.uadd__go{height:36px;justify-content:center;letter-spacing:.16em}.users__head{display:flex;align-items:center;gap:16px;min-height:64px;padding:0 24px;background:var(--background-half);border-bottom:1px solid var(--border-half)}.users__body{max-width:1200px;width:100%;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:12px;min-width:0}.users__body .ukpis{margin-bottom:12px}.users__head h2{margin:0;font-family:var(--font-display),sans-serif;font-size:20px;letter-spacing:.06em}.users__sub{font-size:9px;font-weight:700;letter-spacing:.24em;color:var(--muted-foreground)}.users__back{width:40px;height:40px;padding:0;justify-content:center;border-radius:20px;background:var(--secondary-half);border:1px solid var(--border-half)}.users__section{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--font-display),sans-serif;font-size:20px}.denied{display:grid;place-items:center;align-content:center;gap:16px;height:100%;text-align:center;color:var(--status-critical)}.denied h2{margin:0;color:var(--foreground);font-family:var(--font-display),sans-serif;font-size:24px}.denied p{max-width:420px}.analytics{display:flex;flex-direction:column;gap:12px}.analytics .presets{background:#ffffff0d;border:none;height:34px;align-items:center}.analytics .preset--on{background:var(--primary);color:var(--primary-foreground)}.afilters{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.chip2{height:34px;padding:0 12px;border-radius:17px;background:transparent;border:1px solid rgba(255,255,255,.2);font-size:11px;font-weight:700;letter-spacing:.06em;color:#ffffffb8}.chip2--on{background:#ffffff1a;color:var(--foreground)}.opcards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.opcard{display:flex;align-items:center;gap:14px;min-height:96px;padding:16px;border-radius:12px;background:var(--card);border:1px solid var(--border-half)}.opcard--ok{border-color:#22c55e59}.opcard--ko{border-color:#ef444459}.opcard__icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:8px;background:var(--secondary-half);color:var(--muted-foreground)}.opcard--ok .opcard__icon{background:var(--status-normal-bg10);color:var(--status-normal)}.opcard--ko .opcard__icon{background:var(--status-critical-bg10);color:var(--status-critical)}.opcard__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.opcard__text p{margin:0}.opcard__top{display:flex;align-items:center;gap:8px}.opcard__name{font-size:11px;font-weight:700;letter-spacing:.16em}.opcard__pill{padding:1px 6px;border-radius:3px;font-size:9px;font-weight:700;letter-spacing:.08em;border:1px solid transparent}.opcard__pill--ok{background:var(--status-normal-bg10);border-color:#22c55e59;color:var(--status-normal)}.opcard__pill--ko{background:var(--status-critical-bg10);border-color:#ef444459;color:var(--status-critical)}.ametrics{display:grid;grid-template-columns:repeat(3,1fr);border-radius:10px;background:var(--card);border:1px solid var(--border-half)}.ametrics>div{padding:16px 24px;border-left:1px solid var(--border-half)}.ametrics>div:first-child{border-left:none}.ametric__label{font-size:10px;font-weight:700;letter-spacing:.24em;color:var(--muted-foreground)}.ametric__value{margin-top:4px;font-family:var(--font-display),sans-serif;font-size:22px;font-weight:700}.ametric__value--crit{color:var(--status-critical)}.ametric__value--warn{color:var(--status-warning)}.ametric__sub{font-family:var(--font-mono),monospace;font-size:10px;color:var(--muted-foreground)}.achart h3{margin:0 0 12px;font-family:var(--font-display),sans-serif;font-size:18px;letter-spacing:.04em}.achart__box{position:relative;height:340px;padding:12px 8px 8px;border-radius:12px;background:#0006;border:1px solid var(--border-half)}.achart__legend{display:flex;flex-wrap:wrap;gap:16px;padding:0 8px 4px;font-size:11px;color:var(--muted-foreground)}.achart__legend i{display:inline-block;width:8px;height:8px;border-radius:4px;margin-right:5px}.achart__canvas{position:relative;height:calc(100% - 40px)}.achart__canvas canvas{display:block}.achart__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted-foreground);font-size:13px}.achart__xlabel{text-align:center;font-size:10px;color:var(--muted-foreground)}.atable{border-radius:10px;border:1px solid var(--border-half);overflow:auto}.atable table{width:100%;white-space:nowrap}.atable th{padding:10px 12px;text-align:left;font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--muted-foreground);border-bottom:1px solid var(--border-half)}.atable td{padding:10px 12px;border-bottom:1px solid var(--border-third);font-size:12px}.atable tbody tr{cursor:pointer}.atable tbody tr:hover{background:var(--secondary-third)}.roles__head{display:flex;align-items:flex-start;gap:12px;margin-bottom:4px}.roles__head p{margin:2px 0 0}.roles__title{margin:0;font-family:var(--font-display),sans-serif;font-size:20px;font-weight:700;text-transform:none;letter-spacing:.02em}.permtable th{height:60px;padding:0 12px;font-size:11px;letter-spacing:.2em;background:var(--secondary-third)}.permtable th:first-child,.permtable td:first-child{padding-left:24px}.permtable th:not(:first-child){width:130px;letter-spacing:.16em}.permtable th:last-child,.permtable td:last-child{background:#fafafa0d}.permtable th:last-child div:first-child{color:var(--foreground)}.permtable td{height:60px;padding:0 12px;font-size:13px;color:var(--foreground)}.permtable tbody tr{cursor:default}.permtable tbody tr:nth-child(2n){background:var(--secondary-third)}.permtable tbody tr:hover{background:none}.permtable tbody tr:nth-child(2n):hover{background:var(--secondary-third)}.logs{display:flex;flex-direction:column;min-height:0;height:100%}.logs__head{display:flex;align-items:center;gap:16px;flex-wrap:wrap;min-height:64px;padding:0 24px;background:var(--background-half);border-bottom:1px solid var(--border-half)}.logs__head h2{margin:0;font-family:var(--font-display),sans-serif;font-size:22px;letter-spacing:.04em}.logs__count{font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--muted-foreground)}.logs__count--alarm{color:var(--status-critical)}.logs__sep{width:1px;height:20px;background:var(--border-half)}.logs__dl{gap:6px;background:#3b82f626;border:1px solid #3b82f6;color:#3b82f6;font-size:11px;font-weight:700;letter-spacing:.16em}.logs__del{background:#ef444426;border:1px solid var(--status-critical);color:var(--status-critical);font-size:11px;font-weight:700;letter-spacing:.16em}.logs>.alert{margin:12px 24px 0}.logs__table{flex:1;min-height:0;overflow:auto;width:100%;max-width:900px;margin:0 auto}.logs__row{display:grid;grid-template-columns:100px 90px 110px 1fr 120px 100px;align-items:center;gap:0;padding:0 24px;height:40px;border-bottom:1px solid var(--border-third);border-left:3px solid transparent;font-size:12px}.logs__row--head{position:sticky;top:0;z-index:1;height:36px;padding:0 16px;background:var(--secondary-third);border-bottom:1px solid var(--border-half);font-size:10px;font-weight:700;letter-spacing:.2em;color:var(--muted-foreground)}.logs__row--critical{border-left-color:var(--status-critical)}.logs__row--warning{border-left-color:var(--status-warning)}.logs__row--sys{border-left-color:var(--primary)}.logs__details{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logs__goto button{height:24px;padding:0 8px;border-radius:4px;background:#3b82f62e;border:1px solid rgba(96,165,250,.5);color:#93c5fd;font-size:9px;font-weight:700}.logs__empty{padding:40px;text-align:center}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#000000b3}.modal__card{width:min(520px,calc(100vw - 80px));padding:24px;display:flex;flex-direction:column;gap:16px;border-radius:12px;background:var(--card);border:1px solid var(--border-half)}.modal__head{display:flex;align-items:center;gap:12px}.modal__head svg{color:var(--status-critical);flex:none}.modal__head b{font-family:var(--font-display),sans-serif;font-size:18px;font-weight:700}.modal__card p{margin:0}.modal__acts{display:flex;justify-content:flex-end;gap:8px}.modal__cancel{width:100px;justify-content:center;height:36px;background:var(--secondary-half);border:1px solid var(--border-half);font-size:11px;font-weight:700;letter-spacing:.08em}.modal__danger{width:120px;justify-content:center;height:36px;border:none;background:#ef4444d9;color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em}.modal__danger:hover{background:var(--status-critical)}.toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%);z-index:90;height:40px;display:flex;align-items:center;padding:0 16px;border-radius:6px;background:var(--card);border:1px solid var(--border-third);font-size:12px}.logbadge{justify-self:start;padding:3px 8px;border-radius:4px;border:1px solid transparent;font-size:10px;font-weight:700;letter-spacing:.06em}.logbadge--critical{background:var(--status-critical-bg20);border-color:var(--status-critical-border30);color:var(--status-critical)}.logbadge--warning{background:var(--status-warning-bg20);border-color:var(--status-warning-border30);color:var(--status-warning)}.logbadge--sys{background:#60a5fa1f;border-color:#60a5fa4d;color:#60a5fa}.logbadge--ppm{background:#ffffff0d;border-color:#ffffff1a;color:var(--muted-foreground)}.statusbar__logs{height:22px;padding:0 8px;border-radius:4px;background:#ffffff0f;border:1px solid rgba(255,255,255,.15);font-size:10px;font-weight:700;letter-spacing:.06em}.settings__pane--clusters{display:flex;flex-direction:column;gap:8px}.settings__pane--clusters .ametrics{margin-bottom:8px}.ccard{padding:14px 14px 14px 20px;border-radius:10px;background:var(--card);border:1px solid var(--border-half)}.ccard:hover{border-color:#ffffff2e}.ccard__dot{width:14px;height:14px;border-radius:7px;flex:none;background:var(--muted-foreground)}.ccard__dot--normal{background:var(--status-normal)}.ccard__dot--warning{background:var(--status-warning);animation:pulse 1.6s ease-in-out infinite}.ccard__dot--critical{background:var(--status-critical);animation:pulse 1.6s ease-in-out infinite}.ccard__id{display:flex;flex-direction:column;gap:2px;min-width:0}.ccard__area{font-family:var(--font-mono),monospace;font-size:12px;letter-spacing:.083em;color:var(--muted-foreground)}.ccard__badges{display:flex;align-items:center;gap:6px;flex:none}.cbadge{display:inline-flex;align-items:center;height:24px;padding:0 7px;border-radius:4px;border:1px solid transparent;font-family:var(--font-mono),monospace;font-size:11px;font-weight:700;white-space:nowrap}.cbadge--l1{color:var(--status-warning);background:var(--status-warning-bg10);border-color:var(--status-warning-border30)}.cbadge--l2{color:var(--status-critical);background:var(--status-critical-bg10);border-color:var(--status-critical-border30)}.cbadge--ppm{background:transparent;color:var(--muted-foreground);border-color:var(--muted-foreground)}.cbadge--ppm.cbadge--normal{color:var(--status-normal);border-color:var(--status-normal)}.cbadge--ppm.cbadge--warning{color:var(--status-warning);border-color:var(--status-warning)}.cbadge--ppm.cbadge--critical{color:var(--status-critical);border-color:var(--status-critical)}.ccard__row .ucard__act{width:40px;height:40px;border-radius:8px;color:var(--foreground)}.ccard__row .ucard__act--danger{color:var(--status-critical)}.settings__pane--clusters .admin__head .iconbtn{width:36px;height:36px;border-radius:8px;background:var(--secondary);border:1px solid var(--border-half);color:var(--muted-foreground)}.settings__pane--clusters .admin__head .iconbtn:hover{background:var(--secondary-half)}.ccard__chips .chip{height:24px;padding:0 7px;font-size:10px;letter-spacing:.1em;font-family:var(--font-mono),monospace}.ccard__chips .chip--unknown{opacity:1;color:var(--muted-foreground);background:#a3a3a314;border-color:#a3a3a34d}.chip--accent{color:#60a5fa;background:#60a5fa14;border-color:#60a5fa4d}.ccard--add{border-color:var(--primary)}.ccard--add h4{margin:0 0 12px;font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--primary)}.ccard__row{display:flex;align-items:center;gap:14px}.ccard__name{font-family:var(--font-sans),sans-serif;font-size:17px;font-weight:700;letter-spacing:.018em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ccard__chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ccard__create{width:100%;justify-content:center;margin-top:12px;letter-spacing:.16em}.cform{margin-top:14px;padding-top:14px;border-top:1px solid var(--border-half);display:flex;flex-direction:column;gap:10px}.csec{margin:8px 0 0;font-size:10px;font-weight:700;letter-spacing:.24em;color:var(--muted-foreground)}.cgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px}.cfield{display:flex;flex-direction:column;gap:4px;font-size:11px;color:var(--muted-foreground)}.cfield--wide{grid-column:1 / -1}.cfield--toggle{flex-direction:row;align-items:center;gap:8px}.cfield--toggle input{width:auto}.hud__flow{display:flex;align-items:baseline;gap:6px;margin-top:6px}.hud__flowValue{font-family:var(--font-mono),monospace;font-size:18px;font-weight:700;color:#ffffffe6}.hud__flowUnit{font-size:10px;font-weight:700;letter-spacing:.2em;color:#ffffff80}.trend__plot{position:relative;padding-left:34px;padding-bottom:14px}.trend__box{position:relative}.trend__ytick{position:absolute;left:0;width:28px;text-align:right;transform:translateY(50%);font-family:var(--font-mono),monospace;font-size:9px;color:#94a3b8b3;pointer-events:none}.trend__ytick:first-of-type{transform:none}.trend__xaxis{position:relative;height:12px;margin-left:34px;margin-top:2px}.trend__xtick{position:absolute;transform:translate(-50%);font-family:var(--font-mono),monospace;font-size:9px;color:#94a3b8b3;white-space:nowrap}.trend__xtick:first-child{transform:none}.trend__xtick:last-child{transform:translate(-100%)}.trend__last{position:absolute;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;border-radius:50%;background:var(--status-normal);box-shadow:0 0 0 4px var(--status-normal-bg20);pointer-events:none}.ptz__readout{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px;margin-top:8px}.ptz__readoutLabel{font-size:10px;font-weight:700;color:var(--muted-foreground)}.ptz__readoutValue{font-family:var(--font-mono),monospace;font-size:12px;color:var(--foreground);margin-right:6px}.badactors{list-style:none;margin:12px 0 0;padding:0;border:1px solid var(--border-half);border-radius:10px;overflow:hidden;background:var(--card)}.badactors li{display:flex;align-items:center;gap:14px;padding:0 16px;min-height:52px;border-top:1px solid var(--border-third)}.badactors li:first-child{border-top:none}.badactors li:nth-child(2n){background:var(--secondary-third)}.badactors__rank{width:24px;text-align:center;font-size:11px;font-weight:700;color:var(--muted-foreground)}.badactors__id{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.badactors__id b{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badactors__id em{font-style:normal;font-size:10px;color:var(--muted-foreground)}.badactors__bar{flex:none;width:120px;height:8px;border-radius:4px;background:var(--secondary-half);overflow:hidden}.badactors__bar i{display:block;height:8px;border-radius:4px;background:var(--status-critical)}.badactors__count{width:36px;text-align:right;font-family:var(--font-display),sans-serif;font-size:14px;font-weight:700}.ahero__switches{display:flex;align-items:flex-start;gap:22px;margin-left:auto;flex-wrap:wrap}.heroswitch{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.heroswitch__label{font-size:9px;font-weight:700;letter-spacing:.3em;color:var(--muted-foreground);text-align:right}.heroswitch__row{display:flex;align-items:center;gap:8px}.heroswitch__state{font-family:var(--font-mono),monospace;font-size:12px;font-weight:700;letter-spacing:.16em;color:var(--status-critical)}.heroswitch__state--on{color:var(--status-normal)}.table--zebra tbody tr:nth-child(2n),.logs__row:not(.logs__row--head):nth-of-type(odd){background:#ffffff05}.sitemap__thr{white-space:nowrap}.sitemap__thr .cbadge+.cbadge{margin-left:6px}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:5px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#ffffff4d;background-clip:content-box}::-webkit-scrollbar-corner{background:transparent}.ptz__wide--last{margin-top:auto}.schip{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.schip__dot{width:8px;height:8px;border-radius:50%;flex:none;background:var(--muted-foreground)}.schip__dot--normal{background:var(--status-normal)}.schip__dot--warning{background:var(--status-warning)}.schip__dot--critical,.schip__dot--offline{background:var(--status-critical)}.schip__dot--muted,.schip__dot--unknown{background:#ffffff4d}.schip__dot--pulse{animation:pulse 1.6s ease-in-out infinite}.schip__dvd{color:#ffffff26;flex:none}.statusbar__uptimeValue{font-family:var(--font-mono),monospace;font-size:11px;font-weight:400;color:var(--foreground)}.ptz__zoom{display:flex;align-items:center;gap:8px}.ptz__zoom input[type=range]{flex:1;min-width:0}.ptz__zoomStep{width:30px;height:30px;padding:0;flex:none;justify-content:center;font-size:17px;line-height:1;background:var(--secondary);border:1px solid var(--border)}.ptz__inline{display:flex;align-items:center;gap:8px}.ptz__inlineLabel{flex:none;width:72px;font-size:10px;font-weight:700;letter-spacing:.2em;color:var(--muted-foreground)}.ptz__modeBtn{flex:1;height:26px;padding:0 6px;justify-content:center;border-radius:4px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:var(--muted-foreground);font-size:10px;font-weight:700;letter-spacing:.1em}.ptz__modeBtn--on{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.ptz__speed{display:flex;align-items:center;gap:10px;text-transform:none}.ptz__speedLabel{flex:none;width:72px;font-size:10px;font-weight:700;color:var(--muted-foreground)}.ptz__speed input[type=range]{flex:1;min-width:0}.ptz__speedValue{flex:none;width:28px;text-align:right;font-family:var(--font-mono),monospace;font-size:14px;font-weight:400}.trend__plot{padding-right:76px}.trend__legend{position:absolute;right:0;top:0;bottom:14px;width:70px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:flex-start;gap:4px}.trend__legendItem{display:flex;align-items:center;gap:6px;font-family:var(--font-mono),monospace;font-size:10px;white-space:nowrap}.trend__legendItem i{width:12px;height:2px;flex:none}.trend__legendItem--l1{color:var(--status-warning)}.trend__legendItem--l1 i{background:var(--status-warning)}.trend__legendItem--l2{color:var(--status-critical)}.trend__legendItem--l2 i{background:var(--status-critical)}.shell--bare{display:flex;flex-direction:column;min-height:100vh}.shell--bare>*{flex:1;min-height:0}.toggle{position:relative;flex:none;width:44px;height:24px;padding:0;border:none;border-radius:12px;background:var(--secondary);transition:background .12s ease}.toggle--on{background:var(--status-normal)}.toggle__thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:10px;background:#fff;transition:left .12s cubic-bezier(.33,1,.68,1)}.toggle--on .toggle__thumb{left:22px}.toggle:disabled{opacity:.65;cursor:default}.togglefield{display:inline-flex;align-items:center;gap:10px}.togglefield__label{font-size:12px;color:var(--foreground)}.checkfield{display:inline-flex;align-items:center;gap:8px;padding:0;background:none;border:none}.checkfield__label{font-size:13px;font-weight:700;color:var(--foreground)}.checkbox{display:inline-flex;align-items:center;justify-content:center;flex:none;width:18px;height:18px;border-radius:4px;border:2px solid var(--muted-foreground);background:transparent}.checkbox--on{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.plantpick{display:flex;flex-direction:column;gap:4px}.plantpick__box{position:relative;height:200px;border:1px solid var(--border-half);border-radius:8px;overflow:hidden}.plantpick__box img{width:100%;height:100%;object-fit:contain;cursor:crosshair}.plantpick__dot{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:5px;pointer-events:none}.calib{display:flex;flex-direction:column;gap:16px;min-height:0;height:100%;padding:24px}.calib__head{display:flex;align-items:center;gap:16px}.calib__back{width:40px;height:40px;padding:0;justify-content:center;border-radius:8px;background:var(--secondary-half);border:1px solid var(--border-half);color:var(--muted-foreground)}.calib__back:hover{background:var(--secondary)}.calib__head h2{margin:0;font-family:var(--font-display),sans-serif;font-size:22px;font-weight:700;letter-spacing:.045em;text-transform:none}.calib__sub{display:block;font-size:12px;color:var(--muted-foreground)}.calib__panel{min-width:0}.calib__hint{display:flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:8px;background:#ffffff0d;border:1px solid var(--border-half);font-size:12px;color:var(--muted-foreground)}.calib__body{flex:1;min-height:0;display:grid;grid-template-columns:65fr 35fr;gap:16px}.calib__image{position:relative;border-radius:12px;border:1px solid var(--border-half);background:#00000080;overflow:hidden}.calib__image img{width:100%;height:100%;object-fit:contain;cursor:crosshair}.calib__dot{position:absolute;display:grid;place-items:center;width:24px;height:24px;margin:-12px 0 0 -12px;border-radius:12px;border:1px solid rgba(255,255,255,.6);opacity:.9;color:#fff;font-size:10px;font-weight:700;pointer-events:none}.calib__dot--on{border-width:2px}.calib__panel{display:flex;flex-direction:column;gap:8px;overflow-y:auto}.calib__card{padding:10px;border-radius:8px;background:var(--card);border:1px solid var(--border-half);cursor:pointer}.calib__card--on{background:#fafafa0d}.calib__acts{display:flex;gap:8px;margin-top:auto}.calib__acts button{flex:1;justify-content:center;gap:6px;height:38px}.calib__msg{display:flex;align-items:center;gap:8px;margin:0;padding:12px;border-radius:8px;font-size:12px;font-weight:700;border:1px solid}.calib__msg--ok{background:var(--status-normal-bg10);border-color:#22c55e4d;color:var(--status-normal)}.calib__msg--ko{background:var(--status-critical-bg10);border-color:#ef44444d;color:var(--status-critical)}.calib__msg svg{flex:none}.calib__cardHead{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:11px;letter-spacing:.08em}.calib__cardHead i{width:10px;height:10px;border-radius:5px}.ahero{display:flex;align-items:center;gap:20px;padding:16px 24px;border-radius:10px;border:1px solid}.ahero__dot{display:grid;place-items:center;width:56px;height:56px;border-radius:28px}.ahero__dot i{width:14px;height:14px;border-radius:7px;animation:banner-pulse 2s ease-in-out infinite}.ahero__text{flex:1;min-width:0}.ahero__text h3{margin:0;font-family:var(--font-display),sans-serif;font-size:18px}.ahero__toggle{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.ahero--normal{background:var(--status-normal-bg10);border-color:var(--status-normal-border30)}.ahero--normal .ahero__text h3{color:var(--status-normal)}.ahero--normal .ahero__dot{background:var(--status-normal-bg20)}.ahero--normal .ahero__dot i{background:var(--status-normal)}.ahero--warning,.ahero--critical{background:var(--status-critical-bg10);border-color:var(--status-critical-border30)}.ahero--warning .ahero__text h3,.ahero--critical .ahero__text h3{color:var(--status-critical)}.ahero--warning .ahero__dot,.ahero--critical .ahero__dot{background:var(--status-critical-bg20)}.ahero--warning .ahero__dot i,.ahero--critical .ahero__dot i{background:var(--status-critical)}.ahero--stale{background:#f9731614;border-color:#f9731659}.ahero--stale .ahero__text h3{color:#f97316}.ahero--stale .ahero__dot{background:#f9731626}.ahero--stale .ahero__dot i{background:#f97316}.ahero--disabled{background:#ffffff0a;border-color:var(--border)}.ahero--disabled .ahero__text h3{color:var(--muted-foreground)}.ahero--disabled .ahero__dot{background:#ffffff0f}.ahero--disabled .ahero__dot i{background:var(--muted-foreground)}.ametrics--4{grid-template-columns:repeat(4,1fr)}.badactors{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.badactors li{display:flex;justify-content:space-between;padding:8px 12px;border-radius:6px;background:var(--card);border:1px solid var(--border-half);font-size:12px}.gauge{height:4px;margin:6px 0 4px;border-radius:2px;background:#ffffff14;overflow:hidden}.gauge i{display:block;height:100%}.gauge--ok{background:var(--status-normal)}.gauge--warn{background:var(--status-warning)}.gauge--crit{background:var(--status-critical)}.home__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;align-content:center;gap:8px;color:var(--border)}.home__empty span{font-family:var(--font-display),sans-serif;font-size:14px;font-weight:700;letter-spacing:.24em;color:var(--muted-foreground)}.ptz__locked{display:flex;align-items:center;gap:8px;margin:0;padding:8px 10px;border-radius:6px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.4);color:#f59e0b;font-size:10px;font-weight:700;letter-spacing:.08em}.ptz__toast{margin:8px 0 0;padding:8px 12px;border-radius:6px;background:var(--status-normal);color:#062b12;font-size:12px;font-weight:700;text-align:center}.ptz__toast--ko{background:var(--status-critical);color:#fff}.logopreview{height:32px;border-radius:4px;background:#ffffff0f}.calnodes{display:flex;flex-direction:column;gap:4px}.calnodes__row{display:grid;grid-template-columns:1fr 1fr 1fr 30px;gap:6px;align-items:center}.calnodes__row--head{font-size:9px;font-weight:700;letter-spacing:.16em;color:var(--muted-foreground)}.calnodes__add{justify-content:center;gap:4px;height:28px;background:transparent;border:1px solid var(--border-half);font-size:10px;font-weight:700;color:var(--muted-foreground)}