body{font-family:system-ui,sans-serif;background:#f4f6f8;color:#17202a;margin:0}main{max-width:1100px;margin:3rem auto;background:white;padding:2rem;border-radius:.5rem}header{display:flex;justify-content:space-between;gap:1rem}nav{display:flex;gap:1rem}label{display:block;margin:1rem 0}input,select,button{padding:.6rem;max-width:100%;box-sizing:border-box}input:not([type=checkbox]),select{width:32rem}fieldset{margin:1.5rem 0;border:1px solid #ccd3da}table{border-collapse:collapse;width:100%}th,td{padding:.7rem;border-bottom:1px solid #ddd;text-align:left}.ONLINE{color:#087830;font-weight:700}.OFFLINE,.error{color:#a12622;font-weight:700}dt{font-weight:700;margin-top:1rem}dd{margin-left:0}section{padding:1rem;border:1px solid #ddd;margin:.5rem 0}
