body{margin:0;font:15px system-ui;background:#f4f6f8;color:#18202a}main{max-width:1100px;margin:auto;padding:32px}.bar,.actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.panel{background:white;border:1px solid #d9dee5;border-radius:7px;padding:20px;margin-top:20px}input,button{font:inherit;padding:10px;border:1px solid #cbd2da;border-radius:5px}button{background:#18202a;color:white;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.machine{border-left:4px solid #16a36a;padding:14px;background:#fafbfc}.offline{border-left-color:#d93f47}.muted{color:#687382;font-size:13px}.hidden{display:none}.error{color:#b4232b}