:root{color:#18323e;font-synthesis:none;background:#eef3f5;font-family:Segoe UI,sans-serif}body{margin:0}header{color:#fff;background:#123342;justify-content:space-between;align-items:center;padding:24px 5%;display:flex}header strong{font-size:26px}header span{color:#c3d8df;display:block}main{max-width:1400px;margin:30px auto;padding:0 24px}section{background:#fff;border:1px solid #dce4e8;border-radius:12px;margin-bottom:24px;padding:24px;overflow:auto}h1,h2{margin:0 0 18px}.title,.jobs{align-items:center;gap:16px;display:flex}.title{justify-content:space-between}button,select,input{font:inherit;border:1px solid #bccdd3;border-radius:6px;padding:10px}button{color:#fff;cursor:pointer;background:#126776}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e0a623}input{min-width:250px}form{align-items:end;gap:12px;margin-bottom:24px;display:flex}label{gap:6px;display:grid}table{border-collapse:collapse;text-align:left;width:100%;margin-top:18px;font-size:14px}td,th{border-bottom:1px solid #e1e8ec;padding:14px 10px}td button{margin-top:8px;display:block}small{color:#627983;margin-top:6px;display:block}th{color:#526b76}.online{color:#12634d}.offline{color:#735c4a}.error{color:#912a27;background:#ffe9e8;border-radius:8px;padding:16px}@media (width<=700px){form,.jobs{flex-direction:column;align-items:stretch}header span{display:none}main{padding:0 12px}section{padding:16px}}form.login{grid-template-columns:1fr;align-items:stretch;max-width:420px;display:grid}.login input{box-sizing:border-box;width:100%}