:root{font-family:system-ui,"Microsoft YaHei",sans-serif;color:#172033;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}header{display:flex;gap:2rem;align-items:center;padding:1rem 2rem;background:#172033;color:#fff}nav{display:flex;gap:1rem;align-items:center}nav a{color:#dfe8ff;text-decoration:none}nav form{display:inline}main{padding:1.5rem;max-width:1600px;margin:auto}.card{background:#fff;border:1px solid #dde3ee;border-radius:10px;padding:1rem;margin:1rem 0}.narrow{max-width:440px;margin:4rem auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem}.two{grid-template-columns:1fr 1fr}label{display:flex;flex-direction:column;gap:.35rem}input,textarea,select,button{font:inherit;padding:.55rem;border:1px solid #bbc5d4;border-radius:6px}textarea{width:100%}button{background:#2463eb;color:#fff;border:0;cursor:pointer}.danger{background:#c83232}table{width:100%;border-collapse:collapse;background:#fff;margin:1rem 0}th,td{padding:.6rem;border:1px solid #dde3ee;text-align:left;vertical-align:top}th{background:#edf2fa}.dot{display:inline-block;width:.7rem;height:.7rem;border-radius:50%;margin-right:.35rem}.online{background:#20a35a}.offline{background:#a8aeb8}.ok,.error{padding:.7rem;border-radius:6px;margin:.7rem 0}.ok{background:#ddf8e7}.error{background:#ffe1e1;color:#8c1515}small{color:#68758a}@media(max-width:800px){header{display:block}.two{grid-template-columns:1fr}table{display:block;overflow:auto}}