:root{--bg:#f5f7f9;--surface:#fff;--text:#17212b;--muted:#5d6b78;--border:#dde3e8;--accent:#0b6bcb;--button:#0b6bcb;--button-text:#fff;--danger:#c2261d;--notice:#eef6ff;--radius:8px;--shadow:0 1px 2px #1018280f, 0 1px 3px #10182814;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--bg:#0f1419;--surface:#182029;--text:#e6edf3;--muted:#9aa7b4;--border:#2b3640;--accent:#4da3ff;--danger:#ff6b61;--notice:#13263a;--shadow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1{flex-wrap:wrap;align-items:center;gap:.6rem;margin:0 0 .25rem;font-size:1.6rem;display:flex}h2{margin:1.5rem 0 .75rem;font-size:1.1rem}input,select,button{font:inherit;color:inherit}input,select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:.5rem .7rem}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:disabled{opacity:.7}button{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:.5rem .9rem}button.primary{background:var(--button);border-color:var(--button);color:var(--button-text);font-weight:600}button:disabled{opacity:.6;cursor:default}button.link{color:var(--accent);background:0 0;border:none;padding:.25rem}button.link.danger{color:var(--danger)}button.small{font-size:.85rem;font-weight:400}.brand{color:var(--text);letter-spacing:-.01em;font-size:1.2rem;font-weight:700}.brand span{color:var(--accent)}.brand.big{margin-bottom:.5rem;font-size:1.6rem}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:1;align-items:center;gap:1rem;padding:.6rem 1.25rem;display:flex;position:sticky;top:0}.topbar .spacer{flex:1}.topbar .who{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:12rem;overflow:hidden}.switcher{max-width:16rem}.content{max-width:1100px;margin:0 auto;padding:1.5rem 1.25rem 3rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.auth-page{place-items:center;min-height:100vh;padding:1rem;display:grid}.auth-card{flex-direction:column;gap:.9rem;width:100%;max-width:400px;display:flex}.auth-card label{flex-direction:column;gap:.3rem;font-weight:500;display:flex}.auth-card small{color:var(--muted);font-weight:400}.auth-card h1{font-size:1.3rem}.breadcrumb{color:var(--muted);margin-bottom:.5rem;font-size:.9rem}.breadcrumb .sep{margin:0 .4rem}.page-header{margin-bottom:1rem}.muted{color:var(--muted)}.error{color:var(--danger);margin:.5rem 0 0}.loading,.empty{text-align:center;color:var(--muted);padding:3rem 1rem}.badge{border:1px solid var(--border);color:var(--muted);text-transform:uppercase;letter-spacing:.03em;border-radius:999px;padding:.1rem .5rem;font-size:.75rem;font-weight:600}.tabs{border-bottom:1px solid var(--border);gap:.25rem;margin-bottom:1rem;display:flex;overflow-x:auto}.tab{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:.6rem .9rem}.tab.active{color:var(--text);border-bottom-color:var(--accent);font-weight:600}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.65rem 0;display:flex}.list li:last-child{border-bottom:none}.inline-form{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.inline-form.add{margin-top:1rem}.inline-form input{flex:12rem}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.55rem .5rem}.table th{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);font-size:.8rem}.table .right{text-align:right}.nowrap{white-space:nowrap}.notice{border-radius:var(--radius);background:var(--notice);margin-top:1rem;padding:.9rem}.notice p{margin:0 0 .5rem}.copy-row{gap:.5rem;display:flex}.copy-row input{flex:1}@media (width<=640px){.topbar{gap:.5rem;padding:.5rem 1rem}.switcher{max-width:9rem}.content{padding:1rem 1rem 2rem}.members th:nth-child(2),.members td:nth-child(2){display:none}}:root{--good:#1b7f3b;--grid:#e8ecef;--series:var(--accent)}@media (prefers-color-scheme:dark){:root{--good:#4cc27a;--grid:#26313b}}.small{font-size:.85rem}h2.first{margin-top:0}section.card+section.card,.notice+section.card{margin-top:1rem}button.danger{color:var(--danger)}.status{white-space:nowrap;font-size:.9rem}.status.online{color:var(--good)}.status.offline,.status.revoked{color:var(--muted)}.list.machines li,.list li{flex-wrap:wrap}.machine-main{flex-direction:column;flex:12rem;min-width:10rem;display:flex}.machine-values{font-variant-numeric:tabular-nums;flex-wrap:wrap;flex:2 20rem;gap:.25rem 1.25rem;display:flex}.tiles{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.tile{text-align:left;background:var(--surface);box-shadow:var(--shadow);flex-direction:column;align-items:flex-start;gap:.1rem;padding:.8rem .9rem;display:flex}.tile.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.tile-label{color:var(--muted);font-size:.85rem}.tile-value{font-variant-numeric:tabular-nums;font-size:1.45rem;font-weight:600}.tile-time{color:var(--muted);font-size:.75rem}.chart-card h2{margin:0}.chart-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.segmented{border:1px solid var(--border);border-radius:var(--radius);display:inline-flex;overflow:hidden}.segmented button{border:none;border-radius:0;padding:.35rem .7rem;font-size:.85rem}.segmented button+button{border-left:1px solid var(--border)}.segmented button.on{background:var(--button);color:var(--button-text)}.chart{transition:opacity .2s;position:relative}.chart.stale{opacity:.6}.chart svg{touch-action:pan-y;display:block}.chart .grid{stroke:var(--grid);stroke-width:1px}.chart .tick{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.chart .line{fill:none;stroke:var(--series);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart .band{fill:var(--series);opacity:.1}.chart .end-dot{fill:var(--series);stroke:var(--surface);stroke-width:2px}.chart .crosshair{stroke:var(--muted);stroke-width:1px}.chart .tooltip{pointer-events:none;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--muted);flex-direction:column;min-width:10rem;padding:.4rem .6rem;font-size:.8rem;display:flex;position:absolute}.chart .tooltip strong{color:var(--text);font-size:1rem}.chart-empty{color:var(--muted);place-items:center;min-height:160px;display:grid}.table-scroll{max-height:320px;overflow:auto}.field-row{grid-template-columns:8rem minmax(0,1fr) auto;align-items:center;gap:.5rem;padding:.25rem 0;display:grid}.field-label{color:var(--muted);font-size:.9rem}.field-row code,pre{overflow-wrap:anywhere;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.85rem}pre{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;overflow-x:auto}.notice details{margin:.75rem 0}.notice summary{cursor:pointer}.notice>button.primary{margin-top:.5rem}@media (width<=640px){.field-row{grid-template-columns:minmax(0,1fr) auto}.field-label{grid-column:1/-1}}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table-scroll.tall{max-height:60vh}.points thead th{background:var(--surface);position:sticky;top:0}input.cell{width:100%;min-width:10rem;padding:.25rem .45rem}input.cell.short{width:5rem;min-width:4rem}input.cell.tiny{text-align:right;width:3rem;min-width:2.5rem}.bits{columns:2 16rem;margin:0;padding:0;font-size:.85rem;list-style:none}.bits-row td{background:var(--notice)}.button-like{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:var(--surface);color:var(--text);padding:.5rem .9rem;display:inline-block}a.button-like:hover{text-decoration:none}.button-like.primary{background:var(--button);border-color:var(--button);color:var(--button-text);font-weight:600}.warnings{margin:0 0 1rem;padding-left:1.2rem}.warning,.warnings li{color:var(--text);border-radius:var(--radius);background:#e8a20024;margin:.35rem 0;padding:.35rem .6rem;list-style:none}.import-model{border-top:1px solid var(--border);padding:1rem 0}.import-model .inline-form input{flex:12rem}.reading-form{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.75rem;margin-top:.75rem;display:grid}.reading-form label{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}.reading-form .form-actions{grid-column:1/-1}.states{columns:2 16rem;margin:0;padding:0;list-style:none}.states li{color:var(--muted);padding:.2rem 0}.states li.on{color:var(--text);font-weight:500}.states li.on span[aria-hidden]{color:var(--accent)}:root{--sev-critical:#c2261d;--sev-warning:#a35d00;--sev-info:#0b6bcb}@media (prefers-color-scheme:dark){:root{--sev-critical:#ff6b61;--sev-warning:#f0a53a;--sev-info:#4da3ff}}.sev{white-space:nowrap;min-width:5.5rem;font-size:.8rem;font-weight:600}.sev-critical{color:var(--sev-critical)}.sev-warning{color:var(--sev-warning)}.sev-info{color:var(--sev-info)}.list.alarms li,.list.rules li{justify-content:flex-start;align-items:flex-start}.alarm-main{flex-direction:column;flex:16rem;min-width:0;display:flex}.alarm-when{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.list.alarms li.cleared,.list.rules li.disabled{opacity:.6}.row-actions{gap:.25rem;display:flex}.count{background:var(--sev-critical);color:#fff;text-align:center;border-radius:999px;min-width:1.4rem;margin-left:.35rem;padding:0 .35rem;font-size:.75rem;font-weight:700;display:inline-block}.top-alarms{color:var(--sev-warning);white-space:nowrap;font-size:.9rem;font-weight:600}.top-alarms.critical{color:var(--sev-critical)}.alarm-banner{border-left:4px solid var(--sev-critical);margin-bottom:1rem}.empty-good,.segmented+.list,.segmented+.muted{margin-top:1rem}.lead{margin:.25rem 0;font-size:1.1rem}.timeline,.notes{margin:0;padding:0;list-style:none}.timeline li{border-left:2px solid var(--border);padding:.3rem 0 .3rem .75rem}.notes li{border-bottom:1px solid var(--border);padding:.5rem 0}.note-text{white-space:pre-wrap}.rule-form{border-top:1px solid var(--border);grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:.75rem;margin-top:1rem;padding-top:1rem;display:grid}.rule-form h2,.rule-form .wide,.rule-form .form-actions{grid-column:1/-1}.rule-form label{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}.rule-form label.check{flex-direction:row;align-items:center;gap:.5rem}.rule-form .form-actions{align-items:center;gap:.75rem;display:flex}.brand-logo{object-fit:contain;max-width:180px;max-height:32px;display:block}.brand-logo.big{max-width:240px;max-height:56px;margin-bottom:.5rem}.branding-form{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:.9rem;display:grid}.branding-form label{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}.branding-form .wide,.branding-form .form-actions{grid-column:1/-1}.color-row{align-items:center;gap:.5rem;display:flex}.color-row input[type=color]{width:3rem;height:2.3rem;padding:.15rem}.preview{border:1px dashed var(--border);border-radius:var(--radius);flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem;display:flex}.logo-box{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}:root{--series-1:#2a78d6;--series-2:#eb6834;--series-3:#1baf7a;--series-4:#eda100;--series-5:#e87ba4;--series-6:#008300;--series-7:#4a3aa7;--series-8:#e34948}@media (prefers-color-scheme:dark){:root{--series-1:#3987e5;--series-2:#d95926;--series-3:#199e70;--series-4:#c98500;--series-5:#d55181;--series-6:#008300;--series-7:#9085e9;--series-8:#e66767}}.view-switch{flex-wrap:wrap;margin-bottom:1rem}.dash-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.dash-grid>.card.widget{flex-direction:column;min-width:0;margin-top:0;padding:.8rem .9rem;display:flex}.widget-head{justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.4rem;display:flex}.widget-head h3{color:var(--muted);margin:0;font-size:.85rem;font-weight:600}.w-value,.w-state{flex-direction:column;flex:1;justify-content:center;display:flex}.w-big{font-variant-numeric:tabular-nums;font-size:1.7rem;font-weight:600}.w-state{flex-direction:row;align-items:center;gap:.6rem}.led{border:2px solid var(--muted);border-radius:50%;width:14px;height:14px}.w-state.on .led{background:var(--good);border-color:var(--good)}.w-gauge{flex:1;justify-content:center;display:flex}.w-gauge svg{width:100%;max-width:240px;max-height:100%}.gauge-track,.gauge-fill{fill:none;stroke-width:9px;stroke-linecap:round}.gauge-track{stroke:var(--grid)}.gauge-fill{stroke:var(--series-1)}.gauge-value{fill:var(--text);font-size:15px;font-weight:600}.gauge-unit{fill:var(--muted);font-size:7px}.w-table td{padding:.3rem .4rem}.w-donut{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.w-donut svg{flex:none;width:130px;height:130px}.legend{flex:1;min-width:10rem;margin:0;padding:0;font-size:.85rem;list-style:none}.legend li{grid-template-columns:12px 1fr auto;align-items:center;gap:.5rem;padding:.15rem 0;display:grid}.swatch{border-radius:3px;width:12px;height:12px}.page-header.with-actions{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.dash-editor{flex-direction:column;gap:.75rem;display:flex}.dash-editor>label{color:var(--muted);flex-direction:column;gap:.25rem;max-width:30rem;font-size:.9rem;display:flex}.widget-list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.widget-row{border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .75rem}.widget-row-head,.form-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.widget-row-head input{flex:12rem}.spacer{flex:1}.widget-row-body{flex-wrap:wrap;gap:.6rem;margin-top:.5rem;display:flex}.widget-row-body label{color:var(--muted);flex-direction:column;gap:.2rem;font-size:.85rem;display:flex}.key-picker{border:1px solid var(--border);border-radius:var(--radius);columns:2 14rem;flex:100%;max-height:12rem;overflow:auto}.key-picker label.check{color:var(--text);flex-direction:row;align-items:center;gap:.4rem}@media (width<=640px){.dash-grid .widget{grid-column:span 12!important}}.setup-options{margin:.25rem 0 .75rem;padding-left:1.2rem}.setup-options li{margin:.35rem 0}.paste-flow{flex-direction:column;gap:.4rem;margin-top:.75rem;display:flex}.paste-flow label{color:var(--muted);font-size:.9rem}.paste-flow textarea{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);resize:vertical;padding:.6rem;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.8rem}