:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f3f7f2;--surface:#fff;--primary:#128459;--primary-light:#e8f5ef;--text:#202522;--secondary:#68736c;--divider:#eef1ee;--outline:#8bd2b4;--input:#f5f8f5;--error:#bc3838;color:var(--text);background:var(--background);font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button,input,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--primary);outline-offset:4px}h1,h2,h3,p{margin:0}h1{letter-spacing:-.5px;font-size:24px;font-weight:700}h2{font-size:18px;line-height:1.4}h3{font-size:15px}small,.secondary{color:var(--secondary);font-size:13px;line-height:1.5}.page{max-width:1240px;margin:auto;padding:32px 20px 24px}.page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.page-header p{color:var(--secondary);margin-top:6px;font-size:14px}.connection{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.card{background:var(--surface);border-radius:22px;min-width:0;padding:20px;box-shadow:0 2px 10px #20252205}.badge{white-space:nowrap;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.badge.online{color:var(--primary);background:var(--primary-light)}.badge.offline{color:var(--error);background:#fbeeee}.badge.unknown{color:var(--secondary);background:var(--divider)}.badge i,.dot{background:currentColor;border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.dot.online{color:var(--primary)}.dot.offline{color:var(--error)}.dot.unknown{color:var(--secondary)}.button{border-radius:16px;min-height:48px;padding:12px 18px;font-size:14px;font-weight:600}.secondary-button{background:var(--primary-light);border:1px solid var(--outline);color:var(--primary)}.secondary-button:hover,.secondary-button:active{background:#d7ede1}.overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.stat span{color:var(--secondary);align-items:center;gap:8px;font-size:14px;display:flex}.stat strong{margin-top:10px;font-size:28px;font-weight:600;display:block}.controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px;display:flex}.search-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}input{background:var(--input);color:var(--text);border:1px solid #0000;border-radius:14px;flex:280px;min-width:0;min-height:50px;padding:14px}input::placeholder{color:var(--secondary)}.filters{flex-wrap:wrap;gap:6px;display:flex}.filter{min-height:48px;color:var(--secondary);background:0 0;border:0;border-radius:12px;padding:10px 14px;font-size:14px}.filter.selected{background:var(--primary-light);color:var(--primary);font-weight:600}.filter:hover{background:var(--input)}.list-heading{justify-content:space-between;align-items:center;gap:12px;margin:0 4px 14px;display:flex}.list-heading span{color:var(--secondary);font-size:14px}.device-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.device-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.device-name{overflow-wrap:anywhere;min-width:0}.device-id{color:var(--secondary);margin-top:4px;font-size:13px;line-height:1.5}.system-caption{color:var(--secondary);overflow-wrap:anywhere;margin-top:14px;font-size:14px}.alive-row{border-bottom:1px solid var(--divider);grid-template-columns:1fr 1fr;gap:16px;margin-top:4px;padding:18px 0;display:grid}.alive-row strong{margin-top:6px;font-size:14px;font-weight:600;display:block}.stale{color:var(--error);margin-top:4px;display:block}.metric-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.metric-tile{background:var(--input);border-radius:14px;min-width:0;padding:14px}.tile-heading{flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:14px;line-height:1.5;display:flex}.tile-heading span{color:var(--secondary)}.tile-heading strong{overflow-wrap:anywhere;font-weight:600}.metric-tile small{margin-top:6px;display:block}.meter{background:#e4ebe5;border-radius:4px;height:4px;margin-top:12px;overflow:hidden}.meter span{border-radius:inherit;background:var(--primary);height:100%;display:block}.danger{color:var(--error)}.meter span.danger{background:var(--error)}.device-details{margin-top:14px}summary{min-height:48px;color:var(--primary);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:14px;font-weight:600;list-style:none;display:flex}summary::-webkit-details-marker{display:none}details[open] summary span{transform:rotate(180deg)}.metric-section{border-top:1px solid var(--divider);padding:16px 0}.section-heading{flex-wrap:wrap;justify-content:space-between;gap:10px;margin-bottom:12px;display:flex}dl{margin:0;font-size:14px}dl div{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;padding:6px 0;display:grid}dt{color:var(--secondary)}dd{text-align:right;overflow-wrap:anywhere;margin:0}.empty{text-align:center;grid-column:1/-1;padding:56px 20px}.empty p{max-width:440px;color:var(--secondary);margin:12px auto 0;line-height:1.6}.connection-error,.notice{border-radius:16px;margin-bottom:16px;padding:16px 20px;font-size:14px;line-height:1.6}.connection-error{color:var(--error);background:#fbeeee}.notice{background:var(--surface);color:var(--secondary)}.page-footer{color:var(--secondary);text-align:center;margin-top:24px;font-size:13px;line-height:1.6}@media (max-width:820px){.device-grid{grid-template-columns:1fr}.overview{grid-template-columns:repeat(2,minmax(0,1fr))}.page-header{flex-direction:column;align-items:flex-start}.connection{justify-content:space-between;width:100%}}@media (max-width:420px){.page{padding:20px 16px}.card{padding:18px}.overview{gap:12px}.filters{gap:0}.filter{padding:10px}.device-header{flex-direction:column;gap:10px}.metric-grid{gap:10px}.metric-tile{padding:12px}.alive-row{gap:10px}.badge{white-space:normal}}