:root{font-family:system-ui,sans-serif;font-size:14px;color:#1d1d1f;background:#f5f5f7}body{margin:0}main{max-width:1100px;margin:0 auto;padding:16px}header{display:flex;align-items:center;gap:12px;margin-bottom:12px}header h1{font-size:18px;margin:0;flex:1}nav{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}nav button.on{background:#1d1d1f;color:#fff}section{background:#fff;border-radius:8px;padding:12px 16px;margin-bottom:12px;overflow-x:auto}h2{font-size:15px;margin:4px 0 10px}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid #eee;vertical-align:middle}th{color:#666;font-weight:500}button{font:inherit;padding:4px 10px;border:1px solid #ccc;border-radius:6px;background:#fff;cursor:pointer}button.danger{color:#b00020;border-color:#e3b5bd}button+button{margin-left:4px}select,input{font:inherit;padding:3px 6px}.muted{color:#888}.error{color:#b00020;margin:8px 0}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:#bbb}.dot.on{background:#2e9d4f}.dot.idle{background:#e0a100}.login{max-width:320px;margin:80px auto;display:flex;flex-direction:column;gap:8px}