:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#263043;background:#f5f6fa;font-synthesis:none;font-size:14px;--blue:#2863dc;--line:#e6e9ef;--muted:#778193;--sidebar:232px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #dce1e9;border-radius:6px;background:#fff;padding:9px 13px;color:#394357;font-weight:500}button:hover{background:#f3f6fc;border-color:#b8c6de}button:focus-visible,select:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #92b8ff;outline-offset:2px}button:disabled{cursor:wait;opacity:.6}svg.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.topbar{height:65px;position:fixed;inset:0 0 auto;background:white;border-bottom:1px solid var(--line);z-index:20;display:flex;align-items:center;padding:0 24px;gap:26px}.brand{width:206px;display:flex;align-items:center;gap:10px;color:#16243b;font-size:21px;font-weight:750;letter-spacing:-.8px}.brand img{width:32px;height:32px}.brand span{font-size:12px;font-weight:500;letter-spacing:1.6px;display:block;color:#8490a2;margin-top:1px}.topcrumb{display:flex;gap:11px;align-items:center;font-size:13px;color:#7a8495}.topright{margin-left:auto;display:flex;align-items:center;gap:16px}.pill{font-size:12px;padding:5px 9px;border-radius:5px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.demo{color:#97671e;background:#fff7e5;border:1px solid #f3e4bc}.avatar{width:31px;height:31px;background:#e9eefb;color:#4667a6;border-radius:50%;display:inline-grid;place-items:center;font-size:12px;font-weight:650}.identity{border:0;background:transparent;font-size:13px;color:#445065;max-width:160px}.sidebar{position:fixed;top:65px;bottom:0;left:0;width:var(--sidebar);background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:23px 13px 15px;z-index:15}.workspace{padding:0 10px 21px;border-bottom:1px solid var(--line)}.eyebrow{font-size:11px;font-weight:650;letter-spacing:1.3px;color:#929aaa;text-transform:uppercase}.workspace-name{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:14px;font-weight:650}.workspace-icon{width:32px;height:32px;display:grid;place-items:center;background:#edf3ff;color:var(--blue);border-radius:6px}.navlabel{padding:23px 13px 10px}.navitem{width:100%;justify-content:flex-start;border:0;border-radius:5px;background:none;padding:12px 14px;gap:12px;color:#626c7e;margin:2px 0;font-size:14px}.navitem.active{background:#ecf2ff;color:#2863dc;font-weight:650}.navitem .count{margin-left:auto;font-size:11px;border:1px solid #d8e4ff;border-radius:4px;padding:1px 5px}.sidefoot{margin-top:auto;padding:16px 10px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px;line-height:1.7}.sidefoot strong{color:#536078;font-weight:550;display:block}.main{margin-left:var(--sidebar);padding:93px 30px 30px;max-width:1850px}.titleline{display:flex;align-items:center;justify-content:space-between;gap:15px}.titleline h1{font-size:25px;letter-spacing:-.7px;font-weight:650;margin:0 0 7px;color:#202b3e}.subtitle{color:var(--muted);font-size:13px;margin:0;display:flex;align-items:center;gap:7px}.actions{display:flex;gap:9px}.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.primary:hover{background:#2055c2;color:white}.tabs{display:flex;margin-top:26px;border-bottom:1px solid #dfe4ed;gap:26px}.tab{border:0;background:none;border-radius:0;padding:12px 1px;color:#7d8594;font-size:13px}.tab.active{border-bottom:2px solid var(--blue);color:var(--blue);font-weight:600}.filterbar{display:flex;align-items:center;gap:12px;margin:20px 0}.filterlabel{font-size:12px;color:#798396;margin-right:0}.select{border:1px solid #e0e4ec;border-radius:5px;background:white;padding:8px 28px 8px 11px;color:#465268;min-height:35px;font-size:13px}.filterbar .push{margin-left:auto;font-size:12px;color:#839084;display:flex;align-items:center;gap:6px}.live-dot{width:6px;height:6px;border-radius:50%;background:#22a277;display:inline-block}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:20px}.card{border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 2px 3px #22334b02;overflow:hidden}.kpi{padding:20px 20px 16px;position:relative}.kpi-top{display:flex;align-items:center;justify-content:space-between;color:#647083;font-size:13px}.kpi-icon{padding:6px;display:grid;place-items:center;border-radius:6px;background:#f0f5ff;color:var(--accent)}.metric{font-size:31px;font-weight:650;letter-spacing:-1px;color:#253148;margin-top:11px;font-variant-numeric:tabular-nums}.metric small{font-size:13px;font-weight:400;letter-spacing:0;color:#8a94a2;margin-left:7px}.kpi-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:14px;gap:10px}.kpi-note{font-size:11px;color:#8590a0}.kpi-note b{display:block;color:#788598;font-weight:400;font-size:11px;margin-top:3px}.spark{width:85px;height:31px}.charts{display:grid;grid-template-columns:1.55fr 1fr;gap:20px;margin-bottom:20px}.cardhead{padding:18px 21px 8px;display:flex;align-items:center;justify-content:space-between;gap:10px}.cardhead h2{font-size:15px;font-weight:600;margin:0}.cardhead p{font-size:12px;color:#8a94a4;margin:6px 0}.tiny{color:#8893a3;font-size:12px}.legend{display:flex;align-items:center;gap:7px;font-size:12px;color:#707d91}.legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.plot{padding:5px 15px 5px;position:relative}.plot svg{width:100%;height:233px;display:block;overflow:visible}.plot text{font-family:inherit;fill:#94a0b0;font-size:11px}.chart-footer{border-top:1px solid #f0f2f6;margin:0 20px;padding:12px 0;color:#8a94a3;font-size:12px;display:flex;justify-content:space-between}.chart-footer strong{font-weight:500;color:#546074}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:11px;letter-spacing:.55px;font-weight:600;color:#8b94a5;background:#fafbfc;padding:13px 20px;border-bottom:1px solid var(--line)}td{font-size:13px;padding:17px 20px;border-bottom:1px solid #eff1f5;color:#5d687a}tbody tr:last-child td{border-bottom:0}td strong{font-weight:550;color:#354258}.device-cell{display:flex;align-items:center;gap:10px}.device-cell .device-badge{width:34px;height:34px;display:grid;place-items:center;background:#edf3ff;border-radius:6px;color:#527cc3}td small{display:block;margin-top:5px;color:#949cab;font-size:11px}.status{display:inline-flex;align-items:center;gap:6px;font-size:12px;background:#edf8f2;color:#35835f;padding:4px 8px;border-radius:4px}.status.off{background:#fff5e8;color:#b08037}.textbutton{color:var(--blue);padding:4px 0;border:0;background:none;font-size:12px}.bottom-note{display:flex;justify-content:space-between;gap:15px;color:#919aaa;font-size:11px;margin-top:18px}.notice{padding:13px 16px;border:1px solid #dae5f8;background:#f0f5ff;color:#576e93;font-size:13px;border-radius:6px;margin-bottom:20px;line-height:1.6}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.formcard{padding:23px}.formcard h2{font-size:17px;margin:0 0 7px}.formcard p{font-size:13px;color:#7c889b;line-height:1.7}.field{display:block;margin:22px 0 10px}.field label{display:block;font-size:13px;font-weight:550;margin-bottom:8px}.field .select{width:100%}.setting-values{display:flex;gap:30px;margin:20px 0}.setting-values small{display:block;font-size:12px;color:#8b96a7;margin-bottom:7px}.setting-values strong{font-size:20px;font-weight:550}.event{padding:13px 20px;border-bottom:1px solid var(--line);font-size:13px;display:flex;justify-content:space-between;gap:15px}.checkbox-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}input[type=checkbox]{accent-color:var(--blue);width:17px;height:17px}.empty{padding:40px;color:#7c889b;text-align:center}.startup{padding:70px;font-size:18px;color:#53647e}.menu{display:none}.subsection{margin-top:22px}.badge-label{background:#f0f3f8;padding:4px 8px;border-radius:5px;color:#748298;font-size:12px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(90px);background:#25344e;color:white;padding:13px 20px;border-radius:7px;z-index:100;transition:transform .2s;box-shadow:0 5px 25px #0002;max-width:90vw}#toast.show{transform:translateX(-50%) translateY(0)}.mobiletitle{display:none}.error{background:#fff1ed;color:#a84830}.view-actions{display:flex;gap:8px;margin-bottom:18px}.header-tag{font-size:12px;color:#748199;border:1px solid #e1e6ee;padding:5px 9px;border-radius:4px}.titleline .actions button{font-size:12px}.kpi.hidden{display:none}.filterbar label{display:flex;align-items:center;gap:8px}.tablefoot{padding:12px 20px;border-top:1px solid var(--line);font-size:12px;color:#8995a5}.connection{margin-top:16px;padding:13px 0;border-top:1px solid var(--line)}
@media(min-width:1500px){.main{padding-left:38px;padding-right:38px}.plot svg{height:285px}.kpi{padding:25px}.metric{font-size:36px}}@media(max-width:1150px){:root{--sidebar:200px}.brand{width:174px}.main{padding-left:20px;padding-right:20px}.kpis{gap:10px}.kpi{padding:15px}.metric{font-size:27px}.topcrumb{display:none}.filterlabel{display:none}.charts{gap:14px}}@media(max-width:800px){:root{--sidebar:0px}.sidebar{width:232px;transform:translateX(-100%);box-shadow:10px 0 25px #1c294b15;transition:transform .2s}.sidebar.open{transform:translateX(0)}.menu{display:inline-flex;padding:5px;border:0}.topbar{padding:0 13px;gap:10px}.brand{width:auto;font-size:18px}.brand span{font-size:10px}.topright{gap:8px}.avatar{display:none}.identity{width:105px;font-size:12px}.demo{font-size:10px}.main{padding:86px 16px 24px}.titleline{align-items:flex-start}.titleline h1{font-size:23px}.subtitle{font-size:11px;line-height:1.7}.titleline .actions button{padding:8px}.titleline .actions .export-label{display:none}.tabs{margin-top:16px}.filterbar{flex-wrap:wrap;gap:8px}.filterbar .push{margin-left:0;width:100%;margin-top:5px}.select{max-width:100%;font-size:12px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.charts,.grid2{grid-template-columns:1fr}.kpi{padding:16px}.kpi-note{font-size:10px}.metric{font-size:29px}.bottom-note{flex-direction:column;gap:5px}.cardhead{padding-left:16px;padding-right:16px}.cardhead h2{font-size:14px}.plot svg{height:205px}.formcard{padding:18px}.event{flex-direction:column;gap:5px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

@media(max-width:420px){.topbar{gap:7px}.brand{font-size:15px;gap:6px}.brand img{width:27px;height:27px}.identity{width:96px}.topright{gap:5px}.demo{padding:4px 5px}.metric{font-size:26px}.metric small{font-size:11px}.spark{width:65px;max-width:65px}.titleline h1{font-size:21px}}

/* Labtech dark workspace — shared surface, contrast and interaction tokens. */
:root{color-scheme:dark;background:#0c111b;color:#d8e1ef;--blue:#749eff;--line:#252e3e;--muted:#8995aa;--sidebar:240px}
body{background:#0c111b}button{background:#182131;border-color:#2c384c;color:#c8d4e8;border-radius:8px}button:hover{background:#223049;border-color:#496081}button:focus-visible,select:focus-visible,input:focus-visible{outline-color:#84acff}
.topbar{height:69px;background:#101620;border-color:#242c3b;padding-left:24px}.brand{width:214px;color:#f2f6ff;letter-spacing:.3px;font-size:20px}.brand span{color:#6f809c;font-size:10px;letter-spacing:2.3px}.brand img{border-radius:9px}.topcrumb{color:#74839c}.topcrumb span{color:#aab8d0}.topright{gap:16px}.demo{background:#2b241b;border-color:#473725;color:#d8b578;border-radius:20px;font-size:11px;padding:6px 11px}.identity{color:#bcc9de;background:transparent}.avatar{color:#bed1ff;background:#273755;border:1px solid #3a4d71}
.sidebar{top:69px;background:#101620;border-color:#242c3b;padding:25px 14px 18px}.workspace{border-color:#242e3e;padding-bottom:25px}.eyebrow{color:#65768f;font-size:10px;letter-spacing:1.5px}.workspace-name{color:#cdd9ed;margin-top:15px}.workspace-icon{background:#1e2b43;color:#91b4ff;border:1px solid #2a3e60;border-radius:9px}.navlabel{padding-top:28px}.navitem{color:#8e9db4;border-radius:8px;padding:13px 14px;margin:3px 0}.navitem:hover{background:#192232;color:#cedcf5}.navitem.active{background:#203254;color:#a6c3ff;box-shadow:inset 3px 0 0 #78a2ff}.navitem .count{border:0;background:#324b75;color:#bcd2ff;border-radius:5px;padding:2px 6px}.sidefoot{border-color:#252e3e;color:#63748d}.sidefoot strong{color:#9aaac2}
.main{padding-top:100px}.titleline h1{color:#ecf2ff;font-size:27px;font-weight:600;letter-spacing:-.8px}.subtitle{color:#7889a5}.titleline .actions button{min-height:37px;background:#182131;border-color:#2c384c;color:#c8d4e8}.titleline .actions button:hover{background:#24334c}.tabs{border-color:#263043;gap:29px;margin-top:25px}.tab{background:none;color:#8190a8;border-radius:0;padding:14px 1px}.tab:hover{background:transparent;color:#c5d6f3;border-color:transparent}.tab.active{color:#9abdff;border-bottom-color:#7da7ff}.filterlabel{color:#697c99}.filterbar{margin:23px 0}.select{background:#141e2e;border-color:#2a374d;color:#bdcbe2;border-radius:7px;padding-top:9px;padding-bottom:9px}.filterbar .push{color:#8292a9}.live-dot{background:#59c6ab;box-shadow:0 0 0 3px #59c6ab0b}
.card{background:#141d2b;border-color:#263247;border-radius:12px;box-shadow:0 4px 18px #00000012}.kpis{gap:18px;margin-bottom:22px}.kpi{padding:22px 22px 19px}.kpi-top{color:#9aaac2;font-size:13px}.kpi-icon{background:#24334b;color:var(--accent);border:1px solid #304360;border-radius:8px;padding:7px}.metric{color:#edf3ff;font-size:34px;font-weight:600;letter-spacing:-1px;margin-top:15px}.metric small{color:#788ba8;font-size:13px}.kpi-bottom{margin-top:16px}.kpi-note{color:#8599b6}.kpi-note b{color:#667c9c;margin-top:5px}.spark{opacity:.95}.charts{gap:22px;margin-bottom:22px}.cardhead{padding:21px 23px 10px}.cardhead h2{color:#d7e3f7;font-weight:550;font-size:15px}.cardhead p{color:#6e829f;font-size:12px;margin-top:8px}.legend{color:#9aabc5}.plot{padding:10px 17px 6px}.plot text{fill:#6e819d}.chart-footer{border-color:#253248;color:#7187a7;margin:0 23px;padding:14px 0}.chart-footer strong{color:#b7c9e4}.header-tag{color:#8ea6c8;border-color:#30415c;background:#182539;border-radius:6px}.textbutton{background:transparent;color:#8eb4ff}.textbutton:hover{background:transparent;color:#b6d0ff}.tiny{color:#8093af}
th{background:#111b2a;border-color:#263247;color:#7085a5;font-size:10px;letter-spacing:.85px;padding-top:15px;padding-bottom:15px}td{border-color:#223047;color:#93a7c5;padding-top:19px;padding-bottom:19px}td strong{color:#c9d8ee}td small{color:#647d9f}.device-cell .device-badge{background:#1c2b42;border:1px solid #2c405d;color:#90b5ed;border-radius:9px}.status{color:#7dd7b4;background:#18342f;border:1px solid #235044;font-size:11px;border-radius:5px}.status.off{background:#342a20;color:#e3b877;border-color:#524030}.badge-label{color:#94acca;background:#203149}.bottom-note{color:#607490;margin-top:20px}.notice{background:#15263d;border-color:#2b4262;color:#9db8dd;border-radius:9px}.notice.error{background:#382323;border-color:#623838;color:#e7abab}.formcard h2{color:#dbe6f8}.formcard p{color:#8b9eb9}.field label{color:#a7bbd7}.setting-values small{color:#7d93b2}.setting-values strong{color:#dce9ff}.primary{background:#6f9dfb;color:#101c32;border-color:#6f9dfb;font-weight:650}.primary:hover{background:#90b5ff;color:#101c32}.checkbox-row,.event,.connection,.tablefoot{border-color:#28364e}.event{color:#a5b9d7}.empty{color:#8b9fbc}.startup{color:#a1b9dd}.tablefoot{color:#7990b0}#toast{background:#d8e6ff;color:#172740;border:1px solid #a5c3fa;box-shadow:0 8px 35px #0005}.menu{background:transparent!important}
@media(min-width:1500px){.metric{font-size:38px}.kpi{padding:26px}}
@media(max-width:1150px){:root{--sidebar:200px}.brand{width:174px}.kpi{padding:17px}.metric{font-size:29px}}
@media(max-width:800px){:root{--sidebar:0px}.sidebar{width:240px}.topbar{padding:0 13px}.brand{width:auto;font-size:18px}.topright{gap:8px}.main{padding-top:91px}.titleline h1{font-size:24px}.kpis{gap:12px}.kpi{padding:17px}.metric{font-size:30px}.demo{font-size:10px;padding:5px 8px}.cardhead{padding:18px 17px 9px}.charts{gap:18px}.brand span{font-size:9px}.filterbar{margin:19px 0}}
@media(max-width:420px){.topbar{gap:7px}.brand{font-size:15px}.topright{gap:4px}.demo{font-size:9px;padding:5px}.identity{width:96px}.metric{font-size:27px}.metric small{font-size:11px}.titleline h1{font-size:22px}.kpi{padding:15px}.cardhead h2{font-size:14px}}
/* Readable metadata and touch targets across the dark workspace. */
.eyebrow,.brand span,.demo,.kpi-note,.kpi-note b,.bottom-note,.status,th,td small,.sidefoot,.navitem .count{font-size:12px}
.kpi-top,.select,.filterlabel,td,.field label,.checkbox-row,.event{font-size:14px}
.plot text{font-size:12px;fill:#879bb8}
.cardhead h2{font-size:16px}
.kpi-note b,.bottom-note,.sidefoot,.eyebrow{color:#889bb5}
.kpi-icon{background:color-mix(in srgb,var(--accent) 13%,#172235);color:color-mix(in srgb,var(--accent) 75%,white)}
.topbar .brand span{font-size:10px}
@media(max-width:420px){.topbar .demo{font-size:10px}.kpi-top{font-size:13px}.kpi-note,.kpi-note b{font-size:12px}.filterlabel{display:none}.cardhead h2{font-size:15px}.topbar .brand span{font-size:9px}}
.customer-link{color:#bfd4ff;background:#243754;border:1px solid #3b5273;padding:8px 11px;border-radius:8px;text-decoration:none;white-space:nowrap;font-size:12px}.customer-link:hover{background:#2e496e}@media(max-width:520px){.titleline .actions{flex-wrap:wrap}.customer-link{font-size:11px;padding:7px 8px}}