:root{font-family:system-ui,sans-serif;color:#182638;background:#f3f6fa}body{margin:0}main{max-width:1100px;margin:45px auto;padding:0 22px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}h1{font-size:30px;margin:0}p{color:#52637a}section{background:white;border:1px solid #dbe3ed;border-radius:14px;margin:22px 0;padding:22px;overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 8px;border-bottom:1px solid #e7edf4}th{font-size:13px;color:#52637a}input,button{font:inherit;border:1px solid #bccbdb;border-radius:7px;padding:9px 12px}input{max-width:100%;box-sizing:border-box}button{cursor:pointer;background:#fff;color:#174673}button.primary{background:#174673;color:white}.online{color:#137440}.offline{color:#b63131}.unknown{color:#816320}.warning{background:#fff2d1;padding:12px;border-radius:8px}.hidden{display:none}.actions{display:flex;gap:7px;flex-wrap:wrap}.login{max-width:400px}.login label{display:block;margin:15px 0}.login input{width:100%;margin-top:5px}.muted{font-size:13px;color:#52637a}#add{display:flex;gap:10px;flex-wrap:wrap}#error{color:#b63131}a{color:#174673}@media(max-width:650px){main{margin-top:22px}header{align-items:flex-start}h1{font-size:24px}th,td{padding:10px 6px;font-size:13px}}