:root{color:#17212b;background:#f3f6f8;font-family:Inter,system-ui,sans-serif;line-height:1.45}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}select,textarea{font:inherit;background:#fff;border:1px solid #9aa6b2;border-radius:.35rem;padding:.55rem}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,tr:focus-visible{outline-offset:2px;outline:3px solid #e69f00}.brand{color:#fff;background:0 0;border:0;font-size:1rem;font-weight:700}.summary{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin:1rem 0;display:grid}.summary article{background:#fff;border:1px solid #ccd5dd;border-radius:.5rem;flex-direction:column;padding:1rem;display:flex}.summary strong{font-size:1.7rem}.filters,.config-form{flex-wrap:wrap;align-items:end;gap:.75rem;margin:1rem 0;display:flex}.filters label,.config-form label{flex-direction:column;gap:.25rem;min-width:150px;display:flex}.config-form label{width:240px}table{border-collapse:collapse;background:#fff;width:100%;margin:1rem 0}caption{text-align:left;padding:.5rem 0;font-size:1.1rem;font-weight:700}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #dbe2e8;padding:.65rem}tbody tr:hover{background:#f2f7f8}.pager,.tabs,.actions,.indicators,.config-head{flex-wrap:wrap;align-items:center;gap:.5rem;margin:1rem 0;display:flex}.tabs{border-bottom:1px solid #bac6cf;padding-bottom:.5rem}.tabs .active{background:#064e3b}.status{white-space:nowrap;border:1px solid #768692;border-radius:1rem;padding:.2rem .55rem;display:inline-block}.status-online,.status-applied,.status-completed,.status-success{color:#075e45;border-color:#0b7a5a}.status-offline,.status-rejected,.status-critical,.status-failure{color:#9b1c1c;border-color:#b42318}.json{white-space:pre-wrap;word-break:break-word;color:#e5e7eb;background:#111827;max-width:42rem;max-height:22rem;padding:.75rem;overflow:auto}.chart{background:#fff;border:1px solid #dbe2e8;min-height:300px;margin:1rem 0;padding:1rem}.modal-backdrop{z-index:100;background:#0009;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:.5rem;width:min(700px,100%);max-height:90vh;padding:1.25rem;overflow:auto;box-shadow:0 20px 50px #0006}.secret{overflow-wrap:anywhere;background:#fff8dc;margin:1rem 0;padding:1rem;font:1.1rem monospace;display:block}.wizard{gap:.75rem;display:grid}.wizard label{gap:.3rem;display:grid}.wizard input:not([type=checkbox]),.wizard textarea{border:1px solid #91a0ac;border-radius:.35rem;width:100%;padding:.65rem}.bundle-result{overflow-wrap:anywhere;background:#f8fafb;border:1px solid #ccd5dd;border-radius:.5rem;margin:1rem 0;padding:1rem}.error{color:#9b1c1c}@media (width<=700px){header{flex-direction:column;align-items:flex-start}header nav{flex-wrap:wrap}table{display:block;overflow-x:auto}.content{padding:.75rem}.config-form label{width:100%}}button{cursor:pointer;background:#fff;border:1px solid #9aa8b4;border-radius:5px;padding:.55rem .8rem}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #2367a8}header{color:#fff;background:#17324d;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex}header nav{align-items:center;gap:1rem;display:flex}.content{max-width:1200px;margin:auto;padding:2rem}.login,.center{place-items:center;min-height:100vh;display:grid}.login form{background:#fff;border:1px solid #d5dde3;border-radius:8px;width:min(420px,92vw);padding:2rem;box-shadow:0 5px 25px #14283a18}.login label,.search{gap:.35rem;margin:1rem 0;display:grid}.login input,.search input{border:1px solid #91a0ac;border-radius:4px;padding:.65rem}.error,.danger,.warning{color:#a51d25}.hint,.muted{color:#52616d}.title-row{justify-content:space-between;align-items:center;display:flex}.cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.device-card{text-align:left;gap:.45rem;padding:1rem;display:grid}.indicators,.actions{flex-wrap:wrap;gap:.6rem;margin:1rem 0;display:flex}.badge{border-radius:999px;padding:.3rem .65rem;font-weight:700}.badge.ok{color:#17642d;background:#d9f3df}.badge.off{color:#4d5962;background:#e3e8ec}.details{background:#fff;grid-template-columns:max-content 1fr;gap:.5rem 1rem;padding:1rem;display:grid}.details dt{font-weight:700}.transport{vertical-align:top;background:#fff;border-left:4px solid #3478a8;min-width:260px;margin:1rem 1rem 1rem 0;padding:1rem;display:inline-block}.offline{color:#fff;text-align:center;background:#8b2c2c;padding:.5rem}.link{color:#145d93;background:0 0;border:0}@media (width<=700px){header{align-items:flex-start;gap:1rem;padding:1rem}.content{padding:1rem}.title-row{display:block}}