:root{color-scheme:light dark;font-family:Tahoma,Arial,sans-serif;background:#0e1725;color:#e8eef6}body{margin:0}main{max-width:1100px;margin:32px auto;padding:0 20px}header{display:flex;align-items:center;justify-content:space-between}h1{font-size:24px}h2{font-size:18px}.note,footer{color:#aab8cc;line-height:1.9}form,article{background:#18263a;border:1px solid #30455f;border-radius:12px;padding:20px;margin:16px 0}form{max-width:400px}label{display:block;margin:16px 0}input{display:block;box-sizing:border-box;width:100%;padding:10px;margin-top:8px;border:1px solid #536982;border-radius:6px}button{padding:10px 20px;border:0;border-radius:6px;background:#52c7ba;color:#082722;cursor:pointer}dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}dl div{background:#101d30;padding:14px;border-radius:8px}dt{color:#aab8cc;font-size:13px}dd{margin:10px 0 0;font-size:22px;direction:ltr;text-align:right}.warning{color:#ffd783}.critical,.offline{color:#ff9999}.online{color:#78dac5}.alert{padding:14px;border-bottom:1px solid #30455f}#message{color:#ffd783}small{color:#aab8cc}header p{margin:0}